var p=Object.defineProperty,h=Object.defineProperties;var g=Object.getOwnPropertyDescriptors;var n=Object.getOwnPropertySymbols;var r=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var s=(e,t,i)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,o=(e,t)=>{for(var i in t||(t={}))r.call(t,i)&&s(e,i,t[i]);if(n)for(var i of n(t))l.call(t,i)&&s(e,i,t[i]);return e},c=(e,t)=>h(e,g(t));var d=(e,t)=>{var i={};for(var a in e)r.call(e,a)&&t.indexOf(a)<0&&(i[a]=e[a]);if(e!=null&&n)for(var a of n(e))t.indexOf(a)<0&&l.call(e,a)&&(i[a]=e[a]);return i};const layoutProps={},MDXLayout="wrapper";function MDXContent(i){var a=i,{components:e}=a,t=d(a,["components"]);return mdx(MDXLayout,c(o(o({},layoutProps),t),{components:e,mdxType:"MDXLayout"}),mdx("pre",null,mdx("code",o({parentName:"pre"},{className:"language-tsx"}),`import { RightSheet, SlabAction, TextAction, TimelineState, } from '@parametrig/ui' `)),mdx("p",null,`Use the playground below to open the canonical audit sheet and the table and criteria variants. Right sheets are for read-heavy context; do not stack modal on modal.`),mdx("pre",null,mdx("code",o({parentName:"pre"},{className:"language-tsx",metastring:"live=true",live:"true"}),` toggleState('sheet-timeline')}> Open right sheet toggleState('sheet-table')}> Table sheet toggleState('sheet-criteria')} > Criteria sheet {getState('sheet-timeline') && ( Open Admin Audit \u2192} description="Review draft, submitted, approved, published, superseded, and rollback events." eyebrow="Audit trail" title="Program version history" onClose={() => toggleState('sheet-timeline')} > )} {getState('sheet-table') && ( Open evidence bundle \u2192} description="Use table sheets when the operator needs a read-heavy side panel without losing table context." eyebrow="Evidence" title="Evidence files" onClose={() => toggleState('sheet-table')} > row.id} rows={[ { id: 'proof', file: 'payment-proof.pdf', status: 'Accepted', reviewer: 'Finance', }, { id: 'scope', file: 'scope-letter.pdf', status: 'Review', reviewer: 'Legal', }, ]} selectedRowId="scope" /> )} {getState('sheet-criteria') && ( Open model validation \u2192} description="Use criteria sheets for model thresholds, claim explainability, and decision evidence." eyebrow="Criteria" title="Trigger evaluation" onClose={() => toggleState('sheet-criteria')} > Flight arrival delay exceeded the published threshold for bound version v2.1. Policy, pricing, payout, and trigger criteria are read from the version snapshot captured at bind time. )} `)))}MDXContent.isMDXComponent=!0;