5f: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 60: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 61:T488,import type { HTMLArkProps } from '@ark-ui/react/factory'; import { ark } from '@ark-ui/react/factory'; import { clsx } from 'clsx'; import type { ComponentRef, Ref } from 'react'; import { forwardRef } from 'react'; import styles from './Typeset.module.css'; const Typeset = forwardRef>(function Typeset( { className, ...props }, ref, ) { return ( >} {...props} data-scope="typeset" data-part="root" data-slot="typeset" className={clsx(styles.root, className)} /> ); }); const TypesetScroll = forwardRef>(function TypesetScroll( { className, role, tabIndex = 0, ...props }, ref, ) { return ( >} {...props} data-scope="typeset" data-part="scroll" data-slot="typeset-scroll" className={clsx(styles.scroll, className)} role={role ?? (props['aria-label'] || props['aria-labelledby'] ? 'region' : undefined)} tabIndex={tabIndex} /> ); }); export { Typeset, TypesetScroll };62:T2fe5,/* * shadcn/typeset * https://ui.shadcn.com/docs/typeset. */ @layer base { .root { --moduix-typeset-font-body: inherit; --moduix-typeset-font-heading: var(--moduix-font-sans); --moduix-typeset-font-mono: var(--moduix-font-mono); --moduix-typeset-size: 1em; --moduix-typeset-leading: 1.75; --moduix-typeset-flow: 1.25em; } } @layer components { .root { font-family: var(--moduix-typeset-font-body); font-size: calc(var(--moduix-typeset-size) * 1.125); line-height: var(--moduix-typeset-leading); color: var(--moduix-foreground); overflow-wrap: break-word; @media (min-width: 48rem), print { font-size: var(--moduix-typeset-size); } } .root *:not( :where( :global(.not-typeset), [data-not-typeset], :global(.not-typeset) *, [data-not-typeset] * ) ) { /* Paragraphs. */ &:where(p) { margin-block-start: var(--moduix-typeset-flow); margin-block-end: 0; } /* Headings. */ &:where(h1, h2, h3, h4, h5, h6) { color: var(--moduix-foreground); font-family: var(--moduix-typeset-font-heading); font-weight: 600; margin-block-end: 0; } &:where(h1) { font-size: 1.75em; line-height: 1.3; margin-block-start: var(--moduix-typeset-flow); } &:where(h2) { font-size: 1.25em; line-height: 1.4; margin-block-start: calc(var(--moduix-typeset-flow) * 1.4); } &:where(h3) { font-size: 1.125em; line-height: 1.45; margin-block-start: var(--moduix-typeset-flow); } &:where(h4) { font-size: 1em; line-height: 1.5; margin-block-start: var(--moduix-typeset-flow); } &:where(h5) { font-size: 0.875em; line-height: 1.5; font-weight: 500; color: var(--moduix-muted-foreground); margin-block-start: calc(var(--moduix-typeset-flow) / 0.875); } &:where(h6) { font-size: 0.8125em; line-height: 1.5; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--moduix-muted-foreground); margin-block-start: calc(var(--moduix-typeset-flow) / 0.8125); } /* Anchors. */ &:where([id]) { scroll-margin-block-start: var(--moduix-typeset-flow); } /* Headings own the space below them. */ &:where(h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + *) { margin-block-start: 1em; } &:where(:is(h1, h2, h3, h4) :is(code)) { font-size: 0.9em; } /* Links. */ &:where(a) { color: inherit; font-weight: 500; text-decoration-line: underline; text-decoration-color: color-mix(in oklab, currentColor 30%, transparent); } @media (hover: hover) { &:where(a:hover) { text-decoration-color: currentColor; } } &:where(a:focus-visible) { outline: var(--moduix-focus-ring-width) solid var(--moduix-ring); outline-offset: var(--moduix-focus-ring-offset); border-radius: 0.125em; } &:where(:is(h1, h2, h3, h4, h5, h6) :is(a)) { font-weight: inherit; } /* Inline semantics. */ &:where(strong, b) { font-weight: 600; } &:where(mark) { background-color: color-mix(in oklab, var(--moduix-warning) 40%, transparent); color: inherit; padding: 0.05em 0.15em; border-radius: 0.2em; } &:where(abbr[title]) { text-decoration-line: underline; text-decoration-style: dotted; text-underline-offset: 0.2em; cursor: help; } &:where(del, s) { color: var(--moduix-muted-foreground); text-decoration-line: line-through; } &:where(sup, sub) { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; } &:where(sup) { top: -0.5em; } &:where(sub) { bottom: -0.25em; } &:where(sup a) { text-decoration-line: none; } /* Lists. */ &:where(ul) { list-style-type: disc; } &:where(ol) { list-style-type: decimal; } &:where(ul ul) { list-style-type: circle; } &:where(ul ul ul) { list-style-type: square; } &:where(ol[type='a' i]) { list-style-type: lower-alpha; } &:where(ol[type='i' i]) { list-style-type: lower-roman; } &:where(ol[type='A' s]) { list-style-type: upper-alpha; } &:where(ol[type='I' s]) { list-style-type: upper-roman; } &:where(ul, ol) { margin-block-start: var(--moduix-typeset-flow); margin-block-end: 0; padding-inline-start: 1.5em; } &:where(li) { margin-block-start: 0.5em; padding-inline-start: 0.4em; } &:where(li > p, li > ul, li > ol) { margin-block-start: 0.5em; } &:where(li)::marker { color: var(--moduix-muted-foreground); } /* GFM task lists. */ &:where(ul:global(.contains-task-list)) { list-style-type: none; padding-inline-start: 0.25em; } &:where(li:global(.task-list-item) > input[type='checkbox']) { margin-inline-end: 0.5em; vertical-align: -0.1em; accent-color: var(--moduix-primary); } /* Disclosures. */ &:where(details) { margin-block-start: var(--moduix-typeset-flow); margin-block-end: 0; } &:where(summary) { cursor: pointer; font-weight: 500; } &:where(summary)::marker { color: var(--moduix-muted-foreground); } /* Keyboard keys. */ &:where(kbd) { font-family: inherit; font-size: 0.85em; font-weight: 500; border: 1px solid var(--moduix-border); border-block-end-width: 2px; border-radius: min(var(--moduix-radius-sm), 0.35em); padding: 0.0625em 0.35em; } /* Definition lists. */ &:where(dl) { margin-block-start: var(--moduix-typeset-flow); margin-block-end: 0; } &:where(dt) { font-weight: 500; margin-block-start: 1em; } &:where(dt + dt) { margin-block-start: 0.25em; } &:where(dd) { margin-block-start: 0.25em; margin-inline-start: 0; padding-inline-start: 1em; color: var(--moduix-muted-foreground); } /* Inline code. */ &:where(:not(pre) > code) { background-color: var(--moduix-muted); font-family: var(--moduix-typeset-font-mono); font-size: 0.85em; border-radius: min(var(--moduix-radius-sm), 0.35em); padding: 0.125em 0.3em; } /* Code blocks. */ &:where(pre) { background-color: var(--moduix-muted); font-family: var(--moduix-typeset-font-mono); font-size: 0.875em; line-height: 1.5; tab-size: 2; direction: ltr; border-radius: var(--moduix-radius-md); padding: 0.75em 1em; overflow-x: auto; margin-block-start: calc(var(--moduix-typeset-flow) / 0.875); margin-block-end: 0; } &:where(pre code) { background-color: transparent; font-family: inherit; font-size: inherit; padding: 0; border-radius: 0; } /* Blockquote. */ &:where(blockquote) { border-inline-start: 2px solid var(--moduix-border); padding-inline-start: 1em; margin-block-start: var(--moduix-typeset-flow); margin-block-end: 0; margin-inline: 0; } /* Dividers. */ &:where(hr) { border: 0; border-block-start: 1px solid var(--moduix-border); margin-block-start: calc(var(--moduix-typeset-flow) * 2.4); margin-block-end: 0; } &:where(hr + h1, hr + h2, hr + h3, hr + h4) { margin-block-start: var(--moduix-typeset-flow); } /* GFM footnotes. */ &:where(:global(.footnotes), [data-footnotes]) { margin-block-start: calc(var(--moduix-typeset-flow) * 2); border-block-start: 1px solid var(--moduix-border); padding-block-start: var(--moduix-typeset-flow); font-size: 0.875em; color: var(--moduix-muted-foreground); } /* Math. */ &:where(math[display='block']) { margin-block-start: var(--moduix-typeset-flow); margin-block-end: 0; overflow-x: auto; overflow-y: hidden; padding-block: 0.25em; } /* Media. */ &:where(img, video) { border-radius: var(--moduix-radius-md); max-width: 100%; height: auto; margin-block-start: var(--moduix-typeset-flow); margin-block-end: 0; } &:where(p img) { margin-block-start: 0; } &:where(figure) { margin-block-start: var(--moduix-typeset-flow); margin-block-end: 0; margin-inline: 0; } &:where(figcaption, caption) { color: var(--moduix-muted-foreground); font-size: 0.875em; text-align: center; margin-block-start: calc(0.75em / 0.875); } &:where(caption) { caption-side: bottom; } /* Tables. Separators sit on cells, not tr:last-child: append-safe. Bare tables stay real tables (keep their semantics) and wrap to fit. */ &:where(table) { max-width: 100%; font-size: 1em; line-height: 1.5; font-variant-numeric: tabular-nums; border-collapse: separate; border-spacing: 0; border-block-end: 1px solid var(--moduix-border); margin-block-start: var(--moduix-typeset-flow); margin-block-end: 0; } /* The scroll wrapper owns the flow margin of the wide block it wraps. Tables shrink to fit, so widen the table to make it scroll instead of compress. */ &:where(.scroll) { margin-block-start: var(--moduix-typeset-flow); } &:where(.scroll > *) { margin-block-start: 0; } &:where(.scroll table) { width: max-content; max-width: none; } &:where(thead th) { font-weight: 500; text-align: start; white-space: nowrap; padding: 0.65em 1em; } &:where(:is(tbody, tfoot) :is(td, th)) { padding: 0.75em 1em; text-align: start; vertical-align: top; border-block-start: 1px solid var(--moduix-border); } &:where(tbody th, tfoot th) { font-weight: 500; } &:where(th:first-child, td:first-child) { padding-inline-start: 0; } &:where(th[align='center'], td[align='center']) { text-align: center; } &:where(th[align='left'], td[align='left']) { text-align: left; } &:where(th[align='right'], td[align='right']) { text-align: right; } /* Blocks inside list items keep the list's tighter rhythm. */ &:where(li > blockquote, li > table, li > figure) { margin-block-start: 0.5em; } &:where(li > pre) { margin-block-start: calc(0.5em / 0.875); } @media print { &:where(pre, table, blockquote, figure) { break-inside: avoid; } &:where(h1, h2, h3, h4) { break-after: avoid; } } /* Forced colors strips the code background, so give it a border. */ @media (forced-colors: active) { &:where(:not(pre) > code) { border: 1px solid; } } } /* First child adds no space above. Last so it wins ties. */ .root > :where(:first-child):not( :where( :global(.not-typeset), [data-not-typeset], :global(.not-typeset) *, [data-not-typeset] * ) ), .root > :where(:first-child) > :where(:first-child):not( :where( :global(.not-typeset), [data-not-typeset], :global(.not-typeset) *, [data-not-typeset] * ) ), .root :where( li > :first-child, blockquote > :first-child, td > :first-child, th > :first-child, dd > :first-child, figure > :first-child, figure > picture > img ):not( :where( :global(.not-typeset), [data-not-typeset], :global(.not-typeset) *, [data-not-typeset] * ) ) { margin-block-start: 0; } .scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; } .scroll:focus-visible { outline: var(--moduix-focus-ring-width) solid var(--moduix-ring); outline-offset: var(--moduix-focus-ring-inset-offset); } }5e:["$","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"}]]}]}]]}],["$","$L5f",null,{"namespace":"@moduix-react","registryDependencies":["@moduix-react/foundation"]}]]}],null]}],["$","$L60",null,{"files":[{"path":"src/components/typeset/Typeset.tsx","content":"$61","type":"registry:component","target":"@components/ui/typeset/Typeset.tsx"},{"path":"src/components/typeset/Typeset.module.css","content":"$62","type":"registry:file","target":"@components/ui/typeset/Typeset.module.css"},{"path":"src/components/typeset/index.ts","content":"export * from './Typeset.js';","type":"registry:component","target":"@components/ui/typeset/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]