@lglab/compose-ui 0.27.0 → 0.29.0

package/dist/dialog.d.ts

@@ -1,92 +1,101 @@
-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 DialogBackdrop: {
-    ({ className, ...props }: DialogBackdropProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogBackdropProps = React_2.ComponentProps<typeof Dialog.Backdrop>;
-
-export declare const DialogClose: {
-    ({ className, variant, size, ...props }: DialogCloseProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogCloseProps = React_2.ComponentProps<typeof Dialog.Close> & {
-    /** Visual style variant */
-    variant?: ButtonVariant;
-    /** Size of the close button */
-    size?: ButtonSize;
-};
-
-export declare const DialogDescription: {
-    ({ className, ...props }: DialogDescriptionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogDescriptionProps = React_2.ComponentProps<typeof Dialog.Description>;
-
-export declare const DialogFooter: {
-    ({ className, ...props }: DialogFooterProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogFooterProps = React_2.HTMLAttributes<HTMLDivElement>;
-
-export declare const DialogHeader: {
-    ({ className, ...props }: DialogHeaderProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogHeaderProps = React_2.HTMLAttributes<HTMLDivElement>;
-
-export declare const DialogPopup: {
-    ({ className, size, ...props }: DialogPopupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogPopupProps = React_2.ComponentProps<typeof Dialog.Popup> & {
-    /** Size of the dialog popup */
-    size?: 'sm' | 'default' | 'lg' | 'xl' | 'full';
-};
-
-export declare const DialogPortal: {
-    (props: DialogPortalProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogPortalProps = React_2.ComponentProps<typeof Dialog.Portal>;
-
-export declare const DialogRoot: {
-    (props: DialogRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogRootProps = React_2.ComponentProps<typeof Dialog.Root>;
-
-export declare const DialogTitle: {
-    ({ className, ...props }: DialogTitleProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogTitleProps = React_2.ComponentProps<typeof Dialog.Title>;
-
-export declare const DialogTrigger: {
-    ({ className, variant, size, ...props }: DialogTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type DialogTriggerProps = 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_runtime188 from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/dialog.d.ts
+type DialogRootProps = React.ComponentProps<typeof Dialog.Root>;
+declare const DialogRoot: {
+  (props: DialogRootProps): react_jsx_runtime188.JSX.Element;
+  displayName: string;
+};
+type DialogTriggerProps = React.ComponentProps<typeof Dialog.Trigger> & {
+  /** Visual style variant */
+  variant?: ButtonVariant;
+  /** Size of the trigger button */
+  size?: ButtonSize;
+};
+declare const DialogTrigger: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: DialogTriggerProps): react_jsx_runtime188.JSX.Element;
+  displayName: string;
+};
+type DialogPortalProps = React.ComponentProps<typeof Dialog.Portal>;
+declare const DialogPortal: {
+  (props: DialogPortalProps): react_jsx_runtime188.JSX.Element;
+  displayName: string;
+};
+type DialogBackdropProps = React.ComponentProps<typeof Dialog.Backdrop>;
+declare const DialogBackdrop: {
+  ({
+    className,
+    ...props
+  }: DialogBackdropProps): react_jsx_runtime188.JSX.Element;
+  displayName: string;
+};
+type DialogPopupProps = React.ComponentProps<typeof Dialog.Popup> & {
+  /** Size of the dialog popup */
+  size?: 'sm' | 'default' | 'lg' | 'xl' | 'full';
+};
+declare const DialogPopup: {
+  ({
+    className,
+    size,
+    ...props
+  }: DialogPopupProps): react_jsx_runtime188.JSX.Element;
+  displayName: string;
+};
+type DialogTitleProps = React.ComponentProps<typeof Dialog.Title>;
+declare const DialogTitle: {
+  ({
+    className,
+    ...props
+  }: DialogTitleProps): react_jsx_runtime188.JSX.Element;
+  displayName: string;
+};
+type DialogDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
+declare const DialogDescription: {
+  ({
+    className,
+    ...props
+  }: DialogDescriptionProps): react_jsx_runtime188.JSX.Element;
+  displayName: string;
+};
+type DialogCloseProps = React.ComponentProps<typeof Dialog.Close> & {
+  /** Visual style variant */
+  variant?: ButtonVariant;
+  /** Size of the close button */
+  size?: ButtonSize;
+};
+declare const DialogClose: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: DialogCloseProps): react_jsx_runtime188.JSX.Element;
+  displayName: string;
+};
+type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DialogHeader: {
+  ({
+    className,
+    ...props
+  }: DialogHeaderProps): react_jsx_runtime188.JSX.Element;
+  displayName: string;
+};
+type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DialogFooter: {
+  ({
+    className,
+    ...props
+  }: DialogFooterProps): react_jsx_runtime188.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { DialogBackdrop, type DialogBackdropProps, DialogClose, type DialogCloseProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogPopup, type DialogPopupProps, DialogPortal, type DialogPortalProps, DialogRoot, type DialogRootProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/dialog.d.ts.map

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

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_runtime260 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_runtime260.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_runtime260.JSX.Element;
+  displayName: string;
+};
+type DrawerPortalProps = React.ComponentProps<typeof Dialog.Portal>;
+declare const DrawerPortal: {
+  (props: DrawerPortalProps): react_jsx_runtime260.JSX.Element;
+  displayName: string;
+};
+type DrawerBackdropProps = React.ComponentProps<typeof Dialog.Backdrop>;
+declare const DrawerBackdrop: {
+  ({
+    className,
+    ...props
+  }: DrawerBackdropProps): react_jsx_runtime260.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_runtime260.JSX.Element;
+  displayName: string;
+};
+type DrawerTitleProps = React.ComponentProps<typeof Dialog.Title>;
+declare const DrawerTitle: {
+  ({
+    className,
+    ...props
+  }: DrawerTitleProps): react_jsx_runtime260.JSX.Element;
+  displayName: string;
+};
+type DrawerDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
+declare const DrawerDescription: {
+  ({
+    className,
+    ...props
+  }: DrawerDescriptionProps): react_jsx_runtime260.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_runtime260.JSX.Element;
+  displayName: string;
+};
+type DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DrawerHeader: {
+  ({
+    className,
+    ...props
+  }: DrawerHeaderProps): react_jsx_runtime260.JSX.Element;
+  displayName: string;
+};
+type DrawerContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DrawerContent: {
+  ({
+    className,
+    ...props
+  }: DrawerContentProps): react_jsx_runtime260.JSX.Element;
+  displayName: string;
+};
+type DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;
+declare const DrawerFooter: {
+  ({
+    className,
+    ...props
+  }: DrawerFooterProps): react_jsx_runtime260.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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"}