@konopskidev/ui 0.1.2 → 0.2.0

package/dist/components/ui/dialog.cjs

@@ -0,0 +1,148 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../../chunks/rolldown-runtime-CmQyd0Gu.cjs");
+const require_components_ui_button = require("./button.cjs");
+let cn = require("cn");
+let lucide_react = require("lucide-react");
+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/dialog.tsx
+/**
+* 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__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogClose({ ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Close, {
+		"data-slot": "dialog-close",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: (0, cn.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, closeButton, overlayClassName, showOverlay = true, variant = "default", ...props }) {
+	const resolvedCloseButton = closeButton ?? (showCloseButton === false ? false : true);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogPortal, { children: [showOverlay && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogOverlay, { className: overlayClassName }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(radix_ui.Dialog.Content, {
+		"data-slot": "dialog-content",
+		"data-variant": variant,
+		className: (0, cn.cn)(variant === "bare" ? BARE_CONTENT_CLASS : DEFAULT_CONTENT_CLASS, className),
+		...props,
+		children: [
+			children,
+			resolvedCloseButton === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Close, {
+				"data-slot": "dialog-close",
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_ui_button.Button, {
+					variant: "ghost",
+					size: "icon-sm",
+					className: "absolute top-4 right-4",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "sr-only",
+						children: "Close modal"
+					})]
+				})
+			}),
+			resolvedCloseButton !== true && resolvedCloseButton !== false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.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__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Content, {
+		"data-slot": "dialog-content",
+		className: (0, cn.cn)("outline-none", className),
+		...props
+	});
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "dialog-header",
+		className: (0, cn.cn)("flex flex-col gap-1.5", className),
+		...props
+	});
+}
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-slot": "dialog-footer",
+		className: (0, cn.cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props,
+		children: [children, showCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Close, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_ui_button.Button, {
+				variant: "outline",
+				children: "Close"
+			})
+		})]
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Title, {
+		"data-slot": "dialog-title",
+		className: (0, cn.cn)("font-display text-h3 leading-none font-semibold tracking-tight", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Description, {
+		"data-slot": "dialog-description",
+		className: (0, cn.cn)("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+		...props
+	});
+}
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogContentPrimitive = DialogContentPrimitive;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+
+//# sourceMappingURL=dialog.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.cjs","names":["DialogPrimitive","Button","XIcon"],"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":"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"}

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

@@ -0,0 +1,55 @@
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
+type DialogContentProps = React.ComponentProps<typeof DialogPrimitive.Content> & {
+    /**
+     * @deprecated Use `closeButton` instead. Kept so existing call sites keep
+     * working; `closeButton` wins when both are set.
+     */
+    showCloseButton?: boolean;
+    /**
+     * The corner affordance. `false` removes it, `true` (the default) renders the
+     * house ghost button, and a node replaces it — pass a single element, since it
+     * becomes the `Dialog.Close` trigger. Use this when the surface behind the
+     * button is not `bg-background` and the default ghost button would disappear.
+     */
+    closeButton?: boolean | React.ReactNode;
+    /** Classes for the backdrop. The layer is not otherwise reachable. */
+    overlayClassName?: string;
+    /** Render the backdrop at all. Defaults to `true`. */
+    showOverlay?: boolean;
+    /**
+     * `default` is the centred card. `bare` is a full-viewport layer with no
+     * border, background, padding, radius, shadow, cap or animation, for layouts
+     * that compose their own surface — an image viewer, a slide-over, a canvas.
+     */
+    variant?: 'default' | 'bare';
+};
+declare function DialogContent({ className, children, showCloseButton, closeButton, overlayClassName, showOverlay, variant, ...props }: DialogContentProps): React.JSX.Element;
+/**
+ * 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.
+ */
+declare function DialogContentPrimitive({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<'div'> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogContentPrimitive, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DialogContentProps, };

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

@@ -5,14 +5,52 @@ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogP
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
 declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
 declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+type DialogContentProps = React.ComponentProps<typeof DialogPrimitive.Content> & {
+    /**
+     * @deprecated Use `closeButton` instead. Kept so existing call sites keep
+     * working; `closeButton` wins when both are set.
+     */
     showCloseButton?: boolean;
-}): React.JSX.Element;
+    /**
+     * The corner affordance. `false` removes it, `true` (the default) renders the
+     * house ghost button, and a node replaces it — pass a single element, since it
+     * becomes the `Dialog.Close` trigger. Use this when the surface behind the
+     * button is not `bg-background` and the default ghost button would disappear.
+     */
+    closeButton?: boolean | React.ReactNode;
+    /** Classes for the backdrop. The layer is not otherwise reachable. */
+    overlayClassName?: string;
+    /** Render the backdrop at all. Defaults to `true`. */
+    showOverlay?: boolean;
+    /**
+     * `default` is the centred card. `bare` is a full-viewport layer with no
+     * border, background, padding, radius, shadow, cap or animation, for layouts
+     * that compose their own surface — an image viewer, a slide-over, a canvas.
+     */
+    variant?: 'default' | 'bare';
+};
+declare function DialogContent({ className, children, showCloseButton, closeButton, overlayClassName, showOverlay, variant, ...props }: DialogContentProps): React.JSX.Element;
+/**
+ * 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.
+ */
+declare function DialogContentPrimitive({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): React.JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<'div'> & {
     showCloseButton?: boolean;
 }): React.JSX.Element;
 declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
 declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export { Dialog, DialogClose, DialogContent, DialogContentPrimitive, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DialogContentProps, };
 //# sourceMappingURL=dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAE9E;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAExF;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,qBAEtF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEpF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAWtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,qBAwBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAIzE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAuB,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,qBAeA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQ/F;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,qBAW1D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAE9E;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAExF;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,qBAEtF;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEpF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAWtD;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAC/E;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACxC,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,WAAkB,EAClB,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,kBAAkB,qBA8BpB;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAQtD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAIzE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAuB,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,qBAeA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQ/F;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,qBAW1D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,KAAK,kBAAkB,GACxB,CAAC"}

package/dist/components/ui/dialog.js

@@ -1,61 +1,100 @@
+"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",
@@ -68,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",
@@ -78,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":["import { 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":";;;;;;;AAOA,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,qKACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EACrB,WACA,UACA,kBAAkB,MAClB,GAAG,SAGF;CACD,OACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,eAAD,CAAgB,CAAA,GAChB,qBAACA,OAAgB,SAAjB;EACE,aAAU;EACV,WAAW,GACT,sbACA,SACF;EACA,GAAI;EANN,UAAA,CAQG,UACA,mBACC,oBAACA,OAAgB,OAAjB;GAAuB,aAAU;GAAe,SAAA;GAC9C,UAAA,qBAAC,QAAD;IAAQ,SAAQ;IAAQ,MAAK;IAAU,WAAU;IAAjD,UAAA,CACE,oBAAC,OAAD,EAAO,WAAU,SAAU,CAAA,GAC3B,oBAAC,QAAD;KAAM,WAAU;KAAU,UAAA;IAAiB,CAAA,CACrC;;EACa,CAAA,CAEF;CACb,CAAA,CAAA,EAAA,CAAA;AAElB;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,OAAgB,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,OAAgB,OAAjB;EACE,aAAU;EACV,WAAW,GAAG,kEAAkE,SAAS;EACzF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;CAC3D,OACE,oBAACA,OAAgB,aAAjB;EACE,aAAU;EACV,WAAW,GACT,sGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"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"}