4f: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"] 50: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"] 51:T10d2,'use client'; import { ark, type HTMLArkProps } from '@ark-ui/react/factory'; import { HoverCard as HoverCardPrimitive, useHoverCard, useHoverCardContext, } from '@ark-ui/react/hover-card'; import { clsx } from 'clsx'; import type { ComponentProps, ComponentRef } from 'react'; import { forwardRef } from 'react'; import { OverlayPortal, OverlayPortalProvider, type OverlayPortalProps, } from '@/lib/moduix/overlayPortal'; import styles from './HoverCard.module.css'; type HoverCardRootProps = ComponentProps & OverlayPortalProps; type HoverCardRootProviderProps = ComponentProps & OverlayPortalProps; function HoverCardRoot({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }: HoverCardRootProps) { return ( ); } function HoverCardRootProvider({ lazyMount = true, portalled, portalRef, unmountOnExit = true, ...props }: HoverCardRootProviderProps) { return ( ); } const HoverCardTrigger = forwardRef< ComponentRef, ComponentProps >(function HoverCardTrigger({ asChild, className, ...props }, ref) { return ( ); }); const HoverCardPositioner = forwardRef< ComponentRef, ComponentProps >(function HoverCardPositioner({ className, ...props }, ref) { return ( ); }); const HoverCardContent = forwardRef< ComponentRef, ComponentProps >(function HoverCardContent({ className, ...props }, ref) { return ( ); }); const HoverCardArrow = forwardRef< ComponentRef, ComponentProps >(function HoverCardArrow({ className, children, ...props }, ref) { return ( {children ?? } ); }); const HoverCardArrowTip = forwardRef< ComponentRef, ComponentProps >(function HoverCardArrowTip({ className, ...props }, ref) { return ( ); }); const HoverCardBody = forwardRef, HTMLArkProps<'div'>>( function HoverCardBody({ className, ...props }, ref) { return ( ); }, ); const HoverCard = Object.assign(HoverCardRoot, { Root: HoverCardRoot, RootProvider: HoverCardRootProvider, Trigger: HoverCardTrigger, Positioner: HoverCardPositioner, Content: HoverCardContent, Arrow: HoverCardArrow, ArrowTip: HoverCardArrowTip, Body: HoverCardBody, Context: HoverCardPrimitive.Context, }); export { HoverCard, useHoverCard, useHoverCardContext, type HoverCardRootProps, type HoverCardRootProviderProps, };52:T1906,@layer moduix.components { .trigger { --_hover-card-trigger-current-color: var( --moduix-hover-card-trigger-color, var(--moduix-color-primary) ); display: inline-flex; align-items: center; gap: var(--moduix-hover-card-trigger-gap, var(--moduix-spacing-1)); outline: 0; color: var(--_hover-card-trigger-current-color); font: inherit; text-decoration-line: underline; text-decoration-thickness: var(--moduix-hover-card-trigger-decoration-thickness, 1px); text-decoration-color: var( --moduix-hover-card-trigger-decoration-color, color-mix(in oklab, var(--_hover-card-trigger-current-color), transparent 40%) ); text-underline-offset: var(--moduix-hover-card-trigger-underline-offset, 2px); cursor: pointer; transition: color var(--moduix-hover-card-transition, var(--moduix-duration-fast)), text-decoration-color var(--moduix-hover-card-transition, var(--moduix-duration-fast)); @media (hover: hover) { &:hover { text-decoration-color: var( --moduix-hover-card-trigger-decoration-color-hover, var(--_hover-card-trigger-current-color) ); } } &[data-state='open'] { text-decoration-color: var( --moduix-hover-card-trigger-decoration-color-open, var(--_hover-card-trigger-current-color) ); } &:focus-visible { border-radius: var(--moduix-hover-card-trigger-focus-radius, var(--moduix-radius-xs)); outline: var( --moduix-hover-card-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)) ) solid var(--moduix-hover-card-focus-ring-color, var(--moduix-color-ring)); outline-offset: var( --moduix-hover-card-trigger-focus-offset, var(--moduix-focus-ring-offset) ); text-decoration-line: none; } &:is([data-disabled], [disabled]) { pointer-events: none; opacity: var(--moduix-hover-card-disabled-opacity, var(--moduix-opacity-disabled)); } } .positioner { z-index: var(--z-index, var(--moduix-z-popup)); max-width: var(--available-width); outline: 0; } .content { position: relative; z-index: calc(var(--moduix-z-popup) + var(--layer-index, 0)); box-sizing: border-box; width: var(--moduix-hover-card-width, auto); height: var(--moduix-hover-card-height, auto); min-width: min(var(--moduix-hover-card-min-width, 14rem), var(--available-width)); max-width: min(var(--moduix-hover-card-max-width, 24rem), var(--available-width)); max-height: min(var(--moduix-hover-card-max-height, 24rem), var(--available-height, 100dvh)); overflow: visible; overflow-wrap: anywhere; padding: var(--moduix-hover-card-padding-y, var(--moduix-spacing-2)) var(--moduix-hover-card-padding-x, var(--moduix-spacing-2)); border: var(--moduix-hover-card-border-width, var(--moduix-border-width-sm)) solid var(--moduix-hover-card-border-color, var(--moduix-color-border)); border-radius: var(--moduix-hover-card-radius, var(--moduix-radius-lg)); background-color: var(--moduix-hover-card-bg, var(--moduix-color-popover)); color: var(--moduix-hover-card-color, var(--moduix-color-popover-foreground)); outline: 0; box-shadow: var(--moduix-hover-card-shadow, var(--moduix-shadow-lg)); transform-origin: var(--transform-origin); &:has(> .body) { display: flex; flex-direction: column; > .body { min-block-size: 0; overflow: auto; } } &[data-state='open'] { animation: hover-card-enter var( --moduix-hover-card-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast)) var(--moduix-popup-motion-easing, ease) ) both; } &[data-state='closed'] { animation: hover-card-exit var( --moduix-hover-card-transition, var(--moduix-popup-motion-duration, var(--moduix-duration-fast)) var(--moduix-popup-motion-easing, ease) ) both; } } .arrow { --arrow-size: var(--moduix-hover-card-arrow-size, var(--moduix-spacing-2-5)); --arrow-background: var(--moduix-hover-card-bg, var(--moduix-color-popover)); --arrow-shadow-color: var( --moduix-hover-card-arrow-stroke-color, var(--moduix-hover-card-border-color, var(--moduix-color-border)) ); } .body { min-block-size: 0; } .arrowTip { border-top: var(--moduix-hover-card-border-width, var(--moduix-border-width-sm)) solid var( --moduix-hover-card-arrow-stroke-color, var(--moduix-hover-card-border-color, var(--moduix-color-border)) ); border-left: var(--moduix-hover-card-border-width, var(--moduix-border-width-sm)) solid var( --moduix-hover-card-arrow-stroke-color, var(--moduix-hover-card-border-color, var(--moduix-color-border)) ); } @media (prefers-reduced-motion: reduce) { .trigger { transition: none; } .content { animation: none; } } @keyframes hover-card-enter { from { opacity: var( --moduix-hover-card-content-starting-opacity, var(--moduix-popup-motion-starting-opacity, 0) ); translate: var( --moduix-hover-card-content-starting-translate-x, var(--moduix-popup-motion-starting-translate-x, 0) ) var( --moduix-hover-card-content-starting-translate-y, var(--moduix-popup-motion-starting-translate-y, 0) ); scale: var( --moduix-hover-card-content-starting-scale, var(--moduix-popup-motion-starting-scale, var(--moduix-scale-popup)) ); } } @keyframes hover-card-exit { to { opacity: var( --moduix-hover-card-content-ending-opacity, var(--moduix-popup-motion-ending-opacity, 0) ); translate: var( --moduix-hover-card-content-ending-translate-x, var(--moduix-popup-motion-ending-translate-x, 0) ) var( --moduix-hover-card-content-ending-translate-y, var(--moduix-popup-motion-ending-translate-y, 0) ); scale: var( --moduix-hover-card-content-ending-scale, var(--moduix-popup-motion-ending-scale, var(--moduix-scale-popup)) ); } } }4e:["$","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","@ark-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40ark-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":"@ark-ui/react"}]]}]}],["$","li","clsx",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/clsx","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":"clsx"}]]}]}]]}],["$","$L4f",null,{"namespace":"@moduix-react","registryDependencies":["@moduix-react/foundation","@moduix-react/overlay-portal"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/components/hover-card/HoverCard.tsx","content":"$51","type":"registry:component","target":"@components/ui/hover-card/HoverCard.tsx"},{"path":"src/components/hover-card/HoverCard.module.css","content":"$52","type":"registry:file","target":"@components/ui/hover-card/HoverCard.module.css"},{"path":"src/components/hover-card/index.ts","content":"export { HoverCard, useHoverCard, useHoverCardContext } from './HoverCard.js';\nexport type { HoverCardRootProps, HoverCardRootProviderProps } from './HoverCard.js';","type":"registry:component","target":"@components/ui/hover-card/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]