@agent-factory-platform/docs-react 0.2.0

package/dist/index.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-black:#000;--container-sm:24rem;--container-xl:36rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono,"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-0\.5{top:calc(var(--spacing,4px) * .5)}.top-1\.5{top:calc(var(--spacing,4px) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing,4px) * 2)}.top-12{top:calc(var(--spacing,4px) * 12)}.top-\[calc\(60px\+1rem\)\]{top:calc(60px + 1rem)}.top-\[calc\(100\%\+6px\)\]{top:calc(100% + 6px)}.top-full{top:100%}.-right-2{right:calc(var(--spacing,4px) * -2)}.right-0{right:0}.right-2{right:calc(var(--spacing,4px) * 2)}.right-4{right:calc(var(--spacing,4px) * 4)}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing,4px) * 3)}.left-9{left:calc(var(--spacing,4px) * 9)}.left-10{left:calc(var(--spacing,4px) * 10)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.z-\[9999\]{z-index:9999}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing,4px) * 4)}.mx-1{margin-inline:var(--spacing,4px)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing,4px)}.mt-0\.5{margin-top:calc(var(--spacing,4px) * .5)}.mt-1{margin-top:var(--spacing,4px)}.mt-2{margin-top:calc(var(--spacing,4px) * 2)}.mt-3{margin-top:calc(var(--spacing,4px) * 3)}.-mr-1{margin-right:calc(var(--spacing,4px) * -1)}.mb-1{margin-bottom:var(--spacing,4px)}.mb-2{margin-bottom:calc(var(--spacing,4px) * 2)}.ml-1{margin-left:var(--spacing,4px)}.ml-1\.5{margin-left:calc(var(--spacing,4px) * 1.5)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.size-1{width:var(--spacing,4px);height:var(--spacing,4px)}.size-1\.5{width:calc(var(--spacing,4px) * 1.5);height:calc(var(--spacing,4px) * 1.5)}.size-2{width:calc(var(--spacing,4px) * 2);height:calc(var(--spacing,4px) * 2)}.size-2\.5{width:calc(var(--spacing,4px) * 2.5);height:calc(var(--spacing,4px) * 2.5)}.size-3{width:calc(var(--spacing,4px) * 3);height:calc(var(--spacing,4px) * 3)}.size-4{width:calc(var(--spacing,4px) * 4);height:calc(var(--spacing,4px) * 4)}.size-5{width:calc(var(--spacing,4px) * 5);height:calc(var(--spacing,4px) * 5)}.size-7{width:calc(var(--spacing,4px) * 7);height:calc(var(--spacing,4px) * 7)}.size-8{width:calc(var(--spacing,4px) * 8);height:calc(var(--spacing,4px) * 8)}.size-9{width:calc(var(--spacing,4px) * 9);height:calc(var(--spacing,4px) * 9)}.size-10{width:calc(var(--spacing,4px) * 10);height:calc(var(--spacing,4px) * 10)}.size-12{width:calc(var(--spacing,4px) * 12);height:calc(var(--spacing,4px) * 12)}.size-14{width:calc(var(--spacing,4px) * 14);height:calc(var(--spacing,4px) * 14)}.size-control-compact{width:var(--spacing-control-compact,28px);height:var(--spacing-control-compact,28px)}.size-control-default{width:var(--spacing-control-default,36px);height:var(--spacing-control-default,36px)}.size-control-touch{width:var(--spacing-control-touch,44px);height:var(--spacing-control-touch,44px)}.size-full{width:100%;height:100%}.size-slider-thumb-compact{width:var(--spacing-slider-thumb-compact,12px);height:var(--spacing-slider-thumb-compact,12px)}.size-slider-thumb-default{width:var(--spacing-slider-thumb-default,16px);height:var(--spacing-slider-thumb-default,16px)}.h-1{height:var(--spacing,4px)}.h-1\.5{height:calc(var(--spacing,4px) * 1.5)}.h-2{height:calc(var(--spacing,4px) * 2)}.h-3{height:calc(var(--spacing,4px) * 3)}.h-4{height:calc(var(--spacing,4px) * 4)}.h-5{height:calc(var(--spacing,4px) * 5)}.h-6{height:calc(var(--spacing,4px) * 6)}.h-24{height:calc(var(--spacing,4px) * 24)}.h-40{height:calc(var(--spacing,4px) * 40)}.h-\[min\(92dvh\,var\(--spacing-overlay-dashboard\)\)\]{height:min(92dvh,var(--spacing-overlay-dashboard))}.h-auto{height:auto}.h-control-compact{height:var(--spacing-control-compact,28px)}.h-control-default{height:var(--spacing-control-default,36px)}.h-control-touch{height:var(--spacing-control-touch,44px)}.h-full{height:100%}.h-px{height:1px}.h-row-compact{height:var(--spacing-row-compact,28px)}.h-row-default{height:var(--spacing-row-default,36px)}.h-row-touch{height:var(--spacing-row-touch,44px)}.h-slider-track{height:var(--spacing-slider-track,4px)}.max-h-64{max-height:calc(var(--spacing,4px) * 64)}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[92dvh\]{max-height:92dvh}.max-h-command-results{max-height:var(--spacing-command-results,480px)}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing,4px) * 6)}.min-h-7{min-height:calc(var(--spacing,4px) * 7)}.min-h-9{min-height:calc(var(--spacing,4px) * 9)}.min-h-10{min-height:calc(var(--spacing,4px) * 10)}.min-h-11{min-height:calc(var(--spacing,4px) * 11)}.min-h-12{min-height:calc(var(--spacing,4px) * 12)}.min-h-36{min-height:calc(var(--spacing,4px) * 36)}.min-h-\[7\.5rem\]{min-height:7.5rem}.min-h-\[420px\]{min-height:420px}.min-h-\[520px\]{min-height:520px}.min-h-chart-frame-min{min-height:var(--spacing-chart-frame-min,144px)}.min-h-command-search{min-height:var(--spacing-command-search,56px)}.min-h-control-compact{min-height:var(--spacing-control-compact,28px)}.min-h-control-default{min-height:var(--spacing-control-default,36px)}.min-h-control-touch{min-height:var(--spacing-control-touch,44px)}.min-h-row-compact{min-height:var(--spacing-row-compact,28px)}.min-h-row-default{min-height:var(--spacing-row-default,36px)}.min-h-row-touch{min-height:var(--spacing-row-touch,44px)}.w-1{width:var(--spacing,4px)}.w-1\.5{width:calc(var(--spacing,4px) * 1.5)}.w-2{width:calc(var(--spacing,4px) * 2)}.w-3\/5{width:60%}.w-4{width:calc(var(--spacing,4px) * 4)}.w-6{width:calc(var(--spacing,4px) * 6)}.w-9{width:calc(var(--spacing,4px) * 9)}.w-10{width:calc(var(--spacing,4px) * 10)}.w-24{width:calc(var(--spacing,4px) * 24)}.w-40{width:calc(var(--spacing,4px) * 40)}.w-48{width:calc(var(--spacing,4px) * 48)}.w-52{width:calc(var(--spacing,4px) * 52)}.w-64{width:calc(var(--spacing,4px) * 64)}.w-80{width:calc(var(--spacing,4px) * 80)}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-full{width:100%}.w-max{width:max-content}.w-overlay-command{width:var(--spacing-overlay-command,680px)}.w-overlay-sm{width:var(--spacing-overlay-sm,420px)}.w-px{width:1px}.max-w-\[7\.5rem\]{max-width:7.5rem}.max-w-\[96rem\]{max-width:96rem}.max-w-\[980px\]{max-width:980px}.max-w-\[1500px\]{max-width:1500px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-overlay-command{max-width:var(--spacing-overlay-command,680px)}.max-w-overlay-dashboard{max-width:var(--spacing-overlay-dashboard,720px)}.max-w-overlay-lg{max-width:var(--spacing-overlay-lg,820px)}.max-w-overlay-sm{max-width:var(--spacing-overlay-sm,420px)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing,4px) * 5)}.min-w-44{min-width:calc(var(--spacing,4px) * 44)}.min-w-48{min-width:calc(var(--spacing,4px) * 48)}.min-w-\[220px\]{min-width:220px}.min-w-xl{min-width:var(--container-xl)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing,4px) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-y-110{--tw-scale-y:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.cursor-row-resize{cursor:row-resize}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-y{resize:vertical}.\[scrollbar-width\:none\]{scrollbar-width:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_4\.75rem\]{grid-template-columns:minmax(0,1fr) 4.75rem}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing,4px) * .5)}.gap-1{gap:var(--spacing,4px)}.gap-1\.5{gap:calc(var(--spacing,4px) * 1.5)}.gap-2{gap:calc(var(--spacing,4px) * 2)}.gap-2\.5{gap:calc(var(--spacing,4px) * 2.5)}.gap-3{gap:calc(var(--spacing,4px) * 3)}.gap-4{gap:calc(var(--spacing,4px) * 4)}.gap-5{gap:calc(var(--spacing,4px) * 5)}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,4px) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,4px) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,4px) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,4px) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,4px) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,4px) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-1\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,4px) * -1.5) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,4px) * -1.5) * calc(1 - var(--tw-space-x-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing,4px) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing,4px) * -2) * calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-divider>:not(:last-child)){border-color:var(--color-divider,#0000000a)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-control{border-radius:var(--radius-control,calc(4px * var(--radius-scale,1)))}.rounded-full{border-radius:3.40282e38px}.rounded-indicator{border-radius:var(--radius-indicator,calc(4px * var(--radius-scale,1)))}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-overlay{border-radius:var(--radius-overlay,calc(12px * var(--radius-scale,1)))}.rounded-panel{border-radius:var(--radius-panel,calc(8px * var(--radius-scale,1)))}.rounded-selection{border-radius:var(--radius-selection,calc(6px * var(--radius-scale,1)))}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-sheet{border-top-left-radius:var(--radius-sheet,calc(16px * var(--radius-scale,1)));border-top-right-radius:var(--radius-sheet,calc(16px * var(--radius-scale,1)))}.rounded-l-overlay{border-top-left-radius:var(--radius-overlay,calc(12px * var(--radius-scale,1)));border-bottom-left-radius:var(--radius-overlay,calc(12px * var(--radius-scale,1)))}.rounded-r-overlay{border-top-right-radius:var(--radius-overlay,calc(12px * var(--radius-scale,1)));border-bottom-right-radius:var(--radius-overlay,calc(12px * var(--radius-scale,1)))}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-border{border-color:var(--color-border,#0000000f)}.border-current{border-color:currentColor}.border-danger\/35{border-color:#b5462f59}@supports (color:color-mix(in lab,red,red)){.border-danger\/35{border-color:color-mix(in oklab,var(--color-danger,#b5462f) 35%,transparent)}}.border-divider{border-color:var(--color-divider,#0000000a)}.border-graphite{border-color:var(--color-graphite,#726e68)}.border-graphite\/25{border-color:#726e6840}@supports (color:color-mix(in lab,red,red)){.border-graphite\/25{border-color:color-mix(in oklab,var(--color-graphite,#726e68) 25%,transparent)}}.border-info\/35{border-color:#2f6fb459}@supports (color:color-mix(in lab,red,red)){.border-info\/35{border-color:color-mix(in oklab,var(--color-info,#2f6fb4) 35%,transparent)}}.border-on-accent\/70{border-color:#100e0ab3}@supports (color:color-mix(in lab,red,red)){.border-on-accent\/70{border-color:color-mix(in oklab,var(--color-on-accent,#100e0a) 70%,transparent)}}.border-pure-white{border-color:var(--color-pure-white,#f7f6f5)}.border-rust{border-color:var(--color-rust,#e5ad27)}.border-success\/35{border-color:#2e7d5b59}@supports (color:color-mix(in lab,red,red)){.border-success\/35{border-color:color-mix(in oklab,var(--color-success,#2e7d5b) 35%,transparent)}}.border-surface-raised{border-color:var(--color-surface-raised,#f7f6f5)}.border-transparent{border-color:#0000}.border-warning\/35{border-color:#8a5a0059}@supports (color:color-mix(in lab,red,red)){.border-warning\/35{border-color:color-mix(in oklab,var(--color-warning,#8a5a00) 35%,transparent)}}.border-t-graphite{border-top-color:var(--color-graphite,#726e68)}.\!bg-transparent{background-color:#0000!important}.bg-apricot-wash{background-color:var(--color-apricot-wash,#f5e9cf)}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black) 45%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-danger{background-color:var(--color-danger,#b5462f)}.bg-danger\/10{background-color:#b5462f1a}@supports (color:color-mix(in lab,red,red)){.bg-danger\/10{background-color:color-mix(in oklab,var(--color-danger,#b5462f) 10%,transparent)}}.bg-divider{background-color:var(--color-divider,#0000000a)}.bg-dove{background-color:var(--color-dove,#928d86)}.bg-dove\/40{background-color:#928d8666}@supports (color:color-mix(in lab,red,red)){.bg-dove\/40{background-color:color-mix(in oklab,var(--color-dove,#928d86) 40%,transparent)}}.bg-dove\/80{background-color:#928d86cc}@supports (color:color-mix(in lab,red,red)){.bg-dove\/80{background-color:color-mix(in oklab,var(--color-dove,#928d86) 80%,transparent)}}.bg-down{background-color:var(--color-down,#bc263e)}.bg-down\/15{background-color:#bc263e26}@supports (color:color-mix(in lab,red,red)){.bg-down\/15{background-color:color-mix(in oklab,var(--color-down,#bc263e) 15%,transparent)}}.bg-fog{background-color:var(--color-fog,#f3f2f1)}.bg-fog\/50{background-color:#f3f2f180}@supports (color:color-mix(in lab,red,red)){.bg-fog\/50{background-color:color-mix(in oklab,var(--color-fog,#f3f2f1) 50%,transparent)}}.bg-graphite{background-color:var(--color-graphite,#726e68)}.bg-graphite\/70{background-color:#726e68b3}@supports (color:color-mix(in lab,red,red)){.bg-graphite\/70{background-color:color-mix(in oklab,var(--color-graphite,#726e68) 70%,transparent)}}.bg-info{background-color:var(--color-info,#2f6fb4)}.bg-info\/10{background-color:#2f6fb41a}@supports (color:color-mix(in lab,red,red)){.bg-info\/10{background-color:color-mix(in oklab,var(--color-info,#2f6fb4) 10%,transparent)}}.bg-ink{background-color:var(--color-ink,#191613)}.bg-pure-white{background-color:var(--color-pure-white,#f7f6f5)}.bg-rust{background-color:var(--color-rust,#e5ad27)}.bg-rust\/12{background-color:#e5ad271f}@supports (color:color-mix(in lab,red,red)){.bg-rust\/12{background-color:color-mix(in oklab,var(--color-rust,#e5ad27) 12%,transparent)}}.bg-rust\/30{background-color:#e5ad274d}@supports (color:color-mix(in lab,red,red)){.bg-rust\/30{background-color:color-mix(in oklab,var(--color-rust,#e5ad27) 30%,transparent)}}.bg-sky-wash{background-color:var(--color-sky-wash,#d8e7f6)}.bg-solid{background-color:var(--color-solid,#191613)}.bg-success{background-color:var(--color-success,#2e7d5b)}.bg-success\/10{background-color:#2e7d5b1a}@supports (color:color-mix(in lab,red,red)){.bg-success\/10{background-color:color-mix(in oklab,var(--color-success,#2e7d5b) 10%,transparent)}}.bg-surface-canvas{background-color:var(--color-surface-canvas,#f3f2f1)}.bg-surface-card{background-color:var(--color-surface-card,#f7f6f5)}.bg-surface-cool{background-color:var(--color-surface-cool,#d8e7f6)}.bg-surface-fog{background-color:var(--color-surface-fog,#f7f6f5)}.bg-surface-hover{background-color:var(--color-surface-hover,#e5e3e1)}.bg-surface-muted{background-color:var(--color-surface-muted,#efedec)}.bg-surface-muted\/50{background-color:#efedec80}@supports (color:color-mix(in lab,red,red)){.bg-surface-muted\/50{background-color:color-mix(in oklab,var(--color-surface-muted,#efedec) 50%,transparent)}}.bg-surface-raised{background-color:var(--color-surface-raised,#f7f6f5)}.bg-surface-warm{background-color:var(--color-surface-warm,#f5e9cf)}.bg-transparent{background-color:#0000}.bg-up{background-color:var(--color-up,#38a67c)}.bg-up\/15{background-color:#38a67c26}@supports (color:color-mix(in lab,red,red)){.bg-up\/15{background-color:color-mix(in oklab,var(--color-up,#38a67c) 15%,transparent)}}.bg-warning{background-color:var(--color-warning,#8a5a00)}.bg-warning\/10{background-color:#8a5a001a}@supports (color:color-mix(in lab,red,red)){.bg-warning\/10{background-color:color-mix(in oklab,var(--color-warning,#8a5a00) 10%,transparent)}}.bg-warning\/15{background-color:#8a5a0026}@supports (color:color-mix(in lab,red,red)){.bg-warning\/15{background-color:color-mix(in oklab,var(--color-warning,#8a5a00) 15%,transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing,4px) * .5)}.p-1{padding:var(--spacing,4px)}.p-2{padding:calc(var(--spacing,4px) * 2)}.p-3{padding:calc(var(--spacing,4px) * 3)}.p-4{padding:calc(var(--spacing,4px) * 4)}.p-5{padding:calc(var(--spacing,4px) * 5)}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing,4px) * .5)}.px-1{padding-inline:var(--spacing,4px)}.px-1\.5{padding-inline:calc(var(--spacing,4px) * 1.5)}.px-2{padding-inline:calc(var(--spacing,4px) * 2)}.px-2\.5{padding-inline:calc(var(--spacing,4px) * 2.5)}.px-3{padding-inline:calc(var(--spacing,4px) * 3)}.px-3\.5{padding-inline:calc(var(--spacing,4px) * 3.5)}.px-4{padding-inline:calc(var(--spacing,4px) * 4)}.px-5{padding-inline:calc(var(--spacing,4px) * 5)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing,4px) * .5)}.py-1{padding-block:var(--spacing,4px)}.py-1\.5{padding-block:calc(var(--spacing,4px) * 1.5)}.py-2{padding-block:calc(var(--spacing,4px) * 2)}.py-2\.5{padding-block:calc(var(--spacing,4px) * 2.5)}.py-3{padding-block:calc(var(--spacing,4px) * 3)}.py-3\.5{padding-block:calc(var(--spacing,4px) * 3.5)}.py-4{padding-block:calc(var(--spacing,4px) * 4)}.py-5{padding-block:calc(var(--spacing,4px) * 5)}.py-8{padding-block:calc(var(--spacing,4px) * 8)}.py-12{padding-block:calc(var(--spacing,4px) * 12)}.py-16{padding-block:calc(var(--spacing,4px) * 16)}.pt-1{padding-top:var(--spacing,4px)}.pt-2{padding-top:calc(var(--spacing,4px) * 2)}.pt-4{padding-top:calc(var(--spacing,4px) * 4)}.pt-5{padding-top:calc(var(--spacing,4px) * 5)}.pr-3{padding-right:calc(var(--spacing,4px) * 3)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing,4px)}.pb-1\.5{padding-bottom:calc(var(--spacing,4px) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing,4px) * 2)}.pb-5{padding-bottom:calc(var(--spacing,4px) * 5)}.pb-20{padding-bottom:calc(var(--spacing,4px) * 20)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-3\.5{padding-left:calc(var(--spacing,4px) * 3.5)}.pl-9{padding-left:calc(var(--spacing,4px) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-data{font-family:var(--font-data,"BDO Grotesk", system-ui, sans-serif)}.font-mono{font-family:var(--font-mono,"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace)}.font-product{font-family:var(--font-product,"BDO Grotesk", system-ui, sans-serif)}.font-signifier{font-family:var(--font-signifier,"BDO Grotesk", system-ui, sans-serif)}.font-sohne{font-family:var(--font-sohne,"BDO Grotesk", system-ui, sans-serif)}.text-body{font-size:var(--text-body,calc(14px * var(--font-scale,1)));line-height:var(--tw-leading,var(--text-body--line-height,1.429));letter-spacing:var(--tw-tracking,var(--text-body--letter-spacing,0))}.text-body-lg{font-size:var(--text-body-lg,calc(16px * var(--font-scale,1)));line-height:var(--tw-leading,var(--text-body-lg--line-height,1.5));letter-spacing:var(--tw-tracking,var(--text-body-lg--letter-spacing,0))}.text-body-sm{font-size:var(--text-body-sm,calc(13px * var(--font-scale,1)));line-height:var(--tw-leading,var(--text-body-sm--line-height,1.538));letter-spacing:var(--tw-tracking,var(--text-body-sm--letter-spacing,0))}.text-caption{font-size:var(--text-caption,calc(12px * var(--font-scale,1)));line-height:var(--tw-leading,var(--text-caption--line-height,1.333));letter-spacing:var(--tw-tracking,var(--text-caption--letter-spacing,0))}.text-data{font-size:var(--text-data,calc(11px * var(--font-scale,1)));line-height:var(--tw-leading,var(--text-data--line-height,1.4));letter-spacing:var(--tw-tracking,var(--text-data--letter-spacing,0))}.text-display{font-size:var(--text-display,calc(36px * var(--font-scale,1)));line-height:var(--tw-leading,var(--text-display--line-height,1.111));letter-spacing:var(--tw-tracking,var(--text-display--letter-spacing,0))}.text-heading{font-size:var(--text-heading,calc(24px * var(--font-scale,1)));line-height:var(--tw-leading,var(--text-heading--line-height,1.333));letter-spacing:var(--tw-tracking,var(--text-heading--letter-spacing,0))}.text-heading-lg{font-size:var(--text-heading-lg,calc(30px * var(--font-scale,1)));line-height:var(--tw-leading,var(--text-heading-lg--line-height,1.2));letter-spacing:var(--tw-tracking,var(--text-heading-lg--letter-spacing,0))}.text-heading-sm{font-size:var(--text-heading-sm,calc(20px * var(--font-scale,1)));line-height:var(--tw-leading,var(--text-heading-sm--line-height,1.4));letter-spacing:var(--tw-tracking,var(--text-heading-sm--letter-spacing,0))}.text-micro{font-size:var(--text-micro,calc(10px * var(--font-scale,1)));line-height:var(--tw-leading,var(--text-micro--line-height,1.4));letter-spacing:var(--tw-tracking,var(--text-micro--letter-spacing,0))}.text-subheading{font-size:var(--text-subheading,calc(18px * var(--font-scale,1)));line-height:var(--tw-leading,var(--text-subheading--line-height,1.556));letter-spacing:var(--tw-tracking,var(--text-subheading--letter-spacing,0))}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-\[450\]{--tw-font-weight:450;font-weight:450}.font-\[480\]{--tw-font-weight:480;font-weight:480}.font-\[500\]{--tw-font-weight:500;font-weight:500}.font-\[600\]{--tw-font-weight:600;font-weight:600}.tracking-\[0\]{--tw-tracking:0;letter-spacing:0}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-ash{color:var(--color-ash,#262422)}.text-danger{color:var(--color-danger,#b5462f)}.text-data-blue{color:var(--color-data-blue,#2e78c1)}.text-down{color:var(--color-down,#bc263e)}.text-graphite{color:var(--color-graphite,#726e68)}.text-graphite\/60{color:#726e6899}@supports (color:color-mix(in lab,red,red)){.text-graphite\/60{color:color-mix(in oklab,var(--color-graphite,#726e68) 60%,transparent)}}.text-info{color:var(--color-info,#2f6fb4)}.text-ink{color:var(--color-ink,#191613)}.text-on-accent{color:var(--color-on-accent,#100e0a)}.text-on-solid{color:var(--color-on-solid,#f7f6f5)}.text-on-status{color:var(--color-on-status,#f3f4f6)}.text-pure-white{color:var(--color-pure-white,#f7f6f5)}.text-rust{color:var(--color-rust,#e5ad27)}.text-success{color:var(--color-success,#2e7d5b)}.text-up{color:var(--color-up,#38a67c)}.text-warning{color:var(--color-warning,#8a5a00)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-\[0_0_0_1px_var\(--color-surface-canvas\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--color-surface-canvas));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-pop{--tw-shadow:var(--tw-shadow-color,#11131c1a) 0 0 0 1px, var(--tw-shadow-color,#04172b1f) 0 12px 32px -10px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-subtle{--tw-shadow:var(--tw-shadow-color,#11131c2b) 0 0 0 1px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-border{--tw-ring-color:var(--color-border,#0000000f)}.ring-data-blue\/20{--tw-ring-color:#2e78c133}@supports (color:color-mix(in lab,red,red)){.ring-data-blue\/20{--tw-ring-color:color-mix(in oklab, var(--color-data-blue,#2e78c1) 20%, transparent)}}.ring-dove\/55{--tw-ring-color:#928d868c}@supports (color:color-mix(in lab,red,red)){.ring-dove\/55{--tw-ring-color:color-mix(in oklab, var(--color-dove,#928d86) 55%, transparent)}}.ring-pure-white{--tw-ring-color:var(--color-pure-white,#f7f6f5)}.ring-rust\/25{--tw-ring-color:#e5ad2740}@supports (color:color-mix(in lab,red,red)){.ring-rust\/25{--tw-ring-color:color-mix(in oklab, var(--color-rust,#e5ad27) 25%, transparent)}}.ring-surface-canvas{--tw-ring-color:var(--color-surface-canvas,#f3f2f1)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,border-color\,box-shadow\,transform\]{transition-property:background-color,color,border-color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,border-color\,opacity\,transform\]{transition-property:background-color,color,border-color,opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,box-shadow\,transform\]{transition-property:background-color,color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[top\,left\,width\,height\]{transition-property:top,left,width,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-focus\:scale-110:is(:where(.group):focus *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.group-data-\[invalid\=true\]\:border-danger:is(:where(.group)[data-invalid=true] *){border-color:var(--color-danger,#b5462f)}.group-data-\[state\=checked\]\:border-rust:is(:where(.group)[data-state=checked] *){border-color:var(--color-rust,#e5ad27)}.group-data-\[state\=checked\]\:bg-rust:is(:where(.group)[data-state=checked] *){background-color:var(--color-rust,#e5ad27)}.group-data-\[state\=checked\]\:text-on-accent:is(:where(.group)[data-state=checked] *){color:var(--color-on-accent,#100e0a)}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.placeholder\:text-graphite::placeholder{color:var(--color-graphite,#726e68)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-x-0:after{content:var(--tw-content);inset-inline:0}.after\:inset-x-2:after{content:var(--tw-content);inset-inline:calc(var(--spacing,4px) * 2)}.after\:inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing,4px) * 2)}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:h-0\.5:after{content:var(--tw-content);height:calc(var(--spacing,4px) * .5)}.after\:w-0\.5:after{content:var(--tw-content);width:calc(var(--spacing,4px) * .5)}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-graphite\/60:after{content:var(--tw-content);background-color:#726e6899}@supports (color:color-mix(in lab,red,red)){.after\:bg-graphite\/60:after{background-color:color-mix(in oklab,var(--color-graphite,#726e68) 60%,transparent)}}.after\:bg-rust:after{content:var(--tw-content);background-color:var(--color-rust,#e5ad27)}@media(hover:hover){.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-graphite:hover{border-color:var(--color-graphite,#726e68)}.hover\:bg-dove\/50:hover{background-color:#928d8680}@supports (color:color-mix(in lab,red,red)){.hover\:bg-dove\/50:hover{background-color:color-mix(in oklab,var(--color-dove,#928d86) 50%,transparent)}}.hover\:bg-rust:hover{background-color:var(--color-rust,#e5ad27)}.hover\:bg-rust\/20:hover{background-color:#e5ad2733}@supports (color:color-mix(in lab,red,red)){.hover\:bg-rust\/20:hover{background-color:color-mix(in oklab,var(--color-rust,#e5ad27) 20%,transparent)}}.hover\:bg-surface-hover:hover{background-color:var(--color-surface-hover,#e5e3e1)}.hover\:text-graphite:hover{color:var(--color-graphite,#726e68)}.hover\:text-ink:hover{color:var(--color-ink,#191613)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-rust\/35:hover{--tw-ring-color:#e5ad2759}@supports (color:color-mix(in lab,red,red)){.hover\:ring-rust\/35:hover{--tw-ring-color:color-mix(in oklab, var(--color-rust,#e5ad27) 35%, transparent)}}.hover\:after\:bg-rust:hover:after{content:var(--tw-content);background-color:var(--color-rust,#e5ad27)}}.focus\:\!border-0:focus{border-style:var(--tw-border-style)!important;border-width:0!important}.focus\:border-rust:focus{border-color:var(--color-rust,#e5ad27)}.focus\:border-rust\/70:focus{border-color:#e5ad27b3}@supports (color:color-mix(in lab,red,red)){.focus\:border-rust\/70:focus{border-color:color-mix(in oklab,var(--color-rust,#e5ad27) 70%,transparent)}}.focus-visible\:bg-rust:focus-visible{background-color:var(--color-rust,#e5ad27)}.focus-visible\:bg-rust\/20:focus-visible{background-color:#e5ad2733}@supports (color:color-mix(in lab,red,red)){.focus-visible\:bg-rust\/20:focus-visible{background-color:color-mix(in oklab,var(--color-rust,#e5ad27) 20%,transparent)}}.focus-visible\:\!ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-rust:focus-visible{--tw-ring-color:var(--color-rust,#e5ad27)}.focus-visible\:ring-rust\/20:focus-visible{--tw-ring-color:#e5ad2733}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-rust\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-rust,#e5ad27) 20%, transparent)}}.focus-visible\:ring-rust\/35:focus-visible{--tw-ring-color:#e5ad2759}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-rust\/35:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-rust,#e5ad27) 35%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-surface-canvas:focus-visible{--tw-ring-offset-color:var(--color-surface-canvas,#f3f2f1)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.focus-visible\:after\:bg-rust:focus-visible:after{content:var(--tw-content);background-color:var(--color-rust,#e5ad27)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:scale-\[0\.99\]:active{scale:.99}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-surface-muted:disabled{background-color:var(--color-surface-muted,#efedec)}.disabled\:text-graphite:disabled{color:var(--color-graphite,#726e68)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}.has-\[\:focus-visible\]\:ring-2:has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\:focus-visible\]\:ring-rust\/35:has(:focus-visible){--tw-ring-color:#e5ad2759}@supports (color:color-mix(in lab,red,red)){.has-\[\:focus-visible\]\:ring-rust\/35:has(:focus-visible){--tw-ring-color:color-mix(in oklab, var(--color-rust,#e5ad27) 35%, transparent)}}.has-\[input\:focus-visible\]\:border-rust:has(:is(input:focus-visible)){border-color:var(--color-rust,#e5ad27)}.has-\[input\:focus-visible\]\:border-rust\/70:has(:is(input:focus-visible)){border-color:#e5ad27b3}@supports (color:color-mix(in lab,red,red)){.has-\[input\:focus-visible\]\:border-rust\/70:has(:is(input:focus-visible)){border-color:color-mix(in oklab,var(--color-rust,#e5ad27) 70%,transparent)}}.has-\[input\:focus-visible\]\:ring-2:has(:is(input:focus-visible)){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[input\:focus-visible\]\:ring-rust\/20:has(:is(input:focus-visible)){--tw-ring-color:#e5ad2733}@supports (color:color-mix(in lab,red,red)){.has-\[input\:focus-visible\]\:ring-rust\/20:has(:is(input:focus-visible)){--tw-ring-color:color-mix(in oklab, var(--color-rust,#e5ad27) 20%, transparent)}}.has-\[input\:focus-visible\]\:ring-rust\/35:has(:is(input:focus-visible)){--tw-ring-color:#e5ad2759}@supports (color:color-mix(in lab,red,red)){.has-\[input\:focus-visible\]\:ring-rust\/35:has(:is(input:focus-visible)){--tw-ring-color:color-mix(in oklab, var(--color-rust,#e5ad27) 35%, transparent)}}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-pressed\:bg-rust[aria-pressed=true]{background-color:var(--color-rust,#e5ad27)}.aria-pressed\:bg-surface-raised[aria-pressed=true]{background-color:var(--color-surface-raised,#f7f6f5)}.aria-pressed\:text-ink[aria-pressed=true]{color:var(--color-ink,#191613)}.aria-pressed\:text-on-accent[aria-pressed=true]{color:var(--color-on-accent,#100e0a)}.aria-pressed\:ring-2[aria-pressed=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-pressed\:ring-ink[aria-pressed=true]{--tw-ring-color:var(--color-ink,#191613)}.data-\[active\]\:bg-surface-hover[data-active]{background-color:var(--color-surface-hover,#e5e3e1)}.data-\[active\=true\]\:border-rust[data-active=true]{border-color:var(--color-rust,#e5ad27)}.data-\[active\=true\]\:bg-surface-muted[data-active=true]{background-color:var(--color-surface-muted,#efedec)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-surface-hover[data-highlighted]{background-color:var(--color-surface-hover,#e5e3e1)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[outside\=true\]\:text-graphite[data-outside=true]{color:var(--color-graphite,#726e68)}.data-\[resize-blocked\=true\]\:cursor-not-allowed[data-resize-blocked=true]{cursor:not-allowed}.data-\[resize-blocked\=true\]\:bg-down\/25[data-resize-blocked=true]{background-color:#bc263e40}@supports (color:color-mix(in lab,red,red)){.data-\[resize-blocked\=true\]\:bg-down\/25[data-resize-blocked=true]{background-color:color-mix(in oklab,var(--color-down,#bc263e) 25%,transparent)}}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing,4px) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-rust[data-state=checked]{border-color:var(--color-rust,#e5ad27)}.data-\[state\=checked\]\:bg-rust[data-state=checked]{background-color:var(--color-rust,#e5ad27)}.data-\[state\=checked\]\:ring-1[data-state=checked]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:ring-rust[data-state=checked]{--tw-ring-color:var(--color-rust,#e5ad27)}.data-\[state\=on\]\:bg-surface-raised[data-state=on]{background-color:var(--color-surface-raised,#f7f6f5)}.data-\[state\=on\]\:text-ink[data-state=on]{color:var(--color-ink,#191613)}@media(prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media(min-width:40rem){.sm\:right-6{right:calc(var(--spacing,4px) * 6)}.sm\:inline{display:inline}.sm\:h-full{height:100%}.sm\:max-h-none{max-height:none}.sm\:w-48{width:calc(var(--spacing,4px) * 48)}.sm\:w-auto{width:auto}.sm\:w-drawer-lg{width:var(--spacing-drawer-lg,560px)}.sm\:w-drawer-md{width:var(--spacing-drawer-md,460px)}.sm\:w-drawer-sm{width:var(--spacing-drawer-sm,380px)}.sm\:w-drawer-xl{width:var(--spacing-drawer-xl,min(860px, 54vw))}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:items-stretch{align-items:stretch}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-none{border-radius:0}.sm\:rounded-l-overlay{border-top-left-radius:var(--radius-overlay,calc(12px * var(--radius-scale,1)));border-bottom-left-radius:var(--radius-overlay,calc(12px * var(--radius-scale,1)))}.sm\:border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.sm\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.sm\:pb-0{padding-bottom:0}}@media(min-width:48rem){.md\:px-5{padding-inline:calc(var(--spacing,4px) * 5)}}@media(min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&_tr\:last-child\]\:border-b-0 tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>\*\]\:relative>*{position:relative}.\[\&\>\*\]\:ring-2>*{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&\>\*\]\:ring-surface-raised>*{--tw-ring-color:var(--color-surface-raised,#f7f6f5)}.\[\&\>\*\]\:transition-transform>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[\&\>\*\:hover\]\:z-10>:hover{z-index:10}.\[\&\>\*\:hover\]\:-translate-y-px>:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>button\]\:relative>button{position:relative}.\[\&\>button\]\:focus-visible\:z-10>button:focus-visible{z-index:10}.\[\&\>button\:not\(\:first-child\)\]\:-mt-px>button:not(:first-child){margin-top:-1px}.\[\&\>button\:not\(\:first-child\)\]\:-ml-px>button:not(:first-child){margin-left:-1px}.\[\&\>button\:not\(\:first-child\)\]\:rounded-t-none>button:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>button\:not\(\:first-child\)\]\:rounded-l-none>button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>button\:not\(\:last-child\)\]\:rounded-r-none>button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>button\:not\(\:last-child\)\]\:rounded-b-none>button:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}}.docs-prose h1{color:var(--color-ink);margin:2.25rem 0 1rem;font-size:1.875rem;font-weight:650;line-height:1.2}.docs-prose h2{color:var(--color-ink);margin:2rem 0 .75rem;font-size:1.375rem;font-weight:650;line-height:1.3}.docs-prose h3{color:var(--color-ink);margin:1.5rem 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.4}.docs-prose>:where(h1,h2,h3):first-child{margin-top:0}.docs-prose p,.docs-prose li{color:var(--color-ash);font-size:.9375rem;line-height:1.75}.docs-prose p+p{margin-top:1rem}.docs-prose ul,.docs-prose ol{margin:1rem 0;padding-left:1.5rem}.docs-prose ul{list-style:outside}.docs-prose ol{list-style:decimal}.docs-prose strong{color:var(--color-ink);font-weight:650}.docs-prose a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.docs-prose code{border-radius:var(--radius-control);background:var(--color-surface-muted);font-family:var(--font-mono);padding:.125rem .375rem;font-size:.85em}.docs-prose pre{border:1px solid var(--color-border);border-radius:var(--radius-selection);background:var(--color-surface-muted);margin:1rem 0;padding:1rem;overflow-x:auto}.docs-prose pre code{background:0 0;padding:0}.docs-prose blockquote,.docs-prose aside[data-callout]{border-left:3px solid var(--color-accent);margin:1rem 0;padding-left:1rem}.docs-prose img{border:1px solid var(--color-border);border-radius:var(--radius-selection);max-width:100%;height:auto;margin:1.25rem auto;display:block}.docs-prose .tableWrapper{margin:1rem 0;overflow-x:auto}.docs-prose table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:28rem}.docs-prose th,.docs-prose td{border:1px solid var(--color-border);vertical-align:top;min-width:5rem;padding:.625rem;position:relative}.docs-prose th{background:var(--color-surface-muted);color:var(--color-ink);font-weight:600}.docs-prose .selectedCell:after{background:var(--color-accent);position:absolute;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.docs-prose .selectedCell:after{background:color-mix(in srgb,var(--color-accent) 14%,transparent)}}.docs-prose .selectedCell:after{content:"";pointer-events:none}.docs-prose .column-resize-handle{background:var(--color-accent);pointer-events:none;width:4px;position:absolute;inset:0 -2px -1px auto}.docs-prose p.is-editor-empty:first-child:before{float:left;height:0;color:var(--color-graphite);content:attr(data-placeholder);pointer-events:none}.docs-prose ul[data-type=taskList]{padding-left:0;list-style:none}.docs-prose ul[data-type=taskList] li{gap:.5rem;display:flex}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { RICH_DOCUMENT_SCHEMA, RichDocument, RichDocument as RichDocumentEditor, applyDocumentAssistantOutput, commitDocumentAssistantRollback, documentAssistantConflict, emptyRichDocument, looksLikeMarkdown, parseRichDocument, replaceAssistantMarkdown, rollbackAssistantRange, replaceDocumentContent, richDocumentExtensions, selectionInsideTable, type RichDocumentContent, type RichDocumentProps, type DocumentAssistantCommit, type DocumentAssistantConflict, type RichDocumentLabels, } from "./rich-document";

package/dist/index.js

@@ -0,0 +1,463 @@
+import { jsx as t, jsxs as h, Fragment as ve } from "react/jsx-runtime";
+import { Node as it, mergeAttributes as at } from "@tiptap/core";
+import ct from "@tiptap/extension-image";
+import st from "@tiptap/extension-link";
+import lt from "@tiptap/extension-placeholder";
+import { TableKit as ut, TableCell as dt, TableHeader as ht } from "@tiptap/extension-table";
+import mt from "@tiptap/extension-text-align";
+import { TextStyle as ft, Color as pt, BackgroundColor as gt } from "@tiptap/extension-text-style";
+import bt from "@tiptap/extension-task-item";
+import vt from "@tiptap/extension-task-list";
+import { Markdown as kt } from "@tiptap/markdown";
+import { CellSelection as ae } from "@tiptap/pm/tables";
+import { Slice as We } from "@tiptap/pm/model";
+import { useEditor as Dt, EditorContent as wt } from "@tiptap/react";
+import { FloatingMenu as xt, BubbleMenu as ke } from "@tiptap/react/menus";
+import Ct from "@tiptap/starter-kit";
+import { Toolbar as te, ToolbarSeparator as L, Input as De, IconTip as ce, Pressable as g, MenuChoiceGroup as K, MenuCommandItem as z, Popover as we, ToolbarButton as W, Button as re, Modal as yt } from "@agent-factory-platform/ui-kit";
+import { Heading1 as xe, Heading2 as Ce, Heading3 as ye, List as ze, ListOrdered as Se, ListChecks as Ae, Quote as Ne, SquareCode as Te, MessageSquareWarning as Re, Table2 as ne, Pilcrow as Le, Bold as Be, Italic as Me, Underline as Oe, Strikethrough as Ee, Code2 as He, Link2 as _e, Plus as zt, Sparkles as Ie, ImagePlus as Pe, Palette as qe, AlignLeft as $e, AlignCenter as St, AlignRight as At, Minus as Nt, ChevronDown as Tt, WandSparkles as Rt, BetweenHorizontalStart as Lt, BetweenHorizontalEnd as Bt, Rows3 as Mt, BetweenVerticalStart as Ot, BetweenVerticalEnd as Et, Columns3 as Ht, TableCellsMerge as _t, TableCellsSplit as It, Trash2 as Pt } from "lucide-react";
+import { useMemo as qt, useState as w, useSyncExternalStore as $t, useRef as oe, useEffect as Je, useLayoutEffect as Jt } from "react";
+const _ = "agentfactory.richtext.v1";
+function jt(o) {
+  return (o.split(".").at(-1) ?? o).replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^./, (c) => c.toUpperCase());
+}
+const je = { status: "idle", output: "" }, Kt = () => () => {
+};
+function Wt(o, i, c) {
+  const m = o.state.doc.content.size, k = i.to - i.from;
+  return o.commands.insertContentAt(i, c, { contentType: "markdown", updateSelection: !0 }), { from: i.from, to: i.from + o.state.doc.content.size - m + k };
+}
+function Ft(o, i, c, m) {
+  try {
+    return o.state.doc.slice(i.from, i.to).content.eq(m.content) ? (o.view.dispatch(o.state.tr.replaceRange(i.from, i.to, c)), !0) : !1;
+  } catch {
+    return !1;
+  }
+}
+async function Vt(o, i, c) {
+  const m = o.state.doc;
+  if (!m.slice(i.range.from, i.range.to).content.eq(i.generated.content)) return;
+  const k = o.state.tr.replaceRange(i.range.from, i.range.to, i.original), v = { schema: _, doc: k.doc.toJSON() }, x = String(await c(v));
+  if (o.state.doc.eq(m))
+    return o.view.dispatch(o.state.tr.replaceRange(i.range.from, i.range.to, i.original)), { value: v, revision: x };
+}
+function Xt(o, i, c, m) {
+  if (!Fe(o, i, c))
+    try {
+      const k = We.fromJSON(o.schema, c.originalSlice), v = Wt(o, c.range, m);
+      return { range: v, original: k, generated: o.state.doc.slice(v.from, v.to) };
+    } catch {
+      return;
+    }
+}
+function Fe(o, i, c) {
+  if (i.documentId !== c.documentId || i.nodeId !== c.nodeId) return "identity";
+  if (i.baseRevision !== c.baseRevision) return "revision";
+  if (!c.originalSlice) return "missing_original";
+  if (c.range.from < 0 || c.range.to < c.range.from || c.range.to > o.state.doc.content.size) return "range";
+  try {
+    const m = We.fromJSON(o.schema, c.originalSlice);
+    if (!o.state.doc.slice(c.range.from, c.range.to).content.eq(m.content)) return "selection";
+  } catch {
+    return "invalid_slice";
+  }
+}
+const Gt = it.create({
+  name: "callout",
+  group: "block",
+  content: "block+",
+  defining: !0,
+  parseHTML: () => [{ tag: "aside[data-callout]" }],
+  renderHTML: ({ HTMLAttributes: o }) => ["aside", at(o, { "data-callout": "info" }), 0]
+}), Qt = ct.extend({
+  addAttributes() {
+    var o;
+    return { ...(o = this.parent) == null ? void 0 : o.call(this), asset_id: { default: null, parseHTML: (i) => i.getAttribute("data-asset-id"), renderHTML: (i) => i.asset_id ? { "data-asset-id": i.asset_id } : {} } };
+  }
+}), Ut = ["var(--color-ink)", "var(--color-graphite)", "var(--color-rust)", "var(--color-data-blue)", "var(--color-success)", "var(--color-warning)", "var(--color-danger)"], F = ["var(--color-surface-muted)", "var(--color-surface-warm)", "var(--color-surface-cool)", "var(--color-data-4)", "var(--color-data-5)"], Ve = () => ({
+  default: null,
+  parseHTML: (o) => F.includes(o.style.backgroundColor) ? o.style.backgroundColor : null,
+  renderHTML: ({ backgroundColor: o }) => o && F.includes(o) ? { style: `background-color: ${o}` } : {}
+}), Yt = dt.extend({ addAttributes() {
+  var o;
+  return { ...(o = this.parent) == null ? void 0 : o.call(this), backgroundColor: Ve() };
+} }), Zt = ht.extend({ addAttributes() {
+  var o;
+  return { ...(o = this.parent) == null ? void 0 : o.call(this), backgroundColor: Ve() };
+} }), Ke = () => ({ schema: _, doc: { type: "doc", content: [{ type: "paragraph" }] } });
+function Cr(o) {
+  const i = JSON.parse(o);
+  if (!i || typeof i != "object") throw new Error("invalid rich document");
+  const c = i;
+  if (c.doc === void 0)
+    throw i.type === "doc" ? new Error("unsupported rich document schema") : new Error("invalid rich document");
+  if (c.schema !== _) throw new Error("unsupported rich document schema");
+  if (!c.doc || typeof c.doc != "object" || c.doc.type !== "doc") throw new Error("invalid rich document");
+  return c;
+}
+const er = (o) => {
+  if (o.state.selection instanceof ae) return !0;
+  const { $from: i } = o.state.selection;
+  for (let c = i.depth; c > 0; c -= 1) if (i.node(c).type.name === "table") return !0;
+  return !1;
+}, tr = (o, i) => {
+  const c = o.state.selection.getBookmark(), m = o.isFocused;
+  o.commands.setContent(i, { emitUpdate: !1 });
+  try {
+    o.view.dispatch(o.state.tr.setSelection(c.resolve(o.state.doc)));
+  } catch {
+  }
+  m && o.commands.focus();
+}, rr = (o) => [
+  Ct.configure({ heading: { levels: [1, 2, 3] }, link: !1 }),
+  st.configure({ openOnClick: !0, autolink: !0, defaultProtocol: "https", HTMLAttributes: { target: "_blank", rel: "noopener noreferrer" } }),
+  Qt.configure({
+    allowBase64: !1,
+    resize: {
+      enabled: !0,
+      directions: ["bottom-left", "bottom-right"],
+      minWidth: 120,
+      minHeight: 80,
+      alwaysPreserveAspectRatio: !0
+    }
+  }),
+  ut.configure({ table: { resizable: !0, allowTableNodeSelection: !0 }, tableCell: !1, tableHeader: !1 }),
+  Yt,
+  Zt,
+  mt.configure({ types: ["heading", "paragraph"], alignments: ["left", "center", "right"] }),
+  ft,
+  pt,
+  gt,
+  vt,
+  bt.configure({ nested: !0 }),
+  Gt,
+  lt.configure({ placeholder: o }),
+  kt
+];
+function yr({ value: o, editable: i, placeholder: c, ariaLabel: m, linkLabel: k = "Link address", saveLabel: v = "Save", surface: x = "panel", source: S, documentId: I = (S == null ? void 0 : S.id) ?? "", nodeId: T = (S == null ? void 0 : S.id) ?? "", baseRevision: B = "", assistant: f, assistantInstructions: Xe = {}, onChange: C, onAssistantCommit: V, onImageUpload: y, labels: Ge = {} }) {
+  var ge;
+  if (f && !V) throw new Error("RichDocument assistant requires onAssistantCommit");
+  const n = (r) => Ge[r] ?? jt(r), Qe = qt(() => rr(c), [c]), [Ue, se] = w(!1), [le, X] = w(!1), [M, A] = w(null), [ue, G] = w(!1), [Ye, P] = w(!1), [de, Q] = w(""), [q, D] = w(""), [Ze, R] = w(), [O, U] = w(), [he, $] = w(!1), d = $t((f == null ? void 0 : f.subscribe) ?? Kt, (f == null ? void 0 : f.getSnapshot) ?? (() => je), (f == null ? void 0 : f.getSnapshot) ?? (() => je)), Y = oe(null), E = oe(null), H = oe(!1), Z = async (r, a) => {
+    const s = E.current;
+    if (!s || !y) return;
+    let u;
+    try {
+      u = await y(r);
+    } catch {
+      return;
+    }
+    const b = { type: "image", attrs: { src: u.url, asset_id: u.assetId } };
+    a !== void 0 ? s.chain().focus().insertContentAt(a, b).run() : s.chain().focus().setImage(b.attrs).run();
+  }, e = Dt({
+    extensions: Qe,
+    content: (o ?? Ke()).doc,
+    contentType: "json",
+    editable: i,
+    immediatelyRender: !1,
+    editorProps: {
+      attributes: { class: x === "document" ? "docs-prose min-h-[520px] max-w-none px-0 pb-20 pt-5 outline-none" : "docs-prose min-h-[420px] max-w-none px-5 py-5 outline-none", "aria-label": m, role: i ? "textbox" : "document", "aria-multiline": i ? "true" : "false" },
+      handlePaste: (r, a) => {
+        var b, N, p;
+        const s = [...((b = a.clipboardData) == null ? void 0 : b.files) ?? []].find((j) => j.type.startsWith("image/"));
+        if (s && y)
+          return Z(s), !0;
+        const u = ((N = a.clipboardData) == null ? void 0 : N.getData("text/plain")) ?? "";
+        return nr(u) ? ((p = E.current) == null || p.commands.insertContent(u, { contentType: "markdown" }), !0) : !1;
+      },
+      handleDrop: (r, a) => {
+        var b, N;
+        const s = [...((b = a.dataTransfer) == null ? void 0 : b.files) ?? []].find((p) => p.type.startsWith("image/"));
+        if (!s || !y) return !1;
+        const u = (N = r.posAtCoords({ left: a.clientX, top: a.clientY })) == null ? void 0 : N.pos;
+        return Z(s, u), !0;
+      },
+      handleKeyDown: (r, a) => {
+        if (!i || !(a.metaKey || a.ctrlKey) || a.key.toLowerCase() !== "k") return !1;
+        a.preventDefault(), a.stopPropagation();
+        const s = E.current;
+        return Q(String((s == null ? void 0 : s.getAttributes("link").href) ?? "https://")), P(!0), !0;
+      }
+    },
+    onUpdate: ({ editor: r }) => {
+      se(r.state.doc.textBetween(Math.max(0, r.state.doc.content.size - 2), r.state.doc.content.size, " ").endsWith("/")), H.current || C == null || C({ schema: _, doc: r.getJSON() });
+    }
+  });
+  Je(() => (E.current = e, () => {
+    E.current = null;
+  }), [e]), Je(() => {
+    e == null || e.setEditable(i);
+  }, [i, e]), Jt(() => {
+    if (!e) return;
+    const r = (o ?? Ke()).doc;
+    if (JSON.stringify(e.getJSON()) !== JSON.stringify(r)) {
+      H.current = !0;
+      try {
+        tr(e, r);
+      } finally {
+        H.current = !1;
+      }
+    }
+  }, [e, o]);
+  const J = (r) => {
+    r(), se(!1), e == null || e.commands.focus();
+  }, me = () => {
+    e && (Q(String(e.getAttributes("link").href ?? "https://")), P(!0));
+  }, et = () => {
+    if (!e) return;
+    const r = de.trim();
+    r ? e.chain().focus().extendMarkRange("link").setLink({ href: r }).run() : e.chain().focus().unsetLink().run(), P(!1);
+  }, ee = (r) => {
+    if (!e || !f) return;
+    const { from: a, to: s } = e.state.selection, u = e.state.doc.textBetween(a, s, `
+`), b = [];
+    e.state.doc.nodesBetween(a, Math.max(a + 1, s), (p) => {
+      if (p.type.name !== "image") return;
+      const j = String(p.attrs.asset_id ?? ""), be = String(p.attrs.src ?? "");
+      j && be && b.push({ assetId: j, url: be });
+    });
+    const N = Xe[r] ?? `${r === "explain" ? "Explain" : r === "rewrite" ? "Rewrite" : "Continue"} the selected document content.`;
+    D(""), R(void 0), U(void 0), f.submit({
+      version: 1,
+      operation: r,
+      documentId: I,
+      nodeId: T,
+      baseRevision: String(B),
+      range: { from: a, to: s },
+      selection: u,
+      instruction: N,
+      context: `${e.getText({ blockSeparator: `
+` }).slice(-12e3)}${b.length ? `
+
+[Selected images: ${b.map((p) => p.assetId).join(", ")}]` : ""}`,
+      originalSlice: e.state.doc.slice(a, s).toJSON(),
+      images: b,
+      source: S
+    }).catch((p) => D(p instanceof Error ? p.message : String(p)));
+  }, tt = async () => {
+    if (!e || !d.operation || !d.output) return;
+    const r = Fe(e, { documentId: I, nodeId: T, baseRevision: String(B) }, d.operation);
+    if (r) {
+      R(r), D(n("richDocument.aiConflict"));
+      return;
+    }
+    H.current = !0;
+    let a;
+    try {
+      a = Xt(e, { documentId: I, nodeId: T, baseRevision: String(B) }, d.operation, d.output);
+    } finally {
+      H.current = !1;
+    }
+    if (!a) {
+      R("invalid_slice"), D(n("richDocument.aiConflict"));
+      return;
+    }
+    const s = { schema: _, doc: e.getJSON() };
+    $(!0), e.setEditable(!1);
+    try {
+      const u = String(await V({ kind: "apply", value: s, nodeId: T, expectedRevision: String(B) }));
+      D(""), R(void 0), U({ ...a, revision: u }), C == null || C(s, u);
+    } catch {
+      Ft(e, a.range, a.original, a.generated), D(n("richDocument.aiConflict"));
+    } finally {
+      e.setEditable(i), $(!1);
+    }
+  }, rt = async () => {
+    if (!(!e || !O)) {
+      $(!0), e.setEditable(!1);
+      try {
+        const r = await Vt(e, O, (a) => V({ kind: "rollback", value: a, nodeId: T, expectedRevision: O.revision }));
+        if (!r) {
+          R("selection"), D(n("richDocument.aiConflict"));
+          return;
+        }
+        D(""), R(void 0), U(void 0), C == null || C(r.value, r.revision);
+      } catch {
+        D(n("richDocument.aiConflict"));
+      } finally {
+        e.setEditable(i), $(!1);
+      }
+    }
+  }, l = (r, a, s, u) => /* @__PURE__ */ t(W, { title: r, "aria-label": r, "aria-pressed": s, className: "aria-pressed:bg-surface-raised aria-pressed:text-ink", onClick: u, children: a }), fe = (r, a, s) => /* @__PURE__ */ t(W, { title: a, "aria-label": a, "aria-expanded": M === r, onMouseDown: (u) => u.preventDefault(), onClick: () => A((u) => u === r ? null : r), children: s }), nt = (r) => {
+    r(), X(!1), e == null || e.commands.focus();
+  }, pe = e ? [
+    [n("richDocument.heading1"), /* @__PURE__ */ t(xe, { size: 15, "aria-hidden": !0 }, "h1"), () => e.chain().focus().toggleHeading({ level: 1 }).run()],
+    [n("richDocument.heading2"), /* @__PURE__ */ t(Ce, { size: 15, "aria-hidden": !0 }, "h2"), () => e.chain().focus().toggleHeading({ level: 2 }).run()],
+    [n("richDocument.heading3"), /* @__PURE__ */ t(ye, { size: 15, "aria-hidden": !0 }, "h3"), () => e.chain().focus().toggleHeading({ level: 3 }).run()],
+    [n("richDocument.bulletList"), /* @__PURE__ */ t(ze, { size: 15, "aria-hidden": !0 }, "bullet"), () => e.chain().focus().toggleBulletList().run()],
+    [n("richDocument.orderedList"), /* @__PURE__ */ t(Se, { size: 15, "aria-hidden": !0 }, "ordered"), () => e.chain().focus().toggleOrderedList().run()],
+    [n("richDocument.taskList"), /* @__PURE__ */ t(Ae, { size: 15, "aria-hidden": !0 }, "task"), () => e.chain().focus().toggleTaskList().run()],
+    [n("richDocument.quote"), /* @__PURE__ */ t(Ne, { size: 15, "aria-hidden": !0 }, "quote"), () => e.chain().focus().toggleBlockquote().run()],
+    [n("richDocument.codeBlock"), /* @__PURE__ */ t(Te, { size: 15, "aria-hidden": !0 }, "code"), () => e.chain().focus().toggleCodeBlock().run()],
+    [n("richDocument.callout"), /* @__PURE__ */ t(Re, { size: 15, "aria-hidden": !0 }, "callout"), () => e.chain().focus().wrapIn("callout").run()],
+    [n("richDocument.table"), /* @__PURE__ */ t(ne, { size: 15, "aria-hidden": !0 }, "table"), () => e.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run()]
+  ] : [], ot = e ? [
+    [n("richDocument.paragraph"), /* @__PURE__ */ t(Le, { size: 15, "aria-hidden": !0 }, "p"), () => e.chain().focus().setParagraph().run()],
+    ...pe.slice(0, 8)
+  ] : [];
+  return /* @__PURE__ */ h("div", { className: x === "document" ? "relative min-w-0" : "relative min-w-0 overflow-hidden rounded-xl border border-border bg-pure-white", "data-rich-document": !0, "data-document-id": I || void 0, "data-node-id": T || void 0, "data-base-revision": String(B) || void 0, "data-editable": i || void 0, "data-surface": x, onDragOver: (r) => y && r.preventDefault(), children: [
+    i && e && /* @__PURE__ */ h(te, { label: m, density: "compact", variant: x === "document" ? "bare" : "framed", className: x === "document" ? "sticky top-0 z-20 h-auto min-h-control-compact w-full flex-wrap border-b border-divider bg-pure-white py-1" : "h-auto min-h-control-compact flex-wrap rounded-none border-x-0 border-t-0", children: [
+      l(n("richDocument.heading1"), /* @__PURE__ */ t(xe, { size: 15, "aria-hidden": !0 }), e.isActive("heading", { level: 1 }), () => e.chain().focus().toggleHeading({ level: 1 }).run()),
+      l(n("richDocument.heading2"), /* @__PURE__ */ t(Ce, { size: 15, "aria-hidden": !0 }), e.isActive("heading", { level: 2 }), () => e.chain().focus().toggleHeading({ level: 2 }).run()),
+      l(n("richDocument.heading3"), /* @__PURE__ */ t(ye, { size: 15, "aria-hidden": !0 }), e.isActive("heading", { level: 3 }), () => e.chain().focus().toggleHeading({ level: 3 }).run()),
+      /* @__PURE__ */ t(L, {}),
+      l(n("richDocument.bold"), /* @__PURE__ */ t(Be, { size: 15, "aria-hidden": !0 }), e.isActive("bold"), () => e.chain().focus().toggleBold().run()),
+      l(n("richDocument.italic"), /* @__PURE__ */ t(Me, { size: 15, "aria-hidden": !0 }), e.isActive("italic"), () => e.chain().focus().toggleItalic().run()),
+      l(n("richDocument.underline"), /* @__PURE__ */ t(Oe, { size: 15, "aria-hidden": !0 }), e.isActive("underline"), () => e.chain().focus().toggleUnderline().run()),
+      l(n("richDocument.strike"), /* @__PURE__ */ t(Ee, { size: 15, "aria-hidden": !0 }), e.isActive("strike"), () => e.chain().focus().toggleStrike().run()),
+      l(n("richDocument.code"), /* @__PURE__ */ t(He, { size: 15, "aria-hidden": !0 }), e.isActive("code"), () => e.chain().focus().toggleCode().run()),
+      l(n("richDocument.link"), /* @__PURE__ */ t(_e, { size: 15, "aria-hidden": !0 }), e.isActive("link"), me),
+      /* @__PURE__ */ t(L, {}),
+      l(n("richDocument.bulletList"), /* @__PURE__ */ t(ze, { size: 15, "aria-hidden": !0 }), e.isActive("bulletList"), () => e.chain().focus().toggleBulletList().run()),
+      l(n("richDocument.orderedList"), /* @__PURE__ */ t(Se, { size: 15, "aria-hidden": !0 }), e.isActive("orderedList"), () => e.chain().focus().toggleOrderedList().run()),
+      l(n("richDocument.taskList"), /* @__PURE__ */ t(Ae, { size: 15, "aria-hidden": !0 }), e.isActive("taskList"), () => e.chain().focus().toggleTaskList().run()),
+      l(n("richDocument.quote"), /* @__PURE__ */ t(Ne, { size: 15, "aria-hidden": !0 }), e.isActive("blockquote"), () => e.chain().focus().toggleBlockquote().run()),
+      l(n("richDocument.codeBlock"), /* @__PURE__ */ t(Te, { size: 15, "aria-hidden": !0 }), e.isActive("codeBlock"), () => e.chain().focus().toggleCodeBlock().run()),
+      l(n("richDocument.rule"), /* @__PURE__ */ t(Nt, { size: 15, "aria-hidden": !0 }), !1, () => e.chain().focus().setHorizontalRule().run()),
+      l(n("richDocument.callout"), /* @__PURE__ */ t(Re, { size: 15, "aria-hidden": !0 }), e.isActive("callout"), () => e.chain().focus().wrapIn("callout").run()),
+      l(n("richDocument.table"), /* @__PURE__ */ t(ne, { size: 15, "aria-hidden": !0 }), e.isActive("table"), () => e.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run()),
+      y && l(n("richDocument.image"), /* @__PURE__ */ t(Pe, { size: 15, "aria-hidden": !0 }), !1, () => {
+        var r;
+        return (r = Y.current) == null ? void 0 : r.click();
+      })
+    ] }),
+    y && /* @__PURE__ */ t(De, { ref: Y, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", className: "sr-only", tabIndex: -1, onChange: (r) => {
+      var s;
+      const a = (s = r.target.files) == null ? void 0 : s[0];
+      a && Z(a), r.currentTarget.value = "";
+    } }),
+    i && e && /* @__PURE__ */ t(xt, { editor: e, options: { placement: "left-start" }, className: "z-40", children: /* @__PURE__ */ h("div", { className: "relative flex items-start gap-1", children: [
+      /* @__PURE__ */ t(ce, { label: n("richDocument.insertBlock"), children: /* @__PURE__ */ t(g, { type: "button", "aria-label": n("richDocument.insertBlock"), "aria-expanded": le, onMouseDown: (r) => r.preventDefault(), onClick: () => X((r) => !r), className: "grid size-8 place-items-center rounded-control border border-border bg-pure-white text-graphite shadow-soft hover:-translate-y-px hover:bg-surface-hover hover:text-ink", children: /* @__PURE__ */ t(zt, { size: 16, "aria-hidden": !0 }) }) }),
+      f && /* @__PURE__ */ t(ce, { label: n("richDocument.aiContinue"), children: /* @__PURE__ */ t(g, { type: "button", "aria-label": n("richDocument.aiContinue"), onMouseDown: (r) => r.preventDefault(), onClick: () => ee("continue"), className: "grid size-8 place-items-center rounded-control border border-border bg-pure-white text-rust shadow-soft hover:-translate-y-px hover:bg-surface-hover", children: /* @__PURE__ */ t(Ie, { size: 15, "aria-hidden": !0 }) }) }),
+      le && /* @__PURE__ */ h(K, { label: n("richDocument.insertBlock"), className: "absolute left-10 top-0 grid w-52 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: [
+        pe.map(([r, a, s]) => /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ h(g, { type: "button", onMouseDown: (u) => u.preventDefault(), onClick: () => nt(s), className: "flex min-h-10 items-center gap-2 rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", children: [
+          a,
+          /* @__PURE__ */ t("span", { children: r })
+        ] }) }, r)),
+        y && /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ h(g, { type: "button", onMouseDown: (r) => r.preventDefault(), onClick: () => {
+          var r;
+          X(!1), (r = Y.current) == null || r.click();
+        }, className: "flex min-h-10 items-center gap-2 rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", children: [
+          /* @__PURE__ */ t(Pe, { size: 15, "aria-hidden": !0 }),
+          /* @__PURE__ */ t("span", { children: n("richDocument.image") })
+        ] }) })
+      ] })
+    ] }) }),
+    i && e && /* @__PURE__ */ t(ke, { editor: e, pluginKey: "richTextSelectionMenu", shouldShow: ({ editor: r, from: a, to: s }) => a !== s && !(r.state.selection instanceof ae), options: { placement: "top" }, className: "z-40 shadow-pop", children: /* @__PURE__ */ h("div", { className: "relative", children: [
+      /* @__PURE__ */ h(te, { label: n("richDocument.formatSelection"), density: "compact", className: "max-w-[calc(100vw-2rem)] overflow-x-auto bg-surface-raised", children: [
+        fe("block", n("richDocument.paragraphStyle"), /* @__PURE__ */ h(ve, { children: [
+          /* @__PURE__ */ t(Le, { size: 15, "aria-hidden": !0 }),
+          /* @__PURE__ */ t(Tt, { size: 11, "aria-hidden": !0 })
+        ] })),
+        fe("align", n("richDocument.alignment"), /* @__PURE__ */ t($e, { size: 15, "aria-hidden": !0 })),
+        /* @__PURE__ */ t(L, {}),
+        l(n("richDocument.bold"), /* @__PURE__ */ t(Be, { size: 15, "aria-hidden": !0 }), e.isActive("bold"), () => e.chain().focus().toggleBold().run()),
+        l(n("richDocument.italic"), /* @__PURE__ */ t(Me, { size: 15, "aria-hidden": !0 }), e.isActive("italic"), () => e.chain().focus().toggleItalic().run()),
+        l(n("richDocument.underline"), /* @__PURE__ */ t(Oe, { size: 15, "aria-hidden": !0 }), e.isActive("underline"), () => e.chain().focus().toggleUnderline().run()),
+        l(n("richDocument.strike"), /* @__PURE__ */ t(Ee, { size: 15, "aria-hidden": !0 }), e.isActive("strike"), () => e.chain().focus().toggleStrike().run()),
+        l(n("richDocument.code"), /* @__PURE__ */ t(He, { size: 15, "aria-hidden": !0 }), e.isActive("code"), () => e.chain().focus().toggleCode().run()),
+        /* @__PURE__ */ h(we, { title: n("richDocument.colors"), open: M === "color", onOpenChange: (r) => A(r ? "color" : null), side: "bottom", align: "end", trigger: /* @__PURE__ */ t(W, { title: n("richDocument.colors"), "aria-label": n("richDocument.colors"), "aria-expanded": M === "color", onMouseDown: (r) => r.preventDefault(), children: /* @__PURE__ */ t(qe, { size: 15, "aria-hidden": !0 }) }), children: [
+          /* @__PURE__ */ t(ie, { label: n("richDocument.textColor"), values: Ut, onChoose: (r) => {
+            e.chain().focus().setColor(r).run(), A(null);
+          } }),
+          /* @__PURE__ */ t(ie, { label: n("richDocument.backgroundColor"), values: F, onChoose: (r) => {
+            e.chain().focus().setBackgroundColor(r).run(), A(null);
+          } }),
+          /* @__PURE__ */ t(g, { type: "button", onMouseDown: (r) => r.preventDefault(), onClick: () => {
+            e.chain().focus().unsetColor().unsetBackgroundColor().run(), A(null);
+          }, className: "mt-2 min-h-9 w-full rounded-control text-caption text-graphite hover:bg-surface-hover hover:text-ink", children: n("richDocument.resetColors") })
+        ] }),
+        l(n("richDocument.link"), /* @__PURE__ */ t(_e, { size: 15, "aria-hidden": !0 }), e.isActive("link"), me),
+        f && /* @__PURE__ */ h(ve, { children: [
+          /* @__PURE__ */ t(L, {}),
+          l(n("richDocument.aiExplain"), /* @__PURE__ */ t(Ie, { size: 15, "aria-hidden": !0 }), !1, () => ee("explain")),
+          l(n("richDocument.aiRewrite"), /* @__PURE__ */ t(Rt, { size: 15, "aria-hidden": !0 }), !1, () => ee("rewrite"))
+        ] })
+      ] }),
+      M === "block" && /* @__PURE__ */ t(K, { label: n("richDocument.paragraphStyle"), className: "af-layer-overlay absolute left-0 top-full mt-1 grid w-48 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: ot.map(([r, a, s]) => /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ h(g, { type: "button", onMouseDown: (u) => u.preventDefault(), onClick: () => {
+        s(), A(null);
+      }, className: "flex min-h-10 items-center gap-2 rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", children: [
+        a,
+        /* @__PURE__ */ t("span", { children: r })
+      ] }) }, r)) }),
+      M === "align" && /* @__PURE__ */ t(K, { label: n("richDocument.alignment"), className: "af-layer-overlay absolute left-9 top-full mt-1 grid w-40 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: [["left", n("richDocument.alignLeft"), /* @__PURE__ */ t($e, { size: 15, "aria-hidden": !0 }, "left")], ["center", n("richDocument.alignCenter"), /* @__PURE__ */ t(St, { size: 15, "aria-hidden": !0 }, "center")], ["right", n("richDocument.alignRight"), /* @__PURE__ */ t(At, { size: 15, "aria-hidden": !0 }, "right")]].map(([r, a, s]) => /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ h(g, { type: "button", onMouseDown: (u) => u.preventDefault(), onClick: () => {
+        e.chain().focus().setTextAlign(String(r)).run(), A(null);
+      }, className: "flex min-h-10 items-center gap-2 rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", children: [
+        s,
+        /* @__PURE__ */ t("span", { children: a })
+      ] }) }, String(r))) })
+    ] }) }),
+    i && e && /* @__PURE__ */ t(ke, { editor: e, pluginKey: "richTableMenu", shouldShow: ({ editor: r, from: a, to: s }) => (a === s || r.state.selection instanceof ae) && er(r), options: { placement: "top" }, className: "z-40 shadow-pop", children: /* @__PURE__ */ t("div", { className: "relative", children: /* @__PURE__ */ h(te, { label: n("richDocument.tableActions"), density: "compact", className: "max-w-[calc(100vw-2rem)] overflow-x-auto bg-surface-raised", children: [
+      l(n("richDocument.addRowBefore"), /* @__PURE__ */ t(Lt, { size: 15, "aria-hidden": !0 }), !1, () => e.chain().focus().addRowBefore().run()),
+      l(n("richDocument.addRowAfter"), /* @__PURE__ */ t(Bt, { size: 15, "aria-hidden": !0 }), !1, () => e.chain().focus().addRowAfter().run()),
+      l(n("richDocument.deleteRow"), /* @__PURE__ */ t(Mt, { size: 15, "aria-hidden": !0 }), !1, () => e.chain().focus().deleteRow().run()),
+      /* @__PURE__ */ t(L, {}),
+      l(n("richDocument.addColumnBefore"), /* @__PURE__ */ t(Ot, { size: 15, "aria-hidden": !0 }), !1, () => e.chain().focus().addColumnBefore().run()),
+      l(n("richDocument.addColumnAfter"), /* @__PURE__ */ t(Et, { size: 15, "aria-hidden": !0 }), !1, () => e.chain().focus().addColumnAfter().run()),
+      l(n("richDocument.deleteColumn"), /* @__PURE__ */ t(Ht, { size: 15, "aria-hidden": !0 }), !1, () => e.chain().focus().deleteColumn().run()),
+      /* @__PURE__ */ t(L, {}),
+      l(n("richDocument.mergeCells"), /* @__PURE__ */ t(_t, { size: 15, "aria-hidden": !0 }), !1, () => e.chain().focus().mergeCells().run()),
+      l(n("richDocument.splitCell"), /* @__PURE__ */ t(It, { size: 15, "aria-hidden": !0 }), !1, () => e.chain().focus().splitCell().run()),
+      /* @__PURE__ */ h(we, { title: n("richDocument.cellBackgroundColor"), open: ue, onOpenChange: G, side: "bottom", align: "end", trigger: /* @__PURE__ */ t(W, { title: n("richDocument.cellBackgroundColor"), "aria-label": n("richDocument.cellBackgroundColor"), "aria-expanded": ue, onMouseDown: (r) => r.preventDefault(), children: /* @__PURE__ */ t(qe, { size: 15, "aria-hidden": !0 }) }), children: [
+        /* @__PURE__ */ t(ie, { label: n("richDocument.cellBackgroundColor"), values: F, onChoose: (r) => {
+          e.chain().focus().setCellAttribute("backgroundColor", r).run(), G(!1);
+        } }),
+        /* @__PURE__ */ t(g, { type: "button", onMouseDown: (r) => r.preventDefault(), onClick: () => {
+          e.chain().focus().setCellAttribute("backgroundColor", null).run(), G(!1);
+        }, className: "mt-2 min-h-9 w-full rounded-control text-caption text-graphite hover:bg-surface-hover hover:text-ink", children: n("richDocument.resetCellBackground") })
+      ] }),
+      l(n("richDocument.toggleHeaderRow"), /* @__PURE__ */ t(ne, { size: 15, "aria-hidden": !0 }), !1, () => e.chain().focus().toggleHeaderRow().run()),
+      l(n("richDocument.deleteTable"), /* @__PURE__ */ t(Pt, { size: 15, "aria-hidden": !0 }), !1, () => e.chain().focus().deleteTable().run())
+    ] }) }) }),
+    /* @__PURE__ */ t(wt, { editor: e }),
+    f && !d.operation && q && /* @__PURE__ */ t("div", { role: "alert", className: "m-4 text-caption text-danger", children: q }),
+    f && d.operation && /* @__PURE__ */ h("aside", { "data-testid": "document-assistant-operation", "data-run-id": d.runId, "data-status": d.status, "data-document-id": d.operation.documentId, "data-node-id": d.operation.nodeId, "data-base-revision": d.operation.baseRevision, "data-error-code": Ze, className: "m-4 space-y-3 rounded-panel border border-border bg-surface-muted p-4", "aria-live": "polite", children: [
+      /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+        /* @__PURE__ */ t("strong", { className: "font-sohne text-body-sm text-ink", children: n(`richDocument.ai.${d.operation.operation}`) }),
+        /* @__PURE__ */ t("span", { className: "text-caption text-graphite", children: d.status })
+      ] }),
+      d.output && /* @__PURE__ */ t("div", { "data-testid": "document-assistant-output", className: "whitespace-pre-wrap text-body-sm text-ink", children: d.output }),
+      /* @__PURE__ */ h("div", { className: "flex flex-wrap gap-2", children: [
+        d.status === "waiting_for_input" && /* @__PURE__ */ t(re, { size: "compact", onClick: () => void f.resolvePending().catch((r) => D(r instanceof Error ? r.message : String(r))), children: n("richDocument.aiResume") }),
+        d.status === "completed" && d.operation.operation !== "explain" && d.output && !O && /* @__PURE__ */ t(re, { size: "compact", disabled: he, onClick: () => void tt(), children: n("richDocument.aiApply") }),
+        O && /* @__PURE__ */ t(re, { size: "compact", variant: "secondary", disabled: he, onClick: () => void rt(), children: n("richDocument.aiRollback") })
+      ] }),
+      (q || d.error) && /* @__PURE__ */ t("div", { role: "alert", className: "text-caption text-danger", children: q || ((ge = d.error) == null ? void 0 : ge.message) })
+    ] }),
+    i && Ue && e && /* @__PURE__ */ h(K, { label: n("richDocument.slashCommands"), className: "absolute left-0 top-12 z-30 grid min-w-44 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: [
+      /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ t(g, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => J(() => e.chain().deleteRange({ from: e.state.selection.from - 1, to: e.state.selection.from }).toggleHeading({ level: 2 }).run()), children: n("richDocument.heading") }) }),
+      /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ t(g, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => J(() => e.chain().deleteRange({ from: e.state.selection.from - 1, to: e.state.selection.from }).toggleTaskList().run()), children: n("richDocument.taskList") }) }),
+      /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ t(g, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => J(() => e.chain().deleteRange({ from: e.state.selection.from - 1, to: e.state.selection.from }).wrapIn("callout").run()), children: n("richDocument.callout") }) }),
+      /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ t(g, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => J(() => e.chain().deleteRange({ from: e.state.selection.from - 1, to: e.state.selection.from }).insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run()), children: n("richDocument.table") }) })
+    ] }),
+    /* @__PURE__ */ t(yt, { open: Ye, onClose: () => P(!1), title: k, closeLabel: n("common.close"), children: /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ t(De, { autoFocus: !0, type: "url", "aria-label": k, value: de, onChange: (r) => Q(r.target.value), placeholder: "https://" }),
+      /* @__PURE__ */ t("div", { className: "flex justify-end", children: /* @__PURE__ */ t(g, { type: "button", onClick: et, className: "min-h-11 rounded-full bg-ink px-5 font-sohne text-caption text-pure-white", children: v }) })
+    ] }) })
+  ] });
+}
+const nr = (o) => /(^|\n)(#{1,3} |[-*+] |\d+\. |> |```|---(?:\n|$)|- \[[ xX]\] )|\|.+\|\n\|(?:\s*:?-+:?\s*\|)+|\*\*[^*]+\*\*|~~[^~]+~~|`[^`]+`|\[[^\]]+\]\(https?:\/\/[^)]+\)/m.test(o);
+function ie({ label: o, values: i, onChoose: c }) {
+  return /* @__PURE__ */ h("fieldset", { className: "mb-2", children: [
+    /* @__PURE__ */ t("legend", { className: "mb-1 font-sohne text-caption text-graphite", children: o }),
+    /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1", children: i.map((m, k) => {
+      const v = `${o} ${k + 1}`;
+      return /* @__PURE__ */ t(ce, { label: v, children: /* @__PURE__ */ t(g, { type: "button", "aria-label": v, onMouseDown: (x) => x.preventDefault(), onClick: () => c(m), className: "size-8 rounded-control border border-border transition-transform hover:-translate-y-px hover:ring-2 hover:ring-rust/35", style: { backgroundColor: m } }) }, m);
+    }) })
+  ] });
+}
+export {
+  _ as RICH_DOCUMENT_SCHEMA,
+  yr as RichDocument,
+  yr as RichDocumentEditor,
+  Xt as applyDocumentAssistantOutput,
+  Vt as commitDocumentAssistantRollback,
+  Fe as documentAssistantConflict,
+  Ke as emptyRichDocument,
+  nr as looksLikeMarkdown,
+  Cr as parseRichDocument,
+  Wt as replaceAssistantMarkdown,
+  tr as replaceDocumentContent,
+  rr as richDocumentExtensions,
+  Ft as rollbackAssistantRange,
+  er as selectionInsideTable
+};

package/dist/rich-document.d.ts

@@ -0,0 +1,93 @@
+import { Node, type Editor, type JSONContent } from "@tiptap/core";
+import { Slice } from "@tiptap/pm/model";
+import type { DocumentAssistantModel, DocumentAssistantOperation, DocumentAssistantOperationKind } from "@agent-factory-platform/client";
+import "./styles.css";
+export declare const RICH_DOCUMENT_SCHEMA: "agentfactory.richtext.v1";
+export interface RichDocumentContent {
+    schema: typeof RICH_DOCUMENT_SCHEMA;
+    doc: JSONContent;
+}
+export type RichDocumentLabels = Readonly<Record<string, string>>;
+type AssistantOutputReplacement = {
+    range: {
+        from: number;
+        to: number;
+    };
+    original: Slice;
+    generated: Slice;
+};
+export type DocumentAssistantCommit = (change: {
+    kind: "apply" | "rollback";
+    value: RichDocumentContent;
+    nodeId: string;
+    expectedRevision: string;
+}) => Promise<string | bigint | number>;
+export type DocumentAssistantConflict = "identity" | "revision" | "missing_original" | "range" | "selection" | "invalid_slice";
+type RichDocumentBaseProps = {
+    value: RichDocumentContent | null;
+    editable: boolean;
+    placeholder: string;
+    ariaLabel: string;
+    linkLabel?: string;
+    saveLabel?: string;
+    surface?: "panel" | "document";
+    source?: {
+        id: string;
+        title: string;
+        url: string;
+    };
+    documentId?: string;
+    nodeId?: string;
+    baseRevision?: string | bigint | number;
+    onChange?: (value: RichDocumentContent, committedRevision?: string) => void;
+    onImageUpload?: (file: File) => Promise<{
+        assetId: string;
+        url: string;
+    }>;
+    labels?: RichDocumentLabels;
+};
+export type RichDocumentProps = RichDocumentBaseProps & ({
+    assistant: DocumentAssistantModel;
+    assistantInstructions?: Partial<Record<DocumentAssistantOperationKind, string>>;
+    onAssistantCommit: DocumentAssistantCommit;
+} | {
+    assistant?: undefined;
+    assistantInstructions?: never;
+    onAssistantCommit?: never;
+});
+export declare function replaceAssistantMarkdown(editor: Editor, range: {
+    from: number;
+    to: number;
+}, markdown: string): {
+    from: number;
+    to: number;
+};
+export declare function rollbackAssistantRange(editor: Editor, range: {
+    from: number;
+    to: number;
+}, original: Slice, generated: Slice): boolean;
+export declare function commitDocumentAssistantRollback(editor: Editor, replacement: AssistantOutputReplacement, persist: (value: RichDocumentContent) => Promise<string | bigint | number>): Promise<{
+    value: {
+        readonly schema: "agentfactory.richtext.v1";
+        readonly doc: any;
+    };
+    revision: string;
+} | undefined>;
+export declare function applyDocumentAssistantOutput(editor: Editor, identity: {
+    documentId: string;
+    nodeId: string;
+    baseRevision: string;
+}, operation: DocumentAssistantOperation, markdown: string): AssistantOutputReplacement | undefined;
+export declare function documentAssistantConflict(editor: Editor, identity: {
+    documentId: string;
+    nodeId: string;
+    baseRevision: string;
+}, operation: DocumentAssistantOperation): DocumentAssistantConflict | undefined;
+export declare const emptyRichDocument: () => RichDocumentContent;
+export declare function parseRichDocument(value: string): RichDocumentContent;
+export declare const selectionInsideTable: (editor: Editor) => boolean;
+export declare const replaceDocumentContent: (editor: Editor, content: JSONContent) => void;
+export declare const richDocumentExtensions: (placeholder: string) => (Node<any, any> | Node<import("@tiptap/extension-image").ImageOptions, any> | Node<import("@tiptap/extension-table").TableCellOptions, any> | import("@tiptap/core").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-link").LinkOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-table").TableKitOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-align").TextAlignOptions, any> | import("@tiptap/core").Mark<import("@tiptap/extension-text-style").TextStyleOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-text-style").ColorOptions, any> | Node<import("@tiptap/extension-task-list").TaskListOptions, any> | Node<import("@tiptap/extension-task-item").TaskItemOptions, any> | import("@tiptap/core").Extension<import("@tiptap/extension-placeholder").PlaceholderOptions, any> | import("@tiptap/core").Extension<import("@tiptap/markdown").MarkdownExtensionOptions, import("@tiptap/markdown").MarkdownExtensionStorage>)[];
+export declare function RichDocument({ value, editable, placeholder, ariaLabel, linkLabel, saveLabel, surface, source, documentId, nodeId, baseRevision, assistant, assistantInstructions, onChange, onAssistantCommit, onImageUpload, labels }: RichDocumentProps): import("react").JSX.Element;
+export declare const looksLikeMarkdown: (text: string) => boolean;
+export {};

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@agent-factory-platform/docs-react",
+  "version": "0.2.0",
+  "description": "Product-neutral rich document editor and repository bindings.",
+  "license": "MIT OR Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/JingYeoh/agent-factory.git"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "./dist/index.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/index.css"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@agent-factory-platform/client": "0.2.0",
+    "@agent-factory-platform/ui-kit": "0.2.0",
+    "@tiptap/core": "3.30.5",
+    "@tiptap/extension-bubble-menu": "3.30.5",
+    "@tiptap/extension-floating-menu": "3.30.5",
+    "@tiptap/extension-image": "3.30.5",
+    "@tiptap/extension-link": "3.30.5",
+    "@tiptap/extension-placeholder": "3.30.5",
+    "@tiptap/extension-table": "3.30.5",
+    "@tiptap/extension-task-item": "3.30.5",
+    "@tiptap/extension-task-list": "3.30.5",
+    "@tiptap/extension-text-align": "3.30.5",
+    "@tiptap/extension-text-style": "3.30.5",
+    "@tiptap/markdown": "3.30.5",
+    "@tiptap/pm": "3.30.5",
+    "@tiptap/react": "3.30.5",
+    "@tiptap/starter-kit": "3.30.5",
+    "lucide-react": "^1.23.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "jsdom": "^29.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.3.3",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.7",
+    "vitest": "^4.1.9"
+  },
+  "scripts": {
+    "lint": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run",
+    "build": "node ../../scripts/clean-package-dist.mjs . && vite build && tsc -p tsconfig.build.json"
+  }
+}