52: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"] 53: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"] 54:T9267,"use client" import React, { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, type RefObject, } from "react" import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area" import { useControllableState } from "@radix-ui/react-use-controllable-state" import { AnimatePresence, motion, MotionConfig, useReducedMotion, } from "motion/react" import { cn } from "@/lib/utils" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" /** SKILL-DESIGN: standard 3-layer surface + transition-shadow */ const toolbarShellClass = cn( "bg-background transition-shadow duration-200", "shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_2px_-1px_rgba(0,0,0,0.06),0px_2px_4px_0px_rgba(0,0,0,0.04)]", "dark:shadow-[0px_0px_0px_1px_rgba(255,255,255,0.06),0px_1px_2px_-1px_rgba(255,255,255,0.03),0px_2px_4px_0px_rgba(0,0,0,0.2)]" ) /** SKILL-DESIGN: lighter 2-layer for nested well */ const toolbarInnerWellClass = cn( "shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_2px_-1px_rgba(0,0,0,0.05)]", "dark:shadow-[0px_0px_0px_1px_rgba(255,255,255,0.08),0px_1px_2px_-1px_rgba(255,255,255,0.04)]" ) const springTransition = { type: "spring" as const, bounce: 0, duration: 0.25, } function scheduleAfterLayout(fn: () => void) { requestAnimationFrame(() => { requestAnimationFrame(fn) }) } export interface WizardStep { id: string title: string description: string icon: | React.ComponentType<{ className?: string }> | React.ReactElement<{ className?: string }> content: React.ReactNode } export interface WizardNavigateContext { fromStepId: string | null toStepId: string fromIndex: number toIndex: number } type StepNavigationResult = | { ok: true } | { ok: false; context: WizardNavigateContext } function evaluateStepNavigation({ steps, fromId, toId, canNavigateToStep, skipValidationForBackward, }: { steps: WizardStep[] fromId: string | null toId: string canNavigateToStep: ((context: WizardNavigateContext) => boolean) | undefined skipValidationForBackward: boolean }): StepNavigationResult { if (!fromId || fromId === toId) { return { ok: true } } const toIndex = steps.findIndex((s) => s.id === toId) const fromIndex = steps.findIndex((s) => s.id === fromId) if (toIndex < 0 || fromIndex < 0) { return { ok: true } } if (!canNavigateToStep) { return { ok: true } } const goingBackward = toIndex < fromIndex if (skipValidationForBackward && goingBackward) { return { ok: true } } const context: WizardNavigateContext = { fromStepId: fromId, toStepId: toId, fromIndex, toIndex, } if (!canNavigateToStep(context)) { return { ok: false, context } } return { ok: true } } export interface WizardExpandableContextValue { activeStepId: string | null activeIndex: number totalSteps: number isLastStep: boolean canGoBack: boolean /** False when forward navigation / complete is blocked by validation or flags. */ canGoNext: boolean goNext: () => void goBack: () => void complete: () => void } const WizardExpandableContext = createContext(null) export function useWizardExpandable(): WizardExpandableContextValue { const ctx = useContext(WizardExpandableContext) if (!ctx) { throw new Error("useWizardExpandable must be used within WizardExpandable") } return ctx } export interface WizardExpandableProps { steps: WizardStep[] badgeText?: string className?: string expanded?: boolean onExpandedChange?: (expanded: boolean) => void activeStep?: string | null onActiveStepChange?: (stepId: string | null) => void /** * Return false to block moving from the current step to `toStepId`. * Not called when opening the first step (`fromStepId` is null), closing the wizard, * or when `skipValidationForBackward` is true and the target step is before the current one. */ canNavigateToStep?: (context: WizardNavigateContext) => boolean /** * When true, navigating to an earlier step does not call `canNavigateToStep`. * @default true */ skipValidationForBackward?: boolean /** Called when navigation was blocked by `canNavigateToStep` returning false. */ onNavigateBlocked?: (context: WizardNavigateContext) => void /** * When `false`, disables Next and the Complete action. When `undefined`, only * `canNavigateToStep` gates forward moves (and Complete stays enabled unless you set this). */ canGoNext?: boolean /** @default true */ showNavigation?: boolean backLabel?: string nextLabel?: string completeLabel?: string /** Called when the user activates Complete on the last step. */ onComplete?: () => void } const WizardExpandableInner = React.memo( function WizardExpandableInner({ steps, badgeText, className, expanded: controlledExpanded, onExpandedChange, activeStep: controlledActiveStep, onActiveStepChange, canNavigateToStep, skipValidationForBackward = true, onNavigateBlocked, canGoNext: canGoNextProp, showNavigation = true, backLabel = "Back", nextLabel = "Next", completeLabel = "Finish", onComplete, }) { const reduceMotion = useReducedMotion() const baseId = useId() const panelId = `${baseId}-panel` const tabRefs = useRef<(HTMLButtonElement | null)[]>([]) const [active, setActive] = useControllableState({ prop: controlledActiveStep, defaultProp: null, onChange: onActiveStepChange, }) const [isOpen, setIsOpen] = useControllableState({ prop: controlledExpanded, defaultProp: false, onChange: onExpandedChange, }) const [hoveredTabIndex, setHoveredTabIndex] = useState(null) const [previousIndex, setPreviousIndex] = useState(null) const [contentRef, contentBounds] = useMeasure() const [menuRef, menuBounds] = useMeasure() const menuContainerRef = useRef(null) const ref = useRef(null) const [maxWidth, setMaxWidth] = useState(0) const heightContent = contentBounds.height const widthContainer = menuBounds.width const scrollBehavior: ScrollBehavior = reduceMotion ? "auto" : "smooth" const motionTransition = useMemo( () => (reduceMotion ? { duration: 0.01 } : springTransition), [reduceMotion] ) const handleClickOutside = useCallback(() => { setIsOpen(false) setActive(null) }, [setIsOpen, setActive]) useClickOutside(ref, handleClickOutside) useEffect(() => { if (!widthContainer || maxWidth > 0) { return } setMaxWidth(widthContainer) }, [widthContainer, maxWidth]) const scrollButtonIntoView = useCallback( ( currentIndex: number, priorIndex: number | null, behavior: ScrollBehavior ) => { if (!menuContainerRef.current) { return } const isMovingForward = priorIndex !== null && currentIndex > priorIndex const isMovingBackward = priorIndex !== null && currentIndex < priorIndex let targetIndex = currentIndex if (isMovingForward) { const nextIndex = currentIndex + 1 if (nextIndex < steps.length) { targetIndex = nextIndex } } else if (isMovingBackward) { const prevIndex = currentIndex - 1 if (prevIndex >= 0) { targetIndex = prevIndex } } const viewport = menuContainerRef.current.querySelector( '[data-slot="scroll-area-viewport"]' ) as HTMLElement | null const targetButton = menuContainerRef.current.querySelector( `[data-step-index="${targetIndex}"]` ) as HTMLElement | null if (viewport && targetButton) { scrollElementToCenterInViewport(viewport, targetButton, behavior) } }, [steps.length] ) const openStep = useCallback( (item: string, priorIndex: number | null) => { const currentIndex = steps.findIndex((step) => step.id === item) setActive(item) setIsOpen(true) if (currentIndex >= 0) { scheduleAfterLayout(() => { scrollButtonIntoView(currentIndex, priorIndex, scrollBehavior) }) setPreviousIndex(currentIndex) } }, [steps, setActive, setIsOpen, scrollButtonIntoView, scrollBehavior] ) const tryNavigateToStep = useCallback( (item: string, priorIndex: number | null): boolean => { const result = evaluateStepNavigation({ steps, fromId: active, toId: item, canNavigateToStep, skipValidationForBackward, }) if (result.ok === false) { onNavigateBlocked?.(result.context) return false } openStep(item, priorIndex) return true }, [ active, canNavigateToStep, onNavigateBlocked, openStep, skipValidationForBackward, steps, ] ) const activeIndex = useMemo( () => (active ? steps.findIndex((s) => s.id === active) : -1), [active, steps] ) const isLastStep = activeIndex >= 0 && activeIndex === steps.length - 1 const nextStepId = activeIndex >= 0 && activeIndex < steps.length - 1 ? steps[activeIndex + 1]?.id : undefined const prevStepId = activeIndex > 0 ? steps[activeIndex - 1]?.id : undefined const forwardNavOk = useMemo(() => { if (!nextStepId || active === null) { return true } return evaluateStepNavigation({ steps, fromId: active, toId: nextStepId, canNavigateToStep, skipValidationForBackward, }).ok }, [ active, canNavigateToStep, nextStepId, skipValidationForBackward, steps, ]) const nextDisabled = !forwardNavOk || canGoNextProp === false const completeDisabled = canGoNextProp === false const canGoBack = isOpen && active !== null && activeIndex > 0 const effectiveCanGoNext = isLastStep ? canGoNextProp !== false : forwardNavOk && canGoNextProp !== false const handleWizardBack = useCallback(() => { if (!prevStepId) { return } const moved = tryNavigateToStep(prevStepId, previousIndex) if (moved) { queueMicrotask(() => tabRefs.current[activeIndex - 1]?.focus()) } }, [activeIndex, previousIndex, prevStepId, tryNavigateToStep]) const handleWizardNext = useCallback(() => { if (!nextStepId || isLastStep) { return } const moved = tryNavigateToStep(nextStepId, previousIndex) if (moved) { queueMicrotask(() => tabRefs.current[activeIndex + 1]?.focus()) } }, [activeIndex, isLastStep, nextStepId, previousIndex, tryNavigateToStep]) const handleWizardComplete = useCallback(() => { if (completeDisabled) { return } onComplete?.() }, [completeDisabled, onComplete]) const handleNavClick = useCallback( (item: string) => { if (active === item && isOpen) { setIsOpen(false) setActive(null) return } tryNavigateToStep(item, previousIndex) }, [active, isOpen, previousIndex, setActive, setIsOpen, tryNavigateToStep] ) useEffect(() => { if (!isOpen) { return } const onKeyDown = (event: KeyboardEvent) => { if (event.key !== "Escape") { return } const root = ref.current if (!root?.contains(document.activeElement)) { return } event.preventDefault() setIsOpen(false) setActive(null) tabRefs.current[0]?.focus() } document.addEventListener("keydown", onKeyDown) return () => document.removeEventListener("keydown", onKeyDown) }, [isOpen, setActive, setIsOpen]) const handleTabKeyDown = useCallback( (event: React.KeyboardEvent, index: number) => { const { key } = event let nextIndex: number | undefined if (key === "ArrowRight" || key === "ArrowLeft") { event.preventDefault() const delta = key === "ArrowRight" ? 1 : -1 nextIndex = (index + delta + steps.length) % steps.length } else if (key === "Home") { event.preventDefault() nextIndex = 0 } else if (key === "End") { event.preventDefault() nextIndex = steps.length - 1 } if (nextIndex === undefined) { return } const nextId = steps[nextIndex]?.id if (!nextId) { return } const moved = tryNavigateToStep(nextId, previousIndex) if (!moved) { return } if (key === "ArrowRight" || key === "ArrowLeft") { queueMicrotask(() => tabRefs.current[nextIndex]?.focus()) } else { tabRefs.current[nextIndex]?.focus() } }, [previousIndex, steps, tryNavigateToStep] ) const renderContent = useCallback(() => { if (!active) { return null } const step = steps.find((s) => s.id === active) if (!step) { return null } const titleId = `${baseId}-title-${step.id}` const listVariants = { initial: {}, animate: { transition: { staggerChildren: reduceMotion ? 0 : 0.06, delayChildren: reduceMotion ? 0 : 0.02, }, }, exit: { transition: { staggerChildren: 0.03, staggerDirection: -1 as const }, }, } const itemVariants = { initial: reduceMotion ? { opacity: 0.001 } : { opacity: 0, y: 8, filter: "blur(4px)" }, animate: { opacity: 1, y: 0, filter: "blur(0px)", transition: { duration: reduceMotion ? 0.01 : 0.22, ease: [0.23, 1, 0.32, 1] as const, }, }, exit: reduceMotion ? { opacity: 0, transition: { duration: 0.1, ease: [0.23, 1, 0.32, 1] as const }, } : { opacity: 0, y: -10, filter: "blur(4px)", transition: { duration: 0.16, ease: [0.4, 0, 1, 1] as const }, }, } return (

{step.title} {step.description}

{step.content} {showNavigation ? (

{isLastStep ? ( ) : ( )}

) : null} ) }, [ active, backLabel, baseId, canGoBack, completeDisabled, completeLabel, handleWizardBack, handleWizardComplete, handleWizardNext, isLastStep, nextDisabled, nextLabel, panelId, reduceMotion, showNavigation, steps, ]) const wizardContextValue = useMemo( () => ({ activeStepId: active, activeIndex, totalSteps: steps.length, isLastStep, canGoBack, canGoNext: effectiveCanGoNext, goNext: handleWizardNext, goBack: handleWizardBack, complete: handleWizardComplete, }), [ active, activeIndex, canGoBack, effectiveCanGoNext, handleWizardBack, handleWizardComplete, handleWizardNext, isLastStep, steps.length, ] ) const navigationButtons = useMemo( () => steps.map((step, index) => ({ id: step.id, label: step.title, step: (index + 1).toString(), onClick: () => handleNavClick(step.id), isActive: active === step.id, isFirst: index === 0, isLast: index === steps.length - 1, })), [steps, active, handleNavClick] ) return (

{badgeText && ( {badgeText} )}

{ if (element) { menuContainerRef.current = element menuRef(element) } }} viewportClassName="scrollbar-hide" >

{navigationButtons.map((button, index) => { const tabFocusIndex = active === null ? index === 0 : button.isActive const isImmediatelyRightOfActive = index > 0 && active !== null && steps[index - 1]?.id === active const isImmediatelyLeftOfActive = index < steps.length - 1 && active !== null && steps[index + 1]?.id === active const activeTabFlushLeftWithHoveredNeighbor = button.isActive && index > 0 && hoveredTabIndex === index - 1 const activeTabFlushRightWithHoveredNeighbor = button.isActive && index < steps.length - 1 && hoveredTabIndex === index + 1 return ( ) })}

{isOpen && active ? (

{renderContent()}

) : null}

) } ) WizardExpandableInner.displayName = "WizardExpandableInner" // ________________________ HOOKS ________________________ interface Bounds { left: number top: number width: number height: number } function useMeasure(): [ (node: HTMLElement | null) => void, Bounds, () => void, ] { const [bounds, setBounds] = useState({ left: 0, top: 0, width: 0, height: 0, }) const [node, setNode] = useState(null) const observer = useRef(null) const disconnect = useCallback(() => { if (observer.current) { observer.current.disconnect() } }, []) const ref = useCallback((node: HTMLElement | null) => { setNode(node) }, []) useEffect(() => { if (!node) { return } if (observer.current) { observer.current.disconnect() } observer.current = new ResizeObserver(([entry]) => { if (!entry) { return } const borderBox = entry.borderBoxSize?.[0] if (borderBox) { setBounds({ left: 0, top: 0, width: borderBox.inlineSize, height: borderBox.blockSize, }) return } const rect = entry.contentRect if (!rect) { return } const { left, top, width, height } = rect setBounds({ left, top, width, height }) }) observer.current.observe(node) return () => { if (observer.current) { observer.current.disconnect() } } }, [node]) return [ref, bounds, disconnect] } function useClickOutside( ref: RefObject, handler: (event: MouseEvent | TouchEvent) => void ) { useEffect(() => { const listener = (event: MouseEvent | TouchEvent) => { const el = ref?.current if (!el || el.contains((event?.target as Node) || null)) { return } handler(event) } document.addEventListener("mousedown", listener) document.addEventListener("touchstart", listener) return () => { document.removeEventListener("mousedown", listener) document.removeEventListener("touchstart", listener) } }, [ref, handler]) } function scrollElementToCenterInViewport( viewport: HTMLElement, target: HTMLElement, behavior: ScrollBehavior = "smooth" ) { const viewportRect = viewport.getBoundingClientRect() const targetRect = target.getBoundingClientRect() const targetCenter = targetRect.left + targetRect.width / 2 const viewportCenter = viewportRect.left + viewportRect.width / 2 const delta = targetCenter - viewportCenter const maxScroll = Math.max(0, viewport.scrollWidth - viewport.clientWidth) const nextLeft = Math.max(0, Math.min(maxScroll, viewport.scrollLeft + delta)) viewport.scrollTo({ left: nextLeft, behavior }) } function useTouchPrimary() { const [isTouchPrimary, setIsTouchPrimary] = useState(false) useEffect(() => { if (typeof window === "undefined") { return } const controller = new AbortController() const { signal } = controller const handleTouch = () => { const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0 const prefersTouch = window.matchMedia("(pointer: coarse)").matches setIsTouchPrimary(hasTouch && prefersTouch) } const mq = window.matchMedia("(pointer: coarse)") mq.addEventListener("change", handleTouch, { signal }) window.addEventListener("pointerdown", handleTouch, { signal }) handleTouch() return () => controller.abort() }, []) return isTouchPrimary } // ________________________ MODIFIED SCROLL AREA ________________________ // https://lina.sameer.sh/ const ScrollAreaContext = React.createContext(false) interface ScrollFadeMask { top: boolean bottom: boolean left: boolean right: boolean } const ScrollArea = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef & { viewportClassName?: string /** * `maskHeight` is the height of the mask in pixels. * pass `0` to disable the mask * @default 30 */ maskHeight?: number maskClassName?: string } >( ( { className, children, viewportClassName, maskClassName, maskHeight = 30, ...props }, ref ) => { const [showMask, setShowMask] = React.useState({ top: false, bottom: false, left: false, right: false, }) const viewportRef = React.useRef(null) const isTouch = useTouchPrimary() const checkScrollability = React.useCallback(() => { const element = viewportRef.current if (!element) { return } const { scrollTop, scrollLeft, scrollWidth, clientWidth, scrollHeight, clientHeight, } = element setShowMask((prev) => ({ ...prev, top: scrollTop > 0, bottom: scrollTop + clientHeight < scrollHeight - 1, left: scrollLeft > 0, right: scrollLeft + clientWidth < scrollWidth - 1, })) }, []) React.useEffect(() => { if (typeof window === "undefined") { return } const element = viewportRef.current if (!element) { return } const controller = new AbortController() const { signal } = controller const resizeObserver = new ResizeObserver(checkScrollability) resizeObserver.observe(element) element.addEventListener("scroll", checkScrollability, { signal }) window.addEventListener("resize", checkScrollability, { signal }) checkScrollability() return () => { controller.abort() resizeObserver.disconnect() } }, [checkScrollability]) return ( {isTouch ? (

)} >

{children}

{maskHeight > 0 && ( )}

) : ( {children} {maskHeight > 0 && ( )} )} ) } ) ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName const ScrollBar = React.forwardRef< React.ComponentRef, React.ComponentPropsWithoutRef >(({ className, orientation = "vertical", ...props }, ref) => { const isTouch = React.useContext(ScrollAreaContext) if (isTouch) { return null } return ( ) }) ScrollBar.displayName = ScrollAreaPrimitive.Scrollbar.displayName const ScrollMask = ({ showMask, maskHeight, className, ...props }: React.ComponentProps<"div"> & { showMask: ScrollFadeMask maskHeight: number }) => { return ( <>

) } export default function WizardExpandable(props: WizardExpandableProps) { return } 51:["$","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","@radix-ui/react-use-controllable-state",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-use-controllable-state","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":"@radix-ui/react-use-controllable-state"}]]}]}],["$","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"}]]}]}]]}],["$","$L52",null,{"namespace":"@cult-ui","registryDependencies":["badge","button"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/default/ui/wizard-expandable.tsx","content":"$54","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]