@sentinel-core/sentinel 1.0.14 → 1.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/sentinel.cjs +3 -3
- package/dist/sentinel.css +1 -1
- package/dist/sentinel.es.js +5 -5
- package/package.json +1 -1
package/dist/sentinel.cjs
CHANGED
|
@@ -42,9 +42,9 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
42
42
|
|
|
43
43
|
If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
44
44
|
|
|
45
|
-
For more information, see https://huinhub.com/primitives/docs/components/${t.docsSlug}`;return l.default.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},Ni=`DialogDescriptionWarning`,Pi=({contentRef:e,descriptionId:t})=>{let n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ji(Ni).contentName}}.`;return l.default.useEffect(()=>{let r=e.current?.getAttribute(`aria-describedby`);t&&r&&(document.getElementById(t)||console.warn(n))},[n,e,t]),null},Fi=`DialogDescription`,Ii=l.default.forwardRef((e,t)=>{let{__scopeDialog:n,className:r,...i}=e,a=Q(Fi,n);return l.default.createElement(D.p,{id:a.descriptionId,...i,ref:t})});Ii.displayName=Fi;var Li=`DialogClose`,Ri=l.default.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=Q(Li,n);return l.default.createElement(D.button,{type:`button`,...r,ref:t,onClick:m(e.onClick,()=>i.onOpenChange(!1))})});Ri.displayName=Li;var zi=e=>typeof e==`boolean`?`${e}`:e===0?`0`:e,Bi=Ve,Vi=(e,t)=>n=>{if(t?.variants==null)return Bi(e,n?.class,n?.className);let{variants:r,defaultVariants:i}=t,a=Object.keys(r).map(e=>{let t=n?.[e],a=i?.[e];if(t===null)return null;let o=zi(t)||zi(a);return r[e][o]}),o=n&&Object.entries(n).reduce((e,t)=>{let[n,r]=t;return r===void 0||(e[n]=r),e},{});return Bi(e,a,t?.compoundVariants?.reduce((e,t)=>{let{class:n,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...i,...o}[t]):{...i,...o}[t]===n})?[...e,n,r]:e},[]),n?.class,n?.className)},Hi=Vi(`inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0`,{variants:{variant:{default:`bg-primary text-primary-foreground hover:bg-primary/90`,destructive:`bg-destructive text-destructive-foreground hover:bg-destructive/90`,outline:`border border-input bg-background hover:bg-accent hover:text-accent-foreground`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80`,ghost:`hover:bg-accent hover:text-accent-foreground`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-10 px-4 py-2`,sm:`h-9 rounded-md px-3`,lg:`h-11 rounded-md px-8`,icon:`h-10 w-10`}},defaultVariants:{variant:`default`,size:`default`}}),Ui=l.forwardRef(({asChild:e=!1,variant:t,size:n,className:r,...i},a)=>{let o=e?v:D.button;return l.createElement(o,{ref:a,className:q(Hi({variant:t,size:n,className:r})),...i})});Ui.displayName=`Button`;var Wi=Vi(`fixed z-
|
|
45
|
+
For more information, see https://huinhub.com/primitives/docs/components/${t.docsSlug}`;return l.default.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},Ni=`DialogDescriptionWarning`,Pi=({contentRef:e,descriptionId:t})=>{let n=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ji(Ni).contentName}}.`;return l.default.useEffect(()=>{let r=e.current?.getAttribute(`aria-describedby`);t&&r&&(document.getElementById(t)||console.warn(n))},[n,e,t]),null},Fi=`DialogDescription`,Ii=l.default.forwardRef((e,t)=>{let{__scopeDialog:n,className:r,...i}=e,a=Q(Fi,n);return l.default.createElement(D.p,{id:a.descriptionId,...i,ref:t})});Ii.displayName=Fi;var Li=`DialogClose`,Ri=l.default.forwardRef((e,t)=>{let{__scopeDialog:n,...r}=e,i=Q(Li,n);return l.default.createElement(D.button,{type:`button`,...r,ref:t,onClick:m(e.onClick,()=>i.onOpenChange(!1))})});Ri.displayName=Li;var zi=e=>typeof e==`boolean`?`${e}`:e===0?`0`:e,Bi=Ve,Vi=(e,t)=>n=>{if(t?.variants==null)return Bi(e,n?.class,n?.className);let{variants:r,defaultVariants:i}=t,a=Object.keys(r).map(e=>{let t=n?.[e],a=i?.[e];if(t===null)return null;let o=zi(t)||zi(a);return r[e][o]}),o=n&&Object.entries(n).reduce((e,t)=>{let[n,r]=t;return r===void 0||(e[n]=r),e},{});return Bi(e,a,t?.compoundVariants?.reduce((e,t)=>{let{class:n,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...i,...o}[t]):{...i,...o}[t]===n})?[...e,n,r]:e},[]),n?.class,n?.className)},Hi=Vi(`inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0`,{variants:{variant:{default:`bg-primary text-primary-foreground hover:bg-primary/90`,destructive:`bg-destructive text-destructive-foreground hover:bg-destructive/90`,outline:`border border-input bg-background hover:bg-accent hover:text-accent-foreground`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80`,ghost:`hover:bg-accent hover:text-accent-foreground`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-10 px-4 py-2`,sm:`h-9 rounded-md px-3`,lg:`h-11 rounded-md px-8`,icon:`h-10 w-10`}},defaultVariants:{variant:`default`,size:`default`}}),Ui=l.forwardRef(({asChild:e=!1,variant:t,size:n,className:r,...i},a)=>{let o=e?v:D.button;return l.createElement(o,{ref:a,className:q(Hi({variant:t,size:n,className:r})),...i})});Ui.displayName=`Button`;var Wi=Vi(`fixed z-[999] gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500`,{variants:{variant:{center:`left-[50%] top-[50%] grid w-full h-full max-w-5/6 max-h-5/6 translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg`,top:`inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top`,bottom:`inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom`,left:`inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm`,right:`inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm`}},defaultVariants:{variant:`center`}}),Gi=fi,Ki=yi,qi=l.forwardRef(({className:e,...t},n)=>l.createElement(xi,{ref:n,className:q(`fixed inset-0 z-[999] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,e),...t}));qi.displayName=xi.displayName;var Ji=l.forwardRef(({className:e,variant:t,children:n,...r},i)=>l.createElement(Ki,null,l.createElement(qi,null),l.createElement(Ti,{ref:i,className:q(Wi({variant:t,className:e})),...r},n,l.createElement(Ri,{className:`absolute right-2 top-2 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground`},l.createElement(Ui,{variant:`ghost`,size:`icon`},l.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,className:`!size-4`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`},l.createElement(`path`,{d:`M18 6 6 18`}),l.createElement(`path`,{d:`m6 6 12 12`}))),l.createElement(`span`,{className:`sr-only`},`Close`)))));Ji.displayName=Ti.displayName;var Yi=({className:e,...t})=>l.createElement(`div`,{className:q(`flex flex-col space-y-1.5 text-center sm:text-left`,e),...t});Yi.displayName=`DialogHeader`;var Xi=({className:e,...t})=>l.createElement(`div`,{className:q(`flex flex-col-reverse h-fit sm:flex-row sm:justify-end sm:space-x-2 mt-auto`,e),...t});Xi.displayName=`DialogFooter`;var Zi=l.forwardRef(({className:e,...t},n)=>l.createElement(wi,{ref:n,className:q(`text-lg font-semibold leading-none tracking-tight`,e),...t}));Zi.displayName=wi.displayName;var Qi=l.forwardRef(({className:e,...t},n)=>l.createElement(Ii,{ref:n,className:q(`text-sm text-muted-foreground`,e),...t}));Qi.displayName=Ii.displayName;var $i=e=>{let t=[],n=/(\*\*[^*]+\*\*|\*[^*]+\*|`[^`]+`|\[[^\]]+\]\([^)]+\))/g,r=0,i;for(;(i=n.exec(e))!==null;){i.index>r&&t.push(e.slice(r,i.index));let n=i[0];if(n.startsWith(`**`))t.push(l.default.createElement(`strong`,null,n.slice(2,-2)));else if(n.startsWith(`*`))t.push(l.default.createElement(`em`,null,n.slice(1,-1)));else if(n.startsWith("`"))t.push(l.default.createElement(`code`,{className:`px-1 py-0.5 bg-primary rounded text-sm text-primary-foreground`},n.slice(1,-1)));else if(n.startsWith(`[`)){let[,e,r]=n.match(/\[([^\]]+)\]\(([^)]+)\)/)||[];t.push(l.default.createElement(`a`,{href:r,target:`_blank`,rel:`noreferrer`,className:`text-blue-400 underline`},e))}r=i.index+n.length}return r<e.length&&t.push(e.slice(r)),t},ea=({code:e})=>l.default.createElement(`div`,{className:`bg-[#0f172a] text-gray-200 rounded-xl overflow-hidden my-4 border border-gray-800`},l.default.createElement(`div`,{className:`flex items-center justify-between px-3 py-2 bg-[#111827] text-xs text-gray-400`},l.default.createElement(`span`,null,`code`),l.default.createElement(`span`,null,`copy`)),l.default.createElement(`pre`,{className:`p-4 text-sm overflow-x-auto`},l.default.createElement(`code`,null,e))),ta=({rows:e})=>l.default.createElement(`div`,{className:`overflow-x-auto my-4`},l.default.createElement(`table`,{className:`w-full border border-gray-700 text-sm`},l.default.createElement(`tbody`,null,e.map((e,t)=>l.default.createElement(`tr`,{key:t,className:`border-b border-gray-800`},e.map((e,t)=>l.default.createElement(`td`,{key:t,className:`px-3 py-2`},$i(e)))))))),na=({items:e})=>l.default.createElement(`ul`,{className:`list-disc ml-6 my-2 space-y-1`},e.map((e,t)=>l.default.createElement(`li`,{key:t},$i(e)))),ra=({content:e,className:t=``})=>{let n=e.split(`
|
|
46
46
|
`),r=[],i=[],a=!1,o=[],s=[],c=()=>{o.length&&(r.push(l.default.createElement(na,{items:o})),o=[])},u=()=>{s.length&&(r.push(l.default.createElement(ta,{rows:s})),s=[])},d=()=>{i.length&&(r.push(l.default.createElement(ea,{code:i.join(`
|
|
47
|
-
`)})),i=[])};for(let e of n){let t=e.trim();if(t.startsWith("```")){a?(a=!1,d()):(c(),u(),a=!0);continue}if(a){i.push(e);continue}if(t.includes(`|`)){let e=t.split(`|`).map(e=>e.trim()).filter(Boolean);s.push(e);continue}else u();if(/^[-*]\s+/.test(t)){o.push(t.replace(/^[-*]\s+/,``));continue}else c();if(t.startsWith(`# `)){r.push(l.default.createElement(`h1`,{className:`text-3xl font-bold my-4`},$i(t.slice(2))));continue}if(t.startsWith(`## `)){r.push(l.default.createElement(`h2`,{className:`text-2xl font-semibold my-3`},$i(t.slice(3))));continue}if(t.startsWith(`### `)){r.push(l.default.createElement(`h3`,{className:`text-xl font-medium my-2`},$i(t.slice(4))));continue}if(!t){r.push(l.default.createElement(`div`,{className:`h-3`}));continue}r.push(l.default.createElement(`p`,{className:`text-sm leading-7`},$i(t)))}return c(),u(),d(),l.default.createElement(`div`,{className:`markdown-body ${t}`},r)},ia=120,aa=({value:e})=>{let[t,n]=(0,l.useState)(!1);return e.length<=ia?l.default.createElement(`span`,{className:`text-emerald-400`},`"`,e,`"`):l.default.createElement(`span`,null,l.default.createElement(`span`,{className:`text-emerald-400 break-all`},`"`,t?e:`${e.slice(0,ia)}...`,`"`),l.default.createElement(`button`,{className:`ml-2 text-xs text-sky-400 underline cursor-pointer hover:text-sky-300`,onClick:()=>n(e=>!e)},t?`collapse`:`+${e.length-ia} more chars`))},oa=({value:e,depth:t=0})=>{if(e===null)return l.default.createElement(`span`,{className:`text-muted-foreground`},`null`);if(typeof e==`boolean`)return l.default.createElement(`span`,{className:`text-orange-400`},String(e));if(typeof e==`number`)return l.default.createElement(`span`,{className:`text-orange-400`},e);if(typeof e==`string`)return l.default.createElement(aa,{value:e});if(Array.isArray(e))return e.length===0?l.default.createElement(`span`,null,`[]`):l.default.createElement(`span`,null,`[`,e.map((n,r)=>l.default.createElement(`div`,{key:r,style:{paddingLeft:16}},l.default.createElement(oa,{value:n,depth:t+1}),r<e.length-1&&l.default.createElement(`span`,{className:`text-muted-foreground`},`,`))),`]`);if(typeof e==`object`){let n=Object.entries(e);return n.length===0?l.default.createElement(`span`,null,`{}`):l.default.createElement(`span`,null,`{`,n.map(([e,r],i)=>l.default.createElement(`div`,{key:e,style:{paddingLeft:16}},l.default.createElement(`span`,{className:`text-sky-400`},`"`,e,`"`),l.default.createElement(`span`,{className:`text-muted-foreground`},`: `),l.default.createElement(oa,{value:r,depth:t+1}),i<n.length-1&&l.default.createElement(`span`,{className:`text-muted-foreground`},`,`))),`}`)}return l.default.createElement(`span`,null,String(e))},sa=({data:e,history:t})=>{let[n,r]=(0,l.useState)(!1),[i,a]=(0,l.useState)(!1),o=()=>{try{navigator.clipboard.writeText(JSON.stringify(e,null,2))}catch{navigator.clipboard.writeText(`[Circular structure — could not serialize]`)}r(!0),setTimeout(()=>r(!1),2e3)},s=t?.slice(1)??[];return l.default.createElement(`div`,{className:`space-y-2`},l.default.createElement(`div`,{className:`relative bg-primary text-primary-foreground p-4 rounded-md font-mono text-sm leading-6 overflow-x-hidden`},l.default.createElement(`button`,{onClick:o,className:`absolute top-2 right-2 text-xs text-muted-foreground hover:text-primary-foreground transition-colors`},n?`✓ Copied`:`Copy`),l.default.createElement(oa,{value:e})),s.length>0&&l.default.createElement(`div`,null,l.default.createElement(`button`,{onClick:()=>a(e=>!e),className:`text-xs text-muted-foreground hover:text-foreground transition-colors`},i?`▾`:`▸`,` Previous renders (`,s.length,`)`),i&&l.default.createElement(`div`,{className:`space-y-2 mt-2`},s.map((e,t)=>l.default.createElement(`div`,{key:t,className:`bg-muted p-3 rounded-md font-mono text-sm leading-6 overflow-x-hidden`,style:{opacity:1-t*.15}},l.default.createElement(`div`,{className:`text-xs text-muted-foreground mb-2`},`-`,t+1,` render`),l.default.createElement(oa,{value:e}))))))},ca=e=>{let[t]=e.split(`:`);return t.replace(/\\/g,`/`).split(`/`).slice(-3).join(`/`)},la=()=>{let{openDialogId:e,closeDialog:t,dialogMeta:n}=_a();return l.default.createElement(Gi,{open:e!==null,onOpenChange:e=>!e&&t()},l.default.createElement(sn,{className:`mt-1`,defaultValue:`md`},l.default.createElement(Ji,{className:`h-fit overflow-y-auto`},l.default.createElement(Yi,null,l.default.createElement(Zi,{className:`text-center`},l.default.createElement(`span`,{className:`flex items-center justify-center gap-2`},n?.componentName?l.default.createElement(`span`,null,l.default.createElement(`span`,{className:`text-muted-foreground font-normal`},`<`),n.componentName,l.default.createElement(`span`,{className:`text-muted-foreground font-normal`},` />`)):`Sentinel`,n?.renderCount!==void 0&&l.default.createElement(`span`,{className:`text-xs font-normal bg-muted text-muted-foreground px-1.5 py-0.5 rounded-full`},`×`,n.renderCount)),n?.sourceFile&&l.default.createElement(`a`,{href:`vscode://file/${n.sourceFile}`,className:`block text-xs font-normal text-muted-foreground hover:text-sky-400 transition-colors mt-0.5 font-mono`},ca(n.sourceFile))),l.default.createElement(Qi,null,l.default.createElement(cn,{className:`grid w-full grid-cols-4`},l.default.createElement(ln,{value:`md`},`.md`),l.default.createElement(ln,{value:`props-tracker`},`Props Tracker`),l.default.createElement(ln,{value:`api-layer`},`API Layer`),l.default.createElement(ln,{value:`event-tracker`},`Event Tracker`)))),l.default.createElement(un,{value:`md`},l.default.createElement(ra,{content:n?.md||``})),l.default.createElement(un,{value:`props-tracker`},n.componentProps&&l.default.createElement(sa,{data:n.componentProps,history:n.propHistory})),l.default.createElement(un,{value:`api-layer`}),l.default.createElement(un,{value:`event-tracker`}),l.default.createElement(Xi,null))))},ua=({children:e,active:t=!0})=>{if(!t)return l.default.createElement(l.default.Fragment,null,e);let{activeRect:n}=ga(),r=n?n.left+n.width/2:0,i=n?n.top+n.height/2:0;return l.default.createElement(l.default.Fragment,null,l.default.createElement(fn,null,n&&l.default.createElement(`div`,{className:`pointer-events-none fixed inset-0 z-
|
|
47
|
+
`)})),i=[])};for(let e of n){let t=e.trim();if(t.startsWith("```")){a?(a=!1,d()):(c(),u(),a=!0);continue}if(a){i.push(e);continue}if(t.includes(`|`)){let e=t.split(`|`).map(e=>e.trim()).filter(Boolean);s.push(e);continue}else u();if(/^[-*]\s+/.test(t)){o.push(t.replace(/^[-*]\s+/,``));continue}else c();if(t.startsWith(`# `)){r.push(l.default.createElement(`h1`,{className:`text-3xl font-bold my-4`},$i(t.slice(2))));continue}if(t.startsWith(`## `)){r.push(l.default.createElement(`h2`,{className:`text-2xl font-semibold my-3`},$i(t.slice(3))));continue}if(t.startsWith(`### `)){r.push(l.default.createElement(`h3`,{className:`text-xl font-medium my-2`},$i(t.slice(4))));continue}if(!t){r.push(l.default.createElement(`div`,{className:`h-3`}));continue}r.push(l.default.createElement(`p`,{className:`text-sm leading-7`},$i(t)))}return c(),u(),d(),l.default.createElement(`div`,{className:`markdown-body ${t}`},r)},ia=120,aa=({value:e})=>{let[t,n]=(0,l.useState)(!1);return e.length<=ia?l.default.createElement(`span`,{className:`text-emerald-400`},`"`,e,`"`):l.default.createElement(`span`,null,l.default.createElement(`span`,{className:`text-emerald-400 break-all`},`"`,t?e:`${e.slice(0,ia)}...`,`"`),l.default.createElement(`button`,{className:`ml-2 text-xs text-sky-400 underline cursor-pointer hover:text-sky-300`,onClick:()=>n(e=>!e)},t?`collapse`:`+${e.length-ia} more chars`))},oa=({value:e,depth:t=0})=>{if(e===null)return l.default.createElement(`span`,{className:`text-muted-foreground`},`null`);if(typeof e==`boolean`)return l.default.createElement(`span`,{className:`text-orange-400`},String(e));if(typeof e==`number`)return l.default.createElement(`span`,{className:`text-orange-400`},e);if(typeof e==`string`)return l.default.createElement(aa,{value:e});if(Array.isArray(e))return e.length===0?l.default.createElement(`span`,null,`[]`):l.default.createElement(`span`,null,`[`,e.map((n,r)=>l.default.createElement(`div`,{key:r,style:{paddingLeft:16}},l.default.createElement(oa,{value:n,depth:t+1}),r<e.length-1&&l.default.createElement(`span`,{className:`text-muted-foreground`},`,`))),`]`);if(typeof e==`object`){let n=Object.entries(e);return n.length===0?l.default.createElement(`span`,null,`{}`):l.default.createElement(`span`,null,`{`,n.map(([e,r],i)=>l.default.createElement(`div`,{key:e,style:{paddingLeft:16}},l.default.createElement(`span`,{className:`text-sky-400`},`"`,e,`"`),l.default.createElement(`span`,{className:`text-muted-foreground`},`: `),l.default.createElement(oa,{value:r,depth:t+1}),i<n.length-1&&l.default.createElement(`span`,{className:`text-muted-foreground`},`,`))),`}`)}return l.default.createElement(`span`,null,String(e))},sa=({data:e,history:t})=>{let[n,r]=(0,l.useState)(!1),[i,a]=(0,l.useState)(!1),o=()=>{try{navigator.clipboard.writeText(JSON.stringify(e,null,2))}catch{navigator.clipboard.writeText(`[Circular structure — could not serialize]`)}r(!0),setTimeout(()=>r(!1),2e3)},s=t?.slice(1)??[];return l.default.createElement(`div`,{className:`space-y-2`},l.default.createElement(`div`,{className:`relative bg-primary text-primary-foreground p-4 rounded-md font-mono text-sm leading-6 overflow-x-hidden`},l.default.createElement(`button`,{onClick:o,className:`absolute top-2 right-2 text-xs text-muted-foreground hover:text-primary-foreground transition-colors`},n?`✓ Copied`:`Copy`),l.default.createElement(oa,{value:e})),s.length>0&&l.default.createElement(`div`,null,l.default.createElement(`button`,{onClick:()=>a(e=>!e),className:`text-xs text-muted-foreground hover:text-foreground transition-colors`},i?`▾`:`▸`,` Previous renders (`,s.length,`)`),i&&l.default.createElement(`div`,{className:`space-y-2 mt-2`},s.map((e,t)=>l.default.createElement(`div`,{key:t,className:`bg-muted p-3 rounded-md font-mono text-sm leading-6 overflow-x-hidden`,style:{opacity:1-t*.15}},l.default.createElement(`div`,{className:`text-xs text-muted-foreground mb-2`},`-`,t+1,` render`),l.default.createElement(oa,{value:e}))))))},ca=e=>{let[t]=e.split(`:`);return t.replace(/\\/g,`/`).split(`/`).slice(-3).join(`/`)},la=()=>{let{openDialogId:e,closeDialog:t,dialogMeta:n}=_a();return l.default.createElement(Gi,{open:e!==null,onOpenChange:e=>!e&&t()},l.default.createElement(sn,{className:`mt-1`,defaultValue:`md`},l.default.createElement(Ji,{className:`h-fit overflow-y-auto`},l.default.createElement(Yi,null,l.default.createElement(Zi,{className:`text-center`},l.default.createElement(`span`,{className:`flex items-center justify-center gap-2`},n?.componentName?l.default.createElement(`span`,null,l.default.createElement(`span`,{className:`text-muted-foreground font-normal`},`<`),n.componentName,l.default.createElement(`span`,{className:`text-muted-foreground font-normal`},` />`)):`Sentinel`,n?.renderCount!==void 0&&l.default.createElement(`span`,{className:`text-xs font-normal bg-muted text-muted-foreground px-1.5 py-0.5 rounded-full`},`×`,n.renderCount)),n?.sourceFile&&l.default.createElement(`a`,{href:`vscode://file/${n.sourceFile}`,className:`block text-xs font-normal text-muted-foreground hover:text-sky-400 transition-colors mt-0.5 font-mono`},ca(n.sourceFile))),l.default.createElement(Qi,null,l.default.createElement(cn,{className:`grid w-full grid-cols-4`},l.default.createElement(ln,{value:`md`},`.md`),l.default.createElement(ln,{value:`props-tracker`},`Props Tracker`),l.default.createElement(ln,{value:`api-layer`},`API Layer`),l.default.createElement(ln,{value:`event-tracker`},`Event Tracker`)))),l.default.createElement(un,{value:`md`},l.default.createElement(ra,{content:n?.md||``})),l.default.createElement(un,{value:`props-tracker`},n.componentProps&&l.default.createElement(sa,{data:n.componentProps,history:n.propHistory})),l.default.createElement(un,{value:`api-layer`}),l.default.createElement(un,{value:`event-tracker`}),l.default.createElement(Xi,null))))},ua=({children:e,active:t=!0})=>{if(!t)return l.default.createElement(l.default.Fragment,null,e);let{activeRect:n}=ga(),r=n?n.left+n.width/2:0,i=n?n.top+n.height/2:0;return l.default.createElement(l.default.Fragment,null,l.default.createElement(fn,null,n&&l.default.createElement(`div`,{className:`pointer-events-none fixed inset-0 z-[999] transition-all duration-500 ease-[cubic-bezier(0.16,1,0.3,1)]`,style:{background:`
|
|
48
48
|
radial-gradient(
|
|
49
49
|
circle at ${r}px ${i}px,
|
|
50
50
|
rgba(255, 255, 255, 0.04) 0%,
|
|
@@ -52,4 +52,4 @@ For more information, see https://huinhub.com/primitives/docs/components/${t.doc
|
|
|
52
52
|
rgba(15, 15, 18, 0.35) 60%,
|
|
53
53
|
rgba(10, 10, 12, 0.75) 100%
|
|
54
54
|
)
|
|
55
|
-
`,backdropFilter:`blur(8px) saturate(140%) contrast(105%)`,WebkitBackdropFilter:`blur(8px) saturate(140%) contrast(105%)`}}),e))},da=(0,l.createContext)(void 0),fa=(0,l.createContext)(void 0),pa=({children:e})=>{let[t,n]=(0,l.useState)(null),[r,i]=(0,l.useState)(null),[a,o]=(0,l.useState)(null),[s,c]=(0,l.useState)({}),u=(0,l.useCallback)((e,t)=>{n(e),i(t)},[]),d=(0,l.useCallback)(e=>{n(t=>t===e?(i(null),null):t)},[]),f=(0,l.useCallback)((e,t,n,r,i,a,s)=>{o(e),c({componentName:t,sourceFile:i,renderCount:a,propHistory:s,md:n,componentProps:r})},[]),p=(0,l.useCallback)(()=>{o(null),c({})},[]),m=(0,l.useMemo)(()=>({activeId:t,activeRect:r,registerHover:u,unregisterHover:d,openDialog:f}),[t,r,u,d,f]),h=(0,l.useMemo)(()=>({openDialogId:a,dialogMeta:s,closeDialog:p}),[a,s,p]);return l.default.createElement(da.Provider,{value:m},l.default.createElement(fa.Provider,{value:h},e,l.default.createElement(ua,null,l.default.createElement(la,null))))},ma={activeId:null,activeRect:null,registerHover:()=>{},unregisterHover:()=>{},openDialog:()=>{}},ha={openDialogId:null,dialogMeta:{},closeDialog:()=>{}},ga=()=>(0,l.useContext)(da)??ma,_a=()=>(0,l.useContext)(fa)??ha,va=()=>{let e=ga(),t=_a();return{...e,...t}};function ya(e,t=0,n=new WeakSet){if(t>6)return`[Max Depth]`;if(e===null)return null;if(typeof e==`function`)return`[Function]`;if(typeof e!=`object`)return e;if(n.has(e))return`[Circular]`;if(n.add(e),`$$typeof`in e)return`[React Element]`;if(`_context`in e||`Provider`in e&&`Consumer`in e)return`[React Context]`;if(Array.isArray(e))return e.map(e=>ya(e,t+1,n));let r={};for(let[i,a]of Object.entries(e))i.startsWith(`__react`)||i.startsWith(`_react`)||i===`_owner`||(r[i]=ya(a,t+1,n));return r}var ba=({children:e,componentName:t,sourceFile:n,renderCount:r,dialogMd:i,componentProps:a})=>{let o=E(),{activeId:s,registerHover:c,unregisterHover:u,openDialog:d}=ga(),f=(0,l.useRef)([]),p=(0,l.useRef)(``),m=a?ya(a):void 0,h=m?JSON.stringify(m):``;m&&h!==p.current&&(p.current=h,f.current=[m,...f.current].slice(0,6));let g=s===o;return l.default.createElement(`div`,{onMouseMove:e=>{e.stopPropagation(),c(o,e.currentTarget.getBoundingClientRect())},onMouseLeave:e=>{e.stopPropagation(),u(o)},onClick:e=>{e.stopPropagation(),d(o,t,i,m,n,r,f.current)},style:{zIndex:g?
|
|
55
|
+
`,backdropFilter:`blur(8px) saturate(140%) contrast(105%)`,WebkitBackdropFilter:`blur(8px) saturate(140%) contrast(105%)`}}),e))},da=(0,l.createContext)(void 0),fa=(0,l.createContext)(void 0),pa=({children:e})=>{let[t,n]=(0,l.useState)(null),[r,i]=(0,l.useState)(null),[a,o]=(0,l.useState)(null),[s,c]=(0,l.useState)({}),u=(0,l.useCallback)((e,t)=>{n(e),i(t)},[]),d=(0,l.useCallback)(e=>{n(t=>t===e?(i(null),null):t)},[]),f=(0,l.useCallback)((e,t,n,r,i,a,s)=>{o(e),c({componentName:t,sourceFile:i,renderCount:a,propHistory:s,md:n,componentProps:r})},[]),p=(0,l.useCallback)(()=>{o(null),c({})},[]),m=(0,l.useMemo)(()=>({activeId:t,activeRect:r,registerHover:u,unregisterHover:d,openDialog:f}),[t,r,u,d,f]),h=(0,l.useMemo)(()=>({openDialogId:a,dialogMeta:s,closeDialog:p}),[a,s,p]);return l.default.createElement(da.Provider,{value:m},l.default.createElement(fa.Provider,{value:h},e,l.default.createElement(ua,null,l.default.createElement(la,null))))},ma={activeId:null,activeRect:null,registerHover:()=>{},unregisterHover:()=>{},openDialog:()=>{}},ha={openDialogId:null,dialogMeta:{},closeDialog:()=>{}},ga=()=>(0,l.useContext)(da)??ma,_a=()=>(0,l.useContext)(fa)??ha,va=()=>{let e=ga(),t=_a();return{...e,...t}};function ya(e,t=0,n=new WeakSet){if(t>6)return`[Max Depth]`;if(e===null)return null;if(typeof e==`function`)return`[Function]`;if(typeof e!=`object`)return e;if(n.has(e))return`[Circular]`;if(n.add(e),`$$typeof`in e)return`[React Element]`;if(`_context`in e||`Provider`in e&&`Consumer`in e)return`[React Context]`;if(Array.isArray(e))return e.map(e=>ya(e,t+1,n));let r={};for(let[i,a]of Object.entries(e))i.startsWith(`__react`)||i.startsWith(`_react`)||i===`_owner`||(r[i]=ya(a,t+1,n));return r}var ba=({children:e,componentName:t,sourceFile:n,renderCount:r,dialogMd:i,componentProps:a})=>{let o=E(),{activeId:s,registerHover:c,unregisterHover:u,openDialog:d}=ga(),f=(0,l.useRef)([]),p=(0,l.useRef)(``),m=a?ya(a):void 0,h=m?JSON.stringify(m):``;m&&h!==p.current&&(p.current=h,f.current=[m,...f.current].slice(0,6));let g=s===o;return l.default.createElement(`div`,{onMouseMove:e=>{e.stopPropagation(),c(o,e.currentTarget.getBoundingClientRect())},onMouseLeave:e=>{e.stopPropagation(),u(o)},onClick:e=>{e.stopPropagation(),d(o,t,i,m,n,r,f.current)},style:{zIndex:g?1e3:`initial`},className:`relative transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]`},l.default.createElement(`div`,{className:`w-full h-full p-0.5 transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]`,style:{zIndex:g?1e3:`auto`,border:g?`2px dashed rgba(99, 102, 241, 0.55)`:`2px solid transparent`,borderRadius:`inherit`}},e))};exports.Sentinel=ba,exports.SentinelProvider=pa,exports.useSentinel=va,exports.useSentinelDialog=_a,exports.useSentinelInteraction=ga;
|
package/dist/sentinel.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@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-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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-space-x-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-400:oklch(75% .183 55.934);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-blue-400:oklch(70.7% .165 254.624);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-zinc-800:oklch(27.4% .006 286.033);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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);--color-background:hsl(var(--background));--color-foreground:hsl(var(--foreground));--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-secondary:hsl(var(--secondary));--color-secondary-foreground:hsl(var(--secondary-foreground));--color-muted:hsl(var(--muted));--color-muted-foreground:hsl(var(--muted-foreground));--color-accent:hsl(var(--accent));--color-accent-foreground:hsl(var(--accent-foreground));--color-destructive:hsl(var(--destructive));--color-destructive-foreground:hsl(var(--destructive-foreground));--color-input:hsl(var(--input));--color-ring:hsl(var(--ring))}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{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]){appearance:button}::file-selector-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-none{pointer-events:none}.collapse{visibility:collapse}.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}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-2{top:calc(var(--spacing) * 2)}.top-\[50\%\]{top:50%}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:0}.left-0{left:0}.left-\[50\%\]{left:50%}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-6{margin-left:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.table{display:table}.\!size-4{width:calc(var(--spacing) * 4)!important;height:calc(var(--spacing) * 4)!important}.h-3{height:calc(var(--spacing) * 3)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-\[180px\]{height:180px}.h-fit{height:fit-content}.h-full{height:100%}.max-h-5\/6{max-height:83.3333%}.min-h-screen{min-height:100vh}.w-3\/4{width:75%}.w-10{width:calc(var(--spacing) * 10)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.max-w-5\/6{max-width:83.3333%}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-800{border-color:var(--color-gray-800)}.border-input{border-color:var(--color-input)}.bg-\[\#0f172a\]{background-color:#0f172a}.bg-\[\#111827\]{background-color:#111827}.bg-background{background-color:var(--color-background)}.bg-black{background-color:var(--color-black)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-destructive{background-color:var(--color-destructive)}.bg-muted{background-color:var(--color-muted)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-blue-400{color:var(--color-blue-400)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-orange-400{color:var(--color-orange-400)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-sky-400{color:var(--color-sky-400)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-all{transition-property:all;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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-destructive\/90:hover{background-color:color-mix(in srgb, hsl(var(--destructive)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:color-mix(in srgb, hsl(var(--primary)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:color-mix(in srgb, hsl(var(--secondary)) 80%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.hover\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-primary-foreground:hover{color:var(--color-primary-foreground)}.hover\:text-sky-300:hover{color:var(--color-sky-300)}.hover\:text-sky-400:hover{color:var(--color-sky-400)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--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\:ring-ring:focus{--tw-ring-color:var(--color-ring)}.focus\:ring-offset-2:focus{--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\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.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-ring:focus-visible{--tw-ring-color:var(--color-ring)}.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\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--color-background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--color-foreground)}.data-\[state\=active\]\:shadow-xs[data-state=active]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);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\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--color-muted-foreground)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}@media (width>=40rem){.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 72.22% 50.59%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 5% 64.9%;--radius:.5rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 85.7% 97.3%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:240 4.9% 83.9%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@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-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-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-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}
|
|
2
|
+
@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-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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-space-x-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-400:oklch(75% .183 55.934);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-blue-400:oklch(70.7% .165 254.624);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-zinc-800:oklch(27.4% .006 286.033);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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);--color-background:hsl(var(--background));--color-foreground:hsl(var(--foreground));--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-secondary:hsl(var(--secondary));--color-secondary-foreground:hsl(var(--secondary-foreground));--color-muted:hsl(var(--muted));--color-muted-foreground:hsl(var(--muted-foreground));--color-accent:hsl(var(--accent));--color-accent-foreground:hsl(var(--accent-foreground));--color-destructive:hsl(var(--destructive));--color-destructive-foreground:hsl(var(--destructive-foreground));--color-input:hsl(var(--input));--color-ring:hsl(var(--ring))}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{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]){appearance:button}::file-selector-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-none{pointer-events:none}.collapse{visibility:collapse}.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}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-2{top:calc(var(--spacing) * 2)}.top-\[50\%\]{top:50%}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:0}.left-0{left:0}.left-\[50\%\]{left:50%}.z-\[999\]{z-index:999}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-6{margin-left:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.table{display:table}.\!size-4{width:calc(var(--spacing) * 4)!important;height:calc(var(--spacing) * 4)!important}.h-3{height:calc(var(--spacing) * 3)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-\[180px\]{height:180px}.h-fit{height:fit-content}.h-full{height:100%}.max-h-5\/6{max-height:83.3333%}.min-h-screen{min-height:100vh}.w-3\/4{width:75%}.w-10{width:calc(var(--spacing) * 10)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.max-w-5\/6{max-width:83.3333%}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-800{border-color:var(--color-gray-800)}.border-input{border-color:var(--color-input)}.bg-\[\#0f172a\]{background-color:#0f172a}.bg-\[\#111827\]{background-color:#111827}.bg-background{background-color:var(--color-background)}.bg-black{background-color:var(--color-black)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-destructive{background-color:var(--color-destructive)}.bg-muted{background-color:var(--color-muted)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-blue-400{color:var(--color-blue-400)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-orange-400{color:var(--color-orange-400)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-sky-400{color:var(--color-sky-400)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-all{transition-property:all;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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-destructive\/90:hover{background-color:color-mix(in srgb, hsl(var(--destructive)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:color-mix(in srgb, hsl(var(--primary)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:color-mix(in srgb, hsl(var(--secondary)) 80%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.hover\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-primary-foreground:hover{color:var(--color-primary-foreground)}.hover\:text-sky-300:hover{color:var(--color-sky-300)}.hover\:text-sky-400:hover{color:var(--color-sky-400)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--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\:ring-ring:focus{--tw-ring-color:var(--color-ring)}.focus\:ring-offset-2:focus{--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\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.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-ring:focus-visible{--tw-ring-color:var(--color-ring)}.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\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--color-background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--color-foreground)}.data-\[state\=active\]\:shadow-xs[data-state=active]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);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\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--color-muted-foreground)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}@media (width>=40rem){.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}:root{--background:0 0% 100%;--foreground:240 10% 3.9%;--card:0 0% 100%;--card-foreground:240 10% 3.9%;--popover:0 0% 100%;--popover-foreground:240 10% 3.9%;--primary:240 5.9% 10%;--primary-foreground:0 0% 98%;--secondary:240 4.8% 95.9%;--secondary-foreground:240 5.9% 10%;--muted:240 4.8% 95.9%;--muted-foreground:240 3.8% 46.1%;--accent:240 4.8% 95.9%;--accent-foreground:240 5.9% 10%;--destructive:0 72.22% 50.59%;--destructive-foreground:0 0% 98%;--border:240 5.9% 90%;--input:240 5.9% 90%;--ring:240 5% 64.9%;--radius:.5rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--background:240 10% 3.9%;--foreground:0 0% 98%;--card:240 10% 3.9%;--card-foreground:0 0% 98%;--popover:240 10% 3.9%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:240 5.9% 10%;--secondary:240 3.7% 15.9%;--secondary-foreground:0 0% 98%;--muted:240 3.7% 15.9%;--muted-foreground:240 5% 64.9%;--accent:240 3.7% 15.9%;--accent-foreground:0 0% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:0 85.7% 97.3%;--border:240 3.7% 15.9%;--input:240 3.7% 15.9%;--ring:240 4.9% 83.9%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@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-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-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-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}
|
|
3
3
|
/*$vite$:1*/
|
package/dist/sentinel.es.js
CHANGED
|
@@ -3376,7 +3376,7 @@ var Ri = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zi = Ve, Bi
|
|
|
3376
3376
|
Hi.displayName = "Button";
|
|
3377
3377
|
//#endregion
|
|
3378
3378
|
//#region src/ui/components/Dialog.tsx
|
|
3379
|
-
var Ui = Bi("fixed z-
|
|
3379
|
+
var Ui = Bi("fixed z-[999] gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500", {
|
|
3380
3380
|
variants: { variant: {
|
|
3381
3381
|
center: "left-[50%] top-[50%] grid w-full h-full max-w-5/6 max-h-5/6 translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg",
|
|
3382
3382
|
top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
|
|
@@ -3387,7 +3387,7 @@ var Ui = Bi("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out
|
|
|
3387
3387
|
defaultVariants: { variant: "center" }
|
|
3388
3388
|
}), Wi = di, Gi = vi, Ki = e.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ e.createElement(bi, {
|
|
3389
3389
|
ref: r,
|
|
3390
|
-
className: K("fixed inset-0 z-
|
|
3390
|
+
className: K("fixed inset-0 z-[999] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", t),
|
|
3391
3391
|
...n
|
|
3392
3392
|
}));
|
|
3393
3393
|
Ki.displayName = bi.displayName;
|
|
@@ -3579,7 +3579,7 @@ var Qi = (e) => {
|
|
|
3579
3579
|
if (!n) return /* @__PURE__ */ t.createElement(t.Fragment, null, e);
|
|
3580
3580
|
let { activeRect: r } = ha(), i = r ? r.left + r.width / 2 : 0, a = r ? r.top + r.height / 2 : 0;
|
|
3581
3581
|
return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(fn, null, r && /* @__PURE__ */ t.createElement("div", {
|
|
3582
|
-
className: "pointer-events-none fixed inset-0 z-
|
|
3582
|
+
className: "pointer-events-none fixed inset-0 z-[999] transition-all duration-500 ease-[cubic-bezier(0.16,1,0.3,1)]",
|
|
3583
3583
|
style: {
|
|
3584
3584
|
background: `
|
|
3585
3585
|
radial-gradient(
|
|
@@ -3680,12 +3680,12 @@ var ya = ({ children: e, componentName: n, sourceFile: r, renderCount: i, dialog
|
|
|
3680
3680
|
onClick: (e) => {
|
|
3681
3681
|
e.stopPropagation(), f(c, n, a, h, r, i, p.current);
|
|
3682
3682
|
},
|
|
3683
|
-
style: { zIndex: _ ?
|
|
3683
|
+
style: { zIndex: _ ? 1e3 : "initial" },
|
|
3684
3684
|
className: "relative transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]"
|
|
3685
3685
|
}, /* @__PURE__ */ t.createElement("div", {
|
|
3686
3686
|
className: "w-full h-full p-0.5 transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]",
|
|
3687
3687
|
style: {
|
|
3688
|
-
zIndex: _ ?
|
|
3688
|
+
zIndex: _ ? 1e3 : "auto",
|
|
3689
3689
|
border: _ ? "2px dashed rgba(99, 102, 241, 0.55)" : "2px solid transparent",
|
|
3690
3690
|
borderRadius: "inherit"
|
|
3691
3691
|
}
|