raft-ui 0.0.4 → 0.0.6

package/dist/wip.d.mts

@@ -1,10 +1,128 @@
-import { n as VariantProps, t as StyledProps } from "./styled-props-B3SNekJg.mjs";
+import { a as VariantProps, i as StyledProps, n as ButtonProps } from "./index-CpGciYPW.mjs";
 import { ComponentPropsWithRef, ReactNode } from "react";
 import { useRender } from "@base-ui/react/use-render";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
-import { Dialog } from "@base-ui/react/dialog";
 
+//#region src/components/dialog/dialog.d.ts
+type DialogProps = Dialog$1.Root.Props;
+declare function Dialog(props: DialogProps): import("react").JSX.Element;
+type DialogTriggerProps = Dialog$1.Trigger.Props;
+declare function DialogTrigger(props: DialogTriggerProps): import("react").JSX.Element;
+type DialogPortalProps = Dialog$1.Portal.Props;
+declare function DialogPortal(props: DialogPortalProps): import("react").JSX.Element;
+type DialogOverlayProps = StyledProps<Dialog$1.Backdrop.Props>;
+declare function DialogOverlay({
+  className,
+  ...props
+}: DialogOverlayProps): import("react").JSX.Element;
+type DialogContentProps = StyledProps<Dialog$1.Popup.Props> & {
+  portalProps?: DialogPortalProps;
+  overlay?: false | DialogOverlayProps;
+};
+declare function DialogContent({
+  className,
+  children,
+  portalProps,
+  overlay,
+  ...props
+}: DialogContentProps): import("react").JSX.Element;
+type DialogCloseProps = Dialog$1.Close.Props;
+declare function DialogClose(props: DialogCloseProps): import("react").JSX.Element;
+type DialogHeaderProps = ComponentPropsWithRef<"div">;
+declare function DialogHeader({
+  className,
+  ...props
+}: DialogHeaderProps): import("react").JSX.Element;
+type DialogBodyProps = ComponentPropsWithRef<"div">;
+declare function DialogBody({
+  className,
+  ...props
+}: DialogBodyProps): import("react").JSX.Element;
+type DialogFooterProps = ComponentPropsWithRef<"div">;
+declare function DialogFooter({
+  className,
+  ...props
+}: DialogFooterProps): import("react").JSX.Element;
+type DialogTitleProps = StyledProps<Dialog$1.Title.Props>;
+declare function DialogTitle({
+  className,
+  ...props
+}: DialogTitleProps): import("react").JSX.Element;
+type DialogDescriptionProps = StyledProps<Dialog$1.Description.Props>;
+declare function DialogDescription({
+  className,
+  ...props
+}: DialogDescriptionProps): import("react").JSX.Element;
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.d.ts
+type AlertDialogProps = Dialog$1.Root.Props;
+declare function AlertDialog(props: AlertDialogProps): import("react").JSX.Element;
+type AlertDialogTriggerProps = Dialog$1.Trigger.Props;
+declare function AlertDialogTrigger(props: AlertDialogTriggerProps): import("react").JSX.Element;
+type AlertDialogPortalProps = Dialog$1.Portal.Props;
+declare function AlertDialogPortal(props: AlertDialogPortalProps): import("react").JSX.Element;
+type AlertDialogOverlayProps = StyledProps<Dialog$1.Backdrop.Props>;
+declare function AlertDialogOverlay({
+  className,
+  ...props
+}: AlertDialogOverlayProps): import("react").JSX.Element;
+type AlertDialogContentProps = StyledProps<Dialog$1.Popup.Props> & {
+  portalProps?: AlertDialogPortalProps;
+  overlay?: false | AlertDialogOverlayProps;
+  size?: "sm" | "md";
+};
+declare function AlertDialogContent({
+  className,
+  children,
+  portalProps,
+  overlay,
+  size,
+  ...props
+}: AlertDialogContentProps): import("react").JSX.Element;
+type AlertDialogHeaderProps = ComponentPropsWithRef<"div">;
+declare function AlertDialogHeader({
+  className,
+  ...props
+}: AlertDialogHeaderProps): import("react").JSX.Element;
+type AlertDialogMediaProps = ComponentPropsWithRef<"div">;
+declare function AlertDialogMedia({
+  className,
+  ...props
+}: AlertDialogMediaProps): import("react").JSX.Element;
+type AlertDialogBodyProps = ComponentPropsWithRef<"div">;
+declare function AlertDialogBody({
+  className,
+  ...props
+}: AlertDialogBodyProps): import("react").JSX.Element;
+type AlertDialogFooterProps = ComponentPropsWithRef<"div">;
+declare function AlertDialogFooter({
+  className,
+  ...props
+}: AlertDialogFooterProps): import("react").JSX.Element;
+type AlertDialogTitleProps = StyledProps<Dialog$1.Title.Props>;
+declare function AlertDialogTitle({
+  className,
+  ...props
+}: AlertDialogTitleProps): import("react").JSX.Element;
+type AlertDialogDescriptionProps = StyledProps<Dialog$1.Description.Props>;
+declare function AlertDialogDescription({
+  className,
+  ...props
+}: AlertDialogDescriptionProps): import("react").JSX.Element;
+type AlertDialogActionProps = ButtonProps;
+declare function AlertDialogAction(props: AlertDialogActionProps): import("react").JSX.Element;
+type AlertDialogCancelProps = Omit<Dialog$1.Close.Props, "render"> & Pick<ButtonProps, "variant" | "size"> & {
+  className?: string;
+};
+declare function AlertDialogCancel({
+  className,
+  variant,
+  size,
+  ...props
+}: AlertDialogCancelProps): import("react").JSX.Element;
+//#endregion
 //#region src/components/toggle-group/toggle-group.d.ts
 declare const toggleGroup: import("tailwind-variants/lite").TVReturnType<{
   theme: {
@@ -816,7 +934,7 @@ declare function DescriptionAction({
 }: DescriptionActionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion
 //#region src/components/lightbox/lightbox.d.ts
-type LightboxProps<Payload = unknown> = Omit<Dialog.Root.Props<Payload>, "actionsRef" | "children" | "handle"> & {
+type LightboxProps<Payload = unknown> = Omit<Dialog$1.Root.Props<Payload>, "actionsRef" | "children" | "handle"> & {
   children?: ReactNode;
   closeOnModW?: boolean;
 };
@@ -829,11 +947,11 @@ declare function Lightbox<Payload = unknown>({
   children,
   ...props
 }: LightboxProps<Payload>): import("react").JSX.Element;
-type LightboxTriggerProps = Dialog.Trigger.Props;
+type LightboxTriggerProps = Dialog$1.Trigger.Props;
 declare function LightboxTrigger(props: LightboxTriggerProps): import("react").JSX.Element;
-type LightboxPortalProps = Dialog.Portal.Props;
+type LightboxPortalProps = Dialog$1.Portal.Props;
 declare function LightboxPortal(props: LightboxPortalProps): import("react").JSX.Element;
-type LightboxContentProps = StyledProps<Dialog.Popup.Props>;
+type LightboxContentProps = StyledProps<Dialog$1.Popup.Props>;
 declare function LightboxContent({
   className,
   initialFocus,
@@ -870,25 +988,25 @@ declare function LightboxMedia({
   className,
   ...props
 }: LightboxMediaProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type LightboxCloseProps = StyledProps<Dialog.Close.Props>;
+type LightboxCloseProps = StyledProps<Dialog$1.Close.Props>;
 declare function LightboxClose({
   className,
   ...props
 }: LightboxCloseProps): import("react").JSX.Element;
 //#endregion
 //#region src/components/bottom-sheet/bottom-sheet.d.ts
-type BottomSheetProps = Dialog.Root.Props;
+type BottomSheetProps = Dialog$1.Root.Props;
 declare function BottomSheet(props: BottomSheetProps): import("react").JSX.Element;
-type BottomSheetTriggerProps = Dialog.Trigger.Props;
+type BottomSheetTriggerProps = Dialog$1.Trigger.Props;
 declare function BottomSheetTrigger(props: BottomSheetTriggerProps): import("react").JSX.Element;
-type BottomSheetPortalProps = Dialog.Portal.Props;
+type BottomSheetPortalProps = Dialog$1.Portal.Props;
 declare function BottomSheetPortal(props: BottomSheetPortalProps): import("react").JSX.Element;
-type BottomSheetContentProps = StyledProps<Dialog.Popup.Props>;
+type BottomSheetContentProps = StyledProps<Dialog$1.Popup.Props>;
 declare function BottomSheetContent({
   className,
   ...props
 }: BottomSheetContentProps): import("react").JSX.Element;
-type BottomSheetCloseProps = Dialog.Close.Props;
+type BottomSheetCloseProps = Dialog$1.Close.Props;
 declare function BottomSheetClose(props: BottomSheetCloseProps): import("react").JSX.Element;
 type BottomSheetHeaderProps = useRender.ComponentProps<"div">;
 declare function BottomSheetHeader({
@@ -902,15 +1020,15 @@ declare function BottomSheetFooter({
   render,
   ...props
 }: BottomSheetFooterProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-type BottomSheetTitleProps = StyledProps<Dialog.Title.Props>;
+type BottomSheetTitleProps = StyledProps<Dialog$1.Title.Props>;
 declare function BottomSheetTitle({
   className,
   ...props
 }: BottomSheetTitleProps): import("react").JSX.Element;
-type BottomSheetDescriptionProps = StyledProps<Dialog.Description.Props>;
+type BottomSheetDescriptionProps = StyledProps<Dialog$1.Description.Props>;
 declare function BottomSheetDescription({
   className,
   ...props
 }: BottomSheetDescriptionProps): import("react").JSX.Element;
 //#endregion
-export { BottomSheet, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, BottomSheetPortal, type BottomSheetPortalProps, type BottomSheetProps, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, ConversationPreviewCard, ConversationPreviewCardAction, type ConversationPreviewCardActionProps, ConversationPreviewCardAuthor, ConversationPreviewCardAuthorName, type ConversationPreviewCardAuthorNameProps, type ConversationPreviewCardAuthorProps, ConversationPreviewCardAuthorSubtitle, type ConversationPreviewCardAuthorSubtitleProps, ConversationPreviewCardChannel, type ConversationPreviewCardChannelProps, ConversationPreviewCardContent, type ConversationPreviewCardContentProps, ConversationPreviewCardFooter, type ConversationPreviewCardFooterProps, ConversationPreviewCardMeta, type ConversationPreviewCardMetaProps, ConversationPreviewCardPreview, ConversationPreviewCardPreviewAuthor, type ConversationPreviewCardPreviewAuthorProps, ConversationPreviewCardPreviewLeading, type ConversationPreviewCardPreviewLeadingProps, type ConversationPreviewCardPreviewProps, type ConversationPreviewCardProps, ConversationPreviewCardSecondaryPreview, type ConversationPreviewCardSecondaryPreviewProps, ConversationPreviewCardTimestamp, type ConversationPreviewCardTimestampProps, DescriptionAction, type DescriptionActionProps, DescriptionDetails, type DescriptionDetailsProps, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, DescriptionTerm, type DescriptionTermProps, Lightbox, LightboxActions, type LightboxActionsProps, LightboxClose, type LightboxCloseProps, LightboxContent, type LightboxContentProps, LightboxHeader, type LightboxHeaderProps, LightboxMedia, type LightboxMediaProps, LightboxPortal, type LightboxPortalProps, type LightboxProps, LightboxStage, type LightboxStageProps, LightboxTitle, type LightboxTitleProps, LightboxTrigger, type LightboxTriggerProps, ListItem, ListItemActionGroup, type ListItemActionGroupProps, ListItemBody, type ListItemBodyProps, ListItemDescription, type ListItemDescriptionProps, ListItemIcon, type ListItemIconProps, ListItemMeta, type ListItemMetaProps, type ListItemProps, ListItemRow, type ListItemRowProps, ListItemTitle, type ListItemTitleProps, MediaListItem, MediaListItemActionGroup, type MediaListItemActionGroupProps, MediaListItemAside, type MediaListItemAsideProps, MediaListItemBody, type MediaListItemBodyProps, type MediaListItemProps, MediaListItemSubtitle, type MediaListItemSubtitleProps, MediaListItemText, type MediaListItemTextProps, MediaListItemTitle, type MediaListItemTitleProps, MediaListItemVisual, type MediaListItemVisualProps, PanelHeader, PanelHeaderActions, type PanelHeaderActionsProps, PanelHeaderContent, type PanelHeaderContentProps, PanelHeaderIcon, type PanelHeaderIconProps, type PanelHeaderProps, PanelHeaderSubtitle, type PanelHeaderSubtitleProps, PanelHeaderSuffix, type PanelHeaderSuffixProps, PanelHeaderTitle, type PanelHeaderTitleProps, PanelHeaderTitleRow, type PanelHeaderTitleRowProps, PanelHeaderVisual, type PanelHeaderVisualProps, PreviewShell, type PreviewShellProps, QuotedMessageCard, QuotedMessageCardAttachments, type QuotedMessageCardAttachmentsProps, QuotedMessageCardAuthor, QuotedMessageCardAuthorName, type QuotedMessageCardAuthorNameProps, type QuotedMessageCardAuthorProps, QuotedMessageCardAuthorSubtitle, type QuotedMessageCardAuthorSubtitleProps, QuotedMessageCardBody, type QuotedMessageCardBodyProps, QuotedMessageCardChannel, type QuotedMessageCardChannelProps, QuotedMessageCardContent, type QuotedMessageCardContentProps, QuotedMessageCardContentWrap, type QuotedMessageCardContentWrapProps, QuotedMessageCardHeader, type QuotedMessageCardHeaderProps, QuotedMessageCardMeta, type QuotedMessageCardMetaProps, type QuotedMessageCardProps, QuotedMessageCardSeparator, type QuotedMessageCardSeparatorProps, QuotedMessageCardTag, type QuotedMessageCardTagProps, QuotedMessageCardThread, type QuotedMessageCardThreadProps, QuotedMessageCardTimestamp, type QuotedMessageCardTimestampProps, QuotedMessageCardUnavailable, type QuotedMessageCardUnavailableProps, SectionHeader, SectionHeaderActions, type SectionHeaderActionsProps, SectionHeaderContent, type SectionHeaderContentProps, SectionHeaderCount, type SectionHeaderCountProps, SectionHeaderIcon, type SectionHeaderIconProps, type SectionHeaderProps, SectionHeaderTitle, type SectionHeaderTitleProps, SectionLabel, type SectionLabelProps, ToggleGroup, ToggleGroupCount, type ToggleGroupCountProps, ToggleGroupItem, type ToggleGroupItemProps, ToggleGroupLabel, type ToggleGroupLabelProps, type ToggleGroupProps };
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogMedia, type AlertDialogMediaProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, BottomSheet, BottomSheetClose, type BottomSheetCloseProps, BottomSheetContent, type BottomSheetContentProps, BottomSheetDescription, type BottomSheetDescriptionProps, BottomSheetFooter, type BottomSheetFooterProps, BottomSheetHeader, type BottomSheetHeaderProps, BottomSheetPortal, type BottomSheetPortalProps, type BottomSheetProps, BottomSheetTitle, type BottomSheetTitleProps, BottomSheetTrigger, type BottomSheetTriggerProps, ConversationPreviewCard, ConversationPreviewCardAction, type ConversationPreviewCardActionProps, ConversationPreviewCardAuthor, ConversationPreviewCardAuthorName, type ConversationPreviewCardAuthorNameProps, type ConversationPreviewCardAuthorProps, ConversationPreviewCardAuthorSubtitle, type ConversationPreviewCardAuthorSubtitleProps, ConversationPreviewCardChannel, type ConversationPreviewCardChannelProps, ConversationPreviewCardContent, type ConversationPreviewCardContentProps, ConversationPreviewCardFooter, type ConversationPreviewCardFooterProps, ConversationPreviewCardMeta, type ConversationPreviewCardMetaProps, ConversationPreviewCardPreview, ConversationPreviewCardPreviewAuthor, type ConversationPreviewCardPreviewAuthorProps, ConversationPreviewCardPreviewLeading, type ConversationPreviewCardPreviewLeadingProps, type ConversationPreviewCardPreviewProps, type ConversationPreviewCardProps, ConversationPreviewCardSecondaryPreview, type ConversationPreviewCardSecondaryPreviewProps, ConversationPreviewCardTimestamp, type ConversationPreviewCardTimestampProps, DescriptionAction, type DescriptionActionProps, DescriptionDetails, type DescriptionDetailsProps, DescriptionItem, type DescriptionItemProps, DescriptionList, type DescriptionListProps, DescriptionTerm, type DescriptionTermProps, Dialog, DialogBody, type DialogBodyProps, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Lightbox, LightboxActions, type LightboxActionsProps, LightboxClose, type LightboxCloseProps, LightboxContent, type LightboxContentProps, LightboxHeader, type LightboxHeaderProps, LightboxMedia, type LightboxMediaProps, LightboxPortal, type LightboxPortalProps, type LightboxProps, LightboxStage, type LightboxStageProps, LightboxTitle, type LightboxTitleProps, LightboxTrigger, type LightboxTriggerProps, ListItem, ListItemActionGroup, type ListItemActionGroupProps, ListItemBody, type ListItemBodyProps, ListItemDescription, type ListItemDescriptionProps, ListItemIcon, type ListItemIconProps, ListItemMeta, type ListItemMetaProps, type ListItemProps, ListItemRow, type ListItemRowProps, ListItemTitle, type ListItemTitleProps, MediaListItem, MediaListItemActionGroup, type MediaListItemActionGroupProps, MediaListItemAside, type MediaListItemAsideProps, MediaListItemBody, type MediaListItemBodyProps, type MediaListItemProps, MediaListItemSubtitle, type MediaListItemSubtitleProps, MediaListItemText, type MediaListItemTextProps, MediaListItemTitle, type MediaListItemTitleProps, MediaListItemVisual, type MediaListItemVisualProps, PanelHeader, PanelHeaderActions, type PanelHeaderActionsProps, PanelHeaderContent, type PanelHeaderContentProps, PanelHeaderIcon, type PanelHeaderIconProps, type PanelHeaderProps, PanelHeaderSubtitle, type PanelHeaderSubtitleProps, PanelHeaderSuffix, type PanelHeaderSuffixProps, PanelHeaderTitle, type PanelHeaderTitleProps, PanelHeaderTitleRow, type PanelHeaderTitleRowProps, PanelHeaderVisual, type PanelHeaderVisualProps, PreviewShell, type PreviewShellProps, QuotedMessageCard, QuotedMessageCardAttachments, type QuotedMessageCardAttachmentsProps, QuotedMessageCardAuthor, QuotedMessageCardAuthorName, type QuotedMessageCardAuthorNameProps, type QuotedMessageCardAuthorProps, QuotedMessageCardAuthorSubtitle, type QuotedMessageCardAuthorSubtitleProps, QuotedMessageCardBody, type QuotedMessageCardBodyProps, QuotedMessageCardChannel, type QuotedMessageCardChannelProps, QuotedMessageCardContent, type QuotedMessageCardContentProps, QuotedMessageCardContentWrap, type QuotedMessageCardContentWrapProps, QuotedMessageCardHeader, type QuotedMessageCardHeaderProps, QuotedMessageCardMeta, type QuotedMessageCardMetaProps, type QuotedMessageCardProps, QuotedMessageCardSeparator, type QuotedMessageCardSeparatorProps, QuotedMessageCardTag, type QuotedMessageCardTagProps, QuotedMessageCardThread, type QuotedMessageCardThreadProps, QuotedMessageCardTimestamp, type QuotedMessageCardTimestampProps, QuotedMessageCardUnavailable, type QuotedMessageCardUnavailableProps, SectionHeader, SectionHeaderActions, type SectionHeaderActionsProps, SectionHeaderContent, type SectionHeaderContentProps, SectionHeaderCount, type SectionHeaderCountProps, SectionHeaderIcon, type SectionHeaderIconProps, type SectionHeaderProps, SectionHeaderTitle, type SectionHeaderTitleProps, SectionLabel, type SectionLabelProps, ToggleGroup, ToggleGroupCount, type ToggleGroupCountProps, ToggleGroupItem, type ToggleGroupItemProps, ToggleGroupLabel, type ToggleGroupLabelProps, type ToggleGroupProps };

package/dist/wip.mjs

@@ -1,4 +1,4 @@
-import { a as tv, n as useThemeFamily } from "./use-theme-Y_h1DKll.mjs";
+import { a as useThemeFamily, c as tv, t as Button$1 } from "./button-CJqMhTPQ.mjs";
 import { cn } from "./cn.mjs";
 import { Button } from "@base-ui/react/button";
 import { useCallback, useRef, useState } from "react";
@@ -6,10 +6,283 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { MessageSquare } from "lucide-react";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
-import { Dialog } from "@base-ui/react/dialog";
 import { useHotkey } from "@tanstack/react-hotkeys";
+//#region src/components/dialog/dialog.tsx
+const dialog = tv({
+	slots: {
+		overlay: [
+			"fixed inset-0 z-50",
+			"transition-opacity duration-100",
+			"data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"
+		],
+		content: [
+			"fixed top-1/2 left-1/2 z-50 grid w-[calc(100%-2rem)] max-w-md -translate-x-1/2 -translate-y-1/2",
+			"outline-none transition-[opacity,transform] duration-100",
+			"data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+			"data-[ending-style]:scale-95 data-[ending-style]:opacity-0"
+		],
+		header: ["flex min-w-0 flex-col gap-1"],
+		body: ["min-w-0"],
+		footer: ["flex items-center justify-end gap-3"],
+		title: ["m-0 min-w-0 text-foreground-strong"],
+		description: ["m-0 text-foreground-muted"]
+	},
+	variants: { theme: {
+		brutal: {
+			overlay: ["bg-black/60"],
+			content: ["gap-4 border-2 border-line-strong bg-layer-panel p-6 shadow-xl"],
+			title: ["font-heading text-lg leading-none font-bold uppercase"],
+			description: ["font-sans text-sm leading-5 text-foreground/60"]
+		},
+		elegant: {
+			overlay: ["bg-black/20"],
+			content: ["gap-5 rounded-lg bg-layer-popover p-5", "shadow-[0_24px_48px_-24px_oklch(0.21_0.006_285_/_0.30),0_0_0_1px_oklch(0.21_0.006_285_/_0.08),0_1px_2px_oklch(0.21_0.006_285_/_0.08)]"],
+			title: ["font-sans text-base leading-5 font-medium tracking-[-0.005em]"],
+			description: ["font-sans text-sm leading-5 text-[oklch(0.48_0_0)] dark:text-[oklch(0.76_0_0)]"]
+		}
+	} }
+});
+function Dialog(props) {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger(props) {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogPortal(props) {
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	const { overlay } = dialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
+		"data-slot": "dialog-overlay",
+		className: overlay({ className }),
+		...props
+	});
+}
+function DialogContent({ className, children, portalProps, overlay, ...props }) {
+	const { content } = dialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsxs(DialogPortal, {
+		...portalProps,
+		children: [overlay === false ? null : /* @__PURE__ */ jsx(DialogOverlay, { ...overlay }), /* @__PURE__ */ jsx(Dialog$1.Popup, {
+			"data-slot": "dialog-content",
+			className: content({ className }),
+			...props,
+			children
+		})]
+	});
+}
+function DialogClose(props) {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
+		"data-slot": "dialog-close",
+		...props
+	});
+}
+function DialogHeader({ className, ...props }) {
+	const { header } = dialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: header({ className }),
+		...props
+	});
+}
+function DialogBody({ className, ...props }) {
+	const { body } = dialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-body",
+		className: body({ className }),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	const { footer } = dialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-footer",
+		className: footer({ className }),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	const { title } = dialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
+		"data-slot": "dialog-title",
+		className: title({ className }),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	const { description } = dialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
+		"data-slot": "dialog-description",
+		className: description({ className }),
+		...props
+	});
+}
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.tsx
+const alertDialog = tv({
+	slots: {
+		overlay: [
+			"fixed inset-0 z-50",
+			"transition-opacity duration-100",
+			"data-[starting-style]:opacity-0 data-[ending-style]:opacity-0"
+		],
+		content: [
+			"fixed top-1/2 left-1/2 z-50 grid w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2",
+			"outline-none transition-[opacity,transform] duration-100",
+			"data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+			"data-[ending-style]:scale-95 data-[ending-style]:opacity-0"
+		],
+		header: ["grid min-w-0 gap-1"],
+		media: ["flex size-10 shrink-0 items-center justify-center"],
+		body: ["min-w-0"],
+		footer: ["flex items-center justify-end gap-3"],
+		title: ["m-0 min-w-0 text-foreground-strong"],
+		description: ["m-0 text-foreground-muted"]
+	},
+	variants: {
+		theme: {
+			brutal: {
+				overlay: ["bg-black/60"],
+				content: ["gap-4 border-2 border-line-strong bg-layer-panel p-6 shadow-xl"],
+				media: ["border-2 border-line-strong bg-warning-base text-foreground-inverse"],
+				title: ["font-heading text-lg leading-none font-bold uppercase"],
+				description: ["font-sans text-sm leading-5 text-foreground/60"]
+			},
+			elegant: {
+				overlay: ["bg-black/20"],
+				content: ["gap-5 rounded-lg bg-layer-popover p-5", "shadow-[0_24px_48px_-24px_oklch(0.21_0.006_285_/_0.30),0_0_0_1px_oklch(0.21_0.006_285_/_0.08),0_1px_2px_oklch(0.21_0.006_285_/_0.08)]"],
+				media: ["rounded-md bg-danger-lighter text-danger-base"],
+				title: ["font-sans text-base leading-5 font-medium tracking-[-0.005em]"],
+				description: ["font-sans text-sm leading-5 text-[oklch(0.48_0_0)] dark:text-[oklch(0.76_0_0)]"]
+			}
+		},
+		size: {
+			sm: { content: ["max-w-sm"] },
+			md: { content: ["max-w-md"] }
+		}
+	},
+	defaultVariants: { size: "sm" }
+});
+function AlertDialog(props) {
+	return /* @__PURE__ */ jsx(Dialog$1.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+function AlertDialogTrigger(props) {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+}
+function AlertDialogPortal(props) {
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
+}
+function AlertDialogOverlay({ className, ...props }) {
+	const { overlay } = alertDialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx(Dialog$1.Backdrop, {
+		"data-slot": "alert-dialog-overlay",
+		className: overlay({ className }),
+		...props
+	});
+}
+function AlertDialogContent({ className, children, portalProps, overlay, size, ...props }) {
+	const { content } = alertDialog({
+		theme: useThemeFamily(),
+		size
+	});
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, {
+		...portalProps,
+		children: [overlay === false ? null : /* @__PURE__ */ jsx(AlertDialogOverlay, { ...overlay }), /* @__PURE__ */ jsx(Dialog$1.Popup, {
+			"data-slot": "alert-dialog-content",
+			className: content({ className }),
+			...props,
+			role: "alertdialog",
+			children
+		})]
+	});
+}
+function AlertDialogHeader({ className, ...props }) {
+	const { header } = alertDialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-header",
+		className: header({ className }),
+		...props
+	});
+}
+function AlertDialogMedia({ className, ...props }) {
+	const { media } = alertDialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-media",
+		className: media({ className }),
+		...props
+	});
+}
+function AlertDialogBody({ className, ...props }) {
+	const { body } = alertDialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-body",
+		className: body({ className }),
+		...props
+	});
+}
+function AlertDialogFooter({ className, ...props }) {
+	const { footer } = alertDialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-footer",
+		className: footer({ className }),
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	const { title } = alertDialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
+		"data-slot": "alert-dialog-title",
+		className: title({ className }),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	const { description } = alertDialog({ theme: useThemeFamily() });
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
+		"data-slot": "alert-dialog-description",
+		className: description({ className }),
+		...props
+	});
+}
+function AlertDialogAction(props) {
+	return /* @__PURE__ */ jsx(Button$1, {
+		"data-slot": "alert-dialog-action",
+		...props
+	});
+}
+function AlertDialogCancel({ className, variant = "outline", size = "sm", ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
+		"data-slot": "alert-dialog-cancel",
+		render: /* @__PURE__ */ jsx(Button$1, {
+			className,
+			variant,
+			size
+		}),
+		...props
+	});
+}
+//#endregion
 //#region src/components/toggle-group/toggle-group.tsx
 const toggleGroup = tv({
 	slots: {
@@ -1032,7 +1305,7 @@ function Lightbox({ closeOnModW = true, defaultOpen = false, modal = true, onOpe
 		onOpenChange?.(nextOpen, eventDetails);
 	}, [onOpenChange, open]);
 	const modWClose = closeOnModW && effectiveOpen ? /* @__PURE__ */ jsx(LightboxModWClose, { dialogRef }) : null;
-	return /* @__PURE__ */ jsxs(Dialog.Root, {
+	return /* @__PURE__ */ jsxs(Dialog$1.Root, {
 		actionsRef: dialogRef,
 		defaultOpen,
 		modal,
@@ -1054,23 +1327,23 @@ function LightboxModWClose({ dialogRef }) {
 	return null;
 }
 function LightboxTrigger(props) {
-	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
 		"data-slot": "lightbox-trigger",
 		...props
 	});
 }
 function LightboxPortal(props) {
-	return /* @__PURE__ */ jsx(Dialog.Portal, {
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
 		"data-slot": "lightbox-portal",
 		...props
 	});
 }
 function LightboxContent({ className, initialFocus = false, finalFocus = false, ...props }) {
 	const { backdrop, content } = lightbox({ theme: useThemeFamily() });
-	return /* @__PURE__ */ jsxs(LightboxPortal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {
+	return /* @__PURE__ */ jsxs(LightboxPortal, { children: [/* @__PURE__ */ jsx(Dialog$1.Backdrop, {
 		"data-slot": "lightbox-backdrop",
 		className: backdrop()
-	}), /* @__PURE__ */ jsx(Dialog.Popup, {
+	}), /* @__PURE__ */ jsx(Dialog$1.Popup, {
 		"data-slot": "lightbox-content",
 		initialFocus,
 		finalFocus,
@@ -1125,7 +1398,7 @@ function LightboxMedia({ render, className, ...props }) {
 }
 function LightboxClose({ className, ...props }) {
 	const { close } = lightbox({ theme: useThemeFamily() });
-	return /* @__PURE__ */ jsx(Dialog.Close, {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
 		"data-slot": "lightbox-close",
 		className: close({ className }),
 		...props
@@ -1147,23 +1420,23 @@ const bottomSheet = tv({
 	} }
 });
 function BottomSheet(props) {
-	return /* @__PURE__ */ jsx(Dialog.Root, { ...props });
+	return /* @__PURE__ */ jsx(Dialog$1.Root, { ...props });
 }
 function BottomSheetTrigger(props) {
-	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+	return /* @__PURE__ */ jsx(Dialog$1.Trigger, {
 		"data-slot": "bottom-sheet-trigger",
 		...props
 	});
 }
 function BottomSheetPortal(props) {
-	return /* @__PURE__ */ jsx(Dialog.Portal, {
+	return /* @__PURE__ */ jsx(Dialog$1.Portal, {
 		"data-slot": "bottom-sheet-portal",
 		...props
 	});
 }
 function BottomSheetContent({ className, ...props }) {
 	const { content } = bottomSheet({ theme: useThemeFamily() });
-	return /* @__PURE__ */ jsx(BottomSheetPortal, { children: /* @__PURE__ */ jsx(Dialog.Popup, {
+	return /* @__PURE__ */ jsx(BottomSheetPortal, { children: /* @__PURE__ */ jsx(Dialog$1.Popup, {
 		"data-slot": "bottom-sheet-content",
 		"data-side": "bottom",
 		className: content({ className }),
@@ -1171,7 +1444,7 @@ function BottomSheetContent({ className, ...props }) {
 	}) });
 }
 function BottomSheetClose(props) {
-	return /* @__PURE__ */ jsx(Dialog.Close, {
+	return /* @__PURE__ */ jsx(Dialog$1.Close, {
 		"data-slot": "bottom-sheet-close",
 		...props
 	});
@@ -1196,7 +1469,7 @@ function BottomSheetFooter({ className, render, ...props }) {
 }
 function BottomSheetTitle({ className, ...props }) {
 	const { title } = bottomSheet({ theme: useThemeFamily() });
-	return /* @__PURE__ */ jsx(Dialog.Title, {
+	return /* @__PURE__ */ jsx(Dialog$1.Title, {
 		"data-slot": "bottom-sheet-title",
 		className: title({ className }),
 		...props
@@ -1204,11 +1477,11 @@ function BottomSheetTitle({ className, ...props }) {
 }
 function BottomSheetDescription({ className, ...props }) {
 	const { description } = bottomSheet({ theme: useThemeFamily() });
-	return /* @__PURE__ */ jsx(Dialog.Description, {
+	return /* @__PURE__ */ jsx(Dialog$1.Description, {
 		"data-slot": "bottom-sheet-description",
 		className: description({ className }),
 		...props
 	});
 }
 //#endregion
-export { BottomSheet, BottomSheetClose, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPortal, BottomSheetTitle, BottomSheetTrigger, ConversationPreviewCard, ConversationPreviewCardAction, ConversationPreviewCardAuthor, ConversationPreviewCardAuthorName, ConversationPreviewCardAuthorSubtitle, ConversationPreviewCardChannel, ConversationPreviewCardContent, ConversationPreviewCardFooter, ConversationPreviewCardMeta, ConversationPreviewCardPreview, ConversationPreviewCardPreviewAuthor, ConversationPreviewCardPreviewLeading, ConversationPreviewCardSecondaryPreview, ConversationPreviewCardTimestamp, DescriptionAction, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxMedia, LightboxPortal, LightboxStage, LightboxTitle, LightboxTrigger, ListItem, ListItemActionGroup, ListItemBody, ListItemDescription, ListItemIcon, ListItemMeta, ListItemRow, ListItemTitle, MediaListItem, MediaListItemActionGroup, MediaListItemAside, MediaListItemBody, MediaListItemSubtitle, MediaListItemText, MediaListItemTitle, MediaListItemVisual, PanelHeader, PanelHeaderActions, PanelHeaderContent, PanelHeaderIcon, PanelHeaderSubtitle, PanelHeaderSuffix, PanelHeaderTitle, PanelHeaderTitleRow, PanelHeaderVisual, PreviewShell, QuotedMessageCard, QuotedMessageCardAttachments, QuotedMessageCardAuthor, QuotedMessageCardAuthorName, QuotedMessageCardAuthorSubtitle, QuotedMessageCardBody, QuotedMessageCardChannel, QuotedMessageCardContent, QuotedMessageCardContentWrap, QuotedMessageCardHeader, QuotedMessageCardMeta, QuotedMessageCardSeparator, QuotedMessageCardTag, QuotedMessageCardThread, QuotedMessageCardTimestamp, QuotedMessageCardUnavailable, SectionHeader, SectionHeaderActions, SectionHeaderContent, SectionHeaderCount, SectionHeaderIcon, SectionHeaderTitle, SectionLabel, ToggleGroup, ToggleGroupCount, ToggleGroupItem, ToggleGroupLabel };
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, BottomSheet, BottomSheetClose, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHeader, BottomSheetPortal, BottomSheetTitle, BottomSheetTrigger, ConversationPreviewCard, ConversationPreviewCardAction, ConversationPreviewCardAuthor, ConversationPreviewCardAuthorName, ConversationPreviewCardAuthorSubtitle, ConversationPreviewCardChannel, ConversationPreviewCardContent, ConversationPreviewCardFooter, ConversationPreviewCardMeta, ConversationPreviewCardPreview, ConversationPreviewCardPreviewAuthor, ConversationPreviewCardPreviewLeading, ConversationPreviewCardSecondaryPreview, ConversationPreviewCardTimestamp, DescriptionAction, DescriptionDetails, DescriptionItem, DescriptionList, DescriptionTerm, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Lightbox, LightboxActions, LightboxClose, LightboxContent, LightboxHeader, LightboxMedia, LightboxPortal, LightboxStage, LightboxTitle, LightboxTrigger, ListItem, ListItemActionGroup, ListItemBody, ListItemDescription, ListItemIcon, ListItemMeta, ListItemRow, ListItemTitle, MediaListItem, MediaListItemActionGroup, MediaListItemAside, MediaListItemBody, MediaListItemSubtitle, MediaListItemText, MediaListItemTitle, MediaListItemVisual, PanelHeader, PanelHeaderActions, PanelHeaderContent, PanelHeaderIcon, PanelHeaderSubtitle, PanelHeaderSuffix, PanelHeaderTitle, PanelHeaderTitleRow, PanelHeaderVisual, PreviewShell, QuotedMessageCard, QuotedMessageCardAttachments, QuotedMessageCardAuthor, QuotedMessageCardAuthorName, QuotedMessageCardAuthorSubtitle, QuotedMessageCardBody, QuotedMessageCardChannel, QuotedMessageCardContent, QuotedMessageCardContentWrap, QuotedMessageCardHeader, QuotedMessageCardMeta, QuotedMessageCardSeparator, QuotedMessageCardTag, QuotedMessageCardThread, QuotedMessageCardTimestamp, QuotedMessageCardUnavailable, SectionHeader, SectionHeaderActions, SectionHeaderContent, SectionHeaderCount, SectionHeaderIcon, SectionHeaderTitle, SectionLabel, ToggleGroup, ToggleGroupCount, ToggleGroupItem, ToggleGroupLabel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "raft-ui",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "React UI components for Raft.",
   "license": "MIT",
   "repository": {
@@ -9,24 +9,22 @@
     "directory": "packages/ui"
   },
   "files": [
+    "CHANGELOG.md",
     "dist",
     "src"
   ],
   "type": "module",
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "development": "./src/index.ts",
+      "types": "./dist/index.d.mts",
       "default": "./dist/index.mjs"
     },
     "./cn": {
-      "types": "./src/lib/cn.ts",
-      "development": "./src/lib/cn.ts",
+      "types": "./dist/cn.d.mts",
       "default": "./dist/cn.mjs"
     },
     "./wip": {
-      "types": "./src/wip.ts",
-      "development": "./src/wip.ts",
+      "types": "./dist/wip.d.mts",
       "default": "./dist/wip.mjs"
     },
     "./styles.css": "./src/styles.css",
@@ -40,8 +38,6 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@fontsource-variable/geist-mono": "^5.2.8",
-    "@fontsource-variable/space-grotesk": "^5.2.10",
     "@tanstack/react-hotkeys": "^0.10.0",
     "cnfast": "^0.0.7",
     "lucide-react": "^1.21.0",