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:T2753,"use client" import * as React from "react" import { cn } from "cn" import * as ResizablePrimitive from "react-resizable-panels" function useMergedElementRef( own: React.RefObject, external: React.Ref | undefined ) { return React.useCallback( (node: T | null) => { own.current = node if (typeof external === "function") { return external(node) } if (external) { external.current = node } return undefined }, [own, external] ) } function ResizablePanelGroup({ className, elementRef, groupRef: groupHandleRef, defaultLayout, onPointerDownCapture, onKeyDownCapture, ...props }: ResizablePrimitive.GroupProps) { const groupRef = React.useRef(null) const setRef = useMergedElementRef(groupRef, elementRef) const handleRef = React.useRef(null) const setHandleRef = useMergedElementRef(handleRef, groupHandleRef) const appliedLayout = React.useRef(defaultLayout) const interacted = React.useRef(false) React.useLayoutEffect(() => { const previous = appliedLayout.current appliedLayout.current = defaultLayout if ( !defaultLayout || interacted.current || JSON.stringify(defaultLayout) === JSON.stringify(previous) ) { return } const element = groupRef.current const ready = element?.hasAttribute("data-ready") element?.removeAttribute("data-ready") handleRef.current?.setLayout(defaultLayout) if (ready) { requestAnimationFrame(() => { requestAnimationFrame(() => element?.setAttribute("data-ready", "")) }) } }, [defaultLayout]) React.useEffect(() => { let second = 0 const first = requestAnimationFrame(() => { second = requestAnimationFrame(() => { groupRef.current?.setAttribute("data-ready", "") }) }) return () => { cancelAnimationFrame(first) cancelAnimationFrame(second) } }, []) return ( { onPointerDownCapture?.(event) interacted.current = true }} onKeyDownCapture={(event) => { onKeyDownCapture?.(event) interacted.current = true }} className={cn( "flex h-full w-full min-w-0 aria-[orientation=vertical]:flex-col data-ready:not-has-[>[data-separator=active]]:*:data-panel:transition-[flex-grow] data-ready:not-has-[>[data-separator=active]]:*:data-panel:duration-300 data-ready:not-has-[>[data-separator=active]]:*:data-panel:ease-out-quint motion-reduce:*:data-panel:transition-none", className )} {...props} /> ) } function ResizablePanel({ className, ...props }: ResizablePrimitive.PanelProps) { return ( ) } type ResizableSizeUnit = "percent" | "pixels" function useSizeReadout( separatorRef: React.RefObject, valueRef: React.RefObject, unit: ResizableSizeUnit | null ) { React.useEffect(() => { const separator = separatorRef.current const value = valueRef.current if (!unit || !separator || !value) { return } let panel = separator.previousElementSibling while (panel && !panel.hasAttribute("data-panel")) { panel = panel.previousElementSibling } const update = () => { if (unit === "percent") { const now = Number(separator.getAttribute("aria-valuenow")) value.textContent = Number.isFinite(now) ? `${Math.round(now)}%` : "" return } if (!panel) { value.textContent = "" return } const rect = panel.getBoundingClientRect() const vertical = separator.getAttribute("aria-orientation") === "horizontal" value.textContent = `${Math.round(vertical ? rect.height : rect.width)}px` } update() const mutations = new MutationObserver(update) mutations.observe(separator, { attributes: true, attributeFilter: ["aria-valuenow"], }) const resize = typeof ResizeObserver === "undefined" || !panel ? null : new ResizeObserver(update) if (panel) { resize?.observe(panel) } return () => { mutations.disconnect() resize?.disconnect() } }, [separatorRef, valueRef, unit]) } type ResizableHandleProps = ResizablePrimitive.SeparatorProps & { withHandle?: boolean showSize?: boolean | ResizableSizeUnit } function ResizableHandle({ withHandle = false, showSize = false, className, elementRef, children, ...props }: ResizableHandleProps) { const separatorRef = React.useRef(null) const valueRef = React.useRef(null) const setRef = useMergedElementRef(separatorRef, elementRef) const unit = showSize === true ? "percent" : showSize || null useSizeReadout(separatorRef, valueRef, unit) return ( ) } function subscribeNothing() { return () => {} } type UseDefaultLayoutOptions = Parameters< typeof ResizablePrimitive.useDefaultLayout >[0] function useDefaultLayout(options: UseDefaultLayoutOptions) { const hydrated = React.useSyncExternalStore( subscribeNothing, () => true, () => false ) const custom = options.storage const storage = React.useMemo( () => custom ?? { getItem: (key) => { if (!hydrated) { return null } try { return window.localStorage.getItem(key) } catch { return null } }, setItem: (key, value) => { if (!hydrated) { return } try { window.localStorage.setItem(key, value) } catch {} }, }, [custom, hydrated] ) return ResizablePrimitive.useDefaultLayout({ ...options, storage }) } const usePanelRef = ResizablePrimitive.usePanelRef const useGroupRef = ResizablePrimitive.useGroupRef export { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout, useGroupRef, usePanelRef, } export type { ResizableHandleProps, ResizableSizeUnit } 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","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","react-resizable-panels@^4.14.2",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react-resizable-panels","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":"react-resizable-panels@^4.14.2"}]]}]}]]}],["$","$L50",null,{"namespace":"@hextaui","registryDependencies":["https://hextaui.com/r/theme.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/ui/resizable.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]