51: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"] 52: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"] 53:T100b,@@directive("'use client'") module NextThemes = { type theme = | @as("system") System | @as("light") Light | @as("dark") Dark type themeState = {theme: option} @module("next-themes") external useTheme: unit => themeState = "useTheme" } module Position = { type t = | @as("top-left") TopLeft | @as("top-right") TopRight | @as("bottom-left") BottomLeft | @as("bottom-right") BottomRight | @as("top-center") TopCenter | @as("bottom-center") BottomCenter } module ToasterIcons = { type t = { success: React.element, info: React.element, warning: React.element, error: React.element, loading: React.element, } } module ToastClassNames = { type t = {toast: string} } module ToastOptions = { type t = {classNames: ToastClassNames.t} } module Offset = { type t = { top: string, right: string, bottom: string, left: string, } } module Dir = { type t = | @as("rtl") Rtl | @as("ltr") Ltr | @as("auto") Auto } module SwipeDirection = { type t = | @as("top") Top | @as("right") Right | @as("bottom") Bottom | @as("left") Left } module Action = { type t = { label: React.element, onClick: unit => unit, } } module Options = { type t = { description?: React.element, action?: Action.t, position?: Position.t, cancel?: React.element, } } module Promise = { module Options = { type t<'success, 'error> = { loading?: React.element, success?: 'success => React.element, error?: 'error => React.element, description?: 'success => 'error => React.element, finally?: unit => promise, } } } @module("sonner") external toast: (React.element, ~options: Options.t=?) => unit = "toast" @module("sonner") @scope("toast") external success: (React.element, ~options: Options.t=?) => unit = "success" @module("sonner") @scope("toast") external info: (React.element, ~options: Options.t=?) => unit = "info" @module("sonner") @scope("toast") external warning: (React.element, ~options: Options.t=?) => unit = "warning" @module("sonner") @scope("toast") external error: (React.element, ~options: Options.t=?) => unit = "error" @module("sonner") @scope("toast") external promise: (unit => promise<'success>, Promise.Options.t<'success, 'error>) => unit = "promise" module SonnerPrimitive = { type props = { id?: string, invert?: bool, theme?: NextThemes.theme, position?: Position.t, hotkey?: array, richColors?: bool, expand?: bool, duration?: int, gap?: int, visibleToasts?: int, closeButton?: bool, toastOptions?: ToastOptions.t, className?: string, style?: ReactDOM.Style.t, offset?: Offset.t, mobileOffset?: Offset.t, dir?: Dir.t, swipeDirections?: array, icons?: ToasterIcons.t, containerAriaLabel?: string, } @module("sonner") external make: React.component = "Toaster" } @react.componentWithProps(SonnerPrimitive.props) let make = (props: SonnerPrimitive.props) => { let theme = props.theme let toastOptions = props.toastOptions->Option.getOr({ToastOptions.classNames: {toast: "rounded-2xl"}}) let className = props.className->Option.getOr("toaster group") let style = props.style->Option.getOr( ReactDOM.Style._dictToStyle( dict{ "--normal-bg": "var(--popover)", "--normal-text": "var(--popover-foreground)", "--normal-border": "var(--border)", "--border-radius": "var(--radius)", }, ), ) let icons = props.icons->Option.getOr({ ToasterIcons.success: , info: , warning: , error: , loading: , }) let {theme: defaultTheme} = NextThemes.useTheme() let theme = theme->Option.orElse(defaultTheme)->Option.getOr(System) } 50:["$","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","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","next-themes",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/next-themes","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":"next-themes"}]]}]}],["$","li","sonner",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/sonner","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":"sonner"}]]}]}]]}],["$","$L51",null,{"namespace":"@rescript-shadcn","registryDependencies":["@rescript-shadcn/Icons"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/base/ui/Sonner.res","content":"$53","type":"registry:file","target":"@ui/Sonner.res"}],"className":"h-[70svh] min-h-80"}]]}]