@olympusoss/canvas 2.20.2 → 3.1.0

package/src/components/molecules/tooltip.tsx

@@ -1,155 +0,0 @@
-"use client";
-
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React from "react";
-
-import { usePortalContainer } from "../../lib/portal-container";
-import { cn } from "../../lib/utils";
-
-export interface TooltipProviderProps
-	extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider> {
-	/**
-	 * Delay in ms before any tooltip in the provider opens. Set to 0 for
-	 * instant tooltips (e.g. icon rails).
-	 * @default 700
-	 */
-	delayDuration?: number;
-	/**
-	 * Delay in ms before a tooltip closes after the cursor leaves. Useful
-	 * for letting users drag from the trigger to the content.
-	 * @default 300
-	 */
-	skipDelayDuration?: number;
-	/**
-	 * When true, the tooltip will not close while the user is interacting
-	 * with content inside it (e.g. hover, focus).
-	 * @default false
-	 */
-	disableHoverableContent?: boolean;
-	/** All `<Tooltip>`s in the subtree share this provider's delays. */
-	children: React.ReactNode;
-}
-
-const TooltipProvider = TooltipPrimitive.Provider as React.FC<TooltipProviderProps>;
-
-export interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
-	/** Controlled open state. */
-	open?: boolean;
-	/** Initial open state for uncontrolled usage. */
-	defaultOpen?: boolean;
-	/** Fires whenever the tooltip opens or closes. */
-	onOpenChange?: (open: boolean) => void;
-	/**
-	 * Override the parent provider's `delayDuration` for this tooltip
-	 * specifically.
-	 */
-	delayDuration?: number;
-	/**
-	 * Override the parent provider's `disableHoverableContent` for this
-	 * tooltip.
-	 */
-	disableHoverableContent?: boolean;
-	/** Trigger + Content. */
-	children?: React.ReactNode;
-}
-
-const Tooltip = TooltipPrimitive.Root as React.FC<TooltipProps>;
-
-export interface TooltipTriggerProps
-	extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger> {
-	/**
-	 * Render as a Radix Slot — forwards props onto the immediate child.
-	 * Common pattern for wrapping a `<Button>` or icon.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/** The element that opens the tooltip on hover/focus. */
-	children?: React.ReactNode;
-}
-
-const TooltipTrigger = TooltipPrimitive.Trigger as React.ForwardRefExoticComponent<
-	TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>
->;
-
-export interface TooltipContentProps
-	extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
-	/**
-	 * Distance in pixels between the trigger and the tooltip content.
-	 * @default 4
-	 */
-	sideOffset?: number;
-	/**
-	 * Distance from the alignment edge.
-	 * @default 0
-	 */
-	alignOffset?: number;
-	/**
-	 * Preferred side of the trigger to render on.
-	 * @default "top"
-	 */
-	side?: "top" | "right" | "bottom" | "left";
-	/**
-	 * Alignment along the chosen side.
-	 * @default "center"
-	 */
-	align?: "start" | "center" | "end";
-	/**
-	 * Avoid colliding with the viewport edges by flipping/shifting.
-	 * @default true
-	 */
-	avoidCollisions?: boolean;
-	/**
-	 * Padding kept from collision boundaries.
-	 * @default 0
-	 */
-	collisionPadding?: number | { top?: number; right?: number; bottom?: number; left?: number };
-	/**
-	 * Stick to the trigger or partially follow on scroll.
-	 * @default "partial"
-	 */
-	sticky?: "partial" | "always";
-	/** Hide the content when the trigger is detached or covered. */
-	hideWhenDetached?: boolean;
-	/**
-	 * Force the content to mount even when closed. Pair with a CSS
-	 * animation that fades in/out based on `data-state`.
-	 * @default false
-	 */
-	forceMount?: true;
-	/**
-	 * Render as a Radix Slot — forwards props onto the immediate child.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/** Tooltip body. Keep terse — one short line is the convention. */
-	children?: React.ReactNode;
-	/** Tailwind / CSS classes merged onto the content via `cn()`. */
-	className?: string;
-}
-
-const TooltipContent = React.forwardRef<
-	React.ElementRef<typeof TooltipPrimitive.Content>,
-	TooltipContentProps
->(({ className, sideOffset = 6, children, ...props }, ref) => {
-	const container = usePortalContainer();
-	return (
-		<TooltipPrimitive.Portal container={container ?? undefined}>
-			<TooltipPrimitive.Content
-				ref={ref}
-				data-slot="tooltip-content"
-				sideOffset={sideOffset}
-				className={cn(
-					"z-50 max-w-xs overflow-hidden rounded-md border border-border/50 bg-popover px-2 py-1 text-[11px] font-medium text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1 origin-[var(--radix-tooltip-content-transform-origin)]",
-					className,
-				)}
-				{...props}
-			>
-				{children}
-				<TooltipPrimitive.Arrow width={10} height={5} style={{ fill: "hsl(var(--popover))" }} />
-			</TooltipPrimitive.Content>
-		</TooltipPrimitive.Portal>
-	);
-});
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/src/components/molecules/user-avatar-chip.tsx

@@ -1,71 +0,0 @@
-"use client";
-
-import { ChevronDown } from "lucide-react";
-import * as React from "react";
-
-import { cn } from "../../lib/utils";
-import { Avatar, AvatarFallback, AvatarImage } from "../atoms/avatar";
-
-export interface UserAvatarChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-	/** Display name (rendered next to the avatar). */
-	name: string;
-	/** Optional secondary line. Hidden when `collapsed`. */
-	email?: string;
-	/** Initials shown by AvatarFallback when no image is provided. */
-	fallback?: string;
-	/** Avatar image src. */
-	imageSrc?: string;
-	/** When true, renders only the avatar without name + chevron. */
-	collapsed?: boolean;
-	/** Set to false to hide the trailing ChevronDown affordance. */
-	chevron?: boolean;
-}
-
-export const UserAvatarChip = React.forwardRef<HTMLButtonElement, UserAvatarChipProps>(
-	(
-		{ name, email, fallback, imageSrc, collapsed = false, chevron = true, className, ...props },
-		ref,
-	) => {
-		const initials =
-			fallback ??
-			name
-				.split(" ")
-				.map((part) => part[0])
-				.filter(Boolean)
-				.slice(0, 2)
-				.join("")
-				.toUpperCase();
-		return (
-			<button
-				ref={ref}
-				type="button"
-				aria-label={collapsed ? name : undefined}
-				className={cn(
-					"inline-flex items-center gap-2 rounded-full border border-border bg-card text-[13px] font-medium text-foreground transition-colors hover:bg-accent",
-					collapsed ? "p-1" : "py-1 pl-1 pr-3",
-					className,
-				)}
-				{...props}
-			>
-				<Avatar className="h-7 w-7">
-					{imageSrc && <AvatarImage src={imageSrc} alt={name} />}
-					<AvatarFallback className="text-[11px] font-semibold">{initials}</AvatarFallback>
-				</Avatar>
-				{!collapsed && (
-					<>
-						<div className="flex flex-col items-start leading-tight">
-							<span className="truncate">{name}</span>
-							{email && (
-								<span className="truncate text-[11px] font-normal text-muted-foreground">
-									{email}
-								</span>
-							)}
-						</div>
-						{chevron && <ChevronDown className="h-3 w-3 text-muted-foreground" aria-hidden />}
-					</>
-				)}
-			</button>
-		);
-	},
-);
-UserAvatarChip.displayName = "UserAvatarChip";

package/src/components/organisms/README.md

@@ -1,14 +0,0 @@
-# Organisms
-
-Stateful surfaces. Compositions of atoms + molecules that own interactive
-state (open/close, selection, form state) or complete complex UX.
-
-**Can import**: `tokens/`, `lib/utils`, `atoms/`, `molecules/`, React.
-
-**Cannot import**: anything from `templates/`.
-
-Organisms are reusable — they don't know about specific app routes or domain
-data. `DataTable` is an organism; `IdentitiesTable` (which knows how to render
-a `Kratos.Identity`) is app-specific and belongs in that app's `features/`.
-
-See [CONTRIBUTING.md](../../../CONTRIBUTING.md) for the full atomic-design rules.

package/src/components/organisms/accordion.tsx

@@ -1,154 +0,0 @@
-"use client";
-
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDown } from "lucide-react";
-import * as React from "react";
-
-import { cn } from "../../lib/utils";
-
-export interface AccordionProps {
-	/**
-	 * Selection mode. `"single"` allows one item open at a time;
-	 * `"multiple"` allows multiple items open simultaneously.
-	 */
-	type: "single" | "multiple";
-	/**
-	 * Controlled value. For `type="single"` it's a string (id of the open
-	 * item); for `type="multiple"` it's a string array.
-	 */
-	value?: string | string[];
-	/** Initial value for uncontrolled usage. */
-	defaultValue?: string | string[];
-	/** Fires when the user opens/closes an item. */
-	onValueChange?: (value: string & string[]) => void;
-	/**
-	 * For `type="single"` only — when true, an open item can be collapsed
-	 * by clicking it again.
-	 * @default false
-	 */
-	collapsible?: boolean;
-	/**
-	 * Disable the entire accordion.
-	 * @default false
-	 */
-	disabled?: boolean;
-	/**
-	 * Reading direction. Affects keyboard arrow navigation.
-	 * @default "ltr"
-	 */
-	dir?: "ltr" | "rtl";
-	/**
-	 * Layout direction.
-	 * @default "vertical"
-	 */
-	orientation?: "vertical" | "horizontal";
-	/**
-	 * Render as a Radix Slot.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/** A list of `<AccordionItem>`s. */
-	children?: React.ReactNode;
-	className?: string;
-}
-
-const Accordion = AccordionPrimitive.Root as React.ForwardRefExoticComponent<
-	AccordionProps & React.RefAttributes<HTMLDivElement>
->;
-
-export interface AccordionItemProps
-	extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
-	/** Required — unique value identifying this item. */
-	value: string;
-	/**
-	 * Disable only this item.
-	 * @default false
-	 */
-	disabled?: boolean;
-	/**
-	 * Render as a Radix Slot.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/** A `<AccordionTrigger>` + `<AccordionContent>`. */
-	children?: React.ReactNode;
-	className?: string;
-}
-
-const AccordionItem = React.forwardRef<
-	React.ElementRef<typeof AccordionPrimitive.Item>,
-	AccordionItemProps
->(({ className, ...props }, ref) => (
-	<AccordionPrimitive.Item
-		ref={ref}
-		data-slot="accordion-item"
-		className={cn("border-b", className)}
-		{...props}
-	/>
-));
-AccordionItem.displayName = "AccordionItem";
-
-export interface AccordionTriggerProps
-	extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
-	/**
-	 * Render as a Radix Slot.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/** Trigger label — typically a section heading. */
-	children?: React.ReactNode;
-	className?: string;
-}
-
-const AccordionTrigger = React.forwardRef<
-	React.ElementRef<typeof AccordionPrimitive.Trigger>,
-	AccordionTriggerProps
->(({ className, children, ...props }, ref) => (
-	<AccordionPrimitive.Header className="flex">
-		<AccordionPrimitive.Trigger
-			ref={ref}
-			className={cn(
-				"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-colors hover:text-brand text-left [&[data-state=open]>svg]:rotate-180",
-				className,
-			)}
-			{...props}
-		>
-			{children}
-			<ChevronDown className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
-		</AccordionPrimitive.Trigger>
-	</AccordionPrimitive.Header>
-));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-
-export interface AccordionContentProps
-	extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
-	/**
-	 * Force the content to mount even when collapsed.
-	 * @default false
-	 */
-	forceMount?: true;
-	/**
-	 * Render as a Radix Slot.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/** Item body. */
-	children?: React.ReactNode;
-	className?: string;
-}
-
-const AccordionContent = React.forwardRef<
-	React.ElementRef<typeof AccordionPrimitive.Content>,
-	AccordionContentProps
->(({ className, children, ...props }, ref) => (
-	<AccordionPrimitive.Content
-		ref={ref}
-		className="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
-		{...props}
-	>
-		<div className={cn("pb-4 pt-0", className)}>{children}</div>
-	</AccordionPrimitive.Content>
-));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/src/components/organisms/alert-dialog.tsx

@@ -1,277 +0,0 @@
-"use client";
-
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import * as React from "react";
-
-import { usePortalContainer } from "../../lib/portal-container";
-import { cn } from "../../lib/utils";
-import { buttonVariants } from "../atoms/button";
-
-export interface AlertDialogProps extends React.ComponentProps<typeof AlertDialogPrimitive.Root> {
-	/** Controlled open state. Pair with `onOpenChange`. */
-	open?: boolean;
-	/**
-	 * Initial open state for uncontrolled usage.
-	 * @default false
-	 */
-	defaultOpen?: boolean;
-	/** Fires whenever the dialog opens or closes. */
-	onOpenChange?: (open: boolean) => void;
-	/** Trigger + Content. */
-	children?: React.ReactNode;
-}
-
-const AlertDialog = AlertDialogPrimitive.Root as React.FC<AlertDialogProps>;
-
-export interface AlertDialogTriggerProps
-	extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Trigger> {
-	/**
-	 * Render as a Radix Slot — forwards props onto the immediate child.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/** The button (or slot) that opens the alert. */
-	children?: React.ReactNode;
-	/** Tailwind / CSS classes merged via `cn()`. */
-	className?: string;
-}
-
-const AlertDialogTrigger = AlertDialogPrimitive.Trigger as React.ForwardRefExoticComponent<
-	AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>
->;
-
-export interface AlertDialogPortalProps
-	extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Portal> {
-	/** DOM element to portal into. Defaults to `document.body`. */
-	container?: HTMLElement | null;
-	/**
-	 * Force the portal to mount its children even when closed.
-	 * @default false
-	 */
-	forceMount?: true;
-	children?: React.ReactNode;
-}
-
-const AlertDialogPortal = AlertDialogPrimitive.Portal as React.FC<AlertDialogPortalProps>;
-
-export interface AlertDialogOverlayProps
-	extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> {
-	/**
-	 * Render as a Radix Slot — forwards props onto the immediate child.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/**
-	 * Force the overlay to mount even when closed.
-	 * @default false
-	 */
-	forceMount?: true;
-	/** Tailwind / CSS classes merged via `cn()`. */
-	className?: string;
-}
-
-const AlertDialogOverlay = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
-	AlertDialogOverlayProps
->(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Overlay
-		className={cn(
-			"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-			className,
-		)}
-		{...props}
-		ref={ref}
-	/>
-));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-
-export interface AlertDialogContentProps
-	extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
-	/**
-	 * Render as a Radix Slot — forwards props onto the immediate child.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/**
-	 * Force the content to mount even when closed. Useful for
-	 * exit animations.
-	 * @default false
-	 */
-	forceMount?: true;
-	/** Fires when focus enters the dialog after it opens. */
-	onOpenAutoFocus?: (event: Event) => void;
-	/** Fires when focus leaves the dialog after it closes. */
-	onCloseAutoFocus?: (event: Event) => void;
-	/** Fires when the Escape key is pressed. */
-	onEscapeKeyDown?: (event: KeyboardEvent) => void;
-	/**
-	 * Title + Description + Footer (with `<AlertDialogAction>` and
-	 * `<AlertDialogCancel>`).
-	 */
-	children?: React.ReactNode;
-	/** Tailwind / CSS classes merged via `cn()`. */
-	className?: string;
-}
-
-const AlertDialogContent = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Content>,
-	AlertDialogContentProps
->(({ className, ...props }, ref) => {
-	const container = usePortalContainer();
-	return (
-		<AlertDialogPortal container={container ?? undefined}>
-			<AlertDialogOverlay />
-			<AlertDialogPrimitive.Content
-				ref={ref}
-				data-slot="alert-dialog-content"
-				className={cn(
-					"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
-					className,
-				)}
-				{...props}
-			/>
-		</AlertDialogPortal>
-	);
-});
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
-
-export interface AlertDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-	/** Title + optional description. */
-	children?: React.ReactNode;
-	/** Tailwind / CSS classes merged via `cn()`. */
-	className?: string;
-}
-
-const AlertDialogHeader = ({ className, ...props }: AlertDialogHeaderProps) => (
-	<div className={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...props} />
-);
-AlertDialogHeader.displayName = "AlertDialogHeader";
-
-export interface AlertDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-	/** Action + Cancel buttons. */
-	children?: React.ReactNode;
-	/** Tailwind / CSS classes merged via `cn()`. */
-	className?: string;
-}
-
-const AlertDialogFooter = ({ className, ...props }: AlertDialogFooterProps) => (
-	<div
-		className={cn(
-			"flex flex-col-reverse gap-2 sm:flex-row sm:items-center sm:justify-end",
-			className,
-		)}
-		{...props}
-	/>
-);
-AlertDialogFooter.displayName = "AlertDialogFooter";
-
-export interface AlertDialogTitleProps
-	extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> {
-	/**
-	 * Render as a Radix Slot — useful to swap the heading level.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/** Title text. */
-	children?: React.ReactNode;
-	/** Tailwind / CSS classes merged via `cn()`. */
-	className?: string;
-}
-
-const AlertDialogTitle = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Title>,
-	AlertDialogTitleProps
->(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Title
-		ref={ref}
-		className={cn("text-lg font-semibold", className)}
-		{...props}
-	/>
-));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-
-export interface AlertDialogDescriptionProps
-	extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> {
-	/**
-	 * Render as a Radix Slot.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/** Description text shown below the title. */
-	children?: React.ReactNode;
-	/** Tailwind / CSS classes merged via `cn()`. */
-	className?: string;
-}
-
-const AlertDialogDescription = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Description>,
-	AlertDialogDescriptionProps
->(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Description
-		ref={ref}
-		className={cn("text-sm text-muted-foreground", className)}
-		{...props}
-	/>
-));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-
-export interface AlertDialogActionProps
-	extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> {
-	/**
-	 * Render as a Radix Slot — wrap a custom button while still hooking the
-	 * dialog's commit behaviour.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/** Action label (e.g. "Delete", "Confirm"). */
-	children?: React.ReactNode;
-	/** Tailwind / CSS classes merged via `cn()`. Defaults to canvas's primary button. */
-	className?: string;
-}
-
-const AlertDialogAction = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Action>,
-	AlertDialogActionProps
->(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />
-));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-
-export interface AlertDialogCancelProps
-	extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> {
-	/**
-	 * Render as a Radix Slot.
-	 * @default false
-	 */
-	asChild?: boolean;
-	/** Cancel label (e.g. "Cancel", "Keep editing"). */
-	children?: React.ReactNode;
-	/** Tailwind / CSS classes merged via `cn()`. Defaults to canvas's outline button. */
-	className?: string;
-}
-
-const AlertDialogCancel = React.forwardRef<
-	React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
-	AlertDialogCancelProps
->(({ className, ...props }, ref) => (
-	<AlertDialogPrimitive.Cancel
-		ref={ref}
-		className={cn(buttonVariants({ variant: "outline" }), className)}
-		{...props}
-	/>
-));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
-
-export {
-	AlertDialog,
-	AlertDialogAction,
-	AlertDialogCancel,
-	AlertDialogContent,
-	AlertDialogDescription,
-	AlertDialogFooter,
-	AlertDialogHeader,
-	AlertDialogOverlay,
-	AlertDialogPortal,
-	AlertDialogTitle,
-	AlertDialogTrigger,
-};