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/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"] 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/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"] 52:T2e98,"use client" import * as React from "react" import { Toast as ToastPrimitive } from "@base-ui/react/toast" import { IconAlertTriangleFilled, IconCircleCheckFilled, IconCircleXFilled, IconInfoCircleFilled, IconX, } from "@tabler/icons-react" import { cn } from "cn" import { buttonVariants } from "@/components/ui/button" import { Spinner } from "@/components/ui/spinner" type ToastType = "default" | "success" | "error" | "warning" | "info" | "loading" type ToastPosition = | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" type ToastAction = { label: React.ReactNode onClick?: (event: React.MouseEvent) => void } type ToastOptions = { id?: string description?: React.ReactNode timeout?: number priority?: "low" | "high" action?: ToastAction onClose?: () => void onRemove?: () => void } type ToastData = { action?: ToastAction } const manager = ToastPrimitive.createToastManager() let counter = 0 function nextId() { counter += 1 return `toast-${counter}` } function textOf(node: React.ReactNode): string { if (typeof node === "string" || typeof node === "number") { return String(node) } if (Array.isArray(node)) { return node.map(textOf).join(" ") } if (React.isValidElement<{ children?: React.ReactNode }>(node)) { return textOf(node.props.children) } return "" } const readingFloor = 5000 function readingTimeout(title: React.ReactNode, description: React.ReactNode) { const words = `${textOf(title)} ${textOf(description)}` .split(/\s+/) .filter(Boolean).length const time = Math.min(15000, 2000 + words * 240) return time > readingFloor ? time : undefined } function toOptions( type: ToastType, title: React.ReactNode, { action, ...options }: ToastOptions = {} ) { return { ...options, type, title, timeout: type === "loading" ? 0 : (options.timeout ?? readingTimeout(title, options.description)), data: { action }, } } function show(type: ToastType, title: React.ReactNode, options?: ToastOptions) { const id = options?.id ?? nextId() manager.add({ id, ...toOptions(type, title, options) }) return id } type PromiseState = | React.ReactNode | (( value: Value ) => React.ReactNode | (ToastOptions & { title: React.ReactNode })) function resolveState( state: PromiseState, value: Value, type: ToastType ) { const result = typeof state === "function" ? state(value) : state if ( result !== null && typeof result === "object" && !React.isValidElement(result) && "title" in (result as object) ) { const { title, ...options } = result as ToastOptions & { title: React.ReactNode } return toOptions(type, title, options) } return toOptions(type, result as React.ReactNode) } const toast = Object.assign( (title: React.ReactNode, options?: ToastOptions) => show("default", title, options), { success: (title: React.ReactNode, options?: ToastOptions) => show("success", title, options), error: (title: React.ReactNode, options?: ToastOptions) => show("error", title, { priority: "high", ...options }), warning: (title: React.ReactNode, options?: ToastOptions) => show("warning", title, options), info: (title: React.ReactNode, options?: ToastOptions) => show("info", title, options), loading: (title: React.ReactNode, options?: ToastOptions) => show("loading", title, options), promise: ( promise: Promise, states: { loading: React.ReactNode success: PromiseState error: PromiseState } ) => { const tracked = manager.promise(promise, { loading: toOptions("loading", states.loading), success: (value: Value) => resolveState(states.success, value, "success"), error: (error: unknown) => resolveState(states.error, error, "error"), }) promise.catch(() => undefined) tracked.catch(() => undefined) return tracked }, update: ( id: string, { type, title, ...options }: ToastOptions & { type?: ToastType title?: React.ReactNode } ) => manager.update(id, { ...(type ? { type } : {}), ...(title !== undefined ? { title } : {}), ...(type && type !== "loading" && options.timeout === undefined ? { timeout: readingTimeout(title, options.description) ?? readingFloor, } : {}), ...options, ...(options.action ? { data: { action: options.action } } : {}), }), dismiss: (id?: string) => manager.close(id), } ) const icons: Partial> = { success: , error: , warning: , info: , loading: ( ), } function swipeFor( position: ToastPosition ): ToastPrimitive.Root.Props["swipeDirection"] { const vertical = position.startsWith("top") ? "up" : "down" if (position.endsWith("left")) { return [vertical, "left"] } if (position.endsWith("right")) { return [vertical, "right"] } return [vertical] } const rootClassName = "group/toast absolute inset-x-0 z-[calc(1000-var(--toast-index))] h-(--height) w-full rounded-xl bg-popover text-popover-foreground shadow-lg ring-(length:--hairline) forced-colors:border ring-foreground/10 select-none [--gap:0.625rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--peek:0.625rem] [--scale:calc(max(0,1-(var(--toast-index)*0.06)))] [--shrink:calc(1-var(--scale))] [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+var(--toast-dir)*(var(--toast-index)*var(--peek)+var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_450ms_cubic-bezier(0.22,1,0.36,1),opacity_350ms,height_200ms_cubic-bezier(0.22,1,0.36,1)] group-data-[position^=bottom]/toaster:bottom-0 group-data-[position^=bottom]/toaster:origin-bottom group-data-[position^=top]/toaster:top-0 group-data-[position^=top]/toaster:origin-top after:absolute after:inset-x-0 after:h-[calc(var(--gap)+1px)] group-data-[position^=bottom]/toaster:after:top-full group-data-[position^=top]/toaster:after:bottom-full data-expanded:h-(--toast-height) data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-dir)*(var(--toast-offset-y)+var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y)))] data-limited:opacity-0 data-starting-style:[transform:translateY(calc(var(--toast-dir)*-150%))] data-ending-style:opacity-0 [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(calc(var(--toast-dir)*-150%))] data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))] data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))] data-swiping:[transition:none] motion-reduce:[transition:opacity_200ms]" function ToastItem({ item, position, }: { item: ToastPrimitive.Root.ToastObject position: ToastPosition }) { const type = (item.type ?? "default") as ToastType const icon = icons[type] const action = item.data?.action return ( {icon ? ( {icon} ) : null}

{action ? ( { action.onClick?.(event) if (!event.defaultPrevented) { manager.close(item.id) } }} > {action.label} ) : null} ) } function ToastList({ position }: { position: ToastPosition }) { const { toasts } = ToastPrimitive.useToastManager() return toasts.map((item) => ( )) } const positionClassName: Record = { "top-left": "top-4 sm:top-6 sm:left-6", "top-center": "top-4 sm:top-6 sm:left-1/2 sm:-translate-x-1/2", "top-right": "top-4 sm:top-6 sm:right-6", "bottom-left": "bottom-4 sm:bottom-6 sm:left-6", "bottom-center": "bottom-4 sm:bottom-6 sm:left-1/2 sm:-translate-x-1/2", "bottom-right": "bottom-4 sm:bottom-6 sm:right-6", } type ToasterProps = Omit< ToastPrimitive.Viewport.Props, "children" | "className" > & { className?: string position?: ToastPosition limit?: number timeout?: number } function Toaster({ className, position = "bottom-right", limit = 3, timeout = 5000, ...props }: ToasterProps) { return ( ) } export { Toaster, toast } export type { ToastAction, ToastOptions, ToastPosition, ToasterProps, ToastType, } 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@^1.8.0",{"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@^1.8.0"}]]}]}],["$","li","@tabler/icons-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tabler%2Ficons-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":"@tabler/icons-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"}]]}]}]]}],["$","$L50",null,{"namespace":"@hextaui","registryDependencies":["https://hextaui.com/r/theme.json","https://hextaui.com/r/button.json","https://hextaui.com/r/spinner.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/ui/toast.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]