4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T35c7,// Based on coss ui (https://github.com/cosscom/coss/blob/main/apps/ui/registry/default/ui/toast.tsx) // Copyright (c) coss.com - MIT License "use client" import type React from "react" import { Toast } from "@base-ui/react/toast" import { CheckmarkCircleFillIcon, ExclamationmarkCircleFillIcon, ExclamationmarkTriangleFillIcon, InformationmarkCircleFillIcon, XmarkLargeIcon, } from "@exawizards/exabase-design-system-icons-react" import { cn } from "@/lib/utils" import { Button, buttonVariants } from "@/components/ui/button" const TOAST_ICONS: Record< string, React.ComponentType<{ className?: string }> > = { success: CheckmarkCircleFillIcon, info: InformationmarkCircleFillIcon, warning: ExclamationmarkTriangleFillIcon, error: ExclamationmarkCircleFillIcon, destructive: ExclamationmarkCircleFillIcon, } const TOAST_ICON_CLASSES: Record = { success: "text-success", info: "text-info", warning: "text-warning", error: "text-destructive", destructive: "text-destructive-foreground", } const TOAST_TYPE_CLASSES: Record = { default: "light outline-border", dark: "dark outline-border", info: "info outline-info-text/10 bg-info-muted", success: "success outline-success-text/10 bg-success-muted", warning: "warning outline-warning-text/10 bg-warning-muted", error: "error outline-destructive-text/10 bg-destructive-muted", destructive: "destructive outline-destructive bg-destructive text-destructive-foreground", } function renderToastIcon( customIcon: React.ReactNode | undefined, Icon: React.ComponentType<{ className?: string }> | null, iconClass: string ): React.ReactNode { // Explicit null means no icon if (customIcon === null) { return null } // Custom icon provided if (customIcon !== undefined) { return customIcon } // Default icon from type if (Icon) { return (

) } return null } type SwipeDirection = "up" | "down" | "left" | "right" function getSwipeDirection(position: ToastPosition): SwipeDirection[] { const verticalDirection: SwipeDirection = position.startsWith("top") ? "up" : "down" if (position.includes("center")) { return [verticalDirection] } if (position.includes("left")) { return ["left", verticalDirection] } return ["right", verticalDirection] } function Toasts({ position }: { position: ToastPosition }): React.ReactElement { const { toasts } = Toast.useToastManager() const swipeDirection = getSwipeDirection(position) return ( {toasts.map((toast) => { const toastType = (toast.type as string) ?? "default" const Icon = TOAST_ICONS[toastType] ?? null const iconClass = TOAST_ICON_CLASSES[toastType] ?? "" const typeClass = TOAST_TYPE_CLASSES[toastType] ?? "" const customIcon = (toast.data as { icon?: React.ReactNode })?.icon return (

{renderToastIcon(customIcon, Icon, iconClass)}

{toast.actionProps && ( {toast.actionProps.children} )} } > Close

) })} ) } function AnchoredToasts(): React.ReactElement { const { toasts } = Toast.useToastManager() return ( {toasts.map((toast) => { const positionerProps = toast.positionerProps if (!positionerProps?.anchor) { return null } return ( ) })} ) } export const toastManager: ReturnType = Toast.createToastManager() export const anchoredToastManager: ReturnType = Toast.createToastManager() export type ToastPosition = | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" export interface ToastProviderProps extends Toast.Provider.Props { position?: ToastPosition } export function ToastProvider({ children, position = "bottom-right", ...props }: ToastProviderProps): React.ReactElement { return ( {children} ) } export function AnchoredToastProvider({ children, ...props }: Toast.Provider.Props): React.ReactElement { return ( {children} ) } export { Toast as ToastPrimitive } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4f",null,{"namespace":"@exabase","registryDependencies":["@exabase/button"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"components/ui/toast.tsx","content":"$51","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]