peekr-ui 0.1.0

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.
Files changed (19) hide show
  1. package/app-dist/assets/html2canvas.esm-CBrSDip1.js +22 -0
  2. package/app-dist/assets/index-1MZtsq3m.js +10 -0
  3. package/app-dist/assets/index-6L7HbM6T.js +14 -0
  4. package/app-dist/assets/index-B0RUQXnF.css +1 -0
  5. package/app-dist/assets/index-BEvgfipD.js +14 -0
  6. package/app-dist/assets/index-BILhrFul.js +14 -0
  7. package/app-dist/assets/index-BTI1uWbg.js +14 -0
  8. package/app-dist/assets/index-BahkwADB.css +1 -0
  9. package/app-dist/assets/index-Ch1Vufae.js +1 -0
  10. package/app-dist/assets/index-CpVBHCeV.css +1 -0
  11. package/app-dist/assets/index-DRY37lHS.js +14 -0
  12. package/app-dist/assets/index-QUrMozVE.css +1 -0
  13. package/app-dist/assets/index-xYLc0tdj.css +1 -0
  14. package/app-dist/assets/react-TTt3KdbJ.js +1 -0
  15. package/app-dist/assets/router-DSqugVLU.js +59 -0
  16. package/app-dist/favicon.svg +6 -0
  17. package/app-dist/index.html +15 -0
  18. package/dist/index.js +2211 -0
  19. package/package.json +81 -0
package/app-dist/assets/index-BTI1uWbg.js ADDED
@@ -0,0 +1,14 @@
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-Ch1Vufae.js","assets/router-DSqugVLU.js"])))=>i.map(i=>d[i]);
2
+ var me=Object.defineProperty;var pe=(r,t,s)=>t in r?me(r,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[t]=s;var Q=(r,t,s)=>pe(r,typeof t!="symbol"?t+"":t,s);import{r as o,a as ge,u as ye,b as ve,R as oe,H as be}from"./router-DSqugVLU.js";(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))n(l);new MutationObserver(l=>{for(const i of l)if(i.type==="childList")for(const d of i.addedNodes)d.tagName==="LINK"&&d.rel==="modulepreload"&&n(d)}).observe(document,{childList:!0,subtree:!0});function s(l){const i={};return l.integrity&&(i.integrity=l.integrity),l.referrerPolicy&&(i.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?i.credentials="include":l.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function n(l){if(l.ep)return;l.ep=!0;const i=s(l);fetch(l.href,i)}})();var le={exports:{}},H={};/**
3
+ * @license React
4
+ * react-jsx-runtime.production.min.js
5
+ *
6
+ * Copyright (c) Facebook, Inc. and its affiliates.
7
+ *
8
+ * This source code is licensed under the MIT license found in the
9
+ * LICENSE file in the root directory of this source tree.
10
+ */var ke=o,je=Symbol.for("react.element"),we=Symbol.for("react.fragment"),Ne=Object.prototype.hasOwnProperty,Ce=ke.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Ee={key:!0,ref:!0,__self:!0,__source:!0};function ie(r,t,s){var n,l={},i=null,d=null;s!==void 0&&(i=""+s),t.key!==void 0&&(i=""+t.key),t.ref!==void 0&&(d=t.ref);for(n in t)Ne.call(t,n)&&!Ee.hasOwnProperty(n)&&(l[n]=t[n]);if(r&&r.defaultProps)for(n in t=r.defaultProps,t)l[n]===void 0&&(l[n]=t[n]);return{$$typeof:je,type:r,key:i,ref:d,props:l,_owner:Ce.current}}H.Fragment=we;H.jsx=ie;H.jsxs=ie;le.exports=H;var e=le.exports,ce,ee=ge;ce=ee.createRoot,ee.hydrateRoot;const te=new Map;let O=null;async function Se(){return O||(O=fetch("/__peek/components").then(r=>{if(!r.ok)throw new Error(`Failed to fetch components: ${r.status}`);return r.json()}).catch(r=>{throw O=null,r}),O)}function Re(){O=null}async function Pe(r,t){const s=`${r}::${t}`,n=te.get(s);if(n)return n.promise;const l=fetch(`/__peek/types?file=${encodeURIComponent(r)}&export=${encodeURIComponent(t)}`).then(i=>{if(!i.ok)throw new Error(`Failed to fetch types: ${i.status}`);return i.json()}).catch(()=>[]);return te.set(s,{promise:l,ts:Date.now()}),l}function _e(){const[r,t]=o.useState([]),[s,n]=o.useState(!0),[l,i]=o.useState(null),d=o.useCallback(async(u=!1)=>{u&&Re(),n(!0),i(null);try{const x=await Se();t(x)}catch(x){i(x.message??"Failed to load components")}finally{n(!1)}},[]);return o.useEffect(()=>{d()},[d]),{components:r,loading:s,error:l,refresh:()=>d(!0)}}function Le(r,t){const[s,n]=o.useState([]),[l,i]=o.useState(!1),[d,u]=o.useState(null),x=o.useRef(0);return o.useEffect(()=>{if(!r||!t){n([]),i(!1),u(null);return}const a=++x.current;i(!0),u(null),Pe(r,t).then(h=>{x.current===a&&(n(h),u(null))}).catch(h=>{x.current===a&&(u(h.message??"Failed to parse prop types"),n([]))}).finally(()=>{x.current===a&&i(!1)})},[r,t]),{props:s,loading:l,error:d}}function De(r){const t=new Map;for(const s of r){const n=s.folder||".",l=t.get(n)??[];l.push(s),t.set(n,l)}return t}function de(r,t,s){return`/__peek/frame?${new URLSearchParams({file:r,export:t,theme:s}).toString()}`}function re(r,t){const s={};for(const n of r)if(t.has(n.name)){const l=t.get(n.name);s[n.name]=ue(l,n.type)}else n.defaultValue!==void 0?s[n.name]=n.defaultValue:s[n.name]=Te(n.type,n.options);return s}function Te(r,t){switch(r){case"boolean":return!1;case"number":return 0;case"string":return"";case"select":return(t==null?void 0:t[0])??"";case"node":return"";case"color":return"#6366f1";case"function":return;default:return}}function ue(r,t){switch(t){case"boolean":return r==="true";case"number":return isNaN(Number(r))?0:Number(r);default:return r}}function w(...r){return r.filter(Boolean).join(" ")}function Me(){const r=ye(),t=ve(),s=o.useCallback(()=>{const i=t.pathname==="/"||t.pathname===""?null:t.pathname.slice(1),d=new URLSearchParams(t.search),u=d.get("export")??"default",x={};return d.forEach((a,h)=>{h!=="export"&&(x[h]=a)}),{filePath:i,exportName:u,props:x}},[t]),n=o.useCallback((i,d,u,x)=>{const a=new URLSearchParams;a.set("export",d);for(const[h,c]of Object.entries(u))c!=null&&typeof c!="function"&&a.set(h,String(c));r(`/${i}?${a.toString()}`,{replace:!0})},[r]),l=o.useCallback((i,d)=>{const u={};for(const x of d)i.has(x.name)&&(u[x.name]=ue(i.get(x.name),x.type));return u},[]);return{parseUrl:s,updateUrl:n,hydrateProps:l}}function Ue({searchQuery:r,onSearch:t,theme:s,onToggleTheme:n,shareUrl:l}){const[i,d]=o.useState(!1),u=o.useRef(null);o.useEffect(()=>{const h=c=>{var p,f,g;(c.metaKey||c.ctrlKey)&&c.key==="k"&&(c.preventDefault(),(p=u.current)==null||p.focus(),(f=u.current)==null||f.select()),c.key==="Escape"&&document.activeElement===u.current&&(t(""),(g=u.current)==null||g.blur())};return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[t]);const x=o.useCallback(async()=>{const h=l??window.location.href;try{await navigator.clipboard.writeText(h),d(!0),setTimeout(()=>d(!1),2e3)}catch{const c=document.createElement("textarea");c.value=h,document.body.appendChild(c),c.select(),document.execCommand("copy"),document.body.removeChild(c),d(!0),setTimeout(()=>d(!1),2e3)}},[l]),a=typeof navigator<"u"&&/Mac|iPhone|iPad/.test(navigator.platform);return e.jsxs("header",{className:"flex items-center gap-3 px-4 h-11 border-b shrink-0",style:{borderColor:"var(--border)",background:"var(--surface)"},children:[e.jsxs("div",{className:"flex items-center gap-2 shrink-0 select-none",children:[e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 32 32",fill:"none","aria-hidden":!0,children:[e.jsx("rect",{width:"32",height:"32",rx:"6",fill:"#6366f1"}),e.jsx("circle",{cx:"16",cy:"16",r:"4",fill:"white"}),e.jsx("path",{d:"M8 16c0-4.418 3.582-8 8-8s8 3.582 8 8",stroke:"white",strokeWidth:"2",strokeLinecap:"round",fill:"none"})]}),e.jsx("span",{className:"font-semibold text-sm",style:{color:"var(--text-primary)"},children:"peekr"})]}),e.jsxs("div",{className:"flex-1 max-w-xs relative",children:[e.jsxs("svg",{className:"absolute left-2.5 top-1/2 -translate-y-1/2 pointer-events-none",width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{color:"var(--text-tertiary)"},"aria-hidden":!0,children:[e.jsx("circle",{cx:"11",cy:"11",r:"8"}),e.jsx("path",{d:"m21 21-4.35-4.35"})]}),e.jsx("input",{ref:u,type:"text",placeholder:"Search components...",value:r,onChange:h=>t(h.target.value),className:"peek-input pl-8 pr-14 h-7 text-xs",style:{maxWidth:"100%"},"aria-label":"Search components"}),!r&&e.jsx("kbd",{className:"absolute right-2 top-1/2 -translate-y-1/2 text-[10px] px-1 py-0.5 rounded pointer-events-none select-none",style:{background:"var(--surface-overlay)",color:"var(--text-tertiary)",border:"1px solid var(--border)",lineHeight:1},"aria-hidden":!0,children:a?"⌘K":"Ctrl+K"}),r&&e.jsx("button",{onClick:()=>t(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-xs",style:{color:"var(--text-tertiary)"},"aria-label":"Clear search",children:"✕"})]}),e.jsx("div",{className:"flex-1"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("button",{onClick:n,title:s==="dark"?"Switch to light mode":"Switch to dark mode",className:w("w-7 h-7 rounded-md flex items-center justify-center transition-colors text-base","hover:bg-gray-100 dark:hover:bg-gray-800"),"aria-label":"Toggle theme",children:s==="dark"?"☀️":"🌙"}),e.jsx("button",{onClick:x,title:"Copy shareable URL",className:w("flex items-center gap-1.5 px-2.5 h-7 rounded-md text-xs font-medium transition-colors",i?"bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300":"bg-indigo-50 text-indigo-700 hover:bg-indigo-100 dark:bg-indigo-950 dark:text-indigo-300 dark:hover:bg-indigo-900"),"aria-label":"Copy shareable URL",children:i?e.jsxs(e.Fragment,{children:[e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:e.jsx("path",{d:"M20 6 9 17l-5-5"})}),"Copied!"]}):e.jsxs(e.Fragment,{children:[e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[e.jsx("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),e.jsx("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"})]}),"Share"]})})]})]})}function J(r,t){if(!t)return!0;const s=r.toLowerCase(),n=t.toLowerCase();let l=0;for(let i=0;i<s.length&&l<n.length;i++)s[i]===n[l]&&l++;return l===n.length}function Fe({components:r,selectedId:t,searchQuery:s,onSelect:n,collapsed:l,onToggleCollapse:i}){const[d,u]=o.useState(new Set(["all"])),x=o.useMemo(()=>{const c=s.trim();return c?r.filter(p=>J(p.name,c)||J(p.filePath,c)||J(p.folder,c)):r},[r,s]),a=o.useMemo(()=>De(x),[x]),h=c=>{u(p=>{const f=new Set(p);return f.has(c)?f.delete(c):f.add(c),f})};return o.useMemo(()=>{u(c=>{const p=new Set(c);for(const[f,g]of a)(g.some(j=>j.id===t)||s)&&p.add(f);return p})},[t,s,a]),l?e.jsx("div",{className:"flex flex-col items-center py-2 border-r shrink-0",style:{width:40,borderColor:"var(--border)",background:"var(--surface)"},children:e.jsx("button",{onClick:i,title:"Expand sidebar",className:"w-7 h-7 rounded-md flex items-center justify-center hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors mt-1","aria-label":"Expand sidebar",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:e.jsx("path",{d:"m9 18 6-6-6-6"})})})}):e.jsxs("aside",{className:"flex flex-col border-r shrink-0 overflow-hidden",style:{width:"var(--sidebar-width)",borderColor:"var(--border)",background:"var(--surface)"},children:[e.jsxs("div",{className:"flex items-center justify-between px-3 h-9 border-b shrink-0",style:{borderColor:"var(--border)"},children:[e.jsxs("span",{className:"text-xs font-medium uppercase tracking-wider",style:{color:"var(--text-tertiary)"},children:["Components (",x.length,")"]}),e.jsx("button",{onClick:i,title:"Collapse sidebar",className:"w-5 h-5 rounded flex items-center justify-center hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors","aria-label":"Collapse sidebar",children:e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:e.jsx("path",{d:"m15 18-6-6 6-6"})})})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto py-1",children:[x.length===0&&e.jsxs("div",{className:"px-3 py-4 text-center",children:[e.jsx("p",{className:"text-xs",style:{color:"var(--text-tertiary)"},children:s?"No components match your search.":"No components detected."}),!s&&e.jsx("p",{className:"text-xs mt-1",style:{color:"var(--text-tertiary)"},children:"Make sure your .tsx/.jsx files export React components."})]}),Array.from(a.entries()).map(([c,p])=>e.jsx(We,{folder:c,components:p,selectedId:t,isExpanded:d.has(c),onToggle:()=>h(c),onSelect:n},c))]})]})}function We({folder:r,components:t,selectedId:s,isExpanded:n,onToggle:l,onSelect:i}){const d=r==="."?"(root)":r;return e.jsxs("div",{children:[e.jsxs("button",{onClick:l,className:"w-full flex items-center gap-1.5 px-3 py-1 text-left hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors group",children:[e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",className:w("transition-transform shrink-0",n?"rotate-90":""),style:{color:"var(--text-tertiary)"},"aria-hidden":!0,children:e.jsx("path",{d:"m9 18 6-6-6-6"})}),e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",className:"shrink-0",style:{color:"var(--text-tertiary)"},"aria-hidden":!0,children:e.jsx("path",{d:"M20 7H4C2.9 7 2 7.9 2 9v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zM4 5h7l2 2h7c1.1 0 2 .9 2 2H4V5z"})}),e.jsx("span",{className:"text-xs truncate",style:{color:"var(--text-secondary)"},title:d,children:d}),e.jsx("span",{className:"ml-auto text-xs shrink-0",style:{color:"var(--text-tertiary)"},children:t.length})]}),n&&e.jsx("div",{children:t.map(u=>e.jsx(Oe,{component:u,isSelected:u.id===s,onSelect:()=>i(u)},u.id))})]})}function Oe({component:r,isSelected:t,onSelect:s}){return e.jsxs("button",{onClick:s,className:w("w-full flex items-center gap-2 pl-8 pr-3 py-1.5 text-left transition-colors text-xs group",t?"bg-indigo-50 dark:bg-indigo-950/50":"hover:bg-gray-50 dark:hover:bg-gray-800/50"),title:r.filePath,"aria-current":t?"page":void 0,children:[e.jsx("span",{className:w("w-4 h-4 rounded flex items-center justify-center shrink-0 text-[9px] font-bold",t?"bg-indigo-500 text-white":"bg-gray-200 dark:bg-gray-700 text-gray-500 dark:text-gray-400"),"aria-hidden":!0,children:r.name[0]}),e.jsx("span",{className:w("truncate flex-1",t?"text-indigo-700 dark:text-indigo-300 font-medium":"text-gray-700 dark:text-gray-300"),children:r.name}),!r.isDefault&&e.jsx("span",{className:"text-[10px] shrink-0 px-1 rounded",style:{background:"var(--surface-overlay)",color:"var(--text-tertiary)"},title:`Named export: ${r.exportName}`,children:r.exportName})]})}const X={mobile:375,tablet:768,desktop:1280,custom:0},$e=[{key:"mobile",icon:"📱",label:"Mobile (375px)"},{key:"tablet",icon:"💻",label:"Tablet (768px)"},{key:"desktop",icon:"🖥",label:"Desktop (1280px)"}];function Ie({viewport:r,customWidth:t,onViewportChange:s,theme:n,onThemeChange:l,isDiffMode:i,onToggleDiff:d,selectedComponent:u}){const[x,a]=o.useState(!1),[h,c]=o.useState(""),p=r==="custom"?t:X[r];return e.jsxs("div",{className:"flex items-center gap-2 px-3 h-10 border-b shrink-0 flex-wrap",style:{borderColor:"var(--border)",background:"var(--surface-raised)"},children:[e.jsx("div",{className:"flex items-center gap-0.5 bg-gray-100 dark:bg-gray-800 rounded-md p-0.5",children:$e.map(({key:f,icon:g,label:j})=>e.jsx("button",{onClick:()=>s(f),title:j,className:w("px-2 h-6 rounded text-xs transition-colors flex items-center gap-1",r===f?"bg-white dark:bg-gray-700 shadow-sm text-indigo-600 dark:text-indigo-400 font-medium":"text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"),children:e.jsx("span",{className:"text-sm leading-none",children:g})},f))}),e.jsx("div",{className:"flex items-center gap-1 px-2 h-6 rounded-md cursor-pointer select-none",style:{background:"var(--surface-overlay)",color:"var(--text-secondary)",fontSize:11,minWidth:64},title:"Click to set custom width",onClick:()=>{a(!0),c(String(p))},children:x?e.jsx("input",{autoFocus:!0,type:"number",value:h,onChange:f=>c(f.target.value),onBlur:()=>{const f=parseInt(h,10);!isNaN(f)&&f>0&&s("custom",f),a(!1)},onKeyDown:f=>{if(f.key==="Enter"){const g=parseInt(h,10);!isNaN(g)&&g>0&&s("custom",g),a(!1)}f.key==="Escape"&&a(!1)},className:"w-16 bg-transparent border-none outline-none text-xs",style:{color:"var(--text-primary)"},onClick:f=>f.stopPropagation()}):e.jsxs("span",{className:"font-mono",children:[p,"px"]})}),e.jsx("div",{className:"w-px h-4 bg-gray-200 dark:bg-gray-700"}),e.jsx("div",{className:"flex items-center gap-0.5 bg-gray-100 dark:bg-gray-800 rounded-md p-0.5",children:["light","dark"].map(f=>e.jsx("button",{onClick:()=>l(f),className:w("px-2.5 h-6 rounded text-xs capitalize transition-colors",n===f?"bg-white dark:bg-gray-700 shadow-sm font-medium text-indigo-600 dark:text-indigo-400":"text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"),children:f},f))}),e.jsx("div",{className:"flex-1"}),u&&e.jsxs("button",{onClick:d,className:w("flex items-center gap-1.5 px-2.5 h-6 rounded-md text-xs font-medium transition-colors",i?"bg-purple-100 text-purple-700 dark:bg-purple-950 dark:text-purple-300":"text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300"),title:i?"Exit compare mode":"Compare two variants",children:[e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[e.jsx("rect",{x:"3",y:"3",width:"7",height:"18",rx:"1"}),e.jsx("rect",{x:"14",y:"3",width:"7",height:"18",rx:"1"})]}),i?"Exit Compare":"Compare"]})]})}function Ae({filePath:r,exportName:t,props:s,theme:n,viewport:l,customWidth:i}){const d=o.useRef(null),[u,x]=o.useState("idle"),[a,h]=o.useState(null),c=o.useRef(null),p=l==="custom"?i:X[l],f=r&&t?de(r,t,n):null;o.useEffect(()=>{const _=b=>{if(d.current&&b.source!==d.current.contentWindow)return;const y=b.data;y.type==="FRAME_READY"&&(x("loading"),g({type:"UPDATE_PROPS",props:s}),g({type:"SET_THEME",theme:n})),y.type==="RENDER_SUCCESS"&&(x("ready"),h(null)),y.type==="RENDER_ERROR"&&(x("error"),h({message:y.message,stack:y.stack}))};return window.addEventListener("message",_),()=>window.removeEventListener("message",_)},[s,n]);const g=o.useCallback(_=>{var b,y;(y=(b=d.current)==null?void 0:b.contentWindow)==null||y.postMessage(_,"*")},[]),j=o.useRef(s),P=o.useRef(n);return o.useEffect(()=>{u!=="ready"&&u!=="loading"||j.current!==s&&(j.current=s,g({type:"UPDATE_PROPS",props:s}))},[s,u,g]),o.useEffect(()=>{u!=="ready"&&u!=="loading"||P.current!==n&&(P.current=n,g({type:"SET_THEME",theme:n}))},[n,u,g]),o.useEffect(()=>{f!==c.current&&(c.current=f,x(f?"loading":"idle"),h(null))},[f]),f?e.jsxs("div",{className:"flex-1 relative overflow-hidden flex items-start justify-center p-6",style:{background:"var(--surface-raised)"},children:[u==="loading"&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center z-10 pointer-events-none",children:e.jsx("div",{className:"w-5 h-5 border-2 border-indigo-400 border-t-transparent rounded-full animate-spin opacity-70"})}),u==="error"&&a&&e.jsx("div",{className:"absolute inset-0 flex items-start justify-center pt-8 z-20 px-6 pointer-events-none",children:e.jsxs("div",{className:"w-full max-w-lg rounded-xl border p-5 shadow-lg pointer-events-auto",style:{background:"var(--surface)",borderColor:"#fca5a5"},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx("span",{className:"text-red-500 text-lg",children:"⚠"}),e.jsx("span",{className:"text-sm font-semibold text-red-600 dark:text-red-400",children:"Component Error"})]}),e.jsx("pre",{className:"text-xs overflow-auto whitespace-pre-wrap break-words rounded p-3",style:{background:"#fef2f2",color:"#dc2626",maxHeight:200,fontFamily:"ui-monospace, monospace"},children:a.message}),a.stack&&e.jsxs("details",{className:"mt-2",children:[e.jsx("summary",{className:"text-xs cursor-pointer",style:{color:"var(--text-tertiary)"},children:"Stack trace"}),e.jsx("pre",{className:"text-xs mt-1 overflow-auto rounded p-2",style:{background:"var(--surface-raised)",color:"var(--text-secondary)",maxHeight:150,fontFamily:"ui-monospace, monospace"},children:a.stack})]})]})}),e.jsxs("div",{className:w("relative transition-all duration-200 shadow-md rounded-lg overflow-hidden",u==="loading"?"opacity-50":"opacity-100"),style:{width:p,maxWidth:"100%",minHeight:200,background:n==="dark"?"#0f172a":"#fff",border:"1px solid var(--border)"},children:[e.jsxs("div",{className:"absolute top-0 right-0 px-2 py-0.5 text-[10px] rounded-bl-md z-10 font-mono select-none",style:{background:"var(--surface-overlay)",color:"var(--text-tertiary)"},children:[p,"px"]}),e.jsx("iframe",{ref:d,src:f,title:"Component preview",className:"w-full border-none",style:{height:Math.max(300,600),display:"block",colorScheme:n},sandbox:"allow-scripts allow-same-origin allow-popups allow-forms"})]})]}):e.jsx("div",{className:"flex-1 flex items-center justify-center animate-fade-in",children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-5xl mb-4 opacity-30 select-none",children:"⚡"}),e.jsx("p",{className:"text-sm font-medium",style:{color:"var(--text-secondary)"},children:"Select a component from the sidebar"}),e.jsx("p",{className:"text-xs mt-1",style:{color:"var(--text-tertiary)"},children:"peekr auto-detects your React components"})]})})}function xe({props:r,values:t,onChange:s,loading:n,componentName:l}){return l?n?e.jsxs("div",{className:"flex items-center justify-center h-full gap-2",children:[e.jsx("div",{className:"w-4 h-4 border border-indigo-400 border-t-transparent rounded-full animate-spin"}),e.jsx("span",{className:"text-xs",style:{color:"var(--text-tertiary)"},children:"Parsing props..."})]}):r.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-3 px-5 text-center",children:[e.jsx("div",{className:"w-8 h-8 rounded-full flex items-center justify-center",style:{background:"var(--surface-overlay)"},children:e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",style:{color:"var(--text-tertiary)"},"aria-hidden":!0,children:[e.jsx("path",{d:"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"}),e.jsx("polyline",{points:"14 2 14 8 20 8"}),e.jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),e.jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),e.jsx("line",{x1:"10",y1:"9",x2:"8",y2:"9"})]})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-medium mb-1",style:{color:"var(--text-secondary)"},children:"No TypeScript props detected"}),e.jsx("p",{className:"text-xs leading-relaxed",style:{color:"var(--text-tertiary)"},children:"Add a typed props interface to unlock auto-generated controls."})]}),e.jsx("pre",{className:"text-left text-[10px] leading-relaxed px-3 py-2 rounded-md w-full max-w-[220px]",style:{background:"var(--surface-overlay)",color:"var(--text-secondary)",fontFamily:"ui-monospace, monospace"},children:`interface ${l}Props {
11
+ label: string
12
+ disabled?: boolean
13
+ variant?: 'primary' | 'ghost'
14
+ }`})]}):e.jsx("div",{className:"overflow-y-auto h-full",children:e.jsxs("table",{className:"w-full border-collapse",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",style:{borderColor:"var(--border)"},children:[e.jsx("th",{className:"text-left px-3 py-2 text-xs font-medium uppercase tracking-wide",style:{color:"var(--text-tertiary)",width:"35%"},children:"Prop"}),e.jsx("th",{className:"text-left px-3 py-2 text-xs font-medium uppercase tracking-wide",style:{color:"var(--text-tertiary)"},children:"Control"})]})}),e.jsx("tbody",{children:r.map(i=>e.jsx(Be,{prop:i,value:t[i.name],onChange:d=>s(i.name,d)},i.name))})]})}):e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx("p",{className:"text-xs",style:{color:"var(--text-tertiary)"},children:"Select a component to see its props"})})}function Be({prop:r,value:t,onChange:s}){return e.jsxs("tr",{className:"border-b hover:bg-gray-50/50 dark:hover:bg-gray-800/30 transition-colors group",style:{borderColor:"var(--border)"},children:[e.jsxs("td",{className:"px-3 py-2 align-middle",style:{width:"35%"},children:[e.jsx("div",{className:"flex items-center gap-1.5",children:e.jsxs("span",{className:"text-xs font-medium font-mono truncate",style:{color:"var(--text-primary)"},title:r.description??r.name,children:[r.name,r.required&&e.jsx("span",{className:"text-red-400 ml-0.5",title:"Required",children:"*"})]})}),e.jsx("div",{className:"flex items-center gap-1 mt-0.5",children:e.jsx(ze,{type:r.type})}),r.description&&e.jsx("p",{className:"text-[10px] mt-0.5 leading-relaxed",style:{color:"var(--text-tertiary)"},children:r.description})]}),e.jsx("td",{className:"px-3 py-2 align-middle",children:e.jsx(He,{prop:r,value:t,onChange:s})})]})}function ze({type:r}){const t={string:"bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400",number:"bg-amber-50 text-amber-600 dark:bg-amber-950 dark:text-amber-400",boolean:"bg-green-50 text-green-600 dark:bg-green-950 dark:text-green-400",select:"bg-purple-50 text-purple-600 dark:bg-purple-950 dark:text-purple-400",function:"bg-orange-50 text-orange-600 dark:bg-orange-950 dark:text-orange-400",node:"bg-pink-50 text-pink-600 dark:bg-pink-950 dark:text-pink-400",color:"bg-teal-50 text-teal-600 dark:bg-teal-950 dark:text-teal-400",unknown:"bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400"};return e.jsx("span",{className:w("px-1.5 py-0.5 rounded text-[10px] font-mono",t[r]??t.unknown),children:r})}function He({prop:r,value:t,onChange:s}){switch(r.type){case"boolean":return e.jsx(qe,{value:t,onChange:s});case"number":return e.jsx(Ve,{value:t,onChange:s});case"select":return e.jsx(Ye,{options:r.options??[],value:t,onChange:s});case"function":return e.jsx(Ke,{name:r.name,onChange:s});case"node":return e.jsx(Ge,{value:t,onChange:s});case"color":return e.jsx(Je,{value:t,onChange:s});case"string":default:return e.jsx(fe,{value:t,onChange:s})}}function fe({value:r,onChange:t}){return e.jsx("input",{type:"text",className:"peek-input",value:r??"",onChange:s=>t(s.target.value),placeholder:"string value"})}function Ve({value:r,onChange:t}){return e.jsx("input",{type:"number",className:"peek-input w-24",value:r??0,onChange:s=>t(parseFloat(s.target.value)||0)})}function qe({value:r,onChange:t}){const s=!!r;return e.jsx("button",{onClick:()=>t(!s),className:w("relative inline-flex items-center w-9 h-5 rounded-full transition-colors focus:outline-none","focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-1",s?"bg-indigo-500":"bg-gray-300 dark:bg-gray-600"),role:"switch","aria-checked":s,children:e.jsx("span",{className:w("inline-block w-3.5 h-3.5 rounded-full bg-white shadow-sm transform transition-transform",s?"translate-x-4":"translate-x-0.5")})})}function Ye({options:r,value:t,onChange:s}){return r.length===0?e.jsx(fe,{value:t,onChange:s}):e.jsx("select",{className:"peek-select",value:t??r[0]??"",onChange:n=>s(n.target.value),children:r.map(n=>e.jsx("option",{value:n,children:n},n))})}function Ke({name:r,onChange:t}){const s=o.useRef(0);return e.jsxs("button",{onClick:()=>{s.current++,console.log(`[peekr] Fired: ${r}() (call #${s.current})`),t(()=>{console.log(`[peekr] ${r}() fired`)})},className:"flex items-center gap-1.5 px-2.5 h-6 rounded-md text-xs font-medium transition-colors bg-orange-50 text-orange-700 hover:bg-orange-100 dark:bg-orange-950 dark:text-orange-300 dark:hover:bg-orange-900",children:[e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:e.jsx("path",{d:"M8 5v14l11-7z"})}),"Fire Event"]})}function Ge({value:r,onChange:t}){return e.jsx("textarea",{className:"peek-input resize-none",rows:2,value:r??"",onChange:s=>t(s.target.value),placeholder:"React node content (text or HTML)",style:{fontFamily:"ui-monospace, monospace",fontSize:11}})}function Je({value:r,onChange:t}){return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"color",className:"w-7 h-7 rounded cursor-pointer border border-gray-200 dark:border-gray-700 p-0.5 bg-transparent",value:r??"#6366f1",onChange:s=>t(s.target.value)}),e.jsx("input",{type:"text",className:"peek-input w-24 font-mono text-xs",value:r??"#6366f1",onChange:s=>t(s.target.value),placeholder:"#000000"})]})}const Xe="modulepreload",Ze=function(r){return"/__peek/app/"+r},se={},ne=function(t,s,n){let l=Promise.resolve();if(s&&s.length>0){document.getElementsByTagName("link");const d=document.querySelector("meta[property=csp-nonce]"),u=(d==null?void 0:d.nonce)||(d==null?void 0:d.getAttribute("nonce"));l=Promise.allSettled(s.map(x=>{if(x=Ze(x),x in se)return;se[x]=!0;const a=x.endsWith(".css"),h=a?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${x}"]${h}`))return;const c=document.createElement("link");if(c.rel=a?"stylesheet":Xe,a||(c.as="script"),c.crossOrigin="",c.href=x,u&&c.setAttribute("nonce",u),document.head.appendChild(c),a)return new Promise((p,f)=>{c.addEventListener("load",p),c.addEventListener("error",()=>f(new Error(`Unable to preload CSS for ${x}`)))})}))}function i(d){const u=new Event("vite:preloadError",{cancelable:!0});if(u.payload=d,window.dispatchEvent(u),!u.defaultPrevented)throw d}return l.then(d=>{for(const u of d||[])u.status==="rejected"&&i(u.reason);return t().catch(i)})};function Qe({filePath:r,exportName:t,propDefs:s,propsLoading:n,defaultProps:l,theme:i,viewport:d,customWidth:u}){const[x,a]=o.useState(l),[h,c]=o.useState(l),[p,f]=o.useState(!1),[g,j]=o.useState(!1),[P,_]=o.useState(null),b=o.useRef(null),y=o.useRef(null),V=o.useRef("loading"),q=o.useRef("loading"),L=d==="custom"?u:X[d],$=de(r,t,i),N=o.useCallback((C,S)=>{var v,R;(R=(v=C.current)==null?void 0:v.contentWindow)==null||R.postMessage(S,"*")},[]);o.useEffect(()=>{const C=S=>{var R,E;const v=S.data;v!=null&&v.type&&(S.source===((R=b.current)==null?void 0:R.contentWindow)&&(v.type==="FRAME_READY"&&(N(b,{type:"UPDATE_PROPS",props:x}),N(b,{type:"SET_THEME",theme:i})),v.type==="RENDER_SUCCESS"&&(V.current="ready")),S.source===((E=y.current)==null?void 0:E.contentWindow)&&(v.type==="FRAME_READY"&&(N(y,{type:"UPDATE_PROPS",props:h}),N(y,{type:"SET_THEME",theme:i})),v.type==="RENDER_SUCCESS"&&(q.current="ready")))};return window.addEventListener("message",C),()=>window.removeEventListener("message",C)},[x,h,i,N]),o.useEffect(()=>{N(b,{type:"UPDATE_PROPS",props:x})},[x,N]),o.useEffect(()=>{N(y,{type:"UPDATE_PROPS",props:h})},[h,N]),o.useEffect(()=>{a(l),c(l)},[l]);const Y=o.useCallback(async()=>{var C,S,v,R;j(!0),_(null);try{const E=(await ne(async()=>{const{default:G}=await import("./html2canvas.esm-CBrSDip1.js");return{default:G}},[])).default,K=(await ne(async()=>{const{default:G}=await import("./index-Ch1Vufae.js").then(he=>he.i);return{default:G}},__vite__mapDeps([0,1]))).default,F=(S=(C=b.current)==null?void 0:C.contentDocument)==null?void 0:S.body,A=(R=(v=y.current)==null?void 0:v.contentDocument)==null?void 0:R.body;if(!F||!A){j(!1);return}const[D,T]=await Promise.all([E(F,{logging:!1,useCORS:!0}),E(A,{logging:!1,useCORS:!0})]),I=Math.max(D.width,T.width),m=Math.max(D.height,T.height),k=D.getContext("2d"),M=T.getContext("2d"),U=k.getImageData(0,0,D.width,D.height),B=M.getImageData(0,0,T.width,T.height),W=document.createElement("canvas");W.width=I,W.height=m;const z=W.getContext("2d"),Z=z.createImageData(I,m),at=K(U.data,B.data,Z.data,I,m,{threshold:.1});z.putImageData(Z,0,0),_(W.toDataURL())}catch(E){console.error("[peekr] Diff computation failed:",E)}finally{j(!1)}},[]);return e.jsxs("div",{className:"flex-1 flex flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-center gap-3 px-4 h-10 border-b shrink-0",style:{borderColor:"var(--border)",background:"var(--surface-raised)"},children:[e.jsxs("span",{className:"text-xs font-medium",style:{color:"var(--text-secondary)"},children:["Comparing: ",e.jsx("span",{style:{color:"var(--accent)"},children:t==="default"?r.split("/").pop():t})]}),e.jsx("div",{className:"flex-1"}),e.jsxs("button",{onClick:()=>{f(!p),p||Y()},disabled:g,className:w("flex items-center gap-1.5 px-3 h-7 rounded-md text-xs font-medium transition-colors",p&&P?"bg-purple-100 text-purple-700 dark:bg-purple-950 dark:text-purple-300":"bg-gray-100 text-gray-600 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"),children:[g?e.jsx("span",{className:"w-3 h-3 border border-current border-t-transparent rounded-full animate-spin"}):e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[e.jsx("circle",{cx:"12",cy:"12",r:"3"}),e.jsx("path",{d:"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"})]}),p&&P?"Hide Diff":"Show Visual Diff"]})]}),e.jsxs("div",{className:"flex-1 flex overflow-hidden",children:[e.jsx(ae,{label:"Variant A",iframeRef:b,frameUrl:$,props:x,propDefs:s,propsLoading:n,onPropsChange:a,viewportWidth:L,theme:i,diffOverlay:p&&P?P:null}),e.jsx("div",{className:"w-px shrink-0",style:{background:"var(--border)"}}),e.jsx(ae,{label:"Variant B",iframeRef:y,frameUrl:`${$}&_r=1`,props:h,propDefs:s,propsLoading:n,onPropsChange:c,viewportWidth:L,theme:i,diffOverlay:null})]})]})}function ae({label:r,iframeRef:t,frameUrl:s,props:n,propDefs:l,propsLoading:i,onPropsChange:d,viewportWidth:u,theme:x,diffOverlay:a}){return e.jsxs("div",{className:"flex-1 flex flex-col min-w-0 overflow-hidden",children:[e.jsx("div",{className:"px-3 h-8 flex items-center border-b shrink-0",style:{borderColor:"var(--border)",background:"var(--surface)"},children:e.jsx("span",{className:"text-xs font-semibold",style:{color:"var(--text-secondary)"},children:r})}),e.jsx("div",{className:"flex-1 flex items-start justify-center p-4 overflow-auto",style:{background:"var(--surface-raised)"},children:e.jsxs("div",{className:"relative shadow-md rounded-lg overflow-hidden",style:{width:Math.min(u,600),maxWidth:"100%",background:x==="dark"?"#0f172a":"#fff",border:"1px solid var(--border)"},children:[a&&e.jsx("img",{src:a,alt:"Visual diff",className:"absolute inset-0 w-full h-full object-contain z-10 pointer-events-none mix-blend-difference opacity-80"}),e.jsx("iframe",{ref:t,src:s,title:`${r} preview`,className:"w-full border-none",style:{height:400,display:"block"},sandbox:"allow-scripts allow-same-origin allow-popups allow-forms"})]})}),e.jsxs("div",{className:"border-t shrink-0",style:{borderColor:"var(--border)",height:200,background:"var(--surface)"},children:[e.jsx("div",{className:"px-3 h-8 flex items-center border-b",style:{borderColor:"var(--border)"},children:e.jsx("span",{className:"text-xs font-medium",style:{color:"var(--text-tertiary)"},children:"Props"})}),e.jsx("div",{style:{height:"calc(100% - 32px)",overflow:"auto"},children:e.jsx(xe,{props:l,values:n,onChange:(h,c)=>d({...n,[h]:c}),loading:i,componentName:r})})]})]})}class et extends oe.Component{constructor(){super(...arguments);Q(this,"state",{error:null})}static getDerivedStateFromError(s){return{error:s}}componentDidCatch(s,n){console.error("[peekr] Uncaught error:",s,n)}render(){return this.state.error?this.props.fallback??e.jsx("div",{className:"flex items-center justify-center h-screen bg-red-50 dark:bg-red-950 p-8",children:e.jsxs("div",{className:"max-w-lg w-full bg-white dark:bg-gray-900 rounded-xl border border-red-200 dark:border-red-800 p-6 shadow-sm",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("span",{className:"text-2xl",children:"⚠️"}),e.jsx("h2",{className:"text-base font-semibold text-red-700 dark:text-red-400",children:"Something went wrong"})]}),e.jsx("pre",{className:"text-xs text-red-600 dark:text-red-300 bg-red-50 dark:bg-red-900/30 rounded p-3 overflow-auto whitespace-pre-wrap break-words",children:this.state.error.message}),e.jsx("button",{onClick:()=>this.setState({error:null}),className:"mt-4 px-3 py-1.5 text-xs bg-red-100 hover:bg-red-200 dark:bg-red-900 dark:hover:bg-red-800 text-red-700 dark:text-red-300 rounded-md transition-colors",children:"Try again"})]})}):this.props.children}}function tt(){const{parseUrl:r,updateUrl:t,hydrateProps:s}=Me(),n=r(),{components:l,loading:i,error:d}=_e(),[u,x]=o.useState(null),[a,h]=o.useState(null);o.useEffect(()=>{if(n.filePath&&l.length>0&&!a){const m=l.find(k=>k.filePath===n.filePath&&k.exportName===n.exportName);m&&(x(m.id),h(m))}},[l]);const{props:c,loading:p}=Le((a==null?void 0:a.filePath)??null,(a==null?void 0:a.exportName)??null),[f,g]=o.useState({}),j=o.useRef(null);o.useEffect(()=>{if(!a||p||j.current===a.filePath)return;j.current=a.filePath;const m=new URLSearchParams(window.location.search),k=s(m,c),M=re(c,m);g({...M,...k})},[c,a,p,s]);const P=o.useCallback((m,k)=>{g(M=>{const U={...M,[m]:k};return a&&t(a.filePath,a.exportName,U,c),U})},[a,c,t]),_=o.useCallback(m=>{x(m.id),h(m),g({}),j.current=null,t(m.filePath,m.exportName,{})},[t]),[b,y]=o.useState(""),[V,q]=o.useState(!1),[L,$]=o.useState("light"),[N,Y]=o.useState("desktop"),[C,S]=o.useState(1280),[v,R]=o.useState(!1),[E,K]=o.useState(280),F=o.useRef(!1);o.useEffect(()=>{document.documentElement.className=L==="dark"?"dark":""},[L]);const A=o.useCallback(()=>{$(m=>m==="dark"?"light":"dark")},[]),D=o.useCallback((m,k)=>{Y(m),m==="custom"&&k&&S(k)},[]),T=o.useCallback(m=>{m.preventDefault(),F.current=!0;const k=m.clientY,M=E,U=W=>{if(!F.current)return;const z=k-W.clientY;K(Math.max(120,Math.min(600,M+z)))},B=()=>{F.current=!1,document.removeEventListener("mousemove",U),document.removeEventListener("mouseup",B)};document.addEventListener("mousemove",U),document.addEventListener("mouseup",B)},[E]);o.useEffect(()=>{},[a]);const I=a?`${window.location.origin}${window.location.pathname}#/${a.filePath}?export=${a.exportName}${Object.entries(f).filter(([,m])=>m!==void 0&&typeof m!="function").map(([m,k])=>`&${encodeURIComponent(m)}=${encodeURIComponent(String(k))}`).join("")}`:null;return e.jsx(et,{children:e.jsxs("div",{className:"h-screen flex flex-col overflow-hidden",style:{background:"var(--surface)"},children:[e.jsx(Ue,{searchQuery:b,onSearch:y,theme:L,onToggleTheme:A,shareUrl:I}),e.jsxs("div",{className:"flex flex-1 min-h-0 overflow-hidden",children:[i&&l.length===0?e.jsx(rt,{}):d?e.jsx(st,{error:d}):e.jsx(Fe,{components:l,selectedId:u,searchQuery:b,onSelect:_,collapsed:V,onToggleCollapse:()=>q(m=>!m)}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0 overflow-hidden",children:[e.jsx(Ie,{viewport:N,customWidth:C,onViewportChange:D,theme:L,onThemeChange:$,isDiffMode:v,onToggleDiff:()=>R(m=>!m),selectedComponent:(a==null?void 0:a.name)??null}),v&&a?e.jsx(Qe,{filePath:a.filePath,exportName:a.exportName,propDefs:c,propsLoading:p,defaultProps:f,theme:L,viewport:N,customWidth:C}):e.jsxs("div",{className:"flex-1 flex flex-col min-h-0 overflow-hidden",children:[e.jsx("div",{className:"flex-1 min-h-0 overflow-hidden flex",children:e.jsx(Ae,{filePath:(a==null?void 0:a.filePath)??null,exportName:(a==null?void 0:a.exportName)??null,props:f,theme:L,viewport:N,customWidth:C})}),a&&e.jsx("div",{onMouseDown:T,className:"resizer-handle h-1.5 shrink-0 transition-colors",style:{background:"var(--border)",cursor:"row-resize"},role:"separator","aria-label":"Resize props panel","aria-orientation":"horizontal"}),a&&e.jsxs("div",{className:"shrink-0 border-t overflow-hidden flex flex-col",style:{height:E,borderColor:"var(--border)",background:"var(--surface)"},children:[e.jsxs("div",{className:"px-3 h-8 flex items-center border-b shrink-0",style:{borderColor:"var(--border)"},children:[e.jsx("span",{className:"text-xs font-medium",style:{color:"var(--text-tertiary)"},children:"Props"}),c.length>0&&e.jsx("span",{className:"ml-2 text-xs px-1.5 rounded-full",style:{background:"var(--surface-overlay)",color:"var(--text-tertiary)"},children:c.length}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:()=>{const m=re(c,new URLSearchParams);g(m),a&&t(a.filePath,a.exportName,m)},className:"text-xs px-2 h-5 rounded hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",style:{color:"var(--text-tertiary)"},title:"Reset all props to defaults",children:"Reset"})]}),e.jsx("div",{className:"flex-1 min-h-0 overflow-auto",children:e.jsx(xe,{props:c,values:f,onChange:P,loading:p,componentName:(a==null?void 0:a.name)??null})})]})]})]})]})]})})}function rt(){return e.jsxs("div",{className:"flex flex-col border-r shrink-0",style:{width:"var(--sidebar-width)",borderColor:"var(--border)",background:"var(--surface)"},children:[e.jsx("div",{className:"px-3 h-9 flex items-center border-b",style:{borderColor:"var(--border)"},children:e.jsx("div",{className:"h-3 w-24 rounded animate-pulse",style:{background:"var(--surface-overlay)"}})}),e.jsx("div",{className:"p-3 space-y-2",children:Array.from({length:8}).map((r,t)=>e.jsx("div",{className:"h-6 rounded animate-pulse",style:{background:"var(--surface-overlay)",width:`${60+t%3*20}%`}},t))})]})}function st({error:r}){return e.jsxs("div",{className:"flex flex-col border-r shrink-0 p-3",style:{width:"var(--sidebar-width)",borderColor:"var(--border)",background:"var(--surface)"},children:[e.jsx("p",{className:"text-xs text-red-500 font-medium mb-1",children:"Failed to load components"}),e.jsx("p",{className:"text-xs",style:{color:"var(--text-tertiary)"},children:r})]})}const nt=document.getElementById("root");ce(nt).render(e.jsx(oe.StrictMode,{children:e.jsx(be,{children:e.jsx(tt,{})})}));
package/app-dist/assets/index-BahkwADB.css ADDED
@@ -0,0 +1 @@
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.left-2\.5{left:.625rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-1\/2{top:50%}.z-10{z-index:10}.z-20{z-index:20}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-0\.5{margin-left:.125rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0px}.w-16{width:4rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-\[220px\]{max-width:220px}.max-w-lg{max-width:32rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .1s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-current{border-color:currentColor}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-indigo-400{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-teal-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-8{padding-left:2rem}.pr-14{padding-right:3.5rem}.pr-3{padding-right:.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-violet-700{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.mix-blend-difference{mix-blend-mode:difference}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur: blur(8px);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)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--surface: #ffffff;--surface-raised: #f8fafc;--surface-overlay: #f1f5f9;--border: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--accent: #6366f1;--accent-hover: #4f46e5;--accent-fg: #ffffff;--sidebar-width: 240px;--props-height: 300px}.dark{--surface: #0f172a;--surface-raised: #1e293b;--surface-overlay: #334155;--border: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--accent: #818cf8;--accent-hover: #6366f1;--accent-fg: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;background:var(--surface);color:var(--text-primary);overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.resizer-handle{cursor:row-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resizer-handle:hover,.resizer-handle.active{background:var(--accent)!important}.peek-input{width:100%;padding:4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;transition:border-color .1s}.peek-input:focus{border-color:var(--accent)}.dark .peek-input{background:var(--surface-raised)}.peek-select{width:100%;padding:4px 28px 4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.peek-select:focus{border-color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast{animation:toast-in .15s ease-out}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}.hover\:bg-indigo-100:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-100:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-indigo-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:bg-amber-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(69 26 3 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.dark\:bg-green-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(5 46 22 / var(--tw-bg-opacity, 1))}.dark\:bg-indigo-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 27 75 / var(--tw-bg-opacity, 1))}.dark\:bg-indigo-950\/50:is(.dark *){background-color:#1e1b4b80}.dark\:bg-orange-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(67 20 7 / var(--tw-bg-opacity, 1))}.dark\:bg-pink-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(80 7 36 / var(--tw-bg-opacity, 1))}.dark\:bg-purple-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(59 7 100 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900\/30:is(.dark *){background-color:#7f1d1d4d}.dark\:bg-red-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(69 10 10 / var(--tw-bg-opacity, 1))}.dark\:bg-teal-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(4 47 46 / var(--tw-bg-opacity, 1))}.dark\:bg-violet-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(46 16 101 / var(--tw-bg-opacity, 1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-600:is(.dark *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-indigo-300:is(.dark *){--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.dark\:text-orange-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-pink-400:is(.dark *){--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.dark\:text-purple-300:is(.dark *){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-teal-400:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.dark\:text-violet-300:is(.dark *){--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800\/30:hover:is(.dark *){background-color:#1f29374d}.dark\:hover\:bg-gray-800\/50:hover:is(.dark *){background-color:#1f293780}.dark\:hover\:bg-indigo-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(49 46 129 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-orange-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(124 45 18 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-red-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
package/app-dist/assets/index-Ch1Vufae.js ADDED
@@ -0,0 +1 @@
1
+ import{g as I}from"./router-DSqugVLU.js";function T(e,r){for(var n=0;n<r.length;n++){const t=r[n];if(typeof t!="string"&&!Array.isArray(t)){for(const l in t)if(l!=="default"&&!(l in e)){const f=Object.getOwnPropertyDescriptor(t,l);f&&Object.defineProperty(e,l,f.get?f:{enumerable:!0,get:()=>t[l]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var k=q;const Y={threshold:.1,includeAA:!1,alpha:.1,aaColor:[255,255,0],diffColor:[255,0,0],diffColorAlt:null,diffMask:!1};function q(e,r,n,t,l,f){if(!h(e)||!h(r)||n&&!h(n))throw new Error("Image data: Uint8Array, Uint8ClampedArray or Buffer expected.");if(e.length!==r.length||n&&n.length!==e.length)throw new Error("Image sizes do not match.");if(e.length!==t*l*4)throw new Error("Image data size does not match width/height.");f=Object.assign({},Y,f);const o=t*l,c=new Uint32Array(e.buffer,e.byteOffset,o),b=new Uint32Array(r.buffer,r.byteOffset,o);let s=!0;for(let a=0;a<o;a++)if(c[a]!==b[a]){s=!1;break}if(s){if(n&&!f.diffMask)for(let a=0;a<o;a++)U(e,4*a,f.alpha,n);return 0}const u=35215*f.threshold*f.threshold;let d=0;for(let a=0;a<l;a++)for(let i=0;i<t;i++){const y=(a*t+i)*4,M=B(e,r,y,y);Math.abs(M)>u?!f.includeAA&&(D(e,i,a,t,l,r)||D(r,i,a,t,l,e))?n&&!f.diffMask&&z(n,y,...f.aaColor):(n&&z(n,y,...M<0&&f.diffColorAlt||f.diffColor),d++):n&&(f.diffMask||U(e,y,f.alpha,n))}return d}function h(e){return ArrayBuffer.isView(e)&&e.constructor.BYTES_PER_ELEMENT===1}function D(e,r,n,t,l,f){const o=Math.max(r-1,0),c=Math.max(n-1,0),b=Math.min(r+1,t-1),s=Math.min(n+1,l-1),u=(n*t+r)*4;let d=r===o||r===b||n===c||n===s?1:0,a=0,i=0,y,M,E,O;for(let x=o;x<=b;x++)for(let C=c;C<=s;C++){if(x===r&&C===n)continue;const _=B(e,e,u,(C*t+x)*4,!0);if(_===0){if(d++,d>2)return!1}else _<a?(a=_,y=x,M=C):_>i&&(i=_,E=x,O=C)}return a===0||i===0?!1:P(e,y,M,t,l)&&P(f,y,M,t,l)||P(e,E,O,t,l)&&P(f,E,O,t,l)}function P(e,r,n,t,l){const f=Math.max(r-1,0),o=Math.max(n-1,0),c=Math.min(r+1,t-1),b=Math.min(n+1,l-1),s=(n*t+r)*4;let u=r===f||r===c||n===o||n===b?1:0;for(let d=f;d<=c;d++)for(let a=o;a<=b;a++){if(d===r&&a===n)continue;const i=(a*t+d)*4;if(e[s]===e[i]&&e[s+1]===e[i+1]&&e[s+2]===e[i+2]&&e[s+3]===e[i+3]&&u++,u>2)return!0}return!1}function B(e,r,n,t,l){let f=e[n+0],o=e[n+1],c=e[n+2],b=e[n+3],s=r[t+0],u=r[t+1],d=r[t+2],a=r[t+3];if(b===a&&f===s&&o===u&&c===d)return 0;b<255&&(b/=255,f=A(f,b),o=A(o,b),c=A(c,b)),a<255&&(a/=255,s=A(s,a),u=A(u,a),d=A(d,a));const i=j(f,o,c),y=j(s,u,d),M=i-y;if(l)return M;const E=v(f,o,c)-v(s,u,d),O=S(f,o,c)-S(s,u,d),x=.5053*M*M+.299*E*E+.1957*O*O;return i>y?-x:x}function j(e,r,n){return e*.29889531+r*.58662247+n*.11448223}function v(e,r,n){return e*.59597799-r*.2741761-n*.32180189}function S(e,r,n){return e*.21147017-r*.52261711+n*.31114694}function A(e,r){return 255+(e-255)*r}function z(e,r,n,t,l){e[r+0]=n,e[r+1]=t,e[r+2]=l,e[r+3]=255}function U(e,r,n,t){const l=e[r+0],f=e[r+1],o=e[r+2],c=A(j(l,f,o),n*e[r+3]/255);z(t,r,c,c,c)}const N=I(k),F=T({__proto__:null,default:N},[k]);export{F as i};
package/app-dist/assets/index-CpVBHCeV.css ADDED
@@ -0,0 +1 @@
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.left-2\.5{left:.625rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-1\/2{top:50%}.z-10{z-index:10}.z-20{z-index:20}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-0\.5{margin-left:.125rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0px}.w-16{width:4rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-lg{max-width:32rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .1s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-current{border-color:currentColor}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-indigo-400{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-teal-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-8{padding-left:2rem}.pr-14{padding-right:3.5rem}.pr-3{padding-right:.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-violet-700{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.mix-blend-difference{mix-blend-mode:difference}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);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)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--surface: #ffffff;--surface-raised: #f8fafc;--surface-overlay: #f1f5f9;--border: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--accent: #6366f1;--accent-hover: #4f46e5;--accent-fg: #ffffff;--sidebar-width: 240px;--props-height: 300px}.dark{--surface: #0f172a;--surface-raised: #1e293b;--surface-overlay: #334155;--border: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--accent: #818cf8;--accent-hover: #6366f1;--accent-fg: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;background:var(--surface);color:var(--text-primary);overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.resizer-handle{cursor:row-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resizer-handle:hover,.resizer-handle.active{background:var(--accent)!important}.peek-input{width:100%;padding:4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;transition:border-color .1s}.peek-input:focus{border-color:var(--accent)}.dark .peek-input{background:var(--surface-raised)}.peek-select{width:100%;padding:4px 28px 4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.peek-select:focus{border-color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast{animation:toast-in .15s ease-out}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}.hover\:bg-indigo-100:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-100:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-indigo-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:bg-amber-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(69 26 3 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.dark\:bg-green-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(5 46 22 / var(--tw-bg-opacity, 1))}.dark\:bg-indigo-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 27 75 / var(--tw-bg-opacity, 1))}.dark\:bg-indigo-950\/50:is(.dark *){background-color:#1e1b4b80}.dark\:bg-orange-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(67 20 7 / var(--tw-bg-opacity, 1))}.dark\:bg-pink-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(80 7 36 / var(--tw-bg-opacity, 1))}.dark\:bg-purple-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(59 7 100 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900\/30:is(.dark *){background-color:#7f1d1d4d}.dark\:bg-red-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(69 10 10 / var(--tw-bg-opacity, 1))}.dark\:bg-teal-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(4 47 46 / var(--tw-bg-opacity, 1))}.dark\:bg-violet-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(46 16 101 / var(--tw-bg-opacity, 1))}.dark\:text-amber-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-600:is(.dark *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-indigo-300:is(.dark *){--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.dark\:text-orange-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-pink-400:is(.dark *){--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.dark\:text-purple-300:is(.dark *){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-teal-400:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.dark\:text-violet-300:is(.dark *){--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800\/30:hover:is(.dark *){background-color:#1f29374d}.dark\:hover\:bg-gray-800\/50:hover:is(.dark *){background-color:#1f293780}.dark\:hover\:bg-indigo-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(49 46 129 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-orange-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(124 45 18 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-red-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
package/app-dist/assets/index-DRY37lHS.js ADDED
@@ -0,0 +1,14 @@
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-Ch1Vufae.js","assets/router-DSqugVLU.js"])))=>i.map(i=>d[i]);
2
+ var ge=Object.defineProperty;var ye=(t,r,s)=>r in t?ge(t,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[r]=s;var re=(t,r,s)=>ye(t,typeof r!="symbol"?r+"":r,s);import{r as n,a as ve,u as be,b as ke,R as ce,H as je}from"./router-DSqugVLU.js";(function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))a(l);new MutationObserver(l=>{for(const i of l)if(i.type==="childList")for(const u of i.addedNodes)u.tagName==="LINK"&&u.rel==="modulepreload"&&a(u)}).observe(document,{childList:!0,subtree:!0});function s(l){const i={};return l.integrity&&(i.integrity=l.integrity),l.referrerPolicy&&(i.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?i.credentials="include":l.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function a(l){if(l.ep)return;l.ep=!0;const i=s(l);fetch(l.href,i)}})();var de={exports:{}},q={};/**
3
+ * @license React
4
+ * react-jsx-runtime.production.min.js
5
+ *
6
+ * Copyright (c) Facebook, Inc. and its affiliates.
7
+ *
8
+ * This source code is licensed under the MIT license found in the
9
+ * LICENSE file in the root directory of this source tree.
10
+ */var we=n,Ne=Symbol.for("react.element"),Ce=Symbol.for("react.fragment"),Ee=Object.prototype.hasOwnProperty,Se=we.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Re={key:!0,ref:!0,__self:!0,__source:!0};function ue(t,r,s){var a,l={},i=null,u=null;s!==void 0&&(i=""+s),r.key!==void 0&&(i=""+r.key),r.ref!==void 0&&(u=r.ref);for(a in r)Ee.call(r,a)&&!Re.hasOwnProperty(a)&&(l[a]=r[a]);if(t&&t.defaultProps)for(a in r=t.defaultProps,r)l[a]===void 0&&(l[a]=r[a]);return{$$typeof:Ne,type:t,key:i,ref:u,props:l,_owner:Se.current}}q.Fragment=Ce;q.jsx=ue;q.jsxs=ue;de.exports=q;var e=de.exports,xe,se=ve;xe=se.createRoot,se.hydrateRoot;const ae=new Map;let W=null;async function Pe(){return W||(W=fetch("/__peek/components").then(t=>{if(!t.ok)throw new Error(`Failed to fetch components: ${t.status}`);return t.json()}).catch(t=>{throw W=null,t}),W)}function _e(){W=null}async function Le(t,r){const s=`${t}::${r}`,a=ae.get(s);if(a)return a.promise;const l=fetch(`/__peek/types?file=${encodeURIComponent(t)}&export=${encodeURIComponent(r)}`).then(i=>{if(!i.ok)throw new Error(`Failed to fetch types: ${i.status}`);return i.json()}).catch(()=>[]);return ae.set(s,{promise:l,ts:Date.now()}),l}let V=null;async function De(){return V||(V=fetch("/__peek/root-layout").then(t=>t.ok?t.json():null).catch(()=>null),V)}function Te(){const[t,r]=n.useState([]),[s,a]=n.useState(!0),[l,i]=n.useState(null),u=n.useCallback(async(x=!1)=>{x&&_e(),a(!0),i(null);try{const d=await Pe();r(d)}catch(d){i(d.message??"Failed to load components")}finally{a(!1)}},[]);return n.useEffect(()=>{u()},[u]),{components:t,loading:s,error:l,refresh:()=>u(!0)}}function Fe(t,r){const[s,a]=n.useState([]),[l,i]=n.useState(!1),[u,x]=n.useState(null),d=n.useRef(0);return n.useEffect(()=>{if(!t||!r){a([]),i(!1),x(null);return}const o=++d.current;i(!0),x(null),Le(t,r).then(f=>{d.current===o&&(a(f),x(null))}).catch(f=>{d.current===o&&(x(f.message??"Failed to parse prop types"),a([]))}).finally(()=>{d.current===o&&i(!1)})},[t,r]),{props:s,loading:l,error:u}}function Me(t){const r=new Map;for(const s of t){const a=s.folder||".",l=r.get(a)??[];l.push(s),r.set(a,l)}return r}function fe(t,r,s,a=!1){const l=new URLSearchParams({file:t,export:r,theme:s});return a&&l.set("fullContext","true"),`/__peek/frame?${l.toString()}`}function ne(t,r){const s={};for(const a of t)if(r.has(a.name)){const l=r.get(a.name);s[a.name]=he(l,a.type)}else a.defaultValue!==void 0?s[a.name]=a.defaultValue:s[a.name]=Ue(a.type,a.options);return s}function Ue(t,r){switch(t){case"boolean":return!1;case"number":return 0;case"string":return"";case"select":return(r==null?void 0:r[0])??"";case"node":return"";case"color":return"#6366f1";case"function":return;default:return}}function he(t,r){switch(r){case"boolean":return t==="true";case"number":return isNaN(Number(t))?0:Number(t);default:return t}}function N(...t){return t.filter(Boolean).join(" ")}function Ie(){const t=be(),r=ke(),s=n.useCallback(()=>{const i=r.pathname==="/"||r.pathname===""?null:r.pathname.slice(1),u=new URLSearchParams(r.search),x=u.get("export")??"default",d={};return u.forEach((o,f)=>{f!=="export"&&(d[f]=o)}),{filePath:i,exportName:x,props:d}},[r]),a=n.useCallback((i,u,x,d)=>{const o=new URLSearchParams;o.set("export",u);for(const[f,c]of Object.entries(x))c!=null&&typeof c!="function"&&o.set(f,String(c));t(`/${i}?${o.toString()}`,{replace:!0})},[t]),l=n.useCallback((i,u)=>{const x={};for(const d of u)i.has(d.name)&&(x[d.name]=he(i.get(d.name),d.type));return x},[]);return{parseUrl:s,updateUrl:a,hydrateProps:l}}function Oe({searchQuery:t,onSearch:r,theme:s,onToggleTheme:a,shareUrl:l}){const[i,u]=n.useState(!1),x=n.useRef(null);n.useEffect(()=>{const f=c=>{var m,g,y;(c.metaKey||c.ctrlKey)&&c.key==="k"&&(c.preventDefault(),(m=x.current)==null||m.focus(),(g=x.current)==null||g.select()),c.key==="Escape"&&document.activeElement===x.current&&(r(""),(y=x.current)==null||y.blur())};return document.addEventListener("keydown",f),()=>document.removeEventListener("keydown",f)},[r]);const d=n.useCallback(async()=>{const f=l??window.location.href;try{await navigator.clipboard.writeText(f),u(!0),setTimeout(()=>u(!1),2e3)}catch{const c=document.createElement("textarea");c.value=f,document.body.appendChild(c),c.select(),document.execCommand("copy"),document.body.removeChild(c),u(!0),setTimeout(()=>u(!1),2e3)}},[l]),o=typeof navigator<"u"&&/Mac|iPhone|iPad/.test(navigator.platform);return e.jsxs("header",{className:"flex items-center gap-3 px-4 h-11 border-b shrink-0",style:{borderColor:"var(--border)",background:"var(--surface)"},children:[e.jsxs("div",{className:"flex items-center gap-2 shrink-0 select-none",children:[e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 32 32",fill:"none","aria-hidden":!0,children:[e.jsx("rect",{width:"32",height:"32",rx:"6",fill:"#6366f1"}),e.jsx("circle",{cx:"16",cy:"16",r:"4",fill:"white"}),e.jsx("path",{d:"M8 16c0-4.418 3.582-8 8-8s8 3.582 8 8",stroke:"white",strokeWidth:"2",strokeLinecap:"round",fill:"none"})]}),e.jsx("span",{className:"font-semibold text-sm",style:{color:"var(--text-primary)"},children:"peekr"})]}),e.jsxs("div",{className:"flex-1 max-w-xs relative",children:[e.jsxs("svg",{className:"absolute left-2.5 top-1/2 -translate-y-1/2 pointer-events-none",width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{color:"var(--text-tertiary)"},"aria-hidden":!0,children:[e.jsx("circle",{cx:"11",cy:"11",r:"8"}),e.jsx("path",{d:"m21 21-4.35-4.35"})]}),e.jsx("input",{ref:x,type:"text",placeholder:"Search components...",value:t,onChange:f=>r(f.target.value),className:"peek-input pl-8 pr-14 h-7 text-xs",style:{maxWidth:"100%"},"aria-label":"Search components"}),!t&&e.jsx("kbd",{className:"absolute right-2 top-1/2 -translate-y-1/2 text-[10px] px-1 py-0.5 rounded pointer-events-none select-none",style:{background:"var(--surface-overlay)",color:"var(--text-tertiary)",border:"1px solid var(--border)",lineHeight:1},"aria-hidden":!0,children:o?"⌘K":"Ctrl+K"}),t&&e.jsx("button",{onClick:()=>r(""),className:"absolute right-2 top-1/2 -translate-y-1/2 text-xs",style:{color:"var(--text-tertiary)"},"aria-label":"Clear search",children:"✕"})]}),e.jsx("div",{className:"flex-1"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("button",{onClick:a,title:s==="dark"?"Switch to light mode":"Switch to dark mode",className:N("w-7 h-7 rounded-md flex items-center justify-center transition-colors text-base","hover:bg-gray-100 dark:hover:bg-gray-800"),"aria-label":"Toggle theme",children:s==="dark"?"☀️":"🌙"}),e.jsx("button",{onClick:d,title:"Copy shareable URL",className:N("flex items-center gap-1.5 px-2.5 h-7 rounded-md text-xs font-medium transition-colors",i?"bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-300":"bg-indigo-50 text-indigo-700 hover:bg-indigo-100 dark:bg-indigo-950 dark:text-indigo-300 dark:hover:bg-indigo-900"),"aria-label":"Copy shareable URL",children:i?e.jsxs(e.Fragment,{children:[e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:e.jsx("path",{d:"M20 6 9 17l-5-5"})}),"Copied!"]}):e.jsxs(e.Fragment,{children:[e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[e.jsx("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),e.jsx("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"})]}),"Share"]})})]})]})}function ee(t,r){if(!r)return!0;const s=t.toLowerCase(),a=r.toLowerCase();let l=0;for(let i=0;i<s.length&&l<a.length;i++)s[i]===a[l]&&l++;return l===a.length}function We({components:t,selectedId:r,searchQuery:s,onSelect:a,collapsed:l,onToggleCollapse:i}){const[u,x]=n.useState(new Set(["all"])),d=n.useMemo(()=>{const c=s.trim();return c?t.filter(m=>ee(m.name,c)||ee(m.filePath,c)||ee(m.folder,c)):t},[t,s]),o=n.useMemo(()=>Me(d),[d]),f=c=>{x(m=>{const g=new Set(m);return g.has(c)?g.delete(c):g.add(c),g})};return n.useMemo(()=>{x(c=>{const m=new Set(c);for(const[g,y]of o)(y.some(w=>w.id===r)||s)&&m.add(g);return m})},[r,s,o]),l?e.jsx("div",{className:"flex flex-col items-center py-2 border-r shrink-0",style:{width:40,borderColor:"var(--border)",background:"var(--surface)"},children:e.jsx("button",{onClick:i,title:"Expand sidebar",className:"w-7 h-7 rounded-md flex items-center justify-center hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors mt-1","aria-label":"Expand sidebar",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:e.jsx("path",{d:"m9 18 6-6-6-6"})})})}):e.jsxs("aside",{className:"flex flex-col border-r shrink-0 overflow-hidden",style:{width:"var(--sidebar-width)",borderColor:"var(--border)",background:"var(--surface)"},children:[e.jsxs("div",{className:"flex items-center justify-between px-3 h-9 border-b shrink-0",style:{borderColor:"var(--border)"},children:[e.jsxs("span",{className:"text-xs font-medium uppercase tracking-wider",style:{color:"var(--text-tertiary)"},children:["Components (",d.length,")"]}),e.jsx("button",{onClick:i,title:"Collapse sidebar",className:"w-5 h-5 rounded flex items-center justify-center hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors","aria-label":"Collapse sidebar",children:e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:e.jsx("path",{d:"m15 18-6-6 6-6"})})})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto py-1",children:[d.length===0&&e.jsxs("div",{className:"px-3 py-4 text-center",children:[e.jsx("p",{className:"text-xs",style:{color:"var(--text-tertiary)"},children:s?"No components match your search.":"No components detected."}),!s&&e.jsx("p",{className:"text-xs mt-1",style:{color:"var(--text-tertiary)"},children:"Make sure your .tsx/.jsx files export React components."})]}),Array.from(o.entries()).map(([c,m])=>e.jsx($e,{folder:c,components:m,selectedId:r,isExpanded:u.has(c),onToggle:()=>f(c),onSelect:a},c))]})]})}function $e({folder:t,components:r,selectedId:s,isExpanded:a,onToggle:l,onSelect:i}){const u=t==="."?"(root)":t;return e.jsxs("div",{children:[e.jsxs("button",{onClick:l,className:"w-full flex items-center gap-1.5 px-3 py-1 text-left hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors group",children:[e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",className:N("transition-transform shrink-0",a?"rotate-90":""),style:{color:"var(--text-tertiary)"},"aria-hidden":!0,children:e.jsx("path",{d:"m9 18 6-6-6-6"})}),e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",className:"shrink-0",style:{color:"var(--text-tertiary)"},"aria-hidden":!0,children:e.jsx("path",{d:"M20 7H4C2.9 7 2 7.9 2 9v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zM4 5h7l2 2h7c1.1 0 2 .9 2 2H4V5z"})}),e.jsx("span",{className:"text-xs truncate",style:{color:"var(--text-secondary)"},title:u,children:u}),e.jsx("span",{className:"ml-auto text-xs shrink-0",style:{color:"var(--text-tertiary)"},children:r.length})]}),a&&e.jsx("div",{children:r.map(x=>e.jsx(Ae,{component:x,isSelected:x.id===s,onSelect:()=>i(x)},x.id))})]})}function Ae({component:t,isSelected:r,onSelect:s}){return e.jsxs("button",{onClick:s,className:N("w-full flex items-center gap-2 pl-8 pr-3 py-1.5 text-left transition-colors text-xs group",r?"bg-indigo-50 dark:bg-indigo-950/50":"hover:bg-gray-50 dark:hover:bg-gray-800/50"),title:t.filePath,"aria-current":r?"page":void 0,children:[e.jsx("span",{className:N("w-4 h-4 rounded flex items-center justify-center shrink-0 text-[9px] font-bold",r?"bg-indigo-500 text-white":"bg-gray-200 dark:bg-gray-700 text-gray-500 dark:text-gray-400"),"aria-hidden":!0,children:t.name[0]}),e.jsx("span",{className:N("truncate flex-1",r?"text-indigo-700 dark:text-indigo-300 font-medium":"text-gray-700 dark:text-gray-300"),children:t.name}),!t.isDefault&&e.jsx("span",{className:"text-[10px] shrink-0 px-1 rounded",style:{background:"var(--surface-overlay)",color:"var(--text-tertiary)"},title:`Named export: ${t.exportName}`,children:t.exportName})]})}const te={mobile:375,tablet:768,desktop:1280,custom:0},Be=[{key:"mobile",icon:"📱",label:"Mobile (375px)"},{key:"tablet",icon:"💻",label:"Tablet (768px)"},{key:"desktop",icon:"🖥",label:"Desktop (1280px)"}];function ze({viewport:t,customWidth:r,onViewportChange:s,theme:a,onThemeChange:l,isDiffMode:i,onToggleDiff:u,selectedComponent:x,hasRootLayout:d,fullContextMode:o,onToggleFullContext:f}){const[c,m]=n.useState(!1),[g,y]=n.useState(""),w=t==="custom"?r:te[t];return e.jsxs("div",{className:"flex items-center gap-2 px-3 h-10 border-b shrink-0 flex-wrap",style:{borderColor:"var(--border)",background:"var(--surface-raised)"},children:[e.jsx("div",{className:"flex items-center gap-0.5 bg-gray-100 dark:bg-gray-800 rounded-md p-0.5",children:Be.map(({key:p,icon:b,label:E})=>e.jsx("button",{onClick:()=>s(p),title:E,className:N("px-2 h-6 rounded text-xs transition-colors flex items-center gap-1",t===p?"bg-white dark:bg-gray-700 shadow-sm text-indigo-600 dark:text-indigo-400 font-medium":"text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"),children:e.jsx("span",{className:"text-sm leading-none",children:b})},p))}),e.jsx("div",{className:"flex items-center gap-1 px-2 h-6 rounded-md cursor-pointer select-none",style:{background:"var(--surface-overlay)",color:"var(--text-secondary)",fontSize:11,minWidth:64},title:"Click to set custom width",onClick:()=>{m(!0),y(String(w))},children:c?e.jsx("input",{autoFocus:!0,type:"number",value:g,onChange:p=>y(p.target.value),onBlur:()=>{const p=parseInt(g,10);!isNaN(p)&&p>0&&s("custom",p),m(!1)},onKeyDown:p=>{if(p.key==="Enter"){const b=parseInt(g,10);!isNaN(b)&&b>0&&s("custom",b),m(!1)}p.key==="Escape"&&m(!1)},className:"w-16 bg-transparent border-none outline-none text-xs",style:{color:"var(--text-primary)"},onClick:p=>p.stopPropagation()}):e.jsxs("span",{className:"font-mono",children:[w,"px"]})}),e.jsx("div",{className:"w-px h-4 bg-gray-200 dark:bg-gray-700"}),e.jsx("div",{className:"flex items-center gap-0.5 bg-gray-100 dark:bg-gray-800 rounded-md p-0.5",children:["light","dark"].map(p=>e.jsx("button",{onClick:()=>l(p),className:N("px-2.5 h-6 rounded text-xs capitalize transition-colors",a===p?"bg-white dark:bg-gray-700 shadow-sm font-medium text-indigo-600 dark:text-indigo-400":"text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"),children:p},p))}),e.jsx("div",{className:"flex-1"}),e.jsxs("button",{onClick:d?f:void 0,disabled:!d,className:N("flex items-center gap-1.5 px-2.5 h-6 rounded-md text-xs font-medium transition-colors",d?o?"bg-violet-100 text-violet-700 dark:bg-violet-950 dark:text-violet-300":"text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300":"opacity-40 cursor-not-allowed text-gray-400 dark:text-gray-600"),title:d?o?"Full App Context — click to switch to Isolated Mode":"Isolated Mode — click to enable Full App Context (wraps in your root layout/providers)":"No root layout detected (app/layout.tsx, pages/_app.tsx, or src/App.tsx)",children:[e.jsx("span",{className:"text-sm leading-none","aria-hidden":!0,children:d?o?"🟣":"🟢":"○"}),o?"Full Context":"Isolated"]}),e.jsx("div",{className:"w-px h-4 bg-gray-200 dark:bg-gray-700"}),x&&e.jsxs("button",{onClick:u,className:N("flex items-center gap-1.5 px-2.5 h-6 rounded-md text-xs font-medium transition-colors",i?"bg-purple-100 text-purple-700 dark:bg-purple-950 dark:text-purple-300":"text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300"),title:i?"Exit compare mode":"Compare two variants",children:[e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[e.jsx("rect",{x:"3",y:"3",width:"7",height:"18",rx:"1"}),e.jsx("rect",{x:"14",y:"3",width:"7",height:"18",rx:"1"})]}),i?"Exit Compare":"Compare"]})]})}function He({filePath:t,exportName:r,props:s,theme:a,viewport:l,customWidth:i,fullContextMode:u}){const x=n.useRef(null),[d,o]=n.useState("idle"),[f,c]=n.useState(null),[m,g]=n.useState(null),y=n.useRef(null),w=l==="custom"?i:te[l],p=t&&r?fe(t,r,a,u):null;n.useEffect(()=>{const D=T=>{if(x.current&&T.source!==x.current.contentWindow)return;const k=T.data;k.type==="FRAME_READY"&&(o("loading"),g(null),b({type:"UPDATE_PROPS",props:s}),b({type:"SET_THEME",theme:a})),k.type==="RENDER_SUCCESS"&&(o("ready"),c(null)),k.type==="RENDER_ERROR"&&(o("error"),c({message:k.message,stack:k.stack})),k.type==="FULLCONTEXT_FALLBACK"&&g(k.reason),k.type==="FULLCONTEXT_READY"&&g(null)};return window.addEventListener("message",D),()=>window.removeEventListener("message",D)},[s,a]);const b=n.useCallback(D=>{var T,k;(k=(T=x.current)==null?void 0:T.contentWindow)==null||k.postMessage(D,"*")},[]),E=n.useRef(s),S=n.useRef(a);return n.useEffect(()=>{d!=="ready"&&d!=="loading"||E.current!==s&&(E.current=s,b({type:"UPDATE_PROPS",props:s}))},[s,d,b]),n.useEffect(()=>{d!=="ready"&&d!=="loading"||S.current!==a&&(S.current=a,b({type:"SET_THEME",theme:a}))},[a,d,b]),n.useEffect(()=>{p!==y.current&&(y.current=p,o(p?"loading":"idle"),c(null),g(null))},[p]),p?e.jsxs("div",{className:"flex-1 relative overflow-hidden flex items-start justify-center p-6",style:{background:"var(--surface-raised)"},children:[d==="loading"&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center z-10 pointer-events-none",children:e.jsx("div",{className:"w-5 h-5 border-2 border-indigo-400 border-t-transparent rounded-full animate-spin opacity-70"})}),d==="error"&&f&&e.jsx("div",{className:"absolute inset-0 flex items-start justify-center pt-8 z-20 px-6 pointer-events-none",children:e.jsxs("div",{className:"w-full max-w-lg rounded-xl border p-5 shadow-lg pointer-events-auto",style:{background:"var(--surface)",borderColor:"#fca5a5"},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx("span",{className:"text-red-500 text-lg",children:"⚠"}),e.jsx("span",{className:"text-sm font-semibold text-red-600 dark:text-red-400",children:"Component Error"})]}),e.jsx("pre",{className:"text-xs overflow-auto whitespace-pre-wrap break-words rounded p-3",style:{background:"#fef2f2",color:"#dc2626",maxHeight:200,fontFamily:"ui-monospace, monospace"},children:f.message}),f.stack&&e.jsxs("details",{className:"mt-2",children:[e.jsx("summary",{className:"text-xs cursor-pointer",style:{color:"var(--text-tertiary)"},children:"Stack trace"}),e.jsx("pre",{className:"text-xs mt-1 overflow-auto rounded p-2",style:{background:"var(--surface-raised)",color:"var(--text-secondary)",maxHeight:150,fontFamily:"ui-monospace, monospace"},children:f.stack})]})]})}),e.jsxs("div",{className:N("relative transition-all duration-200 shadow-md rounded-lg overflow-hidden",d==="loading"?"opacity-50":"opacity-100"),style:{width:w,maxWidth:"100%",minHeight:200,background:a==="dark"?"#0f172a":"#fff",border:"1px solid var(--border)"},children:[u&&m&&e.jsxs("div",{className:"absolute top-0 left-0 right-0 px-3 py-1 text-[10px] z-10 flex items-center gap-1.5",style:{background:"#fef9c3",color:"#92400e",borderBottom:"1px solid #fde68a"},title:`Full App Context failed to load: ${m}`,children:[e.jsx("span",{children:"⚠"}),e.jsx("span",{className:"font-medium",children:"Isolated fallback"}),e.jsx("span",{className:"opacity-70 truncate",children:m})]}),e.jsxs("div",{className:"absolute top-0 right-0 px-2 py-0.5 text-[10px] rounded-bl-md z-10 font-mono select-none",style:{background:"var(--surface-overlay)",color:"var(--text-tertiary)"},children:[w,"px"]}),e.jsx("iframe",{ref:x,src:p,title:"Component preview",className:"w-full border-none",style:{height:Math.max(300,600),display:"block",colorScheme:a},sandbox:"allow-scripts allow-same-origin allow-popups allow-forms"})]})]}):e.jsx("div",{className:"flex-1 flex items-center justify-center animate-fade-in",children:e.jsxs("div",{className:"text-center",children:[e.jsx("div",{className:"text-5xl mb-4 opacity-30 select-none",children:"⚡"}),e.jsx("p",{className:"text-sm font-medium",style:{color:"var(--text-secondary)"},children:"Select a component from the sidebar"}),e.jsx("p",{className:"text-xs mt-1",style:{color:"var(--text-tertiary)"},children:"peekr auto-detects your React components"})]})})}function me({props:t,values:r,onChange:s,loading:a,componentName:l}){return l?a?e.jsxs("div",{className:"flex items-center justify-center h-full gap-2",children:[e.jsx("div",{className:"w-4 h-4 border border-indigo-400 border-t-transparent rounded-full animate-spin"}),e.jsx("span",{className:"text-xs",style:{color:"var(--text-tertiary)"},children:"Parsing props..."})]}):t.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-3 px-5 text-center",children:[e.jsx("div",{className:"w-8 h-8 rounded-full flex items-center justify-center",style:{background:"var(--surface-overlay)"},children:e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",style:{color:"var(--text-tertiary)"},"aria-hidden":!0,children:[e.jsx("path",{d:"M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"}),e.jsx("polyline",{points:"14 2 14 8 20 8"}),e.jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),e.jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),e.jsx("line",{x1:"10",y1:"9",x2:"8",y2:"9"})]})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-medium mb-1",style:{color:"var(--text-secondary)"},children:"No TypeScript props detected"}),e.jsx("p",{className:"text-xs leading-relaxed",style:{color:"var(--text-tertiary)"},children:"Add a typed props interface to unlock auto-generated controls."})]}),e.jsx("pre",{className:"text-left text-[10px] leading-relaxed px-3 py-2 rounded-md w-full max-w-[220px]",style:{background:"var(--surface-overlay)",color:"var(--text-secondary)",fontFamily:"ui-monospace, monospace"},children:`interface ${l}Props {
11
+ label: string
12
+ disabled?: boolean
13
+ variant?: 'primary' | 'ghost'
14
+ }`})]}):e.jsx("div",{className:"overflow-y-auto h-full",children:e.jsxs("table",{className:"w-full border-collapse",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",style:{borderColor:"var(--border)"},children:[e.jsx("th",{className:"text-left px-3 py-2 text-xs font-medium uppercase tracking-wide",style:{color:"var(--text-tertiary)",width:"35%"},children:"Prop"}),e.jsx("th",{className:"text-left px-3 py-2 text-xs font-medium uppercase tracking-wide",style:{color:"var(--text-tertiary)"},children:"Control"})]})}),e.jsx("tbody",{children:t.map(i=>e.jsx(Ve,{prop:i,value:r[i.name],onChange:u=>s(i.name,u)},i.name))})]})}):e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx("p",{className:"text-xs",style:{color:"var(--text-tertiary)"},children:"Select a component to see its props"})})}function Ve({prop:t,value:r,onChange:s}){return e.jsxs("tr",{className:"border-b hover:bg-gray-50/50 dark:hover:bg-gray-800/30 transition-colors group",style:{borderColor:"var(--border)"},children:[e.jsxs("td",{className:"px-3 py-2 align-middle",style:{width:"35%"},children:[e.jsx("div",{className:"flex items-center gap-1.5",children:e.jsxs("span",{className:"text-xs font-medium font-mono truncate",style:{color:"var(--text-primary)"},title:t.description??t.name,children:[t.name,t.required&&e.jsx("span",{className:"text-red-400 ml-0.5",title:"Required",children:"*"})]})}),e.jsx("div",{className:"flex items-center gap-1 mt-0.5",children:e.jsx(qe,{type:t.type})}),t.description&&e.jsx("p",{className:"text-[10px] mt-0.5 leading-relaxed",style:{color:"var(--text-tertiary)"},children:t.description})]}),e.jsx("td",{className:"px-3 py-2 align-middle",children:e.jsx(Ye,{prop:t,value:r,onChange:s})})]})}function qe({type:t}){const r={string:"bg-blue-50 text-blue-600 dark:bg-blue-950 dark:text-blue-400",number:"bg-amber-50 text-amber-600 dark:bg-amber-950 dark:text-amber-400",boolean:"bg-green-50 text-green-600 dark:bg-green-950 dark:text-green-400",select:"bg-purple-50 text-purple-600 dark:bg-purple-950 dark:text-purple-400",function:"bg-orange-50 text-orange-600 dark:bg-orange-950 dark:text-orange-400",node:"bg-pink-50 text-pink-600 dark:bg-pink-950 dark:text-pink-400",color:"bg-teal-50 text-teal-600 dark:bg-teal-950 dark:text-teal-400",unknown:"bg-gray-100 text-gray-500 dark:bg-gray-800 dark:text-gray-400"};return e.jsx("span",{className:N("px-1.5 py-0.5 rounded text-[10px] font-mono",r[t]??r.unknown),children:t})}function Ye({prop:t,value:r,onChange:s}){switch(t.type){case"boolean":return e.jsx(Xe,{value:r,onChange:s});case"number":return e.jsx(Ke,{value:r,onChange:s});case"select":return e.jsx(Ge,{options:t.options??[],value:r,onChange:s});case"function":return e.jsx(Je,{name:t.name,onChange:s});case"node":return e.jsx(Ze,{value:r,onChange:s});case"color":return e.jsx(Qe,{value:r,onChange:s});case"string":default:return e.jsx(pe,{value:r,onChange:s})}}function pe({value:t,onChange:r}){return e.jsx("input",{type:"text",className:"peek-input",value:t??"",onChange:s=>r(s.target.value),placeholder:"string value"})}function Ke({value:t,onChange:r}){return e.jsx("input",{type:"number",className:"peek-input w-24",value:t??0,onChange:s=>r(parseFloat(s.target.value)||0)})}function Xe({value:t,onChange:r}){const s=!!t;return e.jsx("button",{onClick:()=>r(!s),className:N("relative inline-flex items-center w-9 h-5 rounded-full transition-colors focus:outline-none","focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-1",s?"bg-indigo-500":"bg-gray-300 dark:bg-gray-600"),role:"switch","aria-checked":s,children:e.jsx("span",{className:N("inline-block w-3.5 h-3.5 rounded-full bg-white shadow-sm transform transition-transform",s?"translate-x-4":"translate-x-0.5")})})}function Ge({options:t,value:r,onChange:s}){return t.length===0?e.jsx(pe,{value:r,onChange:s}):e.jsx("select",{className:"peek-select",value:r??t[0]??"",onChange:a=>s(a.target.value),children:t.map(a=>e.jsx("option",{value:a,children:a},a))})}function Je({name:t,onChange:r}){const s=n.useRef(0);return e.jsxs("button",{onClick:()=>{s.current++,console.log(`[peekr] Fired: ${t}() (call #${s.current})`),r(()=>{console.log(`[peekr] ${t}() fired`)})},className:"flex items-center gap-1.5 px-2.5 h-6 rounded-md text-xs font-medium transition-colors bg-orange-50 text-orange-700 hover:bg-orange-100 dark:bg-orange-950 dark:text-orange-300 dark:hover:bg-orange-900",children:[e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:e.jsx("path",{d:"M8 5v14l11-7z"})}),"Fire Event"]})}function Ze({value:t,onChange:r}){return e.jsx("textarea",{className:"peek-input resize-none",rows:2,value:t??"",onChange:s=>r(s.target.value),placeholder:"React node content (text or HTML)",style:{fontFamily:"ui-monospace, monospace",fontSize:11}})}function Qe({value:t,onChange:r}){return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("input",{type:"color",className:"w-7 h-7 rounded cursor-pointer border border-gray-200 dark:border-gray-700 p-0.5 bg-transparent",value:t??"#6366f1",onChange:s=>r(s.target.value)}),e.jsx("input",{type:"text",className:"peek-input w-24 font-mono text-xs",value:t??"#6366f1",onChange:s=>r(s.target.value),placeholder:"#000000"})]})}const et="modulepreload",tt=function(t){return"/__peek/app/"+t},oe={},le=function(r,s,a){let l=Promise.resolve();if(s&&s.length>0){document.getElementsByTagName("link");const u=document.querySelector("meta[property=csp-nonce]"),x=(u==null?void 0:u.nonce)||(u==null?void 0:u.getAttribute("nonce"));l=Promise.allSettled(s.map(d=>{if(d=tt(d),d in oe)return;oe[d]=!0;const o=d.endsWith(".css"),f=o?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${f}`))return;const c=document.createElement("link");if(c.rel=o?"stylesheet":et,o||(c.as="script"),c.crossOrigin="",c.href=d,x&&c.setAttribute("nonce",x),document.head.appendChild(c),o)return new Promise((m,g)=>{c.addEventListener("load",m),c.addEventListener("error",()=>g(new Error(`Unable to preload CSS for ${d}`)))})}))}function i(u){const x=new Event("vite:preloadError",{cancelable:!0});if(x.payload=u,window.dispatchEvent(x),!x.defaultPrevented)throw u}return l.then(u=>{for(const x of u||[])x.status==="rejected"&&i(x.reason);return r().catch(i)})};function rt({filePath:t,exportName:r,propDefs:s,propsLoading:a,defaultProps:l,theme:i,viewport:u,customWidth:x}){const[d,o]=n.useState(l),[f,c]=n.useState(l),[m,g]=n.useState(!1),[y,w]=n.useState(!1),[p,b]=n.useState(null),E=n.useRef(null),S=n.useRef(null),D=n.useRef("loading"),T=n.useRef("loading"),k=u==="custom"?x:te[u],z=fe(t,r,i),R=n.useCallback((C,P)=>{var j,L;(L=(j=C.current)==null?void 0:j.contentWindow)==null||L.postMessage(P,"*")},[]);n.useEffect(()=>{const C=P=>{var L,_;const j=P.data;j!=null&&j.type&&(P.source===((L=E.current)==null?void 0:L.contentWindow)&&(j.type==="FRAME_READY"&&(R(E,{type:"UPDATE_PROPS",props:d}),R(E,{type:"SET_THEME",theme:i})),j.type==="RENDER_SUCCESS"&&(D.current="ready")),P.source===((_=S.current)==null?void 0:_.contentWindow)&&(j.type==="FRAME_READY"&&(R(S,{type:"UPDATE_PROPS",props:f}),R(S,{type:"SET_THEME",theme:i})),j.type==="RENDER_SUCCESS"&&(T.current="ready")))};return window.addEventListener("message",C),()=>window.removeEventListener("message",C)},[d,f,i,R]),n.useEffect(()=>{R(E,{type:"UPDATE_PROPS",props:d})},[d,R]),n.useEffect(()=>{R(S,{type:"UPDATE_PROPS",props:f})},[f,R]),n.useEffect(()=>{o(l),c(l)},[l]);const Y=n.useCallback(async()=>{var C,P,j,L;w(!0),b(null);try{const _=(await le(async()=>{const{default:B}=await import("./html2canvas.esm-CBrSDip1.js");return{default:B}},[])).default,K=(await le(async()=>{const{default:B}=await import("./index-Ch1Vufae.js").then(Q=>Q.i);return{default:B}},__vite__mapDeps([0,1]))).default,$=(P=(C=E.current)==null?void 0:C.contentDocument)==null?void 0:P.body,H=(L=(j=S.current)==null?void 0:j.contentDocument)==null?void 0:L.body;if(!$||!H){w(!1);return}const[F,I]=await Promise.all([_($,{logging:!1,useCORS:!0}),_(H,{logging:!1,useCORS:!0})]),O=Math.max(F.width,I.width),A=Math.max(F.height,I.height),X=F.getContext("2d"),G=I.getContext("2d"),J=X.getImageData(0,0,F.width,F.height),h=G.getImageData(0,0,I.width,I.height),v=document.createElement("canvas");v.width=O,v.height=A;const M=v.getContext("2d"),U=M.createImageData(O,A),Z=K(J.data,h.data,U.data,O,A,{threshold:.1});M.putImageData(U,0,0),b(v.toDataURL())}catch(_){console.error("[peekr] Diff computation failed:",_)}finally{w(!1)}},[]);return e.jsxs("div",{className:"flex-1 flex flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-center gap-3 px-4 h-10 border-b shrink-0",style:{borderColor:"var(--border)",background:"var(--surface-raised)"},children:[e.jsxs("span",{className:"text-xs font-medium",style:{color:"var(--text-secondary)"},children:["Comparing: ",e.jsx("span",{style:{color:"var(--accent)"},children:r==="default"?t.split("/").pop():r})]}),e.jsx("div",{className:"flex-1"}),e.jsxs("button",{onClick:()=>{g(!m),m||Y()},disabled:y,className:N("flex items-center gap-1.5 px-3 h-7 rounded-md text-xs font-medium transition-colors",m&&p?"bg-purple-100 text-purple-700 dark:bg-purple-950 dark:text-purple-300":"bg-gray-100 text-gray-600 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"),children:[y?e.jsx("span",{className:"w-3 h-3 border border-current border-t-transparent rounded-full animate-spin"}):e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[e.jsx("circle",{cx:"12",cy:"12",r:"3"}),e.jsx("path",{d:"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"})]}),m&&p?"Hide Diff":"Show Visual Diff"]})]}),e.jsxs("div",{className:"flex-1 flex overflow-hidden",children:[e.jsx(ie,{label:"Variant A",iframeRef:E,frameUrl:z,props:d,propDefs:s,propsLoading:a,onPropsChange:o,viewportWidth:k,theme:i,diffOverlay:m&&p?p:null}),e.jsx("div",{className:"w-px shrink-0",style:{background:"var(--border)"}}),e.jsx(ie,{label:"Variant B",iframeRef:S,frameUrl:`${z}&_r=1`,props:f,propDefs:s,propsLoading:a,onPropsChange:c,viewportWidth:k,theme:i,diffOverlay:null})]})]})}function ie({label:t,iframeRef:r,frameUrl:s,props:a,propDefs:l,propsLoading:i,onPropsChange:u,viewportWidth:x,theme:d,diffOverlay:o}){return e.jsxs("div",{className:"flex-1 flex flex-col min-w-0 overflow-hidden",children:[e.jsx("div",{className:"px-3 h-8 flex items-center border-b shrink-0",style:{borderColor:"var(--border)",background:"var(--surface)"},children:e.jsx("span",{className:"text-xs font-semibold",style:{color:"var(--text-secondary)"},children:t})}),e.jsx("div",{className:"flex-1 flex items-start justify-center p-4 overflow-auto",style:{background:"var(--surface-raised)"},children:e.jsxs("div",{className:"relative shadow-md rounded-lg overflow-hidden",style:{width:Math.min(x,600),maxWidth:"100%",background:d==="dark"?"#0f172a":"#fff",border:"1px solid var(--border)"},children:[o&&e.jsx("img",{src:o,alt:"Visual diff",className:"absolute inset-0 w-full h-full object-contain z-10 pointer-events-none mix-blend-difference opacity-80"}),e.jsx("iframe",{ref:r,src:s,title:`${t} preview`,className:"w-full border-none",style:{height:400,display:"block"},sandbox:"allow-scripts allow-same-origin allow-popups allow-forms"})]})}),e.jsxs("div",{className:"border-t shrink-0",style:{borderColor:"var(--border)",height:200,background:"var(--surface)"},children:[e.jsx("div",{className:"px-3 h-8 flex items-center border-b",style:{borderColor:"var(--border)"},children:e.jsx("span",{className:"text-xs font-medium",style:{color:"var(--text-tertiary)"},children:"Props"})}),e.jsx("div",{style:{height:"calc(100% - 32px)",overflow:"auto"},children:e.jsx(me,{props:l,values:a,onChange:(f,c)=>u({...a,[f]:c}),loading:i,componentName:t})})]})]})}class st extends ce.Component{constructor(){super(...arguments);re(this,"state",{error:null})}static getDerivedStateFromError(s){return{error:s}}componentDidCatch(s,a){console.error("[peekr] Uncaught error:",s,a)}render(){return this.state.error?this.props.fallback??e.jsx("div",{className:"flex items-center justify-center h-screen bg-red-50 dark:bg-red-950 p-8",children:e.jsxs("div",{className:"max-w-lg w-full bg-white dark:bg-gray-900 rounded-xl border border-red-200 dark:border-red-800 p-6 shadow-sm",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("span",{className:"text-2xl",children:"⚠️"}),e.jsx("h2",{className:"text-base font-semibold text-red-700 dark:text-red-400",children:"Something went wrong"})]}),e.jsx("pre",{className:"text-xs text-red-600 dark:text-red-300 bg-red-50 dark:bg-red-900/30 rounded p-3 overflow-auto whitespace-pre-wrap break-words",children:this.state.error.message}),e.jsx("button",{onClick:()=>this.setState({error:null}),className:"mt-4 px-3 py-1.5 text-xs bg-red-100 hover:bg-red-200 dark:bg-red-900 dark:hover:bg-red-800 text-red-700 dark:text-red-300 rounded-md transition-colors",children:"Try again"})]})}):this.props.children}}function at(){const{parseUrl:t,updateUrl:r,hydrateProps:s}=Ie(),a=t(),{components:l,loading:i,error:u}=Te(),[x,d]=n.useState(null),[o,f]=n.useState(null);n.useEffect(()=>{if(a.filePath&&l.length>0&&!o){const h=l.find(v=>v.filePath===a.filePath&&v.exportName===a.exportName);h&&(d(h.id),f(h))}},[l]);const{props:c,loading:m}=Fe((o==null?void 0:o.filePath)??null,(o==null?void 0:o.exportName)??null),[g,y]=n.useState({}),w=n.useRef(null);n.useEffect(()=>{if(!o||m||w.current===o.filePath)return;w.current=o.filePath;const h=new URLSearchParams(window.location.search),v=s(h,c),M=ne(c,h);y({...M,...v})},[c,o,m,s]);const p=n.useCallback((h,v)=>{y(M=>{const U={...M,[h]:v};return o&&r(o.filePath,o.exportName,U,c),U})},[o,c,r]),b=n.useCallback(h=>{d(h.id),f(h),y({}),w.current=null,r(h.filePath,h.exportName,{})},[r]),[E,S]=n.useState(null),[D,T]=n.useState(!1);n.useEffect(()=>{De().then(S)},[]),n.useEffect(()=>{},[]);const[k,z]=n.useState(""),[R,Y]=n.useState(!1),[C,P]=n.useState("light"),[j,L]=n.useState("desktop"),[_,K]=n.useState(1280),[$,H]=n.useState(!1),[F,I]=n.useState(280),O=n.useRef(!1);n.useEffect(()=>{document.documentElement.className=C==="dark"?"dark":""},[C]);const A=n.useCallback(()=>{P(h=>h==="dark"?"light":"dark")},[]),X=n.useCallback((h,v)=>{L(h),h==="custom"&&v&&K(v)},[]),G=n.useCallback(h=>{h.preventDefault(),O.current=!0;const v=h.clientY,M=F,U=B=>{if(!O.current)return;const Q=v-B.clientY;I(Math.max(120,Math.min(600,M+Q)))},Z=()=>{O.current=!1,document.removeEventListener("mousemove",U),document.removeEventListener("mouseup",Z)};document.addEventListener("mousemove",U),document.addEventListener("mouseup",Z)},[F]);n.useEffect(()=>{},[o]);const J=o?`${window.location.origin}${window.location.pathname}#/${o.filePath}?export=${o.exportName}${Object.entries(g).filter(([,h])=>h!==void 0&&typeof h!="function").map(([h,v])=>`&${encodeURIComponent(h)}=${encodeURIComponent(String(v))}`).join("")}`:null;return e.jsx(st,{children:e.jsxs("div",{className:"h-screen flex flex-col overflow-hidden",style:{background:"var(--surface)"},children:[e.jsx(Oe,{searchQuery:k,onSearch:z,theme:C,onToggleTheme:A,shareUrl:J}),e.jsxs("div",{className:"flex flex-1 min-h-0 overflow-hidden",children:[i&&l.length===0?e.jsx(nt,{}):u?e.jsx(ot,{error:u}):e.jsx(We,{components:l,selectedId:x,searchQuery:k,onSelect:b,collapsed:R,onToggleCollapse:()=>Y(h=>!h)}),e.jsxs("div",{className:"flex-1 flex flex-col min-w-0 overflow-hidden",children:[e.jsx(ze,{viewport:j,customWidth:_,onViewportChange:X,theme:C,onThemeChange:P,isDiffMode:$,onToggleDiff:()=>H(h=>!h),selectedComponent:(o==null?void 0:o.name)??null,hasRootLayout:E!==null,fullContextMode:D,onToggleFullContext:()=>T(h=>!h)}),$&&o?e.jsx(rt,{filePath:o.filePath,exportName:o.exportName,propDefs:c,propsLoading:m,defaultProps:g,theme:C,viewport:j,customWidth:_}):e.jsxs("div",{className:"flex-1 flex flex-col min-h-0 overflow-hidden",children:[e.jsx("div",{className:"flex-1 min-h-0 overflow-hidden flex",children:e.jsx(He,{filePath:(o==null?void 0:o.filePath)??null,exportName:(o==null?void 0:o.exportName)??null,props:g,theme:C,viewport:j,customWidth:_,fullContextMode:D})}),o&&e.jsx("div",{onMouseDown:G,className:"resizer-handle h-1.5 shrink-0 transition-colors",style:{background:"var(--border)",cursor:"row-resize"},role:"separator","aria-label":"Resize props panel","aria-orientation":"horizontal"}),o&&e.jsxs("div",{className:"shrink-0 border-t overflow-hidden flex flex-col",style:{height:F,borderColor:"var(--border)",background:"var(--surface)"},children:[e.jsxs("div",{className:"px-3 h-8 flex items-center border-b shrink-0",style:{borderColor:"var(--border)"},children:[e.jsx("span",{className:"text-xs font-medium",style:{color:"var(--text-tertiary)"},children:"Props"}),c.length>0&&e.jsx("span",{className:"ml-2 text-xs px-1.5 rounded-full",style:{background:"var(--surface-overlay)",color:"var(--text-tertiary)"},children:c.length}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{onClick:()=>{const h=ne(c,new URLSearchParams);y(h),o&&r(o.filePath,o.exportName,h)},className:"text-xs px-2 h-5 rounded hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",style:{color:"var(--text-tertiary)"},title:"Reset all props to defaults",children:"Reset"})]}),e.jsx("div",{className:"flex-1 min-h-0 overflow-auto",children:e.jsx(me,{props:c,values:g,onChange:p,loading:m,componentName:(o==null?void 0:o.name)??null})})]})]})]})]})]})})}function nt(){return e.jsxs("div",{className:"flex flex-col border-r shrink-0",style:{width:"var(--sidebar-width)",borderColor:"var(--border)",background:"var(--surface)"},children:[e.jsx("div",{className:"px-3 h-9 flex items-center border-b",style:{borderColor:"var(--border)"},children:e.jsx("div",{className:"h-3 w-24 rounded animate-pulse",style:{background:"var(--surface-overlay)"}})}),e.jsx("div",{className:"p-3 space-y-2",children:Array.from({length:8}).map((t,r)=>e.jsx("div",{className:"h-6 rounded animate-pulse",style:{background:"var(--surface-overlay)",width:`${60+r%3*20}%`}},r))})]})}function ot({error:t}){return e.jsxs("div",{className:"flex flex-col border-r shrink-0 p-3",style:{width:"var(--sidebar-width)",borderColor:"var(--border)",background:"var(--surface)"},children:[e.jsx("p",{className:"text-xs text-red-500 font-medium mb-1",children:"Failed to load components"}),e.jsx("p",{className:"text-xs",style:{color:"var(--text-tertiary)"},children:t})]})}const lt=document.getElementById("root");xe(lt).render(e.jsx(ce.StrictMode,{children:e.jsx(je,{children:e.jsx(at,{})})}));
package/app-dist/assets/index-QUrMozVE.css ADDED
@@ -0,0 +1 @@
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-2\.5{left:.625rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-1\/2{top:50%}.z-10{z-index:10}.z-20{z-index:20}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-0\.5{margin-left:.125rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0px}.w-16{width:4rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-\[220px\]{max-width:220px}.max-w-lg{max-width:32rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .1s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-current{border-color:currentColor}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-indigo-400{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-teal-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-8{padding-left:2rem}.pr-14{padding-right:3.5rem}.pr-3{padding-right:.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.mix-blend-difference{mix-blend-mode:difference}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur: blur(8px);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)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--surface: #ffffff;--surface-raised: #f8fafc;--surface-overlay: #f1f5f9;--border: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--accent: #6366f1;--accent-hover: #4f46e5;--accent-fg: #ffffff;--sidebar-width: 240px;--props-height: 300px}.dark{--surface: #0f172a;--surface-raised: #1e293b;--surface-overlay: #334155;--border: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--accent: #818cf8;--accent-hover: #6366f1;--accent-fg: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;background:var(--surface);color:var(--text-primary);overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.resizer-handle{cursor:row-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resizer-handle:hover,.resizer-handle.active{background:var(--accent)!important}.peek-input{width:100%;padding:4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;transition:border-color .1s}.peek-input:focus{border-color:var(--accent)}.dark .peek-input{background:var(--surface-raised)}.peek-select{width:100%;padding:4px 28px 4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.peek-select:focus{border-color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast{animation:toast-in .15s ease-out}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}.hover\:bg-indigo-100:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-100:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-indigo-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:bg-amber-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(69 26 3 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.dark\:bg-green-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(5 46 22 / var(--tw-bg-opacity, 1))}.dark\:bg-indigo-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 27 75 / var(--tw-bg-opacity, 1))}.dark\:bg-indigo-950\/50:is(.dark *){background-color:#1e1b4b80}.dark\:bg-orange-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(67 20 7 / var(--tw-bg-opacity, 1))}.dark\:bg-pink-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(80 7 36 / var(--tw-bg-opacity, 1))}.dark\:bg-purple-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(59 7 100 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900\/30:is(.dark *){background-color:#7f1d1d4d}.dark\:bg-red-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(69 10 10 / var(--tw-bg-opacity, 1))}.dark\:bg-teal-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(4 47 46 / var(--tw-bg-opacity, 1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-indigo-300:is(.dark *){--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.dark\:text-orange-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-pink-400:is(.dark *){--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.dark\:text-purple-300:is(.dark *){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-teal-400:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800\/30:hover:is(.dark *){background-color:#1f29374d}.dark\:hover\:bg-gray-800\/50:hover:is(.dark *){background-color:#1f293780}.dark\:hover\:bg-indigo-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(49 46 129 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-orange-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(124 45 18 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-red-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
package/app-dist/assets/index-xYLc0tdj.css ADDED
@@ -0,0 +1 @@
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-2\.5{left:.625rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-1\/2{top:50%}.z-10{z-index:10}.z-20{z-index:20}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-0\.5{margin-left:.125rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0px}.w-16{width:4rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-9{width:2.25rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-lg{max-width:32rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .1s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-current{border-color:currentColor}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-indigo-400{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-teal-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0\.5{padding:.125rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-8{padding-left:2rem}.pr-3{padding-right:.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.mix-blend-difference{mix-blend-mode:difference}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--surface: #ffffff;--surface-raised: #f8fafc;--surface-overlay: #f1f5f9;--border: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--accent: #6366f1;--accent-hover: #4f46e5;--accent-fg: #ffffff;--sidebar-width: 240px;--props-height: 300px}.dark{--surface: #0f172a;--surface-raised: #1e293b;--surface-overlay: #334155;--border: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--accent: #818cf8;--accent-hover: #6366f1;--accent-fg: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;background:var(--surface);color:var(--text-primary);overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.resizer-handle{cursor:row-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resizer-handle:hover,.resizer-handle.active{background:var(--accent)!important}.peek-input{width:100%;padding:4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;transition:border-color .1s}.peek-input:focus{border-color:var(--accent)}.dark .peek-input{background:var(--surface-raised)}.peek-select{width:100%;padding:4px 28px 4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);font-size:12px;font-family:inherit;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.peek-select:focus{border-color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast{animation:toast-in .15s ease-out}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}.hover\:bg-indigo-100:hover{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-100:hover{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-indigo-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:bg-amber-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(69 26 3 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.dark\:bg-green-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(5 46 22 / var(--tw-bg-opacity, 1))}.dark\:bg-indigo-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 27 75 / var(--tw-bg-opacity, 1))}.dark\:bg-indigo-950\/50:is(.dark *){background-color:#1e1b4b80}.dark\:bg-orange-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(67 20 7 / var(--tw-bg-opacity, 1))}.dark\:bg-pink-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(80 7 36 / var(--tw-bg-opacity, 1))}.dark\:bg-purple-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(59 7 100 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900\/30:is(.dark *){background-color:#7f1d1d4d}.dark\:bg-red-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(69 10 10 / var(--tw-bg-opacity, 1))}.dark\:bg-teal-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(4 47 46 / var(--tw-bg-opacity, 1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-indigo-300:is(.dark *){--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.dark\:text-orange-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-pink-400:is(.dark *){--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.dark\:text-purple-300:is(.dark *){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-teal-400:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800\/30:hover:is(.dark *){background-color:#1f29374d}.dark\:hover\:bg-gray-800\/50:hover:is(.dark *){background-color:#1f293780}.dark\:hover\:bg-indigo-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(49 46 129 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-orange-900:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(124 45 18 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-red-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}
package/app-dist/assets/react-TTt3KdbJ.js ADDED
@@ -0,0 +1 @@
1
+ import"./router-DSqugVLU.js";