@epic-web/workshop-app 4.0.0

package/build/client/assets/diff-Blb5EPiO.js

@@ -0,0 +1,2 @@
+import{c as e,j as r}from"./index-D1WEsmVZ.js";import{d as o,c as m}from"./misc-CXGQ7VS9.js";import{D as n}from"./diff-MSYB00VZ.js";import{N as p}from"./nav-chevrons-D8c9lJW6.js";import{u as f,d as c}from"./components-Dj3sm47B.js";import"./clsx-B-dksMZM.js";import"./tooltip-CVFWPOu0.js";import"./mdx-DdywIxB6.js";import"./epic-video-BwJwnV_j.js";import"./loading-CaagEELb.js";import"./client-hints-BHTHvBjk.js";import"./index-zG3_j9lj.js";import"./index-B8k-Gd1G.js";import"./progress-bar-DX6yYES2.js";function S(){const s=f(),[a]=c();new URLSearchParams(a).set("forceFresh","diff");const i=e(),t=o.useSpinDelay(i.state!=="idle",{delay:200,minDuration:200});return r.jsxs("div",{className:m("grid h-full grid-rows-[1fr,auto]",{"cursor-wait opacity-30":t}),children:[r.jsx("div",{className:"overflow-y-auto",children:r.jsx(n,{diff:s.diff,allApps:s.allApps})}),r.jsx("div",{className:"flex h-16 items-center justify-end border-t",children:r.jsx(p,{prev:s.prevLink,next:s.nextLink})})]})}export{S as default};
+//# sourceMappingURL=diff-Blb5EPiO.js.map

package/build/client/assets/diff-Blb5EPiO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-Blb5EPiO.js","sources":["../../../app/routes/diff.tsx"],"sourcesContent":["import {\n\tgetAppByName,\n\tgetApps,\n\tisExerciseStepApp,\n\tgetAppDisplayName,\n} from '@epic-web/workshop-utils/apps.server'\nimport { makeTimings } from '@epic-web/workshop-utils/timing.server'\nimport { defer, type LoaderFunctionArgs } from '@remix-run/node'\nimport { useLoaderData, useNavigation, useSearchParams } from '@remix-run/react'\nimport { useSpinDelay } from 'spin-delay'\nimport { Diff } from '#app/components/diff.tsx'\nimport { NavChevrons } from '#app/components/nav-chevrons.tsx'\nimport { getDiffCode } from '#app/utils/diff.server.ts'\nimport { cn } from '#app/utils/misc.tsx'\n\nexport async function loader({ request }: LoaderFunctionArgs) {\n\tconst reqUrl = new URL(request.url)\n\tconst searchParams = reqUrl.searchParams\n\tconst timings = makeTimings('diffLoader')\n\tconst cacheOptions = { request, timings }\n\tconst allAppsFull = await getApps()\n\tconst app1Name = reqUrl.searchParams.get('app1')\n\tconst app2Name = reqUrl.searchParams.get('app2')\n\n\tconst usingDefaultApp1 = !app1Name\n\n\t// defaults to first problem app\n\tconst app1 = app1Name\n\t\t? await getAppByName(app1Name)\n\t\t: allAppsFull.filter(isExerciseStepApp).at(0)\n\n\t// defaults to last exercise step app\n\tconst app2 = app2Name\n\t\t? await getAppByName(app2Name)\n\t\t: allAppsFull.filter(isExerciseStepApp).at(-1)\n\n\tasync function getDiffProp() {\n\t\tif (!app1 || !app2) {\n\t\t\treturn {\n\t\t\t\tapp1: app1?.name,\n\t\t\t\tapp2: app2?.name,\n\t\t\t\tdiffCode: null,\n\t\t\t}\n\t\t}\n\t\tconst diffCode = await getDiffCode(app1, app2, {\n\t\t\t...cacheOptions,\n\t\t\tforceFresh: searchParams.get('forceFresh') === 'diff',\n\t\t}).catch(e => {\n\t\t\tconsole.error(e)\n\t\t\treturn null\n\t\t})\n\t\treturn {\n\t\t\tapp1: app1.name,\n\t\t\tapp2: app2.name,\n\t\t\tdiffCode,\n\t\t}\n\t}\n\n\tconst allApps = allAppsFull\n\t\t.filter((a, i, ar) => ar.findIndex(b => a.name === b.name) === i)\n\t\t.map(a => ({\n\t\t\tdisplayName: getAppDisplayName(a, allAppsFull),\n\t\t\tname: a.name,\n\t\t\ttitle: a.title,\n\t\t\ttype: a.type,\n\t\t}))\n\n\tconst diff = getDiffProp()\n\tconst app1Index = allApps.findIndex(a => a.name === app1?.name)\n\tconst prevApp1Index = usingDefaultApp1\n\t\t? allApps.length - 2\n\t\t: app1Index === 0\n\t\t\t? -2\n\t\t\t: app1Index - 1\n\tconst prevApp2Index = prevApp1Index + 1\n\tconst nextApp1Index = usingDefaultApp1\n\t\t? 0\n\t\t: app1Index + 1 < allApps.length\n\t\t\t? app1Index + 1\n\t\t\t: -2\n\tconst nextApp2Index = nextApp1Index + 1\n\tconst prevApp1 = allAppsFull[prevApp1Index]?.name\n\tconst prevApp2 = allAppsFull[prevApp2Index]?.name\n\tconst nextApp1 = allAppsFull[nextApp1Index]?.name\n\tconst nextApp2 = allAppsFull[nextApp2Index]?.name\n\tconst prevSearchParams = new URLSearchParams(reqUrl.searchParams)\n\tprevSearchParams.set('app1', prevApp1 ?? '')\n\tprevSearchParams.set('app2', prevApp2 ?? '')\n\tconst nextSearchParams = new URLSearchParams(reqUrl.searchParams)\n\tnextSearchParams.set('app1', nextApp1 ?? '')\n\tnextSearchParams.set('app2', nextApp2 ?? '')\n\treturn defer({\n\t\tallApps,\n\t\tdiff,\n\t\tprevLink:\n\t\t\tprevApp1 && prevApp2\n\t\t\t\t? { to: `/diff?${prevSearchParams}`, 'aria-label': 'Previous App' }\n\t\t\t\t: { to: '/diff' },\n\t\tnextLink:\n\t\t\tnextApp1 && nextApp2\n\t\t\t\t? { to: `/diff?${nextSearchParams}`, 'aria-label': 'Next App' }\n\t\t\t\t: { to: '/diff' },\n\t})\n}\n\nexport default function DiffViewer() {\n\tconst data = useLoaderData<typeof loader>()\n\tconst [params] = useSearchParams()\n\tconst paramsWithForcedRefresh = new URLSearchParams(params)\n\tparamsWithForcedRefresh.set('forceFresh', 'diff')\n\tconst navigation = useNavigation()\n\tconst isNavigating = useSpinDelay(navigation.state !== 'idle', {\n\t\tdelay: 200,\n\t\tminDuration: 200,\n\t})\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn('grid h-full grid-rows-[1fr,auto]', {\n\t\t\t\t'cursor-wait opacity-30': isNavigating,\n\t\t\t})}\n\t\t>\n\t\t\t<div className=\"overflow-y-auto\">\n\t\t\t\t<Diff diff={data.diff} allApps={data.allApps} />\n\t\t\t</div>\n\t\t\t<div className=\"flex h-16 items-center justify-end border-t\">\n\t\t\t\t<NavChevrons prev={data.prevLink} next={data.nextLink} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["DiffViewer","data","useLoaderData","params","useSearchParams","navigation","useNavigation","isNavigating","useSpinDelay","jsxs","jsx","Diff","NavChevrons"],"mappings":"ufAKO,SAAAA,GAAA,CACP,MAAAC,EAA4BC,IAC5B,CAASC,CAAsC,EAAAC,wBACeD,CAAA,EACjC,IAAA,aAAA,MAAA,EAC7B,MAAAE,EAAqBC,IACrBC,EAA4BC,EAAA,aAAAH,EAAA,QAAA,OAAA,CAC5B,MAA4B,IAC5B,YAAmB,GAEnB,CAAsB,EACrB,OAAuBI,EAAAA,KAAA,MAAW,CAClC,+CAA4B,CACtB,yBAAkCF,CACxC,CAAM,EACA,SAAA,CAA4BG,EAAA,IAAA,MAAA,CAClC,UAAiB,kBACjB,SAAqCA,EAAA,IAAAC,EAAA,CAE/B,YAGA,QACHV,EAAA,OAIH,CAAM,CAIN,CAAA,EAA6BS,EAAA,IAAA,MAAA,CACxB,UAAS,8CACL,SAAAA,EAAA,IAAAE,EAAA,CACN,KAAMX,EAAM,SACZ,KAAMA,EAAM,QAAA,CAAA,CACF,CACX,CAAA,CAAA,CACD,CACA"}

package/build/client/assets/diff-MSYB00VZ.js

@@ -0,0 +1,42 @@
+import{r,R as S,j as g,c as Xt}from"./index-D1WEsmVZ.js";import{g as M,_ as I,$ as ye,d as D,n as Ue,f as Ge,k as wt,e as pe,l as Zt,i as me,m as Qt,h as O,q,o as Jt,r as en,p as tn,j as nn,S as ot}from"./tooltip-CVFWPOu0.js";import{$ as on,r as St,m as rn,d as cn,A as an,L as sn,F as ln}from"./components-Dj3sm47B.js";import{c as ve}from"./clsx-B-dksMZM.js";import{I as F,d as dn,c as un}from"./misc-CXGQ7VS9.js";import{M as fn}from"./mdx-DdywIxB6.js";const pn=r.forwardRef((e,n)=>{var t;const{container:o=globalThis==null||(t=globalThis.document)===null||t===void 0?void 0:t.body,...c}=e;return o?on.createPortal(r.createElement(M.div,I({},c,{ref:n})),o):null});function Ct(e){const n=e+"CollectionProvider",[t,o]=ye(n),[c,s]=t(n,{collectionRef:{current:null},itemMap:new Map}),l=x=>{const{scope:h,children:i}=x,m=S.useRef(null),p=S.useRef(new Map).current;return S.createElement(c,{scope:h,itemMap:p,collectionRef:m},i)},a=e+"CollectionSlot",d=S.forwardRef((x,h)=>{const{scope:i,children:m}=x,p=s(a,i),f=D(h,p.collectionRef);return S.createElement(Ue,{ref:f},m)}),u=e+"CollectionItemSlot",v="data-radix-collection-item",b=S.forwardRef((x,h)=>{const{scope:i,children:m,...p}=x,f=S.useRef(null),$=D(h,f),E=s(u,i);return S.useEffect(()=>(E.itemMap.set(f,{ref:f,...p}),()=>void E.itemMap.delete(f))),S.createElement(Ue,{[v]:"",ref:$},m)});function w(x){const h=s(e+"CollectionConsumer",x);return S.useCallback(()=>{const m=h.collectionRef.current;if(!m)return[];const p=Array.from(m.querySelectorAll(`[${v}]`));return Array.from(h.itemMap.values()).sort((E,y)=>p.indexOf(E.ref.current)-p.indexOf(y.ref.current))},[h.collectionRef,h.itemMap])}return[{Provider:l,Slot:d,ItemSlot:b},w,o]}const mn=r.createContext(void 0);function Et(e){const n=r.useContext(mn);return e||n||"ltr"}function rt(e,[n,t]){return Math.min(t,Math.max(n,e))}let je=0;function vn(){r.useEffect(()=>{var e,n;const t=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",(e=t[0])!==null&&e!==void 0?e:ct()),document.body.insertAdjacentElement("beforeend",(n=t[1])!==null&&n!==void 0?n:ct()),je++,()=>{je===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(o=>o.remove()),je--}},[])}function ct(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",e}const Ve="focusScope.autoFocusOnMount",Fe="focusScope.autoFocusOnUnmount",at={bubbles:!1,cancelable:!0},hn=r.forwardRef((e,n)=>{const{loop:t=!1,trapped:o=!1,onMountAutoFocus:c,onUnmountAutoFocus:s,...l}=e,[a,d]=r.useState(null),u=Ge(c),v=Ge(s),b=r.useRef(null),w=D(n,i=>d(i)),x=r.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;r.useEffect(()=>{if(o){let i=function($){if(x.paused||!a)return;const E=$.target;a.contains(E)?b.current=E:J(b.current,{select:!0})},m=function($){if(x.paused||!a)return;const E=$.relatedTarget;E!==null&&(a.contains(E)||J(b.current,{select:!0}))},p=function($){if(document.activeElement===document.body)for(const y of $)y.removedNodes.length>0&&J(a)};document.addEventListener("focusin",i),document.addEventListener("focusout",m);const f=new MutationObserver(p);return a&&f.observe(a,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",i),document.removeEventListener("focusout",m),f.disconnect()}}},[o,a,x.paused]),r.useEffect(()=>{if(a){lt.add(x);const i=document.activeElement;if(!a.contains(i)){const p=new CustomEvent(Ve,at);a.addEventListener(Ve,u),a.dispatchEvent(p),p.defaultPrevented||(bn(Sn(yt(a)),{select:!0}),document.activeElement===i&&J(a))}return()=>{a.removeEventListener(Ve,u),setTimeout(()=>{const p=new CustomEvent(Fe,at);a.addEventListener(Fe,v),a.dispatchEvent(p),p.defaultPrevented||J(i??document.body,{select:!0}),a.removeEventListener(Fe,v),lt.remove(x)},0)}}},[a,u,v,x]);const h=r.useCallback(i=>{if(!t&&!o||x.paused)return;const m=i.key==="Tab"&&!i.altKey&&!i.ctrlKey&&!i.metaKey,p=document.activeElement;if(m&&p){const f=i.currentTarget,[$,E]=$n(f);$&&E?!i.shiftKey&&p===E?(i.preventDefault(),t&&J($,{select:!0})):i.shiftKey&&p===$&&(i.preventDefault(),t&&J(E,{select:!0})):p===f&&i.preventDefault()}},[t,o,x.paused]);return r.createElement(M.div,I({tabIndex:-1},l,{ref:w,onKeyDown:h}))});function bn(e,{select:n=!1}={}){const t=document.activeElement;for(const o of e)if(J(o,{select:n}),document.activeElement!==t)return}function $n(e){const n=yt(e),t=st(n,e),o=st(n.reverse(),e);return[t,o]}function yt(e){const n=[],t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:o=>{const c=o.tagName==="INPUT"&&o.type==="hidden";return o.disabled||o.hidden||c?NodeFilter.FILTER_SKIP:o.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;t.nextNode();)n.push(t.currentNode);return n}function st(e,n){for(const t of e)if(!gn(t,{upTo:n}))return t}function gn(e,{upTo:n}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(n!==void 0&&e===n)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function xn(e){return e instanceof HTMLInputElement&&"select"in e}function J(e,{select:n=!1}={}){if(e&&e.focus){const t=document.activeElement;e.focus({preventScroll:!0}),e!==t&&xn(e)&&n&&e.select()}}const lt=wn();function wn(){let e=[];return{add(n){const t=e[0];n!==t&&(t==null||t.pause()),e=it(e,n),e.unshift(n)},remove(n){var t;e=it(e,n),(t=e[0])===null||t===void 0||t.resume()}}}function it(e,n){const t=[...e],o=t.indexOf(n);return o!==-1&&t.splice(o,1),t}function Sn(e){return e.filter(n=>n.tagName!=="A")}function Cn(e){const n=r.useRef({value:e,previous:e});return r.useMemo(()=>(n.current.value!==e&&(n.current.previous=n.current.value,n.current.value=e),n.current.previous),[e])}var En=function(e){if(typeof document>"u")return null;var n=Array.isArray(e)?e[0]:e;return n.ownerDocument.body},ae=new WeakMap,$e=new WeakMap,ge={},Be=0,It=function(e){return e&&(e.host||It(e.parentNode))},yn=function(e,n){return n.map(function(t){if(e.contains(t))return t;var o=It(t);return o&&e.contains(o)?o:(console.error("aria-hidden",t,"in not contained inside",e,". Doing nothing"),null)}).filter(function(t){return!!t})},In=function(e,n,t,o){var c=yn(n,Array.isArray(e)?e:[e]);ge[t]||(ge[t]=new WeakMap);var s=ge[t],l=[],a=new Set,d=new Set(c),u=function(b){!b||a.has(b)||(a.add(b),u(b.parentNode))};c.forEach(u);var v=function(b){!b||d.has(b)||Array.prototype.forEach.call(b.children,function(w){if(a.has(w))v(w);else try{var x=w.getAttribute(o),h=x!==null&&x!=="false",i=(ae.get(w)||0)+1,m=(s.get(w)||0)+1;ae.set(w,i),s.set(w,m),l.push(w),i===1&&h&&$e.set(w,!0),m===1&&w.setAttribute(t,"true"),h||w.setAttribute(o,"true")}catch(p){console.error("aria-hidden: cannot operate on ",w,p)}})};return v(n),a.clear(),Be++,function(){l.forEach(function(b){var w=ae.get(b)-1,x=s.get(b)-1;ae.set(b,w),s.set(b,x),w||($e.has(b)||b.removeAttribute(o),$e.delete(b)),x||b.removeAttribute(t)}),Be--,Be||(ae=new WeakMap,ae=new WeakMap,$e=new WeakMap,ge={})}},Rn=function(e,n,t){t===void 0&&(t="data-aria-hidden");var o=Array.from(Array.isArray(e)?e:[e]),c=n||En(e);return c?(o.push.apply(o,Array.from(c.querySelectorAll("[aria-live]"))),In(o,c,t,"aria-hidden")):function(){return null}},G=function(){return G=Object.assign||function(n){for(var t,o=1,c=arguments.length;o<c;o++){t=arguments[o];for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(n[s]=t[s])}return n},G.apply(this,arguments)};function Rt(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var c=0,o=Object.getOwnPropertySymbols(e);c<o.length;c++)n.indexOf(o[c])<0&&Object.prototype.propertyIsEnumerable.call(e,o[c])&&(t[o[c]]=e[o[c]]);return t}function _n(e,n,t){if(t||arguments.length===2)for(var o=0,c=n.length,s;o<c;o++)(s||!(o in n))&&(s||(s=Array.prototype.slice.call(n,0,o)),s[o]=n[o]);return e.concat(s||Array.prototype.slice.call(n))}var Ce="right-scroll-bar-position",Ee="width-before-scroll-bar",Tn="with-scroll-bars-hidden",Pn="--removed-body-scroll-bar-size";function He(e,n){return typeof e=="function"?e(n):e&&(e.current=n),e}function An(e,n){var t=r.useState(function(){return{value:e,callback:n,facade:{get current(){return t.value},set current(o){var c=t.value;c!==o&&(t.value=o,t.callback(o,c))}}}})[0];return t.callback=n,t.facade}var Nn=typeof window<"u"?r.useLayoutEffect:r.useEffect,dt=new WeakMap;function Mn(e,n){var t=An(n||null,function(o){return e.forEach(function(c){return He(c,o)})});return Nn(function(){var o=dt.get(t);if(o){var c=new Set(o),s=new Set(e),l=t.current;c.forEach(function(a){s.has(a)||He(a,null)}),s.forEach(function(a){c.has(a)||He(a,l)})}dt.set(t,e)},[e]),t}function On(e){return e}function kn(e,n){n===void 0&&(n=On);var t=[],o=!1,c={read:function(){if(o)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return t.length?t[t.length-1]:e},useMedium:function(s){var l=n(s,o);return t.push(l),function(){t=t.filter(function(a){return a!==l})}},assignSyncMedium:function(s){for(o=!0;t.length;){var l=t;t=[],l.forEach(s)}t={push:function(a){return s(a)},filter:function(){return t}}},assignMedium:function(s){o=!0;var l=[];if(t.length){var a=t;t=[],a.forEach(s),l=t}var d=function(){var v=l;l=[],v.forEach(s)},u=function(){return Promise.resolve().then(d)};u(),t={push:function(v){l.push(v),u()},filter:function(v){return l=l.filter(v),t}}}};return c}function Dn(e){e===void 0&&(e={});var n=kn(null);return n.options=G({async:!0,ssr:!1},e),n}var _t=function(e){var n=e.sideCar,t=Rt(e,["sideCar"]);if(!n)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var o=n.read();if(!o)throw new Error("Sidecar medium not found");return r.createElement(o,G({},t))};_t.isSideCarExport=!0;function Ln(e,n){return e.useMedium(n),_t}var Tt=Dn(),We=function(){},Ie=r.forwardRef(function(e,n){var t=r.useRef(null),o=r.useState({onScrollCapture:We,onWheelCapture:We,onTouchMoveCapture:We}),c=o[0],s=o[1],l=e.forwardProps,a=e.children,d=e.className,u=e.removeScrollBar,v=e.enabled,b=e.shards,w=e.sideCar,x=e.noIsolation,h=e.inert,i=e.allowPinchZoom,m=e.as,p=m===void 0?"div":m,f=Rt(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),$=w,E=Mn([t,n]),y=G(G({},f),c);return r.createElement(r.Fragment,null,v&&r.createElement($,{sideCar:Tt,removeScrollBar:u,shards:b,noIsolation:x,inert:h,setCallbacks:s,allowPinchZoom:!!i,lockRef:t}),l?r.cloneElement(r.Children.only(a),G(G({},y),{ref:E})):r.createElement(p,G({},y,{className:d,ref:E}),a))});Ie.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};Ie.classNames={fullWidth:Ee,zeroRight:Ce};var jn=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function Vn(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var n=jn();return n&&e.setAttribute("nonce",n),e}function Fn(e,n){e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}function Bn(e){var n=document.head||document.getElementsByTagName("head")[0];n.appendChild(e)}var Hn=function(){var e=0,n=null;return{add:function(t){e==0&&(n=Vn())&&(Fn(n,t),Bn(n)),e++},remove:function(){e--,!e&&n&&(n.parentNode&&n.parentNode.removeChild(n),n=null)}}},Wn=function(){var e=Hn();return function(n,t){r.useEffect(function(){return e.add(n),function(){e.remove()}},[n&&t])}},Pt=function(){var e=Wn(),n=function(t){var o=t.styles,c=t.dynamic;return e(o,c),null};return n},Kn={left:0,top:0,right:0,gap:0},Ke=function(e){return parseInt(e||"",10)||0},Un=function(e){var n=window.getComputedStyle(document.body),t=n[e==="padding"?"paddingLeft":"marginLeft"],o=n[e==="padding"?"paddingTop":"marginTop"],c=n[e==="padding"?"paddingRight":"marginRight"];return[Ke(t),Ke(o),Ke(c)]},Gn=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return Kn;var n=Un(e),t=document.documentElement.clientWidth,o=window.innerWidth;return{left:n[0],top:n[1],right:n[2],gap:Math.max(0,o-t+n[2]-n[0])}},Yn=Pt(),ie="data-scroll-locked",zn=function(e,n,t,o){var c=e.left,s=e.top,l=e.right,a=e.gap;return t===void 0&&(t="margin"),`
+  .`.concat(Tn,` {
+   overflow: hidden `).concat(o,`;
+   padding-right: `).concat(a,"px ").concat(o,`;
+  }
+  body[`).concat(ie,`] {
+    overflow: hidden `).concat(o,`;
+    overscroll-behavior: contain;
+    `).concat([n&&"position: relative ".concat(o,";"),t==="margin"&&`
+    padding-left: `.concat(c,`px;
+    padding-top: `).concat(s,`px;
+    padding-right: `).concat(l,`px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(a,"px ").concat(o,`;
+    `),t==="padding"&&"padding-right: ".concat(a,"px ").concat(o,";")].filter(Boolean).join(""),`
+  }
+  
+  .`).concat(Ce,` {
+    right: `).concat(a,"px ").concat(o,`;
+  }
+  
+  .`).concat(Ee,` {
+    margin-right: `).concat(a,"px ").concat(o,`;
+  }
+  
+  .`).concat(Ce," .").concat(Ce,` {
+    right: 0 `).concat(o,`;
+  }
+  
+  .`).concat(Ee," .").concat(Ee,` {
+    margin-right: 0 `).concat(o,`;
+  }
+  
+  body[`).concat(ie,`] {
+    `).concat(Pn,": ").concat(a,`px;
+  }
+`)},ut=function(){var e=parseInt(document.body.getAttribute(ie)||"0",10);return isFinite(e)?e:0},qn=function(){r.useEffect(function(){return document.body.setAttribute(ie,(ut()+1).toString()),function(){var e=ut()-1;e<=0?document.body.removeAttribute(ie):document.body.setAttribute(ie,e.toString())}},[])},Xn=function(e){var n=e.noRelative,t=e.noImportant,o=e.gapMode,c=o===void 0?"margin":o;qn();var s=r.useMemo(function(){return Gn(c)},[c]);return r.createElement(Yn,{styles:zn(s,!n,c,t?"":"!important")})},Ye=!1;if(typeof window<"u")try{var xe=Object.defineProperty({},"passive",{get:function(){return Ye=!0,!0}});window.addEventListener("test",xe,xe),window.removeEventListener("test",xe,xe)}catch{Ye=!1}var se=Ye?{passive:!1}:!1,Zn=function(e){return e.tagName==="TEXTAREA"},At=function(e,n){var t=window.getComputedStyle(e);return t[n]!=="hidden"&&!(t.overflowY===t.overflowX&&!Zn(e)&&t[n]==="visible")},Qn=function(e){return At(e,"overflowY")},Jn=function(e){return At(e,"overflowX")},ft=function(e,n){var t=n;do{typeof ShadowRoot<"u"&&t instanceof ShadowRoot&&(t=t.host);var o=Nt(e,t);if(o){var c=Mt(e,t),s=c[1],l=c[2];if(s>l)return!0}t=t.parentNode}while(t&&t!==document.body);return!1},eo=function(e){var n=e.scrollTop,t=e.scrollHeight,o=e.clientHeight;return[n,t,o]},to=function(e){var n=e.scrollLeft,t=e.scrollWidth,o=e.clientWidth;return[n,t,o]},Nt=function(e,n){return e==="v"?Qn(n):Jn(n)},Mt=function(e,n){return e==="v"?eo(n):to(n)},no=function(e,n){return e==="h"&&n==="rtl"?-1:1},oo=function(e,n,t,o,c){var s=no(e,window.getComputedStyle(n).direction),l=s*o,a=t.target,d=n.contains(a),u=!1,v=l>0,b=0,w=0;do{var x=Mt(e,a),h=x[0],i=x[1],m=x[2],p=i-m-s*h;(h||p)&&Nt(e,a)&&(b+=p,w+=h),a=a.parentNode}while(!d&&a!==document.body||d&&(n.contains(a)||n===a));return(v&&(c&&b===0||!c&&l>b)||!v&&(c&&w===0||!c&&-l>w))&&(u=!0),u},we=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},pt=function(e){return[e.deltaX,e.deltaY]},mt=function(e){return e&&"current"in e?e.current:e},ro=function(e,n){return e[0]===n[0]&&e[1]===n[1]},co=function(e){return`
+  .block-interactivity-`.concat(e,` {pointer-events: none;}
+  .allow-interactivity-`).concat(e,` {pointer-events: all;}
+`)},ao=0,le=[];function so(e){var n=r.useRef([]),t=r.useRef([0,0]),o=r.useRef(),c=r.useState(ao++)[0],s=r.useState(function(){return Pt()})[0],l=r.useRef(e);r.useEffect(function(){l.current=e},[e]),r.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(c));var i=_n([e.lockRef.current],(e.shards||[]).map(mt),!0).filter(Boolean);return i.forEach(function(m){return m.classList.add("allow-interactivity-".concat(c))}),function(){document.body.classList.remove("block-interactivity-".concat(c)),i.forEach(function(m){return m.classList.remove("allow-interactivity-".concat(c))})}}},[e.inert,e.lockRef.current,e.shards]);var a=r.useCallback(function(i,m){if("touches"in i&&i.touches.length===2)return!l.current.allowPinchZoom;var p=we(i),f=t.current,$="deltaX"in i?i.deltaX:f[0]-p[0],E="deltaY"in i?i.deltaY:f[1]-p[1],y,j=i.target,T=Math.abs($)>Math.abs(E)?"h":"v";if("touches"in i&&T==="h"&&j.type==="range")return!1;var N=ft(T,j);if(!N)return!0;if(N?y=T:(y=T==="v"?"h":"v",N=ft(T,j)),!N)return!1;if(!o.current&&"changedTouches"in i&&($||E)&&(o.current=y),!y)return!0;var L=o.current||y;return oo(L,m,i,L==="h"?$:E,!0)},[]),d=r.useCallback(function(i){var m=i;if(!(!le.length||le[le.length-1]!==s)){var p="deltaY"in m?pt(m):we(m),f=n.current.filter(function(y){return y.name===m.type&&y.target===m.target&&ro(y.delta,p)})[0];if(f&&f.should){m.cancelable&&m.preventDefault();return}if(!f){var $=(l.current.shards||[]).map(mt).filter(Boolean).filter(function(y){return y.contains(m.target)}),E=$.length>0?a(m,$[0]):!l.current.noIsolation;E&&m.cancelable&&m.preventDefault()}}},[]),u=r.useCallback(function(i,m,p,f){var $={name:i,delta:m,target:p,should:f};n.current.push($),setTimeout(function(){n.current=n.current.filter(function(E){return E!==$})},1)},[]),v=r.useCallback(function(i){t.current=we(i),o.current=void 0},[]),b=r.useCallback(function(i){u(i.type,pt(i),i.target,a(i,e.lockRef.current))},[]),w=r.useCallback(function(i){u(i.type,we(i),i.target,a(i,e.lockRef.current))},[]);r.useEffect(function(){return le.push(s),e.setCallbacks({onScrollCapture:b,onWheelCapture:b,onTouchMoveCapture:w}),document.addEventListener("wheel",d,se),document.addEventListener("touchmove",d,se),document.addEventListener("touchstart",v,se),function(){le=le.filter(function(i){return i!==s}),document.removeEventListener("wheel",d,se),document.removeEventListener("touchmove",d,se),document.removeEventListener("touchstart",v,se)}},[]);var x=e.removeScrollBar,h=e.inert;return r.createElement(r.Fragment,null,h?r.createElement(s,{styles:co(c)}):null,x?r.createElement(Xn,{gapMode:"margin"}):null)}const lo=Ln(Tt,so);var Ot=r.forwardRef(function(e,n){return r.createElement(Ie,G({},e,{ref:n,sideCar:lo}))});Ot.classNames=Ie.classNames;const io=Ot,uo=[" ","Enter","ArrowUp","ArrowDown"],fo=[" ","Enter"],Re="Select",[_e,Te,po]=Ct(Re),[ue,Yr]=ye(Re,[po,wt]),Xe=wt(),[mo,ne]=ue(Re),[vo,ho]=ue(Re),bo=e=>{const{__scopeSelect:n,children:t,open:o,defaultOpen:c,onOpenChange:s,value:l,defaultValue:a,onValueChange:d,dir:u,name:v,autoComplete:b,disabled:w,required:x}=e,h=Xe(n),[i,m]=r.useState(null),[p,f]=r.useState(null),[$,E]=r.useState(!1),y=Et(u),[j=!1,T]=pe({prop:o,defaultProp:c,onChange:s}),[N,L]=pe({prop:l,defaultProp:a,onChange:d}),W=r.useRef(null),te=i?!!i.closest("form"):!0,[K,X]=r.useState(new Set),Z=Array.from(K).map(k=>k.props.value).join(";");return r.createElement(Zt,h,r.createElement(mo,{required:x,scope:n,trigger:i,onTriggerChange:m,valueNode:p,onValueNodeChange:f,valueNodeHasChildren:$,onValueNodeHasChildrenChange:E,contentId:me(),value:N,onValueChange:L,open:j,onOpenChange:T,dir:y,triggerPointerDownPosRef:W,disabled:w},r.createElement(_e.Provider,{scope:n},r.createElement(vo,{scope:e.__scopeSelect,onNativeOptionAdd:r.useCallback(k=>{X(U=>new Set(U).add(k))},[]),onNativeOptionRemove:r.useCallback(k=>{X(U=>{const Y=new Set(U);return Y.delete(k),Y})},[])},t)),te?r.createElement(Vt,{key:Z,"aria-hidden":!0,required:x,tabIndex:-1,name:v,autoComplete:b,value:N,onChange:k=>L(k.target.value),disabled:w},N===void 0?r.createElement("option",{value:""}):null,Array.from(K)):null))},$o="SelectTrigger",go=r.forwardRef((e,n)=>{const{__scopeSelect:t,disabled:o=!1,...c}=e,s=Xe(t),l=ne($o,t),a=l.disabled||o,d=D(n,l.onTriggerChange),u=Te(t),[v,b,w]=Ft(h=>{const i=u().filter(f=>!f.disabled),m=i.find(f=>f.value===l.value),p=Bt(i,h,m);p!==void 0&&l.onValueChange(p.value)}),x=()=>{a||(l.onOpenChange(!0),w())};return r.createElement(Qt,I({asChild:!0},s),r.createElement(M.button,I({type:"button",role:"combobox","aria-controls":l.contentId,"aria-expanded":l.open,"aria-required":l.required,"aria-autocomplete":"none",dir:l.dir,"data-state":l.open?"open":"closed",disabled:a,"data-disabled":a?"":void 0,"data-placeholder":jt(l.value)?"":void 0},c,{ref:d,onClick:O(c.onClick,h=>{h.currentTarget.focus()}),onPointerDown:O(c.onPointerDown,h=>{const i=h.target;i.hasPointerCapture(h.pointerId)&&i.releasePointerCapture(h.pointerId),h.button===0&&h.ctrlKey===!1&&(x(),l.triggerPointerDownPosRef.current={x:Math.round(h.pageX),y:Math.round(h.pageY)},h.preventDefault())}),onKeyDown:O(c.onKeyDown,h=>{const i=v.current!=="";!(h.ctrlKey||h.altKey||h.metaKey)&&h.key.length===1&&b(h.key),!(i&&h.key===" ")&&uo.includes(h.key)&&(x(),h.preventDefault())})})))}),xo="SelectValue",wo=r.forwardRef((e,n)=>{const{__scopeSelect:t,className:o,style:c,children:s,placeholder:l="",...a}=e,d=ne(xo,t),{onValueNodeHasChildrenChange:u}=d,v=s!==void 0,b=D(n,d.onValueNodeChange);return q(()=>{u(v)},[u,v]),r.createElement(M.span,I({},a,{ref:b,style:{pointerEvents:"none"}}),jt(d.value)?r.createElement(r.Fragment,null,l):s)}),So=r.forwardRef((e,n)=>{const{__scopeSelect:t,children:o,...c}=e;return r.createElement(M.span,I({"aria-hidden":!0},c,{ref:n}),o||"▼")}),Co=e=>r.createElement(pn,I({asChild:!0},e)),de="SelectContent",Eo=r.forwardRef((e,n)=>{const t=ne(de,e.__scopeSelect),[o,c]=r.useState();if(q(()=>{c(new DocumentFragment)},[]),!t.open){const s=o;return s?St.createPortal(r.createElement(kt,{scope:e.__scopeSelect},r.createElement(_e.Slot,{scope:e.__scopeSelect},r.createElement("div",null,e.children))),s):null}return r.createElement(yo,I({},e,{ref:n}))}),z=10,[kt,oe]=ue(de),yo=r.forwardRef((e,n)=>{const{__scopeSelect:t,position:o="item-aligned",onCloseAutoFocus:c,onEscapeKeyDown:s,onPointerDownOutside:l,side:a,sideOffset:d,align:u,alignOffset:v,arrowPadding:b,collisionBoundary:w,collisionPadding:x,sticky:h,hideWhenDetached:i,avoidCollisions:m,...p}=e,f=ne(de,t),[$,E]=r.useState(null),[y,j]=r.useState(null),T=D(n,C=>E(C)),[N,L]=r.useState(null),[W,te]=r.useState(null),K=Te(t),[X,Z]=r.useState(!1),k=r.useRef(!1);r.useEffect(()=>{if($)return Rn($)},[$]),vn();const U=r.useCallback(C=>{const[P,...V]=K().map(_=>_.ref.current),[A]=V.slice(-1),R=document.activeElement;for(const _ of C)if(_===R||(_==null||_.scrollIntoView({block:"nearest"}),_===P&&y&&(y.scrollTop=0),_===A&&y&&(y.scrollTop=y.scrollHeight),_==null||_.focus(),document.activeElement!==R))return},[K,y]),Y=r.useCallback(()=>U([N,$]),[U,N,$]);r.useEffect(()=>{X&&Y()},[X,Y]);const{onOpenChange:re,triggerPointerDownPosRef:Q}=f;r.useEffect(()=>{if($){let C={x:0,y:0};const P=A=>{var R,_,B,H;C={x:Math.abs(Math.round(A.pageX)-((R=(_=Q.current)===null||_===void 0?void 0:_.x)!==null&&R!==void 0?R:0)),y:Math.abs(Math.round(A.pageY)-((B=(H=Q.current)===null||H===void 0?void 0:H.y)!==null&&B!==void 0?B:0))}},V=A=>{C.x<=10&&C.y<=10?A.preventDefault():$.contains(A.target)||re(!1),document.removeEventListener("pointermove",P),Q.current=null};return Q.current!==null&&(document.addEventListener("pointermove",P),document.addEventListener("pointerup",V,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",P),document.removeEventListener("pointerup",V,{capture:!0})}}},[$,re,Q]),r.useEffect(()=>{const C=()=>re(!1);return window.addEventListener("blur",C),window.addEventListener("resize",C),()=>{window.removeEventListener("blur",C),window.removeEventListener("resize",C)}},[re]);const[Ne,he]=Ft(C=>{const P=K().filter(R=>!R.disabled),V=P.find(R=>R.ref.current===document.activeElement),A=Bt(P,C,V);A&&setTimeout(()=>A.ref.current.focus())}),Me=r.useCallback((C,P,V)=>{const A=!k.current&&!V;(f.value!==void 0&&f.value===P||A)&&(L(C),A&&(k.current=!0))},[f.value]),Oe=r.useCallback(()=>$==null?void 0:$.focus(),[$]),ce=r.useCallback((C,P,V)=>{const A=!k.current&&!V;(f.value!==void 0&&f.value===P||A)&&te(C)},[f.value]),be=o==="popper"?vt:Io,fe=be===vt?{side:a,sideOffset:d,align:u,alignOffset:v,arrowPadding:b,collisionBoundary:w,collisionPadding:x,sticky:h,hideWhenDetached:i,avoidCollisions:m}:{};return r.createElement(kt,{scope:t,content:$,viewport:y,onViewportChange:j,itemRefCallback:Me,selectedItem:N,onItemLeave:Oe,itemTextRefCallback:ce,focusSelectedItem:Y,selectedItemText:W,position:o,isPositioned:X,searchRef:Ne},r.createElement(io,{as:Ue,allowPinchZoom:!0},r.createElement(hn,{asChild:!0,trapped:f.open,onMountAutoFocus:C=>{C.preventDefault()},onUnmountAutoFocus:O(c,C=>{var P;(P=f.trigger)===null||P===void 0||P.focus({preventScroll:!0}),C.preventDefault()})},r.createElement(Jt,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:s,onPointerDownOutside:l,onFocusOutside:C=>C.preventDefault(),onDismiss:()=>f.onOpenChange(!1)},r.createElement(be,I({role:"listbox",id:f.contentId,"data-state":f.open?"open":"closed",dir:f.dir,onContextMenu:C=>C.preventDefault()},p,fe,{onPlaced:()=>Z(!0),ref:T,style:{display:"flex",flexDirection:"column",outline:"none",...p.style},onKeyDown:O(p.onKeyDown,C=>{const P=C.ctrlKey||C.altKey||C.metaKey;if(C.key==="Tab"&&C.preventDefault(),!P&&C.key.length===1&&he(C.key),["ArrowUp","ArrowDown","Home","End"].includes(C.key)){let A=K().filter(R=>!R.disabled).map(R=>R.ref.current);if(["ArrowUp","End"].includes(C.key)&&(A=A.slice().reverse()),["ArrowUp","ArrowDown"].includes(C.key)){const R=C.target,_=A.indexOf(R);A=A.slice(_+1)}setTimeout(()=>U(A)),C.preventDefault()}})}))))))}),Io=r.forwardRef((e,n)=>{const{__scopeSelect:t,onPlaced:o,...c}=e,s=ne(de,t),l=oe(de,t),[a,d]=r.useState(null),[u,v]=r.useState(null),b=D(n,T=>v(T)),w=Te(t),x=r.useRef(!1),h=r.useRef(!0),{viewport:i,selectedItem:m,selectedItemText:p,focusSelectedItem:f}=l,$=r.useCallback(()=>{if(s.trigger&&s.valueNode&&a&&u&&i&&m&&p){const T=s.trigger.getBoundingClientRect(),N=u.getBoundingClientRect(),L=s.valueNode.getBoundingClientRect(),W=p.getBoundingClientRect();if(s.dir!=="rtl"){const R=W.left-N.left,_=L.left-R,B=T.left-_,H=T.width+B,ke=Math.max(H,N.width),De=window.innerWidth-z,Le=rt(_,[z,De-ke]);a.style.minWidth=H+"px",a.style.left=Le+"px"}else{const R=N.right-W.right,_=window.innerWidth-L.right-R,B=window.innerWidth-T.right-_,H=T.width+B,ke=Math.max(H,N.width),De=window.innerWidth-z,Le=rt(_,[z,De-ke]);a.style.minWidth=H+"px",a.style.right=Le+"px"}const te=w(),K=window.innerHeight-z*2,X=i.scrollHeight,Z=window.getComputedStyle(u),k=parseInt(Z.borderTopWidth,10),U=parseInt(Z.paddingTop,10),Y=parseInt(Z.borderBottomWidth,10),re=parseInt(Z.paddingBottom,10),Q=k+U+X+re+Y,Ne=Math.min(m.offsetHeight*5,Q),he=window.getComputedStyle(i),Me=parseInt(he.paddingTop,10),Oe=parseInt(he.paddingBottom,10),ce=T.top+T.height/2-z,be=K-ce,fe=m.offsetHeight/2,C=m.offsetTop+fe,P=k+U+C,V=Q-P;if(P<=ce){const R=m===te[te.length-1].ref.current;a.style.bottom="0px";const _=u.clientHeight-i.offsetTop-i.offsetHeight,B=Math.max(be,fe+(R?Oe:0)+_+Y),H=P+B;a.style.height=H+"px"}else{const R=m===te[0].ref.current;a.style.top="0px";const B=Math.max(ce,k+i.offsetTop+(R?Me:0)+fe)+V;a.style.height=B+"px",i.scrollTop=P-ce+i.offsetTop}a.style.margin=`${z}px 0`,a.style.minHeight=Ne+"px",a.style.maxHeight=K+"px",o==null||o(),requestAnimationFrame(()=>x.current=!0)}},[w,s.trigger,s.valueNode,a,u,i,m,p,s.dir,o]);q(()=>$(),[$]);const[E,y]=r.useState();q(()=>{u&&y(window.getComputedStyle(u).zIndex)},[u]);const j=r.useCallback(T=>{T&&h.current===!0&&($(),f==null||f(),h.current=!1)},[$,f]);return r.createElement(Ro,{scope:t,contentWrapper:a,shouldExpandOnScrollRef:x,onScrollButtonChange:j},r.createElement("div",{ref:d,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:E}},r.createElement(M.div,I({},c,{ref:b,style:{boxSizing:"border-box",maxHeight:"100%",...c.style}}))))}),vt=r.forwardRef((e,n)=>{const{__scopeSelect:t,align:o="start",collisionPadding:c=z,...s}=e,l=Xe(t);return r.createElement(tn,I({},l,s,{ref:n,align:o,collisionPadding:c,style:{boxSizing:"border-box",...s.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}}))}),[Ro,Ze]=ue(de,{}),ht="SelectViewport",_o=r.forwardRef((e,n)=>{const{__scopeSelect:t,...o}=e,c=oe(ht,t),s=Ze(ht,t),l=D(n,c.onViewportChange),a=r.useRef(0);return r.createElement(r.Fragment,null,r.createElement("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"}}),r.createElement(_e.Slot,{scope:t},r.createElement(M.div,I({"data-radix-select-viewport":"",role:"presentation"},o,{ref:l,style:{position:"relative",flex:1,overflow:"auto",...o.style},onScroll:O(o.onScroll,d=>{const u=d.currentTarget,{contentWrapper:v,shouldExpandOnScrollRef:b}=s;if(b!=null&&b.current&&v){const w=Math.abs(a.current-u.scrollTop);if(w>0){const x=window.innerHeight-z*2,h=parseFloat(v.style.minHeight),i=parseFloat(v.style.height),m=Math.max(h,i);if(m<x){const p=m+w,f=Math.min(x,p),$=p-f;v.style.height=f+"px",v.style.bottom==="0px"&&(u.scrollTop=$>0?$:0,v.style.justifyContent="flex-end")}}}a.current=u.scrollTop})}))))}),To="SelectGroup",[Po,Ao]=ue(To),No=r.forwardRef((e,n)=>{const{__scopeSelect:t,...o}=e,c=me();return r.createElement(Po,{scope:t,id:c},r.createElement(M.div,I({role:"group","aria-labelledby":c},o,{ref:n})))}),Mo="SelectLabel",Oo=r.forwardRef((e,n)=>{const{__scopeSelect:t,...o}=e,c=Ao(Mo,t);return r.createElement(M.div,I({id:c.id},o,{ref:n}))}),ze="SelectItem",[ko,Dt]=ue(ze),Do=r.forwardRef((e,n)=>{const{__scopeSelect:t,value:o,disabled:c=!1,textValue:s,...l}=e,a=ne(ze,t),d=oe(ze,t),u=a.value===o,[v,b]=r.useState(s??""),[w,x]=r.useState(!1),h=D(n,p=>{var f;return(f=d.itemRefCallback)===null||f===void 0?void 0:f.call(d,p,o,c)}),i=me(),m=()=>{c||(a.onValueChange(o),a.onOpenChange(!1))};if(o==="")throw new Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");return r.createElement(ko,{scope:t,value:o,disabled:c,textId:i,isSelected:u,onItemTextChange:r.useCallback(p=>{b(f=>{var $;return f||(($=p==null?void 0:p.textContent)!==null&&$!==void 0?$:"").trim()})},[])},r.createElement(_e.ItemSlot,{scope:t,value:o,disabled:c,textValue:v},r.createElement(M.div,I({role:"option","aria-labelledby":i,"data-highlighted":w?"":void 0,"aria-selected":u&&w,"data-state":u?"checked":"unchecked","aria-disabled":c||void 0,"data-disabled":c?"":void 0,tabIndex:c?void 0:-1},l,{ref:h,onFocus:O(l.onFocus,()=>x(!0)),onBlur:O(l.onBlur,()=>x(!1)),onPointerUp:O(l.onPointerUp,m),onPointerMove:O(l.onPointerMove,p=>{if(c){var f;(f=d.onItemLeave)===null||f===void 0||f.call(d)}else p.currentTarget.focus({preventScroll:!0})}),onPointerLeave:O(l.onPointerLeave,p=>{if(p.currentTarget===document.activeElement){var f;(f=d.onItemLeave)===null||f===void 0||f.call(d)}}),onKeyDown:O(l.onKeyDown,p=>{var f;((f=d.searchRef)===null||f===void 0?void 0:f.current)!==""&&p.key===" "||(fo.includes(p.key)&&m(),p.key===" "&&p.preventDefault())})}))))}),Se="SelectItemText",Lo=r.forwardRef((e,n)=>{const{__scopeSelect:t,className:o,style:c,...s}=e,l=ne(Se,t),a=oe(Se,t),d=Dt(Se,t),u=ho(Se,t),[v,b]=r.useState(null),w=D(n,p=>b(p),d.onItemTextChange,p=>{var f;return(f=a.itemTextRefCallback)===null||f===void 0?void 0:f.call(a,p,d.value,d.disabled)}),x=v==null?void 0:v.textContent,h=r.useMemo(()=>r.createElement("option",{key:d.value,value:d.value,disabled:d.disabled},x),[d.disabled,d.value,x]),{onNativeOptionAdd:i,onNativeOptionRemove:m}=u;return q(()=>(i(h),()=>m(h)),[i,m,h]),r.createElement(r.Fragment,null,r.createElement(M.span,I({id:d.textId},s,{ref:w})),d.isSelected&&l.valueNode&&!l.valueNodeHasChildren?St.createPortal(s.children,l.valueNode):null)}),jo="SelectItemIndicator",Vo=r.forwardRef((e,n)=>{const{__scopeSelect:t,...o}=e;return Dt(jo,t).isSelected?r.createElement(M.span,I({"aria-hidden":!0},o,{ref:n})):null}),bt="SelectScrollUpButton",Fo=r.forwardRef((e,n)=>{const t=oe(bt,e.__scopeSelect),o=Ze(bt,e.__scopeSelect),[c,s]=r.useState(!1),l=D(n,o.onScrollButtonChange);return q(()=>{if(t.viewport&&t.isPositioned){let d=function(){const u=a.scrollTop>0;s(u)};const a=t.viewport;return d(),a.addEventListener("scroll",d),()=>a.removeEventListener("scroll",d)}},[t.viewport,t.isPositioned]),c?r.createElement(Lt,I({},e,{ref:l,onAutoScroll:()=>{const{viewport:a,selectedItem:d}=t;a&&d&&(a.scrollTop=a.scrollTop-d.offsetHeight)}})):null}),$t="SelectScrollDownButton",Bo=r.forwardRef((e,n)=>{const t=oe($t,e.__scopeSelect),o=Ze($t,e.__scopeSelect),[c,s]=r.useState(!1),l=D(n,o.onScrollButtonChange);return q(()=>{if(t.viewport&&t.isPositioned){let d=function(){const u=a.scrollHeight-a.clientHeight,v=Math.ceil(a.scrollTop)<u;s(v)};const a=t.viewport;return d(),a.addEventListener("scroll",d),()=>a.removeEventListener("scroll",d)}},[t.viewport,t.isPositioned]),c?r.createElement(Lt,I({},e,{ref:l,onAutoScroll:()=>{const{viewport:a,selectedItem:d}=t;a&&d&&(a.scrollTop=a.scrollTop+d.offsetHeight)}})):null}),Lt=r.forwardRef((e,n)=>{const{__scopeSelect:t,onAutoScroll:o,...c}=e,s=oe("SelectScrollButton",t),l=r.useRef(null),a=Te(t),d=r.useCallback(()=>{l.current!==null&&(window.clearInterval(l.current),l.current=null)},[]);return r.useEffect(()=>()=>d(),[d]),q(()=>{var u;const v=a().find(b=>b.ref.current===document.activeElement);v==null||(u=v.ref.current)===null||u===void 0||u.scrollIntoView({block:"nearest"})},[a]),r.createElement(M.div,I({"aria-hidden":!0},c,{ref:n,style:{flexShrink:0,...c.style},onPointerDown:O(c.onPointerDown,()=>{l.current===null&&(l.current=window.setInterval(o,50))}),onPointerMove:O(c.onPointerMove,()=>{var u;(u=s.onItemLeave)===null||u===void 0||u.call(s),l.current===null&&(l.current=window.setInterval(o,50))}),onPointerLeave:O(c.onPointerLeave,()=>{d()})}))});function jt(e){return e===""||e===void 0}const Vt=r.forwardRef((e,n)=>{const{value:t,...o}=e,c=r.useRef(null),s=D(n,c),l=Cn(t);return r.useEffect(()=>{const a=c.current,d=window.HTMLSelectElement.prototype,v=Object.getOwnPropertyDescriptor(d,"value").set;if(l!==t&&v){const b=new Event("change",{bubbles:!0});v.call(a,t),a.dispatchEvent(b)}},[l,t]),r.createElement(en,{asChild:!0},r.createElement("select",I({},o,{ref:s,defaultValue:t})))});Vt.displayName="BubbleSelect";function Ft(e){const n=Ge(e),t=r.useRef(""),o=r.useRef(0),c=r.useCallback(l=>{const a=t.current+l;n(a),function d(u){t.current=u,window.clearTimeout(o.current),u!==""&&(o.current=window.setTimeout(()=>d(""),1e3))}(a)},[n]),s=r.useCallback(()=>{t.current="",window.clearTimeout(o.current)},[]);return r.useEffect(()=>()=>window.clearTimeout(o.current),[]),[t,c,s]}function Bt(e,n,t){const c=n.length>1&&Array.from(n).every(u=>u===n[0])?n[0]:n,s=t?e.indexOf(t):-1;let l=Ho(e,Math.max(s,0));c.length===1&&(l=l.filter(u=>u!==t));const d=l.find(u=>u.textValue.toLowerCase().startsWith(c.toLowerCase()));return d!==t?d:void 0}function Ho(e,n){return e.map((t,o)=>e[(n+o)%e.length])}const Wo=bo,Ko=go,Uo=wo,Go=So,Yo=Co,zo=Eo,qo=_o,Xo=No,Zo=Oo,Qo=Do,Jo=Lo,er=Vo,tr=Fo,nr=Bo,Ht="Collapsible",[or,Wt]=ye(Ht),[rr,Qe]=or(Ht),cr=r.forwardRef((e,n)=>{const{__scopeCollapsible:t,open:o,defaultOpen:c,disabled:s,onOpenChange:l,...a}=e,[d=!1,u]=pe({prop:o,defaultProp:c,onChange:l});return r.createElement(rr,{scope:t,disabled:s,contentId:me(),open:d,onOpenToggle:r.useCallback(()=>u(v=>!v),[u])},r.createElement(M.div,I({"data-state":Je(d),"data-disabled":s?"":void 0},a,{ref:n})))}),ar="CollapsibleTrigger",sr=r.forwardRef((e,n)=>{const{__scopeCollapsible:t,...o}=e,c=Qe(ar,t);return r.createElement(M.button,I({type:"button","aria-controls":c.contentId,"aria-expanded":c.open||!1,"data-state":Je(c.open),"data-disabled":c.disabled?"":void 0,disabled:c.disabled},o,{ref:n,onClick:O(e.onClick,c.onOpenToggle)}))}),Kt="CollapsibleContent",lr=r.forwardRef((e,n)=>{const{forceMount:t,...o}=e,c=Qe(Kt,e.__scopeCollapsible);return r.createElement(nn,{present:t||c.open},({present:s})=>r.createElement(ir,I({},o,{ref:n,present:s})))}),ir=r.forwardRef((e,n)=>{const{__scopeCollapsible:t,present:o,children:c,...s}=e,l=Qe(Kt,t),[a,d]=r.useState(o),u=r.useRef(null),v=D(n,u),b=r.useRef(0),w=b.current,x=r.useRef(0),h=x.current,i=l.open||a,m=r.useRef(i),p=r.useRef();return r.useEffect(()=>{const f=requestAnimationFrame(()=>m.current=!1);return()=>cancelAnimationFrame(f)},[]),q(()=>{const f=u.current;if(f){p.current=p.current||{transitionDuration:f.style.transitionDuration,animationName:f.style.animationName},f.style.transitionDuration="0s",f.style.animationName="none";const $=f.getBoundingClientRect();b.current=$.height,x.current=$.width,m.current||(f.style.transitionDuration=p.current.transitionDuration,f.style.animationName=p.current.animationName),d(o)}},[l.open,o]),r.createElement(M.div,I({"data-state":Je(l.open),"data-disabled":l.disabled?"":void 0,id:l.contentId,hidden:!i},s,{ref:v,style:{"--radix-collapsible-content-height":w?`${w}px`:void 0,"--radix-collapsible-content-width":h?`${h}px`:void 0,...e.style}}),i&&c)});function Je(e){return e?"open":"closed"}const dr=cr,ur=sr,fr=lr,ee="Accordion",pr=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[et,mr,vr]=Ct(ee),[Pe,zr]=ye(ee,[vr,Wt]),tt=Wt(),Ut=S.forwardRef((e,n)=>{const{type:t,...o}=e,c=o,s=o;return S.createElement(et.Provider,{scope:e.__scopeAccordion},t==="multiple"?S.createElement(gr,I({},s,{ref:n})):S.createElement($r,I({},c,{ref:n})))});Ut.propTypes={type(e){const n=e.value||e.defaultValue;return e.type&&!["single","multiple"].includes(e.type)?new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`."):e.type==="multiple"&&typeof n=="string"?new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`."):e.type==="single"&&Array.isArray(n)?new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`."):null}};const[Gt,hr]=Pe(ee),[Yt,br]=Pe(ee,{collapsible:!1}),$r=S.forwardRef((e,n)=>{const{value:t,defaultValue:o,onValueChange:c=()=>{},collapsible:s=!1,...l}=e,[a,d]=pe({prop:t,defaultProp:o,onChange:c});return S.createElement(Gt,{scope:e.__scopeAccordion,value:a?[a]:[],onItemOpen:d,onItemClose:S.useCallback(()=>s&&d(""),[s,d])},S.createElement(Yt,{scope:e.__scopeAccordion,collapsible:s},S.createElement(zt,I({},l,{ref:n}))))}),gr=S.forwardRef((e,n)=>{const{value:t,defaultValue:o,onValueChange:c=()=>{},...s}=e,[l=[],a]=pe({prop:t,defaultProp:o,onChange:c}),d=S.useCallback(v=>a((b=[])=>[...b,v]),[a]),u=S.useCallback(v=>a((b=[])=>b.filter(w=>w!==v)),[a]);return S.createElement(Gt,{scope:e.__scopeAccordion,value:l,onItemOpen:d,onItemClose:u},S.createElement(Yt,{scope:e.__scopeAccordion,collapsible:!0},S.createElement(zt,I({},s,{ref:n}))))}),[xr,Ae]=Pe(ee),zt=S.forwardRef((e,n)=>{const{__scopeAccordion:t,disabled:o,dir:c,orientation:s="vertical",...l}=e,a=S.useRef(null),d=D(a,n),u=mr(t),b=Et(c)==="ltr",w=O(e.onKeyDown,x=>{var h;if(!pr.includes(x.key))return;const i=x.target,m=u().filter(L=>{var W;return!((W=L.ref.current)!==null&&W!==void 0&&W.disabled)}),p=m.findIndex(L=>L.ref.current===i),f=m.length;if(p===-1)return;x.preventDefault();let $=p;const E=0,y=f-1,j=()=>{$=p+1,$>y&&($=E)},T=()=>{$=p-1,$<E&&($=y)};switch(x.key){case"Home":$=E;break;case"End":$=y;break;case"ArrowRight":s==="horizontal"&&(b?j():T());break;case"ArrowDown":s==="vertical"&&j();break;case"ArrowLeft":s==="horizontal"&&(b?T():j());break;case"ArrowUp":s==="vertical"&&T();break}const N=$%f;(h=m[N].ref.current)===null||h===void 0||h.focus()});return S.createElement(xr,{scope:t,disabled:o,direction:c,orientation:s},S.createElement(et.Slot,{scope:t},S.createElement(M.div,I({},l,{"data-orientation":s,ref:d,onKeyDown:o?void 0:w}))))}),qe="AccordionItem",[wr,nt]=Pe(qe),Sr=S.forwardRef((e,n)=>{const{__scopeAccordion:t,value:o,...c}=e,s=Ae(qe,t),l=hr(qe,t),a=tt(t),d=me(),u=o&&l.value.includes(o)||!1,v=s.disabled||e.disabled;return S.createElement(wr,{scope:t,open:u,disabled:v,triggerId:d},S.createElement(dr,I({"data-orientation":s.orientation,"data-state":qt(u)},a,c,{ref:n,disabled:v,open:u,onOpenChange:b=>{b?l.onItemOpen(o):l.onItemClose(o)}})))}),Cr="AccordionHeader",Er=S.forwardRef((e,n)=>{const{__scopeAccordion:t,...o}=e,c=Ae(ee,t),s=nt(Cr,t);return S.createElement(M.h3,I({"data-orientation":c.orientation,"data-state":qt(s.open),"data-disabled":s.disabled?"":void 0},o,{ref:n}))}),gt="AccordionTrigger",yr=S.forwardRef((e,n)=>{const{__scopeAccordion:t,...o}=e,c=Ae(ee,t),s=nt(gt,t),l=br(gt,t),a=tt(t);return S.createElement(et.ItemSlot,{scope:t},S.createElement(ur,I({"aria-disabled":s.open&&!l.collapsible||void 0,"data-orientation":c.orientation,id:s.triggerId},a,o,{ref:n})))}),Ir="AccordionContent",Rr=S.forwardRef((e,n)=>{const{__scopeAccordion:t,...o}=e,c=Ae(ee,t),s=nt(Ir,t),l=tt(t);return S.createElement(fr,I({role:"region","aria-labelledby":s.triggerId,"data-orientation":c.orientation},l,o,{ref:n,style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)",...e.style}}))});function qt(e){return e?"open":"closed"}const _r=Ut,Tr=Sr,Pr=Er,Ar=yr,Nr=Rr,Mr=({title:e,children:n,variant:t,icon:o,forceMount:c=!1})=>{const s=()=>{switch(t){case"changed":return g.jsx(F,{name:"Modified","aria-label":"Modified",className:"text-[#fb923c]"});case"renamed":return g.jsx(F,{name:"Renamed","aria-label":"Renamed",className:"text-[#fb923c]"});case"added":return g.jsx(F,{name:"Added","aria-label":"Added",className:"text-[#10b981]"});case"deleted":return g.jsx(F,{name:"Deleted","aria-label":"Deleted",className:"text-[#ef4444]"});default:return g.jsx(F,{name:"Modified","aria-label":"Modified",className:"text-[#fb923c]"})}},l=()=>{switch(t){case"changed":return"modified";default:return t}},a=e.replace(/\\\\/g,"\\");return g.jsxs(Tr,{value:e,children:[g.jsxs(kr,{variant:l(),children:[o||s()," ",a]}),g.jsx(Dr,{forceMount:c,className:ve("prose max-w-none whitespace-pre-wrap dark:prose-invert prose-pre:m-0 prose-pre:mb-1 prose-pre:rounded-none",{"radix-state-closed:hidden":c}),children:n})]})},Or=Mr,kr=r.forwardRef(({children:e,className:n,variant:t,...o},c)=>g.jsx(Pr,{className:"flex",asChild:!0,children:g.jsxs(Ar,{className:ve("group flex w-full items-center justify-between border-b p-4 pr-3 font-mono text-sm font-medium leading-none hover:bg-foreground/20",n),...o,ref:c,children:[g.jsx("div",{className:"flex items-center gap-1.5",children:e}),g.jsxs("div",{className:"flex items-center gap-2",children:[g.jsx("span",{className:"font-mono text-xs font-normal uppercase text-muted-foreground",children:t}),g.jsx(F,{name:"TriangleDownSmall",className:"transition group-radix-state-open:rotate-180","aria-hidden":!0})]})]})})),Dr=r.forwardRef(({children:e,className:n,...t},o)=>g.jsx(Nr,{className:ve("",n),...t,ref:o,children:g.jsx("div",{children:e})})),Lr=e=>g.jsx("pre",{...e}),jr={Accordion:Or,pre:Lr};function qr({diff:e,allApps:n}){const t=rn(),[o]=cn(),c=new URLSearchParams(o);c.set("forceFresh","diff");const s=Xt(),l=dn.useSpinDelay(s.state!=="idle",{delay:0,minDuration:1e3}),a=[];for(const[d,u]of o.entries())d==="app1"||d==="app2"||a.push(g.jsx("input",{type:"hidden",name:d,value:u},d));return g.jsx(r.Suspense,{fallback:g.jsx("div",{className:"flex items-center justify-center p-8",children:g.jsx(ot,{content:"Loading diff",children:g.jsx(F,{name:"Refresh",className:"animate-spin"})})}),children:g.jsx(an,{resolve:e,errorElement:g.jsx("p",{className:"p-6 text-foreground-danger",children:"There was an error calculating the diff. Sorry."}),children:d=>g.jsxs("div",{className:"flex h-full w-full flex-col",children:[g.jsxs("div",{className:"flex h-14 min-h-14 w-full overflow-x-hidden border-b",children:[g.jsx("div",{className:"border-r",children:g.jsx(ot,{content:"Reload diff",children:g.jsx(sn,{to:`.?${c}`,className:"flex h-full w-14 items-center justify-center",children:g.jsx(F,{name:"Refresh",className:un({"animate-spin":l})})})})}),g.jsxs(ln,{onChange:u=>t(u.currentTarget),className:"flex h-full flex-1 items-center overflow-x-auto scrollbar-thin scrollbar-thumb-scrollbar",children:[a,g.jsx(xt,{name:"app1",label:"App 1",className:"border-r",allApps:n,defaultValue:d.app1}),g.jsx(xt,{name:"app2",label:"App 2",allApps:n,defaultValue:d.app2})]},`${d.app1}${d.app2}`)]}),g.jsx("div",{className:"flex-grow overflow-y-scroll scrollbar-thin scrollbar-thumb-scrollbar",children:d.diffCode?g.jsx("div",{children:g.jsx(_r,{className:"w-full",type:"multiple",children:g.jsx(fn,{code:d.diffCode,components:jr})})}):d.app1&&d.app2?g.jsx("p",{className:"m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background",children:"There was a problem generating the diff"}):g.jsx("p",{className:"m-5 inline-flex items-center justify-center bg-foreground px-1 py-0.5 font-mono text-sm uppercase text-background",children:"Select two apps to compare"})})]})})})}function xt({name:e,label:n,className:t,allApps:o,defaultValue:c}){return g.jsxs(Wo,{name:e,defaultValue:c,children:[g.jsxs(Ko,{className:ve("flex h-full w-full max-w-[50%] items-center justify-between px-3 text-left radix-placeholder:text-gray-500 focus-visible:outline-none",t),"aria-label":`Select ${n} for git Diff`,children:[g.jsxs("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap",children:[n,":"," ",g.jsx(Fr,{placeholder:`Select ${n}`,className:"inline-block w-40 text-ellipsis"})]}),g.jsx(Go,{className:"",children:g.jsx(F,{name:"TriangleDownSmall"})})]}),g.jsx(Yo,{children:g.jsxs(zo,{position:"popper",align:"start",className:"z-20 max-h-[50vh] bg-black text-white lg:max-h-[70vh]",children:[g.jsx(tr,{className:"flex h-5 cursor-default items-center justify-center ",children:g.jsx(F,{name:"ChevronUp"})}),g.jsx(qo,{className:"p-3",children:g.jsxs(Xo,{children:[g.jsx(Zo,{className:"px-5 pb-3 font-mono uppercase",children:n}),o.map(s=>g.jsx(Vr,{value:s.name,children:s.displayName},s.name))]})}),g.jsx(nr,{className:"flex h-5 cursor-default items-center justify-center ",children:g.jsx(F,{name:"ChevronDown"})})]})})]})}const Vr=S.forwardRef(({children:e,className:n,...t},o)=>g.jsxs(Qo,{className:ve("relative flex  cursor-pointer select-none items-center rounded px-10 py-2 leading-none opacity-80 radix-disabled:text-red-500 radix-highlighted:opacity-100 radix-highlighted:outline-none radix-state-checked:opacity-100",n),...t,ref:o,children:[g.jsx(Jo,{children:e}),g.jsx(er,{className:"absolute left-0 inline-flex w-[25px] items-center justify-center",children:g.jsx(F,{name:"CheckSmall"})})]})),Fr=S.forwardRef(({children:e,className:n,...t},o)=>g.jsx(Uo,{...t,ref:o,children:t.value}));export{Ct as $,Or as A,qr as D,Et as a,Wo as b,Ko as c,Uo as d,Go as e,Yo as f,zo as g,tr as h,qo as i,Xo as j,Zo as k,nr as l,Qo as m,Jo as n,er as o,_r as p,pn as q,Rn as r,io as s,vn as t,hn as u};
+//# sourceMappingURL=diff-MSYB00VZ.js.map