@neynar/ui 0.3.1 → 0.5.0

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

@@ -1,403 +1,69 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
 import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
+type DialogProps = DialogPrimitive.Root.Props;
 /**
- * Dialog - A modal dialog component for important content or actions
- *
- * A modal window overlay component built on Radix UI Dialog primitives that interrupts
- * the user's workflow to capture their attention for important interactions. Dialogs render
- * content in a layer above the main application with proper focus management and accessibility.
- *
- * Use dialogs for critical interactions, confirmations, forms, or detailed information that
- * requires user focus and prevents interaction with the background content.
- *
- * @example
- * ```tsx
- * // Basic confirmation dialog
- * <Dialog>
- *   <DialogTrigger asChild>
- *     <Button>Open Dialog</Button>
- *   </DialogTrigger>
- *   <DialogContent>
- *     <DialogHeader>
- *       <DialogTitle>Are you sure?</DialogTitle>
- *       <DialogDescription>
- *         This action cannot be undone.
- *       </DialogDescription>
- *     </DialogHeader>
- *     <DialogFooter>
- *       <Button variant="outline">Cancel</Button>
- *       <Button>Continue</Button>
- *     </DialogFooter>
- *   </DialogContent>
- * </Dialog>
- * ```
- *
- * @example
- * ```tsx
- * // Controlled dialog with form handling
- * const [open, setOpen] = useState(false);
- *
- * <Dialog open={open} onOpenChange={setOpen}>
- *   <DialogTrigger asChild>
- *     <Button>Edit Profile</Button>
- *   </DialogTrigger>
- *   <DialogContent className="sm:max-w-[425px]">
- *     <DialogHeader>
- *       <DialogTitle>Edit profile</DialogTitle>
- *       <DialogDescription>
- *         Make changes to your profile here. Click save when you're done.
- *       </DialogDescription>
- *     </DialogHeader>
- *     <form onSubmit={handleSubmit}>
- *       <div className="grid gap-4 py-4">
- *         <Input label="Name" defaultValue="John Doe" />
- *         <Input label="Username" defaultValue="@johndoe" />
- *       </div>
- *       <DialogFooter>
- *         <Button type="submit">Save changes</Button>
- *       </DialogFooter>
- *     </form>
- *   </DialogContent>
- * </Dialog>
- * ```
- *
- * @example
- * ```tsx
- * // Custom close behavior
- * <Dialog>
- *   <DialogTrigger asChild>
- *     <Button>Share Link</Button>
- *   </DialogTrigger>
- *   <DialogContent showCloseButton={false}>
- *     <DialogHeader>
- *       <DialogTitle>Share this link</DialogTitle>
- *     </DialogHeader>
- *     <div className="flex items-center space-x-2">
- *       <Input value="https://example.com" readOnly />
- *       <Button size="sm"><Copy className="h-4 w-4" /></Button>
- *     </div>
- *     <DialogFooter>
- *       <DialogClose asChild>
- *         <Button variant="secondary">Done</Button>
- *       </DialogClose>
- *     </DialogFooter>
- *   </DialogContent>
- * </Dialog>
- * ```
- *
- * @accessibility
- * - Focus trapped within dialog when open using Radix UI focus management
- * - Escape key closes the dialog (can be disabled with `modal={false}`)
- * - Background scroll locked when dialog is open
- * - Proper ARIA attributes including aria-labelledby and aria-describedby
- * - Screen reader announcements when dialog opens/closes
- * - Focus returns to trigger element when dialog closes
- * - Background content becomes inert (non-interactive)
- * - Keyboard navigation between focusable elements
- * - Space/Enter keys open and close dialog
- * - Tab/Shift+Tab moves focus between interactive elements
- *
- * @see {@link https://ui.shadcn.com/docs/components/dialog} shadcn/ui Dialog documentation
- * @see {@link https://www.radix-ui.com/primitives/docs/components/dialog} Radix UI Dialog primitives
- * @see {@link DialogTrigger} Button that opens the dialog
- * @see {@link DialogContent} Main content container with overlay and portal
- * @see {@link DialogHeader} Container for title and description
- * @see {@link DialogFooter} Container for action buttons
- * @since 1.0.0
+ * Root dialog component. Groups all parts of the dialog and manages open state.
+ * Use with controlled (`open`/`onOpenChange`) or uncontrolled (`defaultOpen`) state.
  */
-declare function Dialog(props: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Dialog({ ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+type DialogTriggerProps = DialogPrimitive.Trigger.Props;
 /**
- * DialogTrigger - The element that opens the dialog when clicked
- *
- * Typically wraps a button or other interactive element. Use asChild
- * prop to render as the child element instead of a button. The trigger
- * automatically receives focus management and ARIA attributes.
- *
- * @example
- * ```tsx
- * <DialogTrigger asChild>
- *   <Button>Open Dialog</Button>
- * </DialogTrigger>
- * ```
- *
- * @example
- * ```tsx
- * // Direct button without asChild
- * <DialogTrigger className="custom-trigger-style">
- *   Click to open
- * </DialogTrigger>
- * ```
- *
- * @accessibility
- * - Automatically receives aria-expanded attribute based on dialog state
- * - Keyboard activation with Space and Enter keys
- * - Focus returns here when dialog closes
- * - Screen reader compatible with role="button" when used as direct element
- *
- * @see {@link Dialog} The root dialog container
- * @see {@link DialogContent} The content opened by this trigger
- * @since 1.0.0
+ * Button that opens the dialog. Use `render` prop to customize the trigger element.
  */
-declare function DialogTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+type DialogPortalProps = DialogPrimitive.Portal.Props;
 /**
- * DialogPortal - Portal container for dialog content
- *
- * Renders dialog content in a React portal at the end of the document body.
- * This ensures proper stacking context and prevents z-index issues. Rarely
- * used directly - typically included automatically by DialogContent.
- *
- * @example
- * ```tsx
- * // Custom portal container
- * const [container, setContainer] = useState(null);
- *
- * <DialogPortal container={container}>
- *   <DialogOverlay />
- *   <DialogContent>Portal content</DialogContent>
- * </DialogPortal>
- * <div ref={setContainer} />
- * ```
- *
- * @accessibility
- * - Ensures dialog renders outside normal DOM flow for proper focus management
- * - Maintains proper stacking order for screen readers
- * - Portal location doesn't affect ARIA relationships
- *
- * @see {@link DialogContent} Component that typically includes this portal
- * @since 1.0.0
+ * Portal component that renders dialog content at document root.
+ * Automatically used by DialogContent - rarely needed directly.
  */
-declare function DialogPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: DialogPortalProps): import("react/jsx-runtime").JSX.Element;
+type DialogCloseProps = DialogPrimitive.Close.Props;
 /**
- * DialogClose - A close button that dismisses the dialog
- *
- * Can be placed anywhere within DialogContent to provide a close action.
- * Typically used for custom close buttons in addition to the default X button.
- * Automatically closes the dialog when activated and returns focus to the trigger.
- *
- * @example
- * ```tsx
- * <DialogClose asChild>
- *   <Button variant="outline">Cancel</Button>
- * </DialogClose>
- * ```
- *
- * @example
- * ```tsx
- * // Direct button without asChild
- * <DialogClose className="close-button">
- *   Close Dialog
- * </DialogClose>
- * ```
- *
- * @example
- * ```tsx
- * // In footer with multiple actions
- * <DialogFooter>
- *   <DialogClose asChild>
- *     <Button variant="outline">Cancel</Button>
- *   </DialogClose>
- *   <Button type="submit">Save</Button>
- * </DialogFooter>
- * ```
- *
- * @accessibility
- * - Keyboard activation with Space and Enter keys
- * - Screen reader compatible with proper labeling
- * - Focus management returns to dialog trigger
- * - Can be used as implicit cancel action
- *
- * @see {@link DialogContent} Container that includes the default close button
- * @see {@link Dialog} Root component for controlling open state
- * @since 1.0.0
+ * Button that closes the dialog. Can be styled using the `render` prop.
  */
-declare function DialogClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: DialogCloseProps): import("react/jsx-runtime").JSX.Element;
+type DialogOverlayProps = DialogPrimitive.Backdrop.Props;
 /**
- * DialogOverlay - The backdrop overlay behind the dialog
- *
- * Provides a semi-transparent background that covers the main content.
- * Clicking the overlay will close the dialog by default. Features smooth
- * fade animations using Tailwind CSS and proper z-index stacking.
- *
- * @example
- * ```tsx
- * // Custom overlay styling
- * <DialogOverlay className="bg-red-500/20 backdrop-blur-sm" />
- * ```
- *
- * @example
- * ```tsx
- * // Typically used automatically within DialogContent
- * <DialogContent>
- *   // DialogOverlay is included automatically
- *   <DialogTitle>Dialog content</DialogTitle>
- * </DialogContent>
- * ```
- *
- * @accessibility
- * - Prevents interaction with background content (makes it inert)
- * - Can be clicked to dismiss dialog (respects modal prop)
- * - Proper z-index ensures overlay appears above page content
- * - Fade animations respect prefers-reduced-motion settings
- * - Background becomes non-focusable when dialog is open
- *
- * @see {@link DialogContent} Component that typically includes this overlay
- * @see {@link DialogPortal} Portal container for rendering overlay
- * @since 1.0.0
+ * Backdrop overlay that appears behind the dialog with blur effect.
  */
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: DialogOverlayProps): import("react/jsx-runtime").JSX.Element;
+type DialogContentProps = DialogPrimitive.Popup.Props & {
+    /**
+     * Show close button (X) in top-right corner.
+     * @default true
+     */
+    showCloseButton?: boolean;
+};
 /**
- * DialogContent - The main content container for the dialog
- *
- * The primary container for dialog content that automatically includes the overlay and portal.
- * Provides the visual dialog box with animations, positioning, and focus management.
- * Includes a close button (X) by default which can be hidden using the showCloseButton prop.
- *
- * @component
- * @example
- * ```tsx
- * // Standard content with header and footer
- * <DialogContent>
- *   <DialogHeader>
- *     <DialogTitle>Dialog Title</DialogTitle>
- *     <DialogDescription>
- *       Detailed description of the dialog's purpose
- *     </DialogDescription>
- *   </DialogHeader>
- *   <div className="py-4">
- *     Main dialog content goes here
- *   </div>
- *   <DialogFooter>
- *     <Button variant="outline">Cancel</Button>
- *     <Button>Confirm</Button>
- *   </DialogFooter>
- * </DialogContent>
- * ```
- *
- * @example
- * ```tsx
- * // Custom sizing and scrollable content
- * <DialogContent className="sm:max-w-[425px] max-h-[80vh] overflow-y-auto">
- *   <DialogHeader>
- *     <DialogTitle>Long Content</DialogTitle>
- *   </DialogHeader>
- *   <div className="space-y-4">
- *     // Long scrollable content
- *   </div>
- * </DialogContent>
- * ```
- *
- * @example
- * ```tsx
- * // Without default close button
- * <DialogContent showCloseButton={false}>
- *   <DialogHeader>
- *     <DialogTitle>Custom Close</DialogTitle>
- *   </DialogHeader>
- *   <div>Content without X button</div>
- *   <DialogFooter>
- *     <DialogClose asChild>
- *       <Button>Close</Button>
- *     </DialogClose>
- *   </DialogFooter>
- * </DialogContent>
- * ```
- *
- * @accessibility
- * - Automatically focuses first focusable element on open
- * - Traps focus within the dialog using Radix UI focus management
- * - Includes accessible close button with screen reader text ("Close")
- * - Proper ARIA labeling automatically applied via DialogTitle and DialogDescription
- * - ESC key support for closing (when modal={true})
- * - Click outside to close (when modal={true})
- *
- * @param className - Additional CSS classes to apply to the content container
- * @param children - Dialog content including header, body, and footer elements
- * @param showCloseButton - Whether to show the X close button in top-right corner (default: true)
- * @param ...props - All other props from Radix UI Dialog.Content including positioning and animation props
- *
- * @since 1.0.0
+ * Main dialog content container with automatic portal and backdrop overlay.
+ * Centered on screen with fade and zoom animations.
  */
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
-    showCloseButton?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+type DialogHeaderProps = React.ComponentProps<"div">;
 /**
- * DialogHeader - Container for dialog title and description
- *
- * Groups the dialog's title and description at the top of the dialog content.
- * Provides consistent spacing and alignment for header elements.
- *
- * @component
- * @example
- * ```tsx
- * <DialogHeader>
- *   <DialogTitle>Edit profile</DialogTitle>
- *   <DialogDescription>
- *     Make changes to your profile here. Click save when you're done.
- *   </DialogDescription>
- * </DialogHeader>
- * ```
- * @since 1.0.0
+ * Container for dialog title and description. Provides consistent spacing.
  */
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+type DialogFooterProps = React.ComponentProps<"div"> & {
+    /**
+     * Show a "Close" button in the footer.
+     * @default false
+     */
+    showCloseButton?: boolean;
+};
 /**
- * DialogFooter - Container for dialog action buttons
- *
- * Typically contains action buttons like Save, Cancel, or Submit.
- * Automatically handles responsive layout with proper button alignment.
- *
- * @component
- * @example
- * ```tsx
- * <DialogFooter>
- *   <Button variant="outline">Cancel</Button>
- *   <Button type="submit">Save changes</Button>
- * </DialogFooter>
- * ```
- *
- * @accessibility
- * - Buttons are arranged in logical order for keyboard navigation
- * - Mobile-responsive layout
- * @since 1.0.0
+ * Container for dialog actions. Stacks vertically on mobile, horizontal on desktop.
  */
-declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
+type DialogTitleProps = DialogPrimitive.Title.Props;
 /**
- * DialogTitle - The main heading of the dialog
- *
- * Provides the accessible name for the dialog. Should clearly describe
- * the dialog's purpose or the action being performed.
- *
- * @component
- * @example
- * ```tsx
- * <DialogTitle>Delete Account</DialogTitle>
- * ```
- *
- * @accessibility
- * - Automatically sets aria-labelledby on the dialog
- * - Should be descriptive and concise
- * @since 1.0.0
+ * Dialog title with accessible heading semantics. Required for screen readers.
  */
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
+type DialogDescriptionProps = DialogPrimitive.Description.Props;
 /**
- * DialogDescription - Supplementary description for the dialog
- *
- * Provides additional context or instructions for the dialog content.
- * Helps users understand what action they're about to take.
- *
- * @component
- * @example
- * ```tsx
- * <DialogDescription>
- *   This action cannot be undone. This will permanently delete your
- *   account and remove your data from our servers.
- * </DialogDescription>
- * ```
- *
- * @accessibility
- * - Automatically sets aria-describedby on the dialog
- * - Important for screen reader users to understand context
- * @since 1.0.0
+ * Dialog description providing additional context. Supports inline links with hover effects.
  */
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DialogProps, type DialogCloseProps, type DialogContentProps, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogOverlayProps, type DialogPortalProps, type DialogTitleProps, type DialogTriggerProps, };
 //# 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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAmK1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,aAAa,CACpB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAG5D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,iBAAS,YAAY,CACnB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAG3D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,iBAAS,WAAW,CAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAG1D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,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,2CAyBA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAMlE,KAAK,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;AAE9C;;;GAGG;AACH,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAExC;AAED,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC;AAExD;;GAEG;AACH,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAEtD;AAED,KAAK,iBAAiB,GAAG,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC;AAEtD;;;GAGG;AACH,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAEpD;AAED,KAAK,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;AAEpD;;GAEG;AACH,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAElD;AAED,KAAK,kBAAkB,GAAG,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC;AAEzD;;GAEG;AACH,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAWjE;AAED,KAAK,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG;IACtD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;;GAGG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA+BpB;AAED,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAErD;;GAEG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAQ/D;AAED,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAuB,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAkBnB;AAED,KAAK,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;AAEpD;;GAEG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAQ7D;AAED,KAAK,sBAAsB,GAAG,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC;AAEhE;;GAEG;AACH,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAWzE;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,CAAC"}

package/dist/components/ui/dialog.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
+import X from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import { DialogRoot } from "../../node_modules/@base-ui/react/esm/dialog/root/DialogRoot.js";
+import { DialogClose as DialogClose$1 } from "../../node_modules/@base-ui/react/esm/dialog/close/DialogClose.js";
+import { DialogPopup } from "../../node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js";
+import { DialogDescription as DialogDescription$1 } from "../../node_modules/@base-ui/react/esm/dialog/description/DialogDescription.js";
+import { DialogBackdrop } from "../../node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js";
+import { DialogPortal as DialogPortal$1 } from "../../node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.js";
+import { DialogTitle as DialogTitle$1 } from "../../node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js";
+import { DialogTrigger as DialogTrigger$1 } from "../../node_modules/@base-ui/react/esm/dialog/trigger/DialogTrigger.js";
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogRoot, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogTrigger$1, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPortal$1, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogClose$1, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogBackdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPopup,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-border grid max-w-[calc(100%-2rem)] gap-6 rounded-xl p-6 text-sm ring-1 duration-100 sm:max-w-md fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogClose$1,
+            {
+              "data-slot": "dialog-close",
+              render: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "absolute top-4 right-4",
+                  size: "icon-sm"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ jsx(X, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("gap-2 flex flex-col", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "gap-2 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ jsx(DialogClose$1, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Close" })
+      ]
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogTitle$1,
+    {
+      "data-slot": "dialog-title",
+      className: cn("leading-none font-medium", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogDescription$1,
+    {
+      "data-slot": "dialog-description",
+      className: cn(
+        "text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+};
+//# sourceMappingURL=dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\nimport { XIcon } from \"lucide-react\";\n\ntype DialogProps = DialogPrimitive.Root.Props;\n\n/**\n * Root dialog component. Groups all parts of the dialog and manages open state.\n * Use with controlled (`open`/`onOpenChange`) or uncontrolled (`defaultOpen`) state.\n */\nfunction Dialog({ ...props }: DialogProps) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\ntype DialogTriggerProps = DialogPrimitive.Trigger.Props;\n\n/**\n * Button that opens the dialog. Use `render` prop to customize the trigger element.\n */\nfunction DialogTrigger({ ...props }: DialogTriggerProps) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\ntype DialogPortalProps = DialogPrimitive.Portal.Props;\n\n/**\n * Portal component that renders dialog content at document root.\n * Automatically used by DialogContent - rarely needed directly.\n */\nfunction DialogPortal({ ...props }: DialogPortalProps) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\ntype DialogCloseProps = DialogPrimitive.Close.Props;\n\n/**\n * Button that closes the dialog. Can be styled using the `render` prop.\n */\nfunction DialogClose({ ...props }: DialogCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\ntype DialogOverlayProps = DialogPrimitive.Backdrop.Props;\n\n/**\n * Backdrop overlay that appears behind the dialog with blur effect.\n */\nfunction DialogOverlay({ className, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 isolate z-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype DialogContentProps = DialogPrimitive.Popup.Props & {\n  /**\n   * Show close button (X) in top-right corner.\n   * @default true\n   */\n  showCloseButton?: boolean;\n};\n\n/**\n * Main dialog content container with automatic portal and backdrop overlay.\n * Centered on screen with fade and zoom animations.\n */\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: DialogContentProps) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 ring-border grid max-w-[calc(100%-2rem)] gap-6 rounded-xl p-6 text-sm ring-1 duration-100 sm:max-w-md fixed top-1/2 left-1/2 z-50 w-full -translate-x-1/2 -translate-y-1/2 outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                className=\"absolute top-4 right-4\"\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Popup>\n    </DialogPortal>\n  );\n}\n\ntype DialogHeaderProps = React.ComponentProps<\"div\">;\n\n/**\n * Container for dialog title and description. Provides consistent spacing.\n */\nfunction DialogHeader({ className, ...props }: DialogHeaderProps) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"gap-2 flex flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\ntype DialogFooterProps = React.ComponentProps<\"div\"> & {\n  /**\n   * Show a \"Close\" button in the footer.\n   * @default false\n   */\n  showCloseButton?: boolean;\n};\n\n/**\n * Container for dialog actions. Stacks vertically on mobile, horizontal on desktop.\n */\nfunction DialogFooter({\n  className,\n  showCloseButton = false,\n  children,\n  ...props\n}: DialogFooterProps) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"gap-2 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close render={<Button variant=\"outline\" />}>\n          Close\n        </DialogPrimitive.Close>\n      )}\n    </div>\n  );\n}\n\ntype DialogTitleProps = DialogPrimitive.Title.Props;\n\n/**\n * Dialog title with accessible heading semantics. Required for screen readers.\n */\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"leading-none font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\ntype DialogDescriptionProps = DialogPrimitive.Description.Props;\n\n/**\n * Dialog description providing additional context. Supports inline links with hover effects.\n */\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        \"text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3\",\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  type DialogProps,\n  type DialogCloseProps,\n  type DialogContentProps,\n  type DialogDescriptionProps,\n  type DialogFooterProps,\n  type DialogHeaderProps,\n  type DialogOverlayProps,\n  type DialogPortalProps,\n  type DialogTitleProps,\n  type DialogTriggerProps,\n};\n"],"names":["DialogPrimitive.Backdrop","DialogPrimitive.Popup","DialogPrimitive.Close","DialogPrimitive.Title","DialogPrimitive.Description"],"mappings":";;;;;;;;;;;;;;AAeA;AACE;AACF;AAOA;AACE;AACF;AAQA;AACE;AACF;AAOA;AACE;AACF;AAOA;AACE;AACE;AAACA;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAcA;AAAuB;AACrB;AACA;AACkB;AAEpB;AACE;AAEI;AAAe;AACf;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAEH;AAAA;AAEC;AAACC;AAAA;AACW;AAER;AAAC;AAAA;AACS;AACE;AACL;AAAA;AAAA;AAIT;AAAO;AACwB;AAAA;AAAA;AAAA;AACjC;AAAA;AAAA;AAKV;AAOA;AACE;AACE;AAAC;AAAA;AACW;AACoC;AAC1C;AAAA;AAGV;AAaA;AAAsB;AACpB;AACkB;AAClB;AAEF;AACE;AACE;AAAC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAEH;AAAA;AAIC;AAAA;AAAA;AAIR;AAOA;AACE;AACE;AAACC;AAAA;AACW;AACyC;AAC/C;AAAA;AAGV;AAOA;AACE;AACE;AAACC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;;;;;;;;;;;;;"}