50: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/1o6_421saitt-.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"] 51: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/1o6_421saitt-.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"] 52:T6cb2,"use client"; import { Toast as ToastPrimitive, type ToastManager as BaseToastManager, type ToastObject as BaseToastObject, } from "@base-ui/react/toast"; import { cn } from "cn"; import { AlertCircle, CheckCircle2, Info, LoaderCircle, TriangleAlert, X, } from "lucide-react"; import { useAnimate, useReducedMotion } from "motion/react"; import * as React from "react"; import { Button } from "@/components/ui/button"; const toastManager = ToastPrimitive.createToastManager(); const anchoredToastManager = ToastPrimitive.createToastManager(); const managerById = new Map(); const TOAST_ICONS = { success: CheckCircle2, error: AlertCircle, warning: TriangleAlert, info: Info, loading: LoaderCircle, } as const; type SwipeDirection = "up" | "down" | "left" | "right"; export type ToastPosition = | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right"; export type ToastAction = { label: React.ReactNode; render?: ToastPrimitive.Action.Props["render"]; nativeButton?: ToastPrimitive.Action.Props["nativeButton"]; } & Omit, "children">; export type ToastOptions = { /** Fixed ID for deduplication. Reusing it updates the existing toast. */ id?: string; title?: React.ReactNode; description?: React.ReactNode; type?: "default" | "loading" | "success" | "error" | "warning" | "info"; duration?: number; priority?: "low" | "high"; /** Pass `null` to `toast.update()` to remove an existing action. */ action?: ToastAction | null; data?: TData; onClose?: () => void; onRemove?: () => void; showCloseButton?: boolean; }; export type AnchoredToastOptions = { anchor: Element | React.RefObject | null; side?: "top" | "bottom" | "left" | "right"; sideOffset?: number; align?: "start" | "center" | "end"; alignOffset?: number; arrow?: boolean; } & Omit, "type">; type ToastType = | "default" | "loading" | "success" | "error" | "warning" | "info"; type PromiseMessage = | string | { title?: React.ReactNode; description?: React.ReactNode; }; type PromiseMessageOrFn = PromiseMessage | ((value: T) => PromiseMessage); export type ToastProviderProps = { children: React.ReactNode; position?: ToastPosition; limit?: number; timeout?: number; container?: ToastPrimitive.Portal.Props["container"]; }; export type AnchoredToastProviderProps = { children: React.ReactNode; limit?: number; timeout?: number; container?: ToastPrimitive.Portal.Props["container"]; }; type ToastDataPayload = { actionNativeButton?: ToastPrimitive.Action.Props["nativeButton"]; actionRender?: ToastPrimitive.Action.Props["render"]; customJSX?: React.ReactElement; showCloseButton?: boolean; arrow?: boolean; [key: string]: unknown; }; type ToastData = BaseToastObject; function resolveAction(action: ToastAction | null | undefined) { if (!action) return undefined; const { label, nativeButton, render, ...buttonProps } = action; return { nativeButton, props: { ...buttonProps, children: label }, render, }; } function getSwipeDirection(position: ToastPosition): SwipeDirection[] { const vertical: SwipeDirection = position.startsWith("top") ? "up" : "down"; if (position.includes("center")) return [vertical]; if (position.includes("left")) return ["left", vertical]; return ["right", vertical]; } const TOAST_SURFACE_CLASSES = "border border-border/70 shadow-[0_1px_1px_-0.5px_rgb(0_0_0/0.06),0_3px_3px_-1.5px_rgb(0_0_0/0.05)] dark:border-border dark:shadow-[0_1px_1px_-0.5px_rgb(0_0_0/0.18),0_3px_3px_-1.5px_rgb(0_0_0/0.16),inset_0_1px_0_0_rgb(255_255_255/0.02),inset_0_0_0_1px_rgb(255_255_255/0.02)]"; const TOAST_ROOT_CLASSES = [ "group/toast absolute z-[calc(50-var(--toast-index))] h-(--toast-calc-height) w-full select-none text-popover-foreground [transition:transform_.5s_cubic-bezier(.22,1,.36,1),opacity_.5s,height_.15s,background-color_.5s] motion-reduce:[transition:opacity_.2s,height_.15s] motion-reduce:transform-none", "[--popup-surface:var(--card)]", "data-[position*=top]:top-0 data-[position*=top]:right-0 data-[position*=top]:left-0 data-[position*=top]:origin-[50%_calc(50%-50%*min(var(--toast-index,0),1))]", "data-[position*=bottom]:right-0 data-[position*=bottom]:bottom-0 data-[position*=bottom]:left-0 data-[position*=bottom]:origin-[50%_calc(50%+50%*min(var(--toast-index,0),1))]", "after:absolute after:left-0 after:h-[calc(var(--toast-gap)+1px)] after:w-full", "data-[position*=top]:after:bottom-full data-[position*=bottom]:after:top-full", "[--toast-calc-height:var(--toast-frontmost-height,var(--toast-height))] [--toast-gap:--spacing(3)] [--toast-peek:--spacing(3)] [--toast-scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--toast-shrink:calc(1-var(--toast-scale))]", "data-[position*=top]:[--toast-calc-offset-y:calc(var(--toast-offset-y)+(var(--toast-index)*var(--toast-gap))+var(--toast-swipe-movement-y))]", "data-[position*=bottom]:[--toast-calc-offset-y:calc(var(--toast-offset-y)*-1+(var(--toast-index)*var(--toast-gap)*-1)+var(--toast-swipe-movement-y))]", "data-[position*=top]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--toast-peek))+(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-[position*=bottom]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--toast-peek))-(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-limited:opacity-0", "data-expanded:h-(--toast-height) data-position:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--toast-calc-offset-y))]", "bg-[color-mix(in_srgb,var(--popup-surface),var(--color-black)_calc(1%*max(0,var(--toast-index,0))))] data-expanded:bg-(--popup-surface)", "data-[position*=top]:data-starting-style:transform-[translateY(calc(-100%-var(--toast-inset)))] data-[position*=bottom]:data-starting-style:transform-[translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:opacity-0", "data-[position*=top]:data-ending-style:not-data-limited:not-data-swipe-direction:transform-[translateY(calc(-100%-var(--toast-inset)))]", "data-[position*=bottom]:data-ending-style:not-data-limited:not-data-swipe-direction:transform-[translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=down]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=up]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring/50 forced-colors:focus-visible:outline-[Highlight]", ].join(" "); const TOAST_MICROINTERACTION_CLASSES = [ "h-full w-full rounded-lg motion-reduce:transition-none", TOAST_SURFACE_CLASSES, ].join(" "); function resolveAnchor( anchor: Element | React.RefObject | null | undefined ) { if (!anchor) return undefined; const resolved = "current" in anchor ? anchor.current : anchor; if (!resolved) return undefined; if ("isConnected" in resolved && resolved.isConnected === false) { return undefined; } return resolved; } function addTrackedToast( manager: BaseToastManager, options: Record ) { const requestedId = typeof options.id === "string" ? options.id : undefined; const knownId = requestedId !== undefined && managerById.has(requestedId); const toastIdRef: { current: string | undefined } = { current: undefined }; const originalOnRemove = options.onRemove as (() => void) | undefined; const trackedOptions = knownId ? options : { ...options, onRemove: () => { if ( toastIdRef.current && managerById.get(toastIdRef.current) === manager ) { managerById.delete(toastIdRef.current); } originalOnRemove?.(); }, }; const toastId = manager.add(trackedOptions); toastIdRef.current = toastId; managerById.set(toastId, manager); return toastId; } function baseToast(jsx: React.ReactElement): string | undefined; function baseToast( jsx: React.ReactElement, options: Omit, "title" | "description"> ): string | undefined; function baseToast( options: ToastOptions ): string | undefined; function baseToast( optionsOrJSX: ToastOptions | React.ReactElement, jsxOptions?: Omit, "title" | "description"> ): string | undefined { if (React.isValidElement(optionsOrJSX)) { const action = resolveAction(jsxOptions?.action); return addTrackedToast(toastManager, { ...(jsxOptions?.id && { id: jsxOptions.id }), title: "", description: "", type: jsxOptions?.type ?? "default", timeout: jsxOptions?.duration ?? undefined, priority: jsxOptions?.priority ?? "low", ...(action && { actionProps: action.props }), data: { customJSX: optionsOrJSX, ...(jsxOptions?.data && jsxOptions.data), ...(action?.render && { actionRender: action.render }), ...(action?.nativeButton !== undefined && { actionNativeButton: action.nativeButton, }), showCloseButton: jsxOptions?.showCloseButton ?? true, }, ...(jsxOptions?.onClose && { onClose: jsxOptions.onClose }), ...(jsxOptions?.onRemove && { onRemove: jsxOptions.onRemove }), }); } const options = optionsOrJSX as ToastOptions; const action = resolveAction(options.action); return addTrackedToast(toastManager, { ...(options.id && { id: options.id }), title: options.title, description: options.description ?? "", type: options.type ?? "default", timeout: options.duration ?? undefined, priority: options.priority ?? "low", ...(action && { actionProps: action.props }), data: { ...options.data, ...(action?.render && { actionRender: action.render }), ...(action?.nativeButton !== undefined && { actionNativeButton: action.nativeButton, }), showCloseButton: options.showCloseButton ?? true, }, ...(options.onClose && { onClose: options.onClose }), ...(options.onRemove && { onRemove: options.onRemove }), }); } const promise = async ( promiseToResolve: Promise, messages: { loading: PromiseMessage; success: PromiseMessageOrFn; error: PromiseMessageOrFn; } ) => { const resolveMessage = (message: PromiseMessageOrFn, value: U) => typeof message === "function" ? message(value) : message; const handledPromise = toastManager.promise(promiseToResolve, { loading: messages.loading, success: (value: T) => resolveMessage(messages.success, value), error: (error: Error) => resolveMessage(messages.error, error), }); void handledPromise.catch(() => undefined); return handledPromise; }; function createTypedToast(type: NonNullable) { return ( optionsOrJSX: Omit, "type"> | React.ReactElement, jsxOptions?: Omit, "title" | "description" | "type"> ) => { if (React.isValidElement(optionsOrJSX)) { return baseToast(optionsOrJSX, { ...jsxOptions, type }); } return baseToast({ ...optionsOrJSX, type }); }; } export const toast = Object.assign(baseToast, { success: createTypedToast("success"), error: createTypedToast("error"), warning: createTypedToast("warning"), info: createTypedToast("info"), promise, dismiss: (toastId?: string) => { if (toastId) { (managerById.get(toastId) ?? toastManager).close(toastId); } else { toastManager.close(); anchoredToastManager.close(); } }, update: (toastId: string, options: Partial) => { const updateOptions: Record = {}; if (options.title !== undefined) updateOptions.title = options.title; if (options.description !== undefined) { updateOptions.description = options.description; } if (options.type !== undefined) updateOptions.type = options.type; if (options.duration !== undefined) { updateOptions.timeout = options.duration; } if (options.priority !== undefined) { updateOptions.priority = options.priority; } if (options.action !== undefined) { const action = resolveAction(options.action); updateOptions.actionProps = action?.props; updateOptions.data = { ...(action?.render && { actionRender: action.render }), ...(action?.nativeButton !== undefined && { actionNativeButton: action.nativeButton, }), }; } if (options.data !== undefined) updateOptions.data = options.data; if (options.showCloseButton !== undefined) { updateOptions.data = { ...(typeof updateOptions.data === "object" && updateOptions.data ? updateOptions.data : {}), showCloseButton: options.showCloseButton, }; } (managerById.get(toastId) ?? toastManager).update(toastId, updateOptions); }, anchored: ( options: AnchoredToastOptions ) => { const anchor = resolveAnchor(options.anchor); if (!anchor) { return undefined; } const action = resolveAction(options.action); return addTrackedToast(anchoredToastManager, { ...(options.id && { id: options.id }), title: options.title, description: options.description ?? "", timeout: options.duration ?? undefined, priority: options.priority ?? "low", ...(action && { actionProps: action.props }), data: { ...options.data, ...(action?.render && { actionRender: action.render }), ...(action?.nativeButton !== undefined && { actionNativeButton: action.nativeButton, }), arrow: options.arrow ?? false, showCloseButton: options.showCloseButton ?? true, }, positionerProps: { anchor, side: options.side ?? "top", sideOffset: options.sideOffset ?? 8, align: options.align, alignOffset: options.alignOffset, }, ...(options.onClose && { onClose: options.onClose }), ...(options.onRemove && { onRemove: options.onRemove }), }); }, }); function ToastIcon({ type }: { type: ToastType }) { const Icon = type === "default" ? null : TOAST_ICONS[type]; if (!Icon) return null; return (

svg]:size-4 [&>svg]:shrink-0", type === "success" && "text-success-foreground", type === "error" && "text-error-foreground", type === "warning" && "text-warning-foreground", type === "info" && "text-info-foreground", type === "loading" && "text-muted-foreground" )} >

); } function useToastMicrointeraction(toast: ToastData) { const type = (toast.type ?? "default") as ToastType; const updateKey = toast.updateKey ?? 0; const previousToastRef = React.useRef({ type, updateKey }); const [microinteractionRef, animate] = useAnimate(); const prefersReducedMotion = useReducedMotion(); React.useEffect(() => { const previousToast = previousToastRef.current; const becameError = type === "error" && previousToast.type !== "error"; const wasUpserted = updateKey > previousToast.updateKey; previousToastRef.current = { type, updateKey }; if ( prefersReducedMotion || !microinteractionRef.current || (!becameError && !wasUpserted) ) { return; } void animate( microinteractionRef.current, becameError ? { x: [0, -4, 4, -2, 2, 0], y: 0, scale: 1 } : { x: 0, y: [0, -3.5, 1, 0], scale: [1, 1.045, 0.985, 1] }, { duration: becameError ? 0.28 : 0.32, times: becameError ? undefined : [0, 0.42, 0.72, 1], ease: [0.22, 1, 0.36, 1], } ); }, [animate, microinteractionRef, prefersReducedMotion, type, updateKey]); return microinteractionRef; } function StackedToastItem({ toast: toastItem, position, swipeDirection, }: { toast: ToastData; position: ToastPosition; swipeDirection: SwipeDirection[]; }) { const type = (toastItem.type ?? "default") as ToastType; const microinteractionRef = useToastMicrointeraction(toastItem); const data = toastItem.data; const hasCustomJSX = Boolean(data && "customJSX" in data); const showCloseButton = data?.showCloseButton !== false; return (

{hasCustomJSX ? (

{data?.customJSX}

) : ( <>

{showCloseButton ? ( ) : null}

{toastItem.actionProps ? ( ) : null}

)}

); } function StackedToasts({ position }: { position: ToastPosition }) { const { toasts } = ToastPrimitive.useToastManager(); const swipeDirection = getSwipeDirection(position); return ( <> {toasts.map((toastItem) => ( ))} ); } function ToastArrowSvg() { return ( ); } function AnchoredToastItem({ toast: toastItem }: { toast: ToastData }) { const microinteractionRef = useToastMicrointeraction(toastItem); const data = toastItem.data; const showArrow = data?.arrow === true; const showCloseButton = data?.showCloseButton !== false; return (

{showArrow ? ( ) : null} {toastItem.actionProps ? ( ) : null} {showCloseButton ? ( } > ) : null}

); } function AnchoredToasts() { const { toasts } = ToastPrimitive.useToastManager(); return ( <> {toasts.map((toastItem) => { const toastData = toastItem as ToastData; if (!toastData.positionerProps?.anchor) return null; return ; })} ); } export function ToastProvider({ children, position = "bottom-right", limit = 3, timeout = 5000, container, }: ToastProviderProps) { return ( {children} ); } export function AnchoredToastProvider({ children, limit = 5, timeout = 2000, container, }: AnchoredToastProviderProps) { return ( {children} ); } 4f:["$","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":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@base-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%2Freact","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@base-ui/react"}]]}]}],["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"cn"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}]]}],["$","$L50",null,{"namespace":"@iandefined","registryDependencies":["https://ui.iandefined.com/r/button.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"src/registry/base/toast.tsx","content":"$52","type":"registry:ui","target":"components/ui/toast.tsx"}],"className":"h-[70svh] min-h-80"}]]}]