@lglab/compose-ui 0.28.0 → 0.30.0

package/dist/dialog.js

@@ -1,106 +1,102 @@
-"use client";
-import { jsx as t } from "react/jsx-runtime";
-import { Dialog as o } from "@base-ui/react/dialog";
-import { cva as n } from "class-variance-authority";
-import { b as s } from "./button-variants-CbFMPwc8.js";
-import { c as l } from "./utils-B6yFEsav.js";
-const d = (a) => /* @__PURE__ */ t(o.Root, { ...a });
-d.displayName = "DialogRoot";
-const g = ({ className: a, variant: e, size: i, ...r }) => /* @__PURE__ */ t(
-  o.Trigger,
-  {
-    className: l(s({ variant: e, size: i }), a),
-    ...r
-  }
-);
-g.displayName = "DialogTrigger";
-const c = (a) => /* @__PURE__ */ t(o.Portal, { ...a });
-c.displayName = "DialogPortal";
-const p = ({ className: a, ...e }) => /* @__PURE__ */ t(
-  o.Backdrop,
-  {
-    className: l(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      "transition-opacity duration-200",
-      "data-starting-style:opacity-0 data-ending-style:opacity-0",
-      a
-    ),
-    ...e
-  }
-);
-p.displayName = "DialogBackdrop";
-const m = n(
-  [
-    "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
-    "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
-    "transition-all duration-200",
-    "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
-    "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
-    "top-[calc(50%+1.25rem*var(--nested-dialogs))] scale-[calc(1-0.1*var(--nested-dialogs))]",
-    "data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "w-sm",
-        default: "w-lg",
-        lg: "w-2xl",
-        xl: "w-4xl",
-        full: "h-[calc(100vh-2rem)]"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), u = ({ className: a, size: e, ...i }) => /* @__PURE__ */ t(
-  o.Popup,
-  {
-    className: l(m({ size: e }), a),
-    ...i
-  }
-);
-u.displayName = "DialogPopup";
-const f = ({ className: a, ...e }) => /* @__PURE__ */ t(
-  o.Title,
-  {
-    className: l("text-lg font-medium leading-none tracking-tight", a),
-    ...e
-  }
-);
-f.displayName = "DialogTitle";
-const D = ({ className: a, ...e }) => /* @__PURE__ */ t(o.Description, { className: l("text-sm", a), ...e });
-D.displayName = "DialogDescription";
-const y = ({ className: a, variant: e, size: i, ...r }) => /* @__PURE__ */ t(
-  o.Close,
-  {
-    className: l(s({ variant: e ?? "outline", size: i }), a),
-    ...r
-  }
-);
-y.displayName = "DialogClose";
-const N = ({ className: a, ...e }) => /* @__PURE__ */ t("div", { className: l("flex flex-col gap-1 mb-5", a), ...e });
-N.displayName = "DialogHeader";
-const x = ({ className: a, ...e }) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: l(
-      "mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-      a
-    ),
-    ...e
-  }
-);
-x.displayName = "DialogFooter";
-export {
-  p as DialogBackdrop,
-  y as DialogClose,
-  D as DialogDescription,
-  x as DialogFooter,
-  N as DialogHeader,
-  u as DialogPopup,
-  c as DialogPortal,
-  d as DialogRoot,
-  f as DialogTitle,
-  g as DialogTrigger
+'use client';
+
+import { buttonVariants } from "./lib/button-variants.js";
+import { cn } from "./lib/utils.js";
+import "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/dialog.tsx
+const DialogRoot = (props) => {
+	return /* @__PURE__ */ jsx(Dialog.Root, { ...props });
 };
+DialogRoot.displayName = "DialogRoot";
+const DialogTrigger = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		className: cn(buttonVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+};
+DialogTrigger.displayName = "DialogTrigger";
+const DialogPortal = (props) => {
+	return /* @__PURE__ */ jsx(Dialog.Portal, { ...props });
+};
+DialogPortal.displayName = "DialogPortal";
+const DialogBackdrop = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		className: cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", "transition-opacity duration-200", "data-starting-style:opacity-0 data-ending-style:opacity-0", className),
+		...props
+	});
+};
+DialogBackdrop.displayName = "DialogBackdrop";
+const dialogPopupVariants = cva([
+	"fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
+	"w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
+	"transition-all duration-200",
+	"data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+	"data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
+	"top-[calc(50%+1.25rem*var(--nested-dialogs))] scale-[calc(1-0.1*var(--nested-dialogs))]",
+	"data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5"
+], {
+	variants: { size: {
+		sm: "w-sm",
+		default: "w-lg",
+		lg: "w-2xl",
+		xl: "w-4xl",
+		full: "h-[calc(100vh-2rem)]"
+	} },
+	defaultVariants: { size: "default" }
+});
+const DialogPopup = ({ className, size, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Popup, {
+		className: cn(dialogPopupVariants({ size }), className),
+		...props
+	});
+};
+DialogPopup.displayName = "DialogPopup";
+const DialogTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		className: cn("text-lg font-medium leading-none tracking-tight", className),
+		...props
+	});
+};
+DialogTitle.displayName = "DialogTitle";
+const DialogDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		className: cn("text-sm", className),
+		...props
+	});
+};
+DialogDescription.displayName = "DialogDescription";
+const DialogClose = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		className: cn(buttonVariants({
+			variant: variant ?? "outline",
+			size
+		}), className),
+		...props
+	});
+};
+DialogClose.displayName = "DialogClose";
+const DialogHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-1 mb-5", className),
+		...props
+	});
+};
+DialogHeader.displayName = "DialogHeader";
+const DialogFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+};
+DialogFooter.displayName = "DialogFooter";
+
+//#endregion
+export { DialogBackdrop, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogRoot, DialogTitle, DialogTrigger };
+//# sourceMappingURL=dialog.js.map

package/dist/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["BaseDialog"],"sources":["../src/components/dialog.tsx"],"sourcesContent":["'use client'\n\nimport { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport {\n  type ButtonSize,\n  type ButtonVariant,\n  buttonVariants,\n} from '../lib/button-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// DialogRoot\n// ============================================================================\n\ntype DialogRootProps = React.ComponentProps<typeof BaseDialog.Root>\n\nconst DialogRoot = (props: DialogRootProps) => {\n  return <BaseDialog.Root {...props} />\n}\n\nDialogRoot.displayName = 'DialogRoot'\n\n// ============================================================================\n// DialogTrigger\n// ============================================================================\n\ntype DialogTriggerProps = React.ComponentProps<typeof BaseDialog.Trigger> & {\n  /** Visual style variant */\n  variant?: ButtonVariant\n  /** Size of the trigger button */\n  size?: ButtonSize\n}\n\nconst DialogTrigger = ({ className, variant, size, ...props }: DialogTriggerProps) => {\n  return (\n    <BaseDialog.Trigger\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nDialogTrigger.displayName = 'DialogTrigger'\n\n// ============================================================================\n// DialogPortal\n// ============================================================================\n\ntype DialogPortalProps = React.ComponentProps<typeof BaseDialog.Portal>\n\nconst DialogPortal = (props: DialogPortalProps) => {\n  return <BaseDialog.Portal {...props} />\n}\n\nDialogPortal.displayName = 'DialogPortal'\n\n// ============================================================================\n// DialogBackdrop\n// ============================================================================\n\ntype DialogBackdropProps = React.ComponentProps<typeof BaseDialog.Backdrop>\n\nconst DialogBackdrop = ({ className, ...props }: DialogBackdropProps) => {\n  return (\n    <BaseDialog.Backdrop\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n        'transition-opacity duration-200',\n        'data-starting-style:opacity-0 data-ending-style:opacity-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nDialogBackdrop.displayName = 'DialogBackdrop'\n\n// ============================================================================\n// DialogPopup\n// ============================================================================\n\nconst dialogPopupVariants = cva(\n  [\n    'fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n    'w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg',\n    'transition-all duration-200',\n    'data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n    'data-[ending-style]:scale-95 data-[ending-style]:opacity-0',\n    'top-[calc(50%+1.25rem*var(--nested-dialogs))] scale-[calc(1-0.1*var(--nested-dialogs))]',\n    'data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'w-sm',\n        default: 'w-lg',\n        lg: 'w-2xl',\n        xl: 'w-4xl',\n        full: 'h-[calc(100vh-2rem)]',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  },\n)\n\ntype DialogPopupProps = React.ComponentProps<typeof BaseDialog.Popup> & {\n  /** Size of the dialog popup */\n  size?: 'sm' | 'default' | 'lg' | 'xl' | 'full'\n}\n\nconst DialogPopup = ({ className, size, ...props }: DialogPopupProps) => {\n  return (\n    <BaseDialog.Popup\n      className={cn(dialogPopupVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nDialogPopup.displayName = 'DialogPopup'\n\n// ============================================================================\n// DialogTitle\n// ============================================================================\n\ntype DialogTitleProps = React.ComponentProps<typeof BaseDialog.Title>\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => {\n  return (\n    <BaseDialog.Title\n      className={cn('text-lg font-medium leading-none tracking-tight', className)}\n      {...props}\n    />\n  )\n}\n\nDialogTitle.displayName = 'DialogTitle'\n\n// ============================================================================\n// DialogDescription\n// ============================================================================\n\ntype DialogDescriptionProps = React.ComponentProps<typeof BaseDialog.Description>\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => {\n  return <BaseDialog.Description className={cn('text-sm', className)} {...props} />\n}\n\nDialogDescription.displayName = 'DialogDescription'\n\n// ============================================================================\n// DialogClose\n// ============================================================================\n\ntype DialogCloseProps = React.ComponentProps<typeof BaseDialog.Close> & {\n  /** Visual style variant */\n  variant?: ButtonVariant\n  /** Size of the close button */\n  size?: ButtonSize\n}\n\nconst DialogClose = ({ className, variant, size, ...props }: DialogCloseProps) => {\n  return (\n    <BaseDialog.Close\n      className={cn(buttonVariants({ variant: variant ?? 'outline', size }), className)}\n      {...props}\n    />\n  )\n}\n\nDialogClose.displayName = 'DialogClose'\n\n// ============================================================================\n// DialogHeader (Utility Component)\n// ============================================================================\n\ntype DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>\n\nconst DialogHeader = ({ className, ...props }: DialogHeaderProps) => {\n  return <div className={cn('flex flex-col gap-1 mb-5', className)} {...props} />\n}\n\nDialogHeader.displayName = 'DialogHeader'\n\n// ============================================================================\n// DialogFooter (Utility Component)\n// ============================================================================\n\ntype DialogFooterProps = React.HTMLAttributes<HTMLDivElement>\n\nconst DialogFooter = ({ className, ...props }: DialogFooterProps) => {\n  return (\n    <div\n      className={cn(\n        'mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nDialogFooter.displayName = 'DialogFooter'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  DialogRoot,\n  DialogTrigger,\n  DialogPortal,\n  DialogBackdrop,\n  DialogPopup,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  DialogHeader,\n  DialogFooter,\n}\n\nexport type {\n  DialogRootProps,\n  DialogTriggerProps,\n  DialogPortalProps,\n  DialogBackdropProps,\n  DialogPopupProps,\n  DialogTitleProps,\n  DialogDescriptionProps,\n  DialogCloseProps,\n  DialogHeaderProps,\n  DialogFooterProps,\n}\n"],"mappings":";;;;;;;;;;AAmBA,MAAM,cAAc,UAA2B;AAC7C,QAAO,oBAACA,OAAW,QAAK,GAAI,QAAS;;AAGvC,WAAW,cAAc;AAazB,MAAM,iBAAiB,EAAE,WAAW,SAAS,MAAM,GAAG,YAAgC;AACpF,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU;EAC3D,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,gBAAgB,UAA6B;AACjD,QAAO,oBAACA,OAAW,UAAO,GAAI,QAAS;;AAGzC,aAAa,cAAc;AAQ3B,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QACE,oBAACA,OAAW;EACV,WAAW,GACT,mDACA,mCACA,6DACA,UACD;EACD,GAAI;GACJ;;AAIN,eAAe,cAAc;AAM7B,MAAM,sBAAsB,IAC1B;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,IAAI;EACJ,IAAI;EACJ,MAAM;EACP,EACF;CACD,iBAAiB,EACf,MAAM,WACP;CACF,CACF;AAOD,MAAM,eAAe,EAAE,WAAW,MAAM,GAAG,YAA8B;AACvE,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,oBAAoB,EAAE,MAAM,CAAC,EAAE,UAAU;EACvD,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,mDAAmD,UAAU;EAC3E,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QAAO,oBAACA,OAAW;EAAY,WAAW,GAAG,WAAW,UAAU;EAAE,GAAI;GAAS;;AAGnF,kBAAkB,cAAc;AAahC,MAAM,eAAe,EAAE,WAAW,SAAS,MAAM,GAAG,YAA8B;AAChF,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,eAAe;GAAE,SAAS,WAAW;GAAW;GAAM,CAAC,EAAE,UAAU;EACjF,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QAAO,oBAAC;EAAI,WAAW,GAAG,4BAA4B,UAAU;EAAE,GAAI;GAAS;;AAGjF,aAAa,cAAc;AAQ3B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAAC;EACC,WAAW,GACT,+DACA,UACD;EACD,GAAI;GACJ;;AAIN,aAAa,cAAc"}

package/dist/drawer.d.ts

@@ -1,99 +1,109 @@
-import { Dialog } from '@base-ui/react/dialog';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-declare type ButtonSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
-
-declare type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
-
-export declare const DrawerBackdrop: {
-    ({ className, ...props }: DrawerBackdropProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DrawerBackdropProps = React_2.ComponentProps<typeof Dialog.Backdrop>;
-
-export declare const DrawerClose: {
-    ({ className, variant, size, ...props }: DrawerCloseProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DrawerCloseProps = React_2.ComponentProps<typeof Dialog.Close> & {
-    /** Visual style variant */
-    variant?: ButtonVariant;
-    /** Size of the close button */
-    size?: ButtonSize;
-};
-
-export declare const DrawerContent: {
-    ({ className, ...props }: DrawerContentProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DrawerContentProps = React_2.HTMLAttributes<HTMLDivElement>;
-
-export declare const DrawerDescription: {
-    ({ className, ...props }: DrawerDescriptionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DrawerDescriptionProps = React_2.ComponentProps<typeof Dialog.Description>;
-
-export declare const DrawerFooter: {
-    ({ className, ...props }: DrawerFooterProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DrawerFooterProps = React_2.HTMLAttributes<HTMLDivElement>;
-
-export declare const DrawerHeader: {
-    ({ className, ...props }: DrawerHeaderProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DrawerHeaderProps = React_2.HTMLAttributes<HTMLDivElement>;
-
-export declare const DrawerPopup: {
-    ({ className, side, ...props }: DrawerPopupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DrawerPopupProps = React_2.ComponentProps<typeof Dialog.Popup> & {
-    /** Side from which the drawer slides in */
-    side?: 'top' | 'right' | 'bottom' | 'left';
-};
-
-export declare const DrawerPortal: {
-    (props: DrawerPortalProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DrawerPortalProps = React_2.ComponentProps<typeof Dialog.Portal>;
-
-export declare const DrawerRoot: {
-    (props: DrawerRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DrawerRootProps = React_2.ComponentProps<typeof Dialog.Root>;
-
-export declare const DrawerTitle: {
-    ({ className, ...props }: DrawerTitleProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DrawerTitleProps = React_2.ComponentProps<typeof Dialog.Title>;
-
-export declare const DrawerTrigger: {
-    ({ className, variant, size, ...props }: DrawerTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DrawerTriggerProps = React_2.ComponentProps<typeof Dialog.Trigger> & {
-    /** Visual style variant */
-    variant?: ButtonVariant;
-    /** Size of the trigger button */
-    size?: ButtonSize;
-};
-
-export { }
+import { ButtonSize, ButtonVariant } from "./lib/button-variants.js";
+import * as React from "react";
+import * as react_jsx_runtime274 from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/drawer.d.ts
+type DrawerRootProps = React.ComponentProps<typeof Dialog.Root>;
+declare const DrawerRoot: {
+  (props: DrawerRootProps): react_jsx_runtime274.JSX.Element;
+  displayName: string;
+};
+type DrawerTriggerProps = React.ComponentProps<typeof Dialog.Trigger> & {
+  /** Visual style variant */
+  variant?: ButtonVariant;
+  /** Size of the trigger button */
+  size?: ButtonSize;
+};
+declare const DrawerTrigger: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: DrawerTriggerProps): react_jsx_runtime274.JSX.Element;
+  displayName: string;
+};
+type DrawerPortalProps = React.ComponentProps<typeof Dialog.Portal>;
+declare const DrawerPortal: {
+  (props: DrawerPortalProps): react_jsx_runtime274.JSX.Element;
+  displayName: string;
+};
+type DrawerBackdropProps = React.ComponentProps<typeof Dialog.Backdrop>;
+declare const DrawerBackdrop: {
+  ({
+    className,
+    ...props
+  }: DrawerBackdropProps): react_jsx_runtime274.JSX.Element;
+  displayName: string;
+};
+type DrawerPopupProps = React.ComponentProps<typeof Dialog.Popup> & {
+  /** Side from which the drawer slides in */
+  side?: 'top' | 'right' | 'bottom' | 'left';
+};
+declare const DrawerPopup: {
+  ({
+    className,
+    side,
+    ...props
+  }: DrawerPopupProps): react_jsx_runtime274.JSX.Element;
+  displayName: string;
+};
+type DrawerTitleProps = React.ComponentProps<typeof Dialog.Title>;
+declare const DrawerTitle: {
+  ({
+    className,
+    ...props
+  }: DrawerTitleProps): react_jsx_runtime274.JSX.Element;
+  displayName: string;
+};
+type DrawerDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
+declare const DrawerDescription: {
+  ({
+    className,
+    ...props
+  }: DrawerDescriptionProps): react_jsx_runtime274.JSX.Element;
+  displayName: string;
+};
+type DrawerCloseProps = React.ComponentProps<typeof Dialog.Close> & {
+  /** Visual style variant */
+  variant?: ButtonVariant;
+  /** Size of the close button */
+  size?: ButtonSize;
+};
+declare const DrawerClose: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: DrawerCloseProps): react_jsx_runtime274.JSX.Element;
+  displayName: string;
+};
+type DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DrawerHeader: {
+  ({
+    className,
+    ...props
+  }: DrawerHeaderProps): react_jsx_runtime274.JSX.Element;
+  displayName: string;
+};
+type DrawerContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DrawerContent: {
+  ({
+    className,
+    ...props
+  }: DrawerContentProps): react_jsx_runtime274.JSX.Element;
+  displayName: string;
+};
+type DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DrawerFooter: {
+  ({
+    className,
+    ...props
+  }: DrawerFooterProps): react_jsx_runtime274.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, DrawerRoot, type DrawerRootProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../src/components/drawer.tsx"],"sourcesContent":[],"mappings":"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"}