@slabui/theme-react 0.5.0 → 0.5.1

package/dist/editor/index.mjs

@@ -73,7 +73,7 @@ let i=r(({className:r,...i},a)=>n(In,{ref:a,iconNode:t,className:On(`lucide-${kn
 */
 ;function Bn({className:e,...t}){return/* @__PURE__ */ p(Rn,{role:`status`,"aria-label":`Loading`,className:J(`size-4 animate-spin`,e),...t})}const Vn=Le([`group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent text-xs/relaxed font-medium whitespace-nowrap transition-all select-none active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,`outline outline-0 outline-transparent focus-visible:outline-[calc(var(--focus-size))] focus-visible:outline-focus/50 focus-visible:outline-offset-[calc(var(--focus-offset))]`,`aria-invalid:outline-[calc(var(--focus-size))] aria-invalid:outline-offset-[calc(var(--focus-offset))] aria-invalid:outline-danger/80`],{variants:{variant:{default:`bg-primary text-primary-foreground hover:bg-primary/80`,blend:`bg-primary/15 border border-primary/50 text-primary hover:bg-primary/20 active:bg-primary/25`,outline:`border-border hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-input/30`,secondary:`bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground`,ghost:`hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50`,danger:`bg-danger/10 text-danger hover:bg-danger/20 focus-visible:border-danger/40 focus-visible:ring-danger/20 dark:bg-danger/20 dark:hover:bg-danger/30 dark:focus-visible:ring-danger/40`,success:`bg-success/10 text-success hover:bg-success/20 focus-visible:border-success/40 focus-visible:ring-success/20 dark:bg-success/20 dark:hover:bg-success/30 dark:focus-visible:ring-success/40`,warning:`bg-warning/10 text-warning hover:bg-warning/20 focus-visible:border-warning/40 focus-visible:ring-warning/20 dark:bg-warning/20 dark:hover:bg-warning/30 dark:focus-visible:ring-warning/40`,inverted:`bg-inverted text-inverted-foreground hover:bg-inverted/90 active:bg-inverted/80`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-7.5 gap-1 px-2.5 text-2xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3.5`,xs:`h-5.5 gap-1 rounded-sm px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-2.5`,sm:`h-6.5 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3`,lg:`h-8.5 gap-1 px-3 text-sm/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2.5 [&_svg:not([class*='size-'])]:size-4`,icon:`size-7.5 [&_svg:not([class*='size-'])]:size-3.5`,"icon-xs":`size-5.5 rounded-sm [&_svg:not([class*='size-'])]:size-2.5`,"icon-sm":`size-6.5 [&_svg:not([class*='size-'])]:size-3`,"icon-lg":`size-8.5 [&_svg:not([class*='size-'])]:size-4`}},defaultVariants:{variant:`default`,size:`default`}});function Z({className:e,variant:t=`default`,size:n=`default`,loading:r=!1,loadingPosition:i=`start`,disabled:a,children:o,...s}){let c=r&&n&&[`icon`,`icon-xs`,`icon-sm`,`icon-lg`].includes(n);return/* @__PURE__ */ m(Dn,{"data-slot":`button`,disabled:a||r,"aria-busy":r||void 0,className:J(Vn({variant:t,size:n,className:e})),...s,children:[r&&/* @__PURE__ */ p(Bn,{className:J(i===`start`?`order-0`:`order-1`)}),!c&&o]})}const Hn=`rounded-md px-2 py-1.5 text-left hover:bg-muted focus-visible:bg-muted focus-visible:outline-none`;function Un({account:e,waiting:t,onSignIn:n,onSignOut:r}){let[i,a]=d(!1);if(e.status===`loading`||e.status===`disabled`)return null;if(e.status===`signed-out`)return/* @__PURE__ */ p(Z,{disabled:t,onClick:n,size:`sm`,children:t?`Waiting for the browser…`:`Sign in`});let o=e.status===`pro`,s=e.name??`SlabUI account`;return/* @__PURE__ */ m(`div`,{className:`relative`,children:[/* @__PURE__ */ m(`button`,{"aria-expanded":i,"aria-haspopup":`menu`,className:`flex h-8 items-center gap-2 rounded-lg border px-1.5 pr-2 hover:bg-muted`,onClick:()=>a(e=>!e),type:`button`,children:[e.image?/* @__PURE__ */ p(`img`,{alt:``,className:`size-5 rounded-full`,src:e.image}):/* @__PURE__ */ p(`span`,{className:`grid size-5 place-items-center rounded-full bg-muted font-medium text-[0.65rem]`,children:s.slice(0,1).toUpperCase()}),/* @__PURE__ */ p(`span`,{className:`max-w-32 truncate`,children:s}),/* @__PURE__ */ p(en,{variant:o?`blend`:`outline`,children:e.status===`offline`?`Offline`:o?`Pro`:`Free`})]}),i&&/* @__PURE__ */ m(f,{children:[/* @__PURE__ */ p(`button`,{"aria-label":`Close the menu`,className:`fixed inset-0 cursor-default`,onClick:()=>a(!1),type:`button`}),/* @__PURE__ */ m(`div`,{className:`absolute top-full right-0 z-10 mt-1 flex w-56 flex-col rounded-lg border bg-popover p-1 text-popover-foreground shadow-md`,role:`menu`,children:[/* @__PURE__ */ m(`p`,{className:`px-2 py-1.5 text-muted-foreground`,children:[`Plan: `,e.plan??(o?`Pro`:`Free`),e.status===`offline`&&` (can't reach the site)`]}),/* @__PURE__ */ p(`a`,{className:Hn,href:`${e.site}/account`,rel:`noreferrer`,role:`menuitem`,target:`_blank`,children:`Manage account`}),!o&&/* @__PURE__ */ p(`a`,{className:`${Hn} font-medium text-primary`,href:`${e.site}/pricing`,rel:`noreferrer`,role:`menuitem`,target:`_blank`,children:`Get Pro`}),/* @__PURE__ */ p(`button`,{className:Hn,onClick:()=>{a(!1),r()},role:`menuitem`,type:`button`,children:`Sign out`})]})]})]})}function Wn({feature:e,site:t}){return/* @__PURE__ */ m(`div`,{className:`flex flex-col items-start gap-2 rounded-lg border border-dashed p-4`,children:[/* @__PURE__ */ m(`div`,{className:`flex items-center gap-2 font-medium`,children:[e,` `,/* @__PURE__ */ p(en,{variant:`blend`,children:`Pro`})]}),/* @__PURE__ */ p(`p`,{className:`text-muted-foreground`,children:`Available with a SlabUI Pro subscription.`}),t&&/* @__PURE__ */ p(`a`,{className:`font-medium text-primary hover:underline`,href:`${t}/pricing`,rel:`noreferrer`,target:`_blank`,children:`See the plans`})]})}const Gn=String.raw`[+-]?(?:\d+\.?\d*|\.\d+)`,Kn=new RegExp(String.raw`^oklch\(\s*(${Gn})(%?)\s+(${Gn})(%?)\s+(${Gn}|none)(?:deg)?\s*(?:/\s*(${Gn})(%?))?\s*\)$`,`i`);function qn(e){let t=e?.trim().match(Kn);if(!t)return;let[,n,r,i,a,o,s,c]=t;return{l:Number(n)/(r?100:1),c:a?Number(i)/100*.4:Number(i),h:o===`none`?0:Number(o),alpha:s===void 0?1:Number(s)/(c?100:1)}}const Jn=(e,t)=>Number(e.toFixed(t));function Yn({l:e,c:t,h:n,alpha:r}){let i=`oklch(${Jn(e,3)} ${Jn(t,4)} ${Jn(n,2)}`;return r<1?`${i} / ${Jn(r*100,1)}%)`:`${i})`}function Xn({l:e,c:t,h:n}){let r=t*Math.cos(n*Math.PI/180),i=t*Math.sin(n*Math.PI/180),a=(e+.3963377774*r+.2158037573*i)**3,o=(e-.1055613458*r-.0638541728*i)**3,s=(e-.0894841775*r-1.291485548*i)**3;return[4.0767416621*a-3.3077115913*o+.2309699292*s,-1.2684380046*a+2.6097574011*o-.3413193965*s,-.0041960863*a-.7034186147*o+1.707614701*s]}function Zn(e){let t=e.trim().match(/^#([\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$/i)?.[1];if(!t)return;let n=t.length<=4?[...t].map(e=>e+e).join(``):t,r=e=>Number.parseInt(n.slice(e,e+2),16)/255,i=e=>{let t=r(e);return t<=.04045?t/12.92:((t+.055)/1.055)**2.4};return{rgb:[i(0),i(2),i(4)],alpha:n.length===8?r(6):1}}const Qn=String.raw`[+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?`,$n=/^(rgba?|hsla?)\(\s*([^)]*)\)$/i;function er(e){let t=e.trim().match($n);if(!t)return;let[,n,r]=t,[i=``,a]=r.includes(`/`)?r.split(`/`):[r,void 0],o=i.split(/\s*,\s*|\s+/).filter(Boolean),s=r.includes(`,`)&&o.length===4,c=s?o.slice(0,3):o,l=s?o[3]:a?.trim(),u=RegExp(`^(${Qn})(%|deg|grad|rad|turn)?$|^none$`,`i`),d=e=>{let t=e?.match(u);if(t)return{number:Number(t[1]??0),unit:t[2]?.toLowerCase()}},f=c.map(d);if(f.length!==3||f.some(e=>e===void 0))return;let p=l===void 0?void 0:d(l);if(l!==void 0&&!p)return;let m=p?p.number/(p.unit===`%`?100:1):1;return{hsl:n.toLowerCase().startsWith(`hsl`),values:f,alpha:Math.min(Math.max(m,0),1)}}function tr(e){let t=er(e);if(!t)return;let n=e=>Math.min(Math.max(e,0),1),r;if(t.hsl){let[e,i,a]=t.values,o={deg:1,grad:.9,rad:180/Math.PI,turn:360},s=(e.number*(o[e.unit??`deg`]??1)%360+360)%360/30,c=n(i.number/100),l=n(a.number/100),u=c*Math.min(l,1-l),d=e=>{let t=(e+s)%12;return l-u*Math.max(-1,Math.min(t-3,9-t,1))};r=[d(0),d(8),d(4)]}else r=t.values.map(({number:e,unit:t})=>n(t===`%`?e/100:e/255));return{rgb:r.map(ir),alpha:t.alpha}}const nr=e=>Zn(e)??tr(e);function rr(e){let t=Math.min(Math.max(e,0),1);return t<=.0031308?t*12.92:1.055*t**(1/2.4)-.055}const ir=e=>e<=.04045?e/12.92:((e+.055)/1.055)**2.4;function ar(e){let t=qn(e),n=t?{rgb:Xn(t),alpha:t.alpha}:nr(e);if(n)return{rgb:n.rgb.map(rr),alpha:n.alpha}}function or(e,t){let n=e.alpha+t.alpha*(1-e.alpha);return n===0?{rgb:[0,0,0],alpha:0}:{rgb:e.rgb.map((r,i)=>(r*e.alpha+t.rgb[i]*t.alpha*(1-e.alpha))/n),alpha:n}}const sr=({rgb:[e,t,n]})=>.2126*ir(e)+.7152*ir(t)+.0722*ir(n);function cr(e){let t=nr(e);if(!t)return;let[n,r,i]=t.rgb,a=Math.cbrt(.4122214708*n+.5363325363*r+.0514459929*i),o=Math.cbrt(.2119034982*n+.6806995451*r+.1073969566*i),s=Math.cbrt(.0883024619*n+.2817188376*r+.6299787005*i),c=.2104542553*a+.793617785*o-.0040720468*s,l=1.9779984951*a-2.428592205*o+.4505937099*s,u=.0259040371*a+.7827717662*o-.808675766*s,d=Math.hypot(l,u),f=d<2e-4,p=Math.atan2(u,l)*180/Math.PI;return{l:c,c:f?0:d,h:f?0:(p+360)%360,alpha:t.alpha}}const lr=e=>Zn(e)?cr(e):void 0,ur=e=>e===void 0?void 0:qn(e)??cr(e);function dr(e){let t=e=>Math.round(Math.min(Math.max(e,0),1)*255).toString(16).padStart(2,`0`),n=Xn(e).map(rr),r=e.alpha<1?t(e.alpha):``;return`#${n.map(t).join(``)}${r}`}function fr(e,t,n){let r=ar(e),i=ar(t);if(!r||!i)return;let a=n?ar(n):void 0;i.alpha<1&&a&&(i=or(i,{...a,alpha:1})),i={...i,alpha:1};let o=sr(or(r,i)),s=sr(i),[c,l]=o>s?[o,s]:[s,o];return(c+.05)/(l+.05)}function pr(e,t){return(e=>e===`foreground`||e.endsWith(`-foreground`))(e)?{text:e,back:t}:{text:t,back:e}}function mr(e){return e?.trim().match(/^var\(\s*--([\w-]+)\s*(?:,[^)]*)?\)$/)?.[1]}function hr(e,t){let n=[],r=e;for(;r!==void 0;){if(n.includes(r))return{names:n,cycle:!0};n.push(r),r=mr(t[r])}return{names:n,cycle:!1}}function gr(e,t){let{names:n,cycle:r}=hr(e,t);return r?void 0:t[n[n.length-1]]}function _r(e,t){if(e===`background`&&t.has(`foreground`))return`foreground`;if(e===`foreground`&&t.has(`background`))return`background`;if(e.endsWith(`-foreground`)){let n=e.slice(0,-11);return t.has(n)?n:void 0}return t.has(`${e}-foreground`)?`${e}-foreground`:void 0}const vr=e=>e>=7?`AAA`:e>=4.5?`AA`:`Low`;let yr=/*#__PURE__*/ function(e){return e.disabled=`data-disabled`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.filled=`data-filled`,e.focused=`data-focused`,e}({});const br={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:null,valueMissing:!1},xr={valid:null,touched:!1,dirty:!1,filled:!1,focused:!1},Sr={disabled:!1,...xr},Cr={valid(e){return e===null?null:e?{[yr.valid]:``}:{[yr.invalid]:``}}},wr={invalid:void 0,name:void 0,validityData:{state:br,errors:[],error:``,value:``,initialValue:null},setValidityData:_e,disabled:void 0,touched:xr.touched,setTouched:_e,dirty:xr.dirty,setDirty:_e,filled:xr.filled,setFilled:_e,focused:xr.focused,setFocused:_e,validate:()=>null,validationMode:`onSubmit`,validationDebounceTime:0,shouldValidateOnChange:()=>!1,state:Sr,markedDirtyRef:{current:!1},registerFieldControl:_e,validation:{getValidationProps:(e,t=ye)=>t,inputRef:{current:null},registerInput:_e,commit:async()=>{},change:_e}},Tr=/*#__PURE__*/ e.createContext(wr);process.env.NODE_ENV!==`production`&&(Tr.displayName=`FieldRootContext`);function Er(t=!0){let n=e.useContext(Tr);if(n.setValidityData===_e&&!t)throw Error(process.env.NODE_ENV===`production`?W(28):`Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.`);return n}const Dr=/*#__PURE__*/ e.createContext({formRef:{current:{fields:/* @__PURE__ */ new Map}},errors:{},clearErrors:_e,validationMode:`onSubmit`,submitAttemptedRef:{current:!1}});process.env.NODE_ENV!==`production`&&(Dr.displayName=`FormContext`);function Or(){return e.useContext(Dr)}let kr=0;function Ar(t,n=`mui`){let[r,i]=e.useState(t),a=t||r;return e.useEffect(()=>{r??(kr+=1,i(`${n}-${kr}`))},[r,n]),a}const jr=mn.useId;function Mr(e,t){if(jr!==void 0){let n=jr();return e??(t?`${t}-${n}`:n)}return Ar(e,t)}function Nr(e){return Mr(e,`base-ui`)}const Pr=/*#__PURE__*/ e.createContext({controlId:void 0,registerControlId:_e,labelId:void 0,setLabelId:_e,messageIds:[],setMessageIds:_e,getDescriptionProps:e=>e});process.env.NODE_ENV!==`production`&&(Pr.displayName=`LabelableContext`);function Fr(){return e.useContext(Pr)}function Ir(t={}){let{id:n,implicit:r=!1,controlRef:i}=t,{controlId:a,registerControlId:o}=Fr(),s=Nr(n),c=r?a:void 0,l=ae(()=>Symbol(`labelable-control`)),u=e.useRef(!1),d=e.useRef(n!=null),f=Y(()=>{u.current&&o!==_e&&(u.current=!1,o(l.current,void 0))});return X(()=>{if(o===_e)return;let e;if(r){let t=i?.current;e=sn(t)&&t.closest(`label`)!=null?n??null:c??s}else if(n!=null)d.current=!0,e=n;else if(d.current)e=s;else{f();return}e===void 0?f():(u.current=!0,o(l.current,e))},[n,i,c,o,r,s,l,f]),e.useEffect(()=>f,[f]),a??s}function Lr(e){return e?.ownerDocument||document}function Rr(){if(typeof navigator>`u`)return{userAgent:``,platform:``,maxTouchPoints:0};if(process.env.NODE_ENV!==`production`){let e=navigator.userAgentData;if(e&&Array.isArray(e.brands))return{userAgent:e.brands.map(({brand:e,version:t})=>`${e}/${t}`).join(` `),platform:e.platform??navigator.platform??``,maxTouchPoints:navigator.maxTouchPoints??0}}return{userAgent:navigator.userAgent,platform:navigator.platform??``,maxTouchPoints:navigator.maxTouchPoints??0}}const{userAgent:zr,platform:Br,maxTouchPoints:Vr}=Rr(),Hr=zr.toLowerCase(),Ur=Br.toLowerCase(),Wr=/^i(os$|p)/.test(Ur)||Ur===`macintel`&&Vr>1,Gr=`android`,Kr=Ur===Gr||Hr.includes(Gr),qr=!Wr&&Ur.startsWith(`mac`);Ur.startsWith(`win`),!Kr&&/^(linux|chrome os)/.test(Ur);const Jr=qr||Wr,Yr=typeof CSS<`u`&&!!CSS.supports?.(`-webkit-backdrop-filter:none`);!Yr&&Hr.includes(`firefox`),!Yr&&Hr.includes(`chrom`);const Xr=Jr,Zr=/jsdom|happydom/.test(Hr);function Qr(e){let t=e.activeElement;for(;t?.shadowRoot?.activeElement!=null;)t=t.shadowRoot.activeElement;return t}function Q(e,t){if(!e||!t)return!1;let n=t.getRootNode?.();if(e.contains(t))return!0;if(n&&ln(n)){let n=t;for(;n;){if(e===n)return!0;n=n.parentNode||n.host}}return!1}function $r(e){return`composedPath`in e?e.composedPath()[0]:e.target}function ei(e,t){if(t==null)return!1;if(`composedPath`in e)return e.composedPath().includes(t);let n=e;return n.target!=null&&t.contains(n.target)}function ti(e){return e.matches(`html,body`)}function ni(e){return cn(e)&&e.matches(`input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])`)}function ri(e){return e?e.getAttribute(`role`)===`combobox`&&ni(e):!1}function ii(e){if(!e||Zr)return!0;try{return e.matches(`:focus-visible`)}catch{return!0}}function ai(e){return e?e.hasAttribute(`data-base-ui-focusable`)?e:e.querySelector(`[data-base-ui-focusable]`)||e:null}function oi(e,t,n=!0){return e.filter(e=>e.parentId===t).flatMap(t=>[...!n||t.context?.open?[t]:[],...oi(e,t.id,n)])}function si(e,t){let n=[],r=e.find(e=>e.id===t)?.parentId;for(;r;){let t=e.find(e=>e.id===r);r=t?.parentId,t&&(n=n.concat(t))}return n}function ci(e){e.preventDefault(),e.stopPropagation()}function li(e){return`nativeEvent`in e}function ui(e){return e.pointerType===``&&e.isTrusted?!0:Kr&&e.pointerType?e.type===`click`&&e.buttons===1:e.detail===0&&!e.pointerType}function di(e){return Zr?!1:!Kr&&e.width===0&&e.height===0||Kr&&e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType===`mouse`||e.width<1&&e.height<1&&e.pressure===0&&e.detail===0&&e.pointerType===`touch`}function fi(e){let t=e.type;return t===`click`||t===`mousedown`||t===`keydown`||t===`keyup`}function pi(e,t){return t<0||t>=e.length}function mi(e,t){return gi(e.current,{disabledIndices:t})}function hi(e,t){return gi(e.current,{decrement:!0,startingIndex:e.current.length,disabledIndices:t})}function gi(e,{startingIndex:t=-1,decrement:n=!1,disabledIndices:r,amount:i=1}={}){let a=t;do a+=n?-i:i;while(a>=0&&a<=e.length-1&&_i(e,a,r));return a}function _i(e,t,n){if(typeof n==`function`?n(t):n?.includes(t)??!1)return!0;let r=e[t];return r?!yi(r)||!n&&(r.hasAttribute(`disabled`)||r.getAttribute(`aria-disabled`)===`true`):!1}function vi(e){return e.visibility===`hidden`||e.visibility===`collapse`}function yi(e,t=e?fn(e):null){return!e||!e.isConnected||!t||vi(t)?!1:typeof e.checkVisibility==`function`?e.checkVisibility():t.display!==`none`&&t.display!==`contents`}function bi(e){let t=e.assignedSlot;if(t)return t;if(e.parentElement)return e.parentElement;let n=e.getRootNode();return ln(n)?n.host:null}function xi(e){for(let t of Array.from(e.children))if(nn(t)===`summary`)return t;return null}function Si(e,t){let n=xi(t);return!!n&&(e===n||Q(n,e))}function Ci(e){let t=e?nn(e):``;return e!=null&&e.matches(`a[href],button,input,select,textarea,summary,details,iframe,object,embed,[tabindex],[contenteditable]:not([contenteditable="false"]),audio[controls],video[controls]`)&&(t!==`summary`||e.parentElement!=null&&nn(e.parentElement)===`details`&&xi(e.parentElement)===e)&&(t!==`details`||xi(e)==null)&&(t!==`input`||e.type!==`hidden`)}function wi(e){if(!Ci(e)||!e.isConnected||e.matches(`:disabled`))return!1;for(let t=e;t;t=bi(t)){let n=t!==e,r=nn(t)===`slot`;if(t.hasAttribute(`inert`)||n&&nn(t)===`details`&&!t.open&&!Si(e,t)||t.hasAttribute(`hidden`)||!r&&!Ti(t,n))return!1}return!0}function Ti(e,t){let n=fn(e);return t?n.display!==`none`:yi(e,n)}function Ei(e){let t=e.tabIndex;if(t<0){let t=nn(e);if(t===`details`||t===`audio`||t===`video`||cn(e)&&e.isContentEditable)return 0}return t}function Di(e){if(nn(e)!==`input`)return null;let t=e;return t.type===`radio`&&t.name!==``?t:null}function Oi(e,t){let n=Di(e);if(!n)return!0;let r=t.find(e=>{let t=Di(e);return t?.name===n.name&&t.form===n.form&&t.checked});return r?r===n:t.find(e=>{let t=Di(e);return t?.name===n.name&&t.form===n.form})===n}function ki(e){if(cn(e)&&nn(e)===`slot`){let t=e.assignedElements({flatten:!0});if(t.length>0)return t}return cn(e)&&e.shadowRoot?Array.from(e.shadowRoot.children):Array.from(e.children)}function Ai(e,t){ki(e).forEach(e=>{Ci(e)&&t.push(e),Ai(e,t)})}function ji(e,t,n){ki(e).forEach(e=>{cn(e)&&e.matches(t)&&n.push(e),ji(e,t,n)})}function Mi(e){return wi(e)&&Ei(e)>=0}function Ni(e){let t=[];return Ai(e,t),t.filter(wi)}function Pi(e){let t=Ni(e);return t.filter(e=>Ei(e)>=0&&Oi(e,t))}function Fi(e,t){let n=Pi(e),r=n.length;if(r===0)return;let i=Qr(Lr(e)),a=n.indexOf(i);return n[a===-1?t===1?0:r-1:a+t]}function Ii(e){return Fi(Lr(e).body,1)||e}function Li(e){return Fi(Lr(e).body,-1)||e}function Ri(e,t){let n=t||e.currentTarget,r=e.relatedTarget;return!r||!Q(n,r)}function zi(e){Pi(e).forEach(e=>{e.dataset.tabindex=e.getAttribute(`tabindex`)||``,e.setAttribute(`tabindex`,`-1`)})}function Bi(e){let t=[];ji(e,`[data-tabindex]`,t),t.forEach(e=>{let t=e.dataset.tabindex;delete e.dataset.tabindex,t?e.setAttribute(`tabindex`,t):e.removeAttribute(`tabindex`)})}const Vi=[];function Hi(t){e.useEffect(t,Vi)}var Ui=class e{static create(){return new e}currentId=0;start(e,t){this.clear(),this.currentId=setTimeout(()=>{this.currentId=0,t()},e)}isStarted(){return this.currentId!==0}clear=()=>{this.currentId!==0&&(clearTimeout(this.currentId),this.currentId=0)};disposeEffect=()=>this.clear};function Wi(){let e=ae(Ui.create).current;return Hi(e.disposeEffect),e}let Gi=globalThis.requestAnimationFrame;const Ki=new class{callbacks=[];callbacksCount=0;nextId=1;startId=1;isScheduled=!1;tick=e=>{this.isScheduled=!1;let t=this.callbacks,n=this.callbacksCount;if(this.callbacks=[],this.callbacksCount=0,this.startId=this.nextId,n>0)for(let n=0;n<t.length;n+=1)t[n]?.(e)};request(e){let t=this.nextId;this.nextId+=1,this.callbacks.push(e),this.callbacksCount+=1;let n=process.env.NODE_ENV!==`production`&&Gi!==requestAnimationFrame&&(Gi=requestAnimationFrame,!0);return(!this.isScheduled||n)&&(requestAnimationFrame(this.tick),this.isScheduled=!0),t}cancel(e){let t=e-this.startId;t<0||t>=this.callbacks.length||(this.callbacks[t]=null,--this.callbacksCount)}};var qi=class e{static create(){return new e}static request(e){return Ki.request(e)}static cancel(e){return Ki.cancel(e)}currentId=null;request(e){this.cancel(),this.currentId=Ki.request(()=>{this.currentId=null,e()})}cancel=()=>{this.currentId!==null&&(Ki.cancel(this.currentId),this.currentId=null)};disposeEffect=()=>this.cancel};function Ji(){let e=ae(qi.create).current;return Hi(e.disposeEffect),e}function Yi(e){return e==null?e:`current`in e?e.current:e}let Xi=/*#__PURE__*/ function(e){return e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({});const Zi={[Xi.startingStyle]:``},Qi={[Xi.endingStyle]:``},$i={transitionStatus(e){return e===`starting`?Zi:e===`ending`?Qi:null}};function ea(e,t=!1,n=!0){let r=Ji();return Y((i,a=null)=>{r.cancel();let o=Yi(e);if(o==null)return;let s=o,c=()=>{h.flushSync(i)};if(typeof s.getAnimations!=`function`||globalThis.BASE_UI_ANIMATIONS_DISABLED){i();return}function l(){Promise.all(s.getAnimations().map(e=>e.finished)).then(()=>{a?.aborted||c()}).catch(()=>{if(n){a?.aborted||c();return}let e=s.getAnimations();!a?.aborted&&e.length>0&&e.some(e=>e.pending||e.playState!==`finished`)&&l()})}if(t){let e=Xi.startingStyle;if(!s.hasAttribute(e)){r.request(l);return}let t=new MutationObserver(()=>{s.hasAttribute(e)||(t.disconnect(),l())});t.observe(s,{attributes:!0,attributeFilter:[e]}),a?.addEventListener(`abort`,()=>t.disconnect(),{once:!0})}else r.request(l)})}function ta(t){let{enabled:n=!0,open:r,ref:i,onComplete:a}=t,o=Y(a),s=ea(i,r,!1);e.useEffect(()=>{if(!n)return;let e=new AbortController;return s(o,e.signal),()=>{e.abort()}},[n,r,o,s])}function na(t,n=!1,r=!1){let[i,a]=e.useState(t&&n?`idle`:void 0),[o,s]=e.useState(t);return t&&!o&&(s(!0),a(`starting`)),!t&&o&&i!==`ending`&&!r&&a(`ending`),!t&&!o&&i===`ending`&&a(void 0),X(()=>{if(!t&&o&&i!==`ending`&&r){let e=qi.request(()=>{a(`ending`)});return()=>{qi.cancel(e)}}},[t,o,i,r]),X(()=>{if(!t||n)return;let e=qi.request(()=>{a(void 0)});return()=>{qi.cancel(e)}},[n,t]),X(()=>{if(!t||!n)return;t&&o&&i!==`idle`&&a(`starting`);let e=qi.request(()=>{a(`idle`)});return()=>{qi.cancel(e)}},[n,t,o,i]),{mounted:o,setMounted:s,transitionStatus:i}}function ra({controlled:t,default:n,name:r,state:i=`value`}){let{current:a}=e.useRef(t!==void 0),[o,s]=e.useState(n),c=a?t:o;if(process.env.NODE_ENV!==`production`){e.useEffect(()=>{a!==(t!==void 0)&&bn([`A component is changing the ${a?``:`un`}controlled ${i} state of ${r} to be ${a?`un`:``}controlled.`,`Elements should not switch from uncontrolled to controlled (or vice versa).`,`Decide between using a controlled or uncontrolled ${r} element for the lifetime of the component.`,"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.",`More info: https://fb.me/react-controlled-components`].join(`
 `))},[i,r,t]);let{current:o}=e.useRef(n);e.useEffect(()=>{!a&&ia(o)!==ia(n)&&bn([`A component is changing the default ${i} state of an uncontrolled ${r} after being initialized. To suppress this warning opt to use a controlled ${r}.`].join(`
-`))},[n])}return[c,e.useCallback(e=>{a||s(e)},[])]}function ia(e){let t=0,n=/* @__PURE__ */ new WeakMap;try{return JSON.stringify(e,function(e,r){if(!(e===`_owner`&&this!=null&&typeof this==`object`&&`$$typeof`in this)){if(typeof r==`bigint`)return`__bigint__:${r}`;if(typeof r==`object`&&r){let e=n.get(r);if(e!==void 0)return`__object__:${e}`;n.set(r,t),t+=1}return r}})??`__top__:${typeof e}`}catch{return`__unserializable__`}}function aa(t,n,r,i,a=!0,o){let{registerFieldControl:s}=Er(),c=e.useRef(null);c.current||=Symbol(),X(()=>{let e=c.current;if(e&&a)return s(e,{controlRef:t,getValue:i,id:n,name:o,value:r}),()=>{s(e,void 0)}},[t,a,i,n,o,s,r])}const oa=`none`,sa=`missing`,ca=`initial`;function la(e,t,n,r){let i=!1,a=!1,o=r??ye;return{reason:e,event:t??new Event(`base-ui`),cancel(){i=!0},allowPropagation(){a=!0},get isCanceled(){return i},get isPropagationAllowed(){return a},trigger:n,...o}}function ua(e,t,n){let r=n??ye;return{reason:e,event:t??new Event(`base-ui`),...r}}const da=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,id:a,name:o,value:s,disabled:c=!1,onValueChange:l,defaultValue:u,autoFocus:d=!1,style:f,...p}=t,{state:m,name:h,disabled:g,setTouched:_,setDirty:v,validityData:y,setFocused:b,setFilled:x,validationMode:S,validation:C}=Er(),{clearErrors:w}=Or(),T=g||c,E=h??o,D={...m,disabled:T},{labelId:O}=Fr(),k=Ir({id:a});X(()=>{let e=s!=null;C.inputRef.current?.value||e&&s!==``?x(!0):e&&s===``&&x(!1)},[C.inputRef,x,s]);let A=e.useRef(null);X(()=>{d&&A.current===Qr(Lr(A.current))&&b(!0)},[d,b]);let[j]=ra({controlled:s,default:u,name:`FieldControl`,state:`value`}),M=s!==void 0,N=M?j:void 0,P=Y(()=>C.inputRef.current?.value);return aa(C.inputRef,k,N,P,!T,o),Ce(`input`,t,{ref:[n,A],state:D,props:[{id:k,disabled:T,name:E,ref:C.inputRef,"aria-labelledby":O,autoFocus:d,...M?{value:N}:{defaultValue:u},onChange(e){let t=e.currentTarget.value;l?.(t,la(oa,e.nativeEvent)),v(t!==y.initialValue),x(t!==``),e.nativeEvent.defaultPrevented||(w(E),C.change(t))},onFocus(){b(!0)},onBlur(e){_(!0),b(!1),S===`onBlur`&&C.commit(e.currentTarget.value)},onKeyDown(e){e.currentTarget.tagName===`INPUT`&&e.key===`Enter`&&(_(!0),C.commit(e.currentTarget.value))}},p,e=>C.getValidationProps(T,e)],stateAttributesMapping:Cr})});process.env.NODE_ENV!==`production`&&(da.displayName=`FieldControl`);const fa=/*#__PURE__*/ e.forwardRef(function(e,t){return/*#__PURE__*/ p(da,{ref:t,...e})});process.env.NODE_ENV!==`production`&&(fa.displayName=`Input`);const pa=Le([`w-full min-w-0 rounded-md border border-border bg-input/20 transition-colors file:inline-flex file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`outline-0 outline-transparent focus-visible:border-focus/30 focus-visible:outline-[calc(var(--focus-size))] focus-visible:outline-focus/50 focus-visible:outline-offset-[calc(var(--focus-offset))]`,`aria-invalid:outline-[calc(var(--focus-size))] aria-invalid:outline-offset-[calc(var(--focus-offset))]`],{variants:{invalid:{true:`border-danger/60 focus-visible:border-danger/30 focus-visible:outline-danger/50 border-[1.5px]`},warning:{true:`border-warning/60 focus-visible:border-warning/30 focus-visible:outline-warning/50 border-[1.5px]`},size:{sm:`h-6.5 px-2 py-0.5 text-xs file:h-5.5`,default:`h-7.5 px-2 py-0.5 text-2xs file:h-7.5 file:py-0.5`,lg:`h-8.5 px-2 py-0.5 text-sm file:h-7.5 file:py-1`},nativeNumber:{true:``,false:`[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`}},defaultVariants:{size:`default`,nativeNumber:!1}});function ma({className:e,type:t,size:n,invalid:r,...i}){return/* @__PURE__ */ p(fa,{type:t,"data-slot":`input`,className:J(pa({invalid:r||!!i[`aria-invalid`],size:n}),e),...i})}function ha(e){let t=ae(ga,e).current;return t.next=e,X(t.effect),t}function ga(e){let t={current:e,next:e,effect:()=>{t.current=t.next}};return t}function _a(t,n){let r=e.useRef(t),i=Y(n);X(()=>{r.current!==t&&i(r.current)},[t,i]),X(()=>{r.current=t},[t])}function va(e,t=-(2**53-1),n=2**53-1){return Math.max(t,Math.min(e,n))}function ya(e,t,n=(e,t)=>e===t){return e.length===t.length&&e.every((e,r)=>n(e,t[r]))}const ba=/*#__PURE__*/ e.createContext({register:()=>{},unregister:()=>{},subscribeMapChange:()=>()=>{},elementsRef:{current:[]},nextIndexRef:{current:0}});process.env.NODE_ENV!==`production`&&(ba.displayName=`CompositeListContext`);function xa(){return e.useContext(ba)}function Sa(t){let{children:n,elementsRef:r,labelsRef:i,onMapChange:a}=t,o=Y(a),s=e.useRef(0),c=ae(wa).current,l=ae(Ca).current,[u,d]=e.useState(0),f=e.useRef(u),m=Y((e,t)=>{l.set(e,t??null),f.current+=1,d(f.current)}),h=Y(e=>{l.delete(e),f.current+=1,d(f.current)}),g=e.useMemo(()=>{let e=/* @__PURE__ */ new Map;return Array.from(l.keys()).filter(e=>e.isConnected).sort(Ta).forEach((t,n)=>{let r=l.get(t)??{};e.set(t,{...r,index:n})}),e},[l,u]);X(()=>{if(typeof MutationObserver!=`function`||g.size===0)return;let e=new MutationObserver(e=>{let t=/* @__PURE__ */ new Set,n=e=>t.has(e)?t.delete(e):t.add(e);e.forEach(e=>{e.removedNodes.forEach(n),e.addedNodes.forEach(n)}),t.size===0&&(f.current+=1,d(f.current))});return g.forEach((t,n)=>{n.parentElement&&e.observe(n.parentElement,{childList:!0})}),()=>{e.disconnect()}},[g]),X(()=>{f.current===u&&(r.current.length!==g.size&&(r.current.length=g.size),i&&i.current.length!==g.size&&(i.current.length=g.size),s.current=g.size),o(g)},[o,g,r,i,u]),X(()=>()=>{r.current=[]},[r]),X(()=>()=>{i&&(i.current=[])},[i]);let _=Y(e=>(c.add(e),()=>{c.delete(e)}));X(()=>{c.forEach(e=>e(g))},[c,g]);let v=e.useMemo(()=>({register:m,unregister:h,subscribeMapChange:_,elementsRef:r,labelsRef:i,nextIndexRef:s}),[m,h,_,r,i,s]);return/*#__PURE__*/ p(ba.Provider,{value:v,children:n})}function Ca(){return/* @__PURE__ */ new Map}function wa(){return/* @__PURE__ */ new Set}function Ta(e,t){let n=e.compareDocumentPosition(t);return n&Node.DOCUMENT_POSITION_FOLLOWING||n&Node.DOCUMENT_POSITION_CONTAINED_BY?-1:n&Node.DOCUMENT_POSITION_PRECEDING||n&Node.DOCUMENT_POSITION_CONTAINS?1:0}function Ea(e){return e==null?void 0:`${e}-label`}function Da(e,t){return e??t}function Oa(e,t){return e-t}function ka(e,t,n){let r=e.slice();return r[t]=n,r.sort(Oa)}function Aa(e,t,n,r,i,a){let o=e;return o=va(o,n,r),i&&(o=ka(a,t,va(o,a[t-1]??-1/0,a[t+1]??1/0))),o}function ja(e,t,n){if(!Array.isArray(e))return!0;let r=e.reduce((e,t,n,r)=>(n===r.length-1||e.push(Math.abs(t-r[n+1])),e),[]);return Math.min(...r)>=t*n}const Ma={activeThumbIndex:()=>null,max:()=>null,min:()=>null,minStepsBetweenValues:()=>null,step:()=>null,values:()=>null,...Cr},Na=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Na.displayName=`SliderRootContext`);function Pa(){let t=e.useContext(Na);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(62):`Base UI: SliderRootContext is missing. Slider parts must be placed within <Slider.Root>.`);return t}function Fa(e){return`key`in e?`keyboard`:`input-change`}function Ia(e,t){return typeof e==`number`&&typeof t==`number`?e===t:Array.isArray(e)&&Array.isArray(t)?ya(e,t):!1}const La=/*#__PURE__*/ e.forwardRef(function(t,n){let{"aria-labelledby":r,className:i,defaultValue:a,disabled:o=!1,id:s,format:c,largeStep:l=10,locale:u,render:d,max:f=100,min:m=0,minStepsBetweenValues:h=0,form:g,name:_,onValueChange:v,onValueCommitted:y,orientation:b=`horizontal`,step:x=1,thumbCollisionBehavior:S=`push`,thumbAlignment:C=`center`,value:w,style:T,...E}=t,D=Nr(s),O=Ea(D),k=Y(v),A=Y(y),{clearErrors:j}=Or(),{state:M,disabled:N,name:P,setTouched:F,setDirty:I,validityData:L,validation:R}=Er(),{labelId:z}=Fr(),[B,V]=e.useState(),ee=r??Da(z,B),H=N||o,te=P??_,[ne,re]=ra({controlled:w,default:a??m,name:`Slider`}),U=e.useRef(null),W=e.useRef(null),ie=e.useRef([]),ae=e.useRef(null),oe=e.useRef(null),se=e.useRef(-1),ce=e.useRef(null),le=e.useRef(`none`),ue=ha(c),[de,fe]=e.useState(-1),[pe,me]=e.useState(-1),[he,_e]=e.useState(!1),[ve,ye]=e.useState(()=>/* @__PURE__ */ new Map),[be,xe]=e.useState([void 0,void 0]),Se=Y(e=>{fe(e),e!==-1&&me(e)});aa(R.inputRef,D,ne,void 0,!H,_),_a(ne,()=>{j(te),R.change(ne);let e=L.initialValue,t;t=Array.isArray(ne)&&Array.isArray(e)?!ya(ne,e):ne!==e,I(t)});let we=Y(e=>{e&&(W.current=e)}),Te=Array.isArray(ne),Ee=e.useMemo(()=>Te?ne.slice().sort(Oa):[va(ne,m,f)],[f,m,Te,ne]),De=Y((e,t)=>{if(Number.isNaN(e)||Ia(e,ne))return!1;let n=t??la(`none`,void 0,void 0,{activeThumbIndex:-1}),r=n.event,i=new(r.constructor??Event)(r.type,r);return Object.defineProperty(i,"target",{writable:!0,value:{value:e,name:te}}),n.event=i,k(e,n),!n.isCanceled&&(le.current=n.reason,re(e),!0)}),Oe=Y((e,t,n)=>{let r=Aa(e,t,m,f,Te,Ee);if(ja(r,x,h)){let e=Fa(n),i=De(r,la(e,n.nativeEvent,void 0,{activeThumbIndex:t}));F(!0),i&&A(r,ua(e,n.nativeEvent))}});process.env.NODE_ENV!==`production`&&m>=f&&ge("Slider `max` must be greater than `min`."),X(()=>{let e=Qr(Lr(U.current));H&&Q(U.current,e)&&e.blur()},[H]),H&&de!==-1&&Se(-1);let ke=e.useMemo(()=>({...M,activeThumbIndex:de,disabled:H,dragging:he,orientation:b,max:f,min:m,minStepsBetweenValues:h,step:x,values:Ee}),[M,de,H,he,f,m,h,b,x,Ee]),Ae=e.useMemo(()=>({active:de,controlRef:W,disabled:H,dragging:he,validation:R,formatOptionsRef:ue,handleInputChange:Oe,indicatorPosition:be,inset:C!==`center`,labelId:ee,rootLabelId:O,largeStep:l,lastUsedThumbIndex:pe,lastChangeReasonRef:le,form:g,locale:u,max:f,min:m,minStepsBetweenValues:h,name:te,onValueCommitted:A,orientation:b,pressedInputRef:ae,pressedThumbCenterOffsetRef:oe,pressedThumbIndexRef:se,pressedValuesRef:ce,registerFieldControlRef:we,renderBeforeHydration:C===`edge`,setActive:Se,setDragging:_e,setIndicatorPosition:xe,setLabelId:V,setValue:De,state:ke,step:x,thumbCollisionBehavior:S,thumbMap:ve,thumbRefs:ie,values:Ee}),[de,W,ee,O,H,he,R,ue,Oe,be,l,pe,le,g,u,f,m,h,te,A,b,ae,oe,se,ce,we,Se,_e,xe,V,De,ke,x,S,C,ve,ie,Ee]),je=Ce(`div`,t,{state:ke,ref:[n,U],props:[{"aria-labelledby":ee,id:D,role:`group`},E,e=>R.getValidationProps(H,e)],stateAttributesMapping:Ma});return/*#__PURE__*/ p(Na.Provider,{value:Ae,children:/*#__PURE__*/ p(Sa,{elementsRef:ie,onMapChange:ye,children:je})})});process.env.NODE_ENV!==`production`&&(La.displayName=`SliderRoot`);function Ra(e){return Array.isArray(e)?e.map(e=>Ra(e)).join(`,`):e==null?``:String(e)}const za=/* @__PURE__ */ new Map;function Ba(e,t){let n=JSON.stringify({locale:Ra(e),options:t}),r=za.get(n);if(r)return r;let i=new Intl.NumberFormat(e,t);return za.set(n,i),i}function Va(e,t,n){return e==null?``:Ba(t,n).format(e)}function Ha(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}const Ua=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Ua.displayName=`DirectionContext`);function Wa(){return e.useContext(Ua)?.direction??`ltr`}function Ga(e){let t=e.getBoundingClientRect();return{x:(t.left+t.right)/2,y:(t.top+t.bottom)/2}}function Ka(e){if(e===0)return 0;if(Math.abs(e)<1){let t=e.toExponential().split(`e-`),n=t[0].split(`.`)[1];return(n?n.length:0)+parseInt(t[1],10)}let t=e.toString().split(`.`)[1];return t?t.length:0}function qa(e,t,n){let r=Math.round((e-n)/t)*t+n;return Number(r.toFixed(Math.max(Ka(t),Ka(n))))}function Ja({values:e,index:t,nextValue:n,min:r,max:i,step:a,minStepsBetweenValues:o,initialValues:s}){if(e.length===0)return[];let c=e.slice(),l=a*o,u=c.length-1,d=s??e;c[t]=va(n,r+t*l,i-(u-t)*l);for(let e=t+1;e<=u;e+=1){let t=c[e-1]+l,n=i-(u-e)*l,r=d[e]??c[e],a=Math.max(c[e],t);r<a&&(a=Math.max(r,t)),c[e]=va(a,t,n)}for(let e=t-1;e>=0;--e){let t=c[e+1]-l,n=r+e*l,i=d[e]??c[e],a=Math.min(c[e],t);i>a&&(a=Math.min(i,t)),c[e]=va(a,n,t)}for(let e=0;e<=u;e+=1)c[e]=Number(c[e].toFixed(12));return c}function Ya({behavior:e,values:t,currentValues:n,initialValues:r,pressedIndex:i,nextValue:a,min:o,max:s,step:c,minStepsBetweenValues:l}){let u=n??t,d=r??t;if(!(u.length>1))return{value:a,thumbIndex:0,didSwap:!1};let f=c*l;switch(e){case`swap`:{let e=u[i],t=1e-7,n=u.slice(),r=n[i-1],p=n[i+1],m=va(a,r==null?o:r+f,p==null?s:p-f),h=Number(m.toFixed(12));n[i]=h;let g=a>e,_=a<e,v=g&&p!=null&&a>=p-t,y=_&&r!=null&&a<=r+t;if(!v&&!y)return{value:n,thumbIndex:i,didSwap:!1};let b=v?i+1:i-1,x=n.map((e,t)=>t===i?h:d[t]??u[t]),S=a;S=v?Math.max(a,n[b]):Math.min(a,n[b]);let C=Ja({values:n,index:b,nextValue:S,min:o,max:s,step:c,minStepsBetweenValues:l,initialValues:x}),w=v?b-1:b+1;if(w>=0&&w<C.length){let e=C[w-1],t=C[w+1],n=e==null?o:e+f;n=Math.max(n,o+w*f);let r=t==null?s:t-f;r=Math.min(r,s-(C.length-1-w)*f);let i=va(h,n,r);C[w]=Number(i.toFixed(12))}return{value:C,thumbIndex:b,didSwap:!0}}case`push`:return{value:Ja({values:u,index:i,nextValue:a,min:o,max:s,step:c,minStepsBetweenValues:l}),thumbIndex:i,didSwap:!1};default:{let e=u.slice(),t=e[i-1],n=e[i+1],r=va(a,t==null?o:t+f,n==null?s:n-f);return e[i]=Number(r.toFixed(12)),{value:e,thumbIndex:i,didSwap:!1}}}}function Xa(e,t){if(!e)return{start:0,end:0};function n(e){let t=e==null?0:parseFloat(e);return Number.isNaN(t)?0:t}let r=t?`Top`:`InlineStart`,i=t?`Bottom`:`InlineEnd`;return{start:n(e[`border${r}Width`])+n(e[`padding${r}`]),end:n(e[`border${i}Width`])+n(e[`padding${i}`])}}function Za(e,t){if(t.current!=null&&e.changedTouches){let n=e;for(let e=0;e<n.changedTouches.length;e+=1){let r=n.changedTouches[e];if(r.identifier===t.current)return{x:r.clientX,y:r.clientY}}return null}return{x:e.clientX,y:e.clientY}}const Qa=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,style:a,...o}=t,{disabled:s,dragging:c,inset:l,lastChangeReasonRef:u,max:d,min:f,minStepsBetweenValues:p,onValueCommitted:m,orientation:h,pressedInputRef:g,pressedThumbCenterOffsetRef:_,pressedThumbIndexRef:v,pressedValuesRef:y,registerFieldControlRef:b,renderBeforeHydration:x,setActive:S,setDragging:C,setValue:w,state:T,step:E,thumbCollisionBehavior:D,thumbRefs:O,values:k}=Pa(),A=Wa(),j=k.length>1,M=h===`vertical`,N=e.useRef(null),P=e.useRef(null),F=Y(e=>{e&&P.current==null&&(P.current=rn(e).getComputedStyle(e))}),I=e.useRef(null),L=e.useRef(0),R=e.useRef(0),z=e.useRef(null),B=ha(k);function V(e){v.current!==e&&(v.current=e);let t=O.current[e];t?g.current=t.querySelector(`input[type="range"]`):(_.current=null,g.current=null)}function ee(){v.current=-1,_.current=null,g.current=null}function H(e){return sn(e)?O.current.some(t=>!sn(t)||!Q(t,e)?!1:t.querySelector(`input[type="range"]`)?.disabled===!0):!1}function te(e){let t=N.current,n=v.current;if(!t||!j&&(n<0||n>=k.length))return null;let{width:r,height:i,bottom:a,left:o,right:s}=t.getBoundingClientRect(),c=Xa(P.current,M),l=R.current,u=(M?i:r)-c.start-c.end-l*2,m=_.current??0,h=e.x-m,g=e.y-m,b=va(((M?a-g-c.end:(A===`rtl`?s-h:h-o)-c.start)-l)/u,0,1),x=(d-f)*b+f;return x=qa(x,E,f),x=va(x,f,d),j?n<0?null:Ya({behavior:D,values:k,currentValues:B.current??k,initialValues:y.current,pressedIndex:n,nextValue:x,min:f,max:d,step:E,minStepsBetweenValues:p}):{value:x,thumbIndex:n,didSwap:!1}}function ne(e){y.current=j?k.slice():null,z.current=null,B.current=k;let t=v.current,n=t;if(t>-1&&t<k.length){if(k[t]===d){let e=t;for(;e>0&&k[e-1]===d;)--e;n=e}}else{let t=M?`y`:`x`,r;n=-1;for(let i=0;i<O.current.length;i+=1){let a=O.current[i];if(sn(a)&&!a.querySelector(`input[type="range"]`)?.disabled){let o=Ga(a),s=Math.abs(e[t]-o[t]);(r===void 0||s<=r)&&(n=i,r=s)}}}if(n>-1&&n!==t&&V(n),l){let e=O.current[n];if(sn(e)){let t=e.getBoundingClientRect();R.current=t[M?`height`:`width`]/2}}}function re(e){let t=O.current?.[e]?.querySelector(`input[type="range"]`);t&&t.focus({preventScroll:!0,focusVisible:!1})}function U(e,t,n){let r=w(e.value,la(t,n,void 0,{activeThumbIndex:e.thumbIndex}));return r&&(z.current=e.value,B.current=Array.isArray(e.value)?e.value:[e.value],e.didSwap&&V(e.thumbIndex)),r}let W=Y(e=>{let t=Za(e,I);if(t==null)return;if(L.current+=1,e.type===`pointermove`&&e.buttons===0){ie(e);return}let n=te(t);n!=null&&ja(n.value,E,p)&&(!c&&L.current>2&&C(!0),U(n,`drag`,e)&&n.didSwap&&re(n.thumbIndex))}),ie=Y(e=>{if(S(-1),C(!1),g.current=null,_.current=null,z.current!=null){let t=u.current;m(z.current,ua(t,e))}`pointerType`in e&&N.current?.hasPointerCapture(e.pointerId)&&N.current?.releasePointerCapture(e.pointerId),v.current=-1,I.current=null,y.current=null,z.current=null,oe()}),ae=Y(e=>{if(s)return;if(H($r(e))){ee();return}let t=e.changedTouches[0];t!=null&&(I.current=t.identifier);let n=Za(e,I);if(n!=null){ne(n);let t=te(n);if(t==null)return;re(t.thumbIndex),U(t,`track-press`,e)&&t.didSwap&&re(t.thumbIndex)}L.current=0;let r=Lr(N.current);r.addEventListener(`touchmove`,W,{passive:!0}),r.addEventListener(`touchend`,ie,{passive:!0})}),oe=Y(()=>{let e=Lr(N.current);e.removeEventListener(`pointermove`,W),e.removeEventListener(`pointerup`,ie),e.removeEventListener(`touchmove`,W),e.removeEventListener(`touchend`,ie),y.current=null,z.current=null}),se=Ji();return e.useEffect(()=>{let e=N.current;if(!e)return()=>oe();let t=Ha(e,`touchstart`,ae,{passive:!0});return()=>{t(),se.cancel(),oe()}},[oe,ae,N,se]),e.useEffect(()=>{s&&oe()},[s,oe]),Ce(`div`,t,{state:T,ref:[n,b,N,F],props:[{"data-base-ui-slider-control":x?``:void 0,onPointerDown(e){let t=N.current,n=$r(e.nativeEvent);if(!t||s||e.defaultPrevented||!sn(n)||e.button!==0)return;if(H(n)){ee();return}let r=Za(e,I);if(r!=null){ne(r);let n=te(r);if(n==null)return;Q(O.current[n.thumbIndex],Qr(Lr(t)))?e.preventDefault():se.request(()=>{re(n.thumbIndex)}),C(!0),_.current==null&&U(n,`track-press`,e.nativeEvent)&&n.didSwap&&re(n.thumbIndex)}e.nativeEvent.pointerId&&t.setPointerCapture(e.nativeEvent.pointerId),L.current=0;let i=Lr(N.current);i.addEventListener(`pointermove`,W,{passive:!0}),i.addEventListener(`pointerup`,ie,{once:!0})}},o],stateAttributesMapping:Ma})});process.env.NODE_ENV!==`production`&&(Qa.displayName=`SliderControl`);const $a=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{state:o}=Pa();return Ce(`div`,e,{state:o,ref:t,props:[{style:{position:`relative`}},a],stateAttributesMapping:Ma})});process.env.NODE_ENV!==`production`&&($a.displayName=`SliderTrack`);const eo={clipPath:`inset(50%)`,overflow:`hidden`,whiteSpace:`nowrap`,border:0,padding:0,width:1,height:1,margin:-1},to={...eo,position:`fixed`,top:0,left:0};({...eo});function no(){return _e}function ro(){return!1}function io(){return!0}function ao(){return g(no,ro,io)}function oo(e,t,n){return(e-t)*100/(n-t)}const so=`ArrowUp`,co=`ArrowDown`,lo=`ArrowLeft`,uo=`ArrowRight`,fo=`Home`,po=`PageUp`,mo=`PageDown`,ho=/* @__PURE__ */ new Set([lo,uo]),go=/* @__PURE__ */ new Set([lo,uo,fo,`End`]),_o=/* @__PURE__ */ new Set([so,co]),vo=/* @__PURE__ */ new Set([so,co,fo,`End`]),yo=/* @__PURE__ */ new Set([...ho,..._o]),bo=/* @__PURE__ */ new Set([...yo,fo,`End`]),xo=/* @__PURE__ */ new Set([`Shift`,`Control`,`Alt`,`Meta`]);function So(e){return cn(e)&&e.tagName===`INPUT`}function Co(e){return!!(So(e)&&e.selectionStart!=null||cn(e)&&e.tagName===`TEXTAREA`)}function wo(e,t,n,r){if(!e||!t||!t.scrollTo)return;let i=e.scrollLeft,a=e.scrollTop,o=e.clientWidth<e.scrollWidth,s=e.clientHeight<e.scrollHeight;if(o&&r!==`vertical`){let r=To(e,t,`left`),a=Eo(e),o=Eo(t);n===`ltr`&&(r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight?i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight:r-o.scrollMarginLeft<e.scrollLeft+a.scrollPaddingLeft&&(i=r-o.scrollMarginLeft-a.scrollPaddingLeft)),n===`rtl`&&(r-o.scrollMarginRight<e.scrollLeft+a.scrollPaddingLeft?i=r-o.scrollMarginLeft-a.scrollPaddingLeft:r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight&&(i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight))}if(s&&r!==`horizontal`){let n=To(e,t,`top`),r=Eo(e),i=Eo(t);n-i.scrollMarginTop<e.scrollTop+r.scrollPaddingTop?a=n-i.scrollMarginTop-r.scrollPaddingTop:n+t.offsetHeight+i.scrollMarginBottom>e.scrollTop+e.clientHeight-r.scrollPaddingBottom&&(a=n+t.offsetHeight+i.scrollMarginBottom-e.clientHeight+r.scrollPaddingBottom)}e.scrollTo({left:i,top:a,behavior:`auto`})}function To(e,t,n){let r=n===`left`?`offsetLeft`:`offsetTop`,i=0;for(;t.offsetParent&&(i+=t[r],t.offsetParent!==e);)t=t.offsetParent;return i}function Eo(e){let t=getComputedStyle(e);return{scrollMarginTop:parseFloat(t.scrollMarginTop)||0,scrollMarginRight:parseFloat(t.scrollMarginRight)||0,scrollMarginBottom:parseFloat(t.scrollMarginBottom)||0,scrollMarginLeft:parseFloat(t.scrollMarginLeft)||0,scrollPaddingTop:parseFloat(t.scrollPaddingTop)||0,scrollPaddingRight:parseFloat(t.scrollPaddingRight)||0,scrollPaddingBottom:parseFloat(t.scrollPaddingBottom)||0,scrollPaddingLeft:parseFloat(t.scrollPaddingLeft)||0}}let Do=/*#__PURE__*/ function(e){return e[e.None=0]=`None`,e[e.GuessFromOrder=1]=`GuessFromOrder`,e}({});function Oo(t={}){let{label:n,metadata:r,textRef:i,indexGuessBehavior:a,index:o}=t,{register:s,unregister:c,subscribeMapChange:l,elementsRef:u,labelsRef:d,nextIndexRef:f}=xa(),p=e.useRef(-1),[m,h]=e.useState(o??(a===Do.GuessFromOrder?()=>{if(p.current===-1){let e=f.current;f.current+=1,p.current=e}return p.current}:-1)),g=e.useRef(null),_=e.useCallback(e=>{if(g.current=e,m!==-1&&e!==null&&(u.current[m]=e,d)){let t=n!==void 0;d.current[m]=t?n:i?.current?.textContent??e.textContent}},[m,u,d,n,i]);return X(()=>{if(o!=null)return;let e=g.current;if(e)return s(e,r),()=>{c(e)}},[o,s,c,r]),X(()=>{if(o==null)return l(e=>{let t=g.current?e.get(g.current)?.index:null;t!=null&&h(t)})},[o,l,h]),{ref:_,index:m}}const ko=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(ko.displayName=`CSPContext`);const Ao={disableStyleElements:!1};function jo(){return e.useContext(ko)??Ao}let Mo=/*#__PURE__*/ function(e){return e.index=`data-index`,e.dragging=`data-dragging`,e.orientation=`data-orientation`,e.disabled=`data-disabled`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.focused=`data-focused`,e}({});const No=/* @__PURE__ */ new Set([...bo,po,mo]);function Po(e,t,n,r){if(!(t<0))return e.length===2?t===0?`${Va(e[t],r,n)} start range`:`${Va(e[t],r,n)} end range`:n?Va(e[t],r,n):void 0}function Fo(e,t,n,r,i){let a=n===1?e+t:e-t;return va(Number(a.toFixed(Math.max(Ka(e),Ka(t),Ka(r)))),r,i)}const Io=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,children:i,className:a,"aria-describedby":o,"aria-label":s,"aria-labelledby":c,"aria-valuetext":l,disabled:u=!1,getAriaLabel:d,getAriaValueText:f,id:h,index:g,inputRef:_,onBlur:v,onFocus:y,onKeyDown:b,tabIndex:x,style:S,...C}=t,{nonce:w}=jo(),T=Nr(h),{active:E,lastUsedThumbIndex:D,controlRef:O,disabled:k,validation:A,formatOptionsRef:j,handleInputChange:M,inset:P,labelId:F,largeStep:I,locale:L,max:R,min:z,minStepsBetweenValues:B,form:V,name:ee,orientation:H,pressedInputRef:te,pressedThumbCenterOffsetRef:ne,pressedThumbIndexRef:re,renderBeforeHydration:U,setActive:W,setIndicatorPosition:ie,state:ae,step:se,values:ce}=Pa(),le=Wa(),ue=u||k,de=ce.length>1,fe=H===`vertical`,pe=le===`rtl`,{setTouched:me,setFocused:he,validationMode:ge}=Er(),_e=e.useRef(null),ve=e.useRef(null),ye=e.useRef(!1),be=Nr(),xe=Ir(),Se=de?be:xe,{ref:we,index:Te}=Oo({metadata:e.useMemo(()=>({inputId:Se}),[Se])}),Ee=de?g??Te:0,De=Ee===ce.length-1,Oe=ce[Ee],ke=oo(Oe,z,R),[Ae,je]=e.useState(),Me=ao(),Ne=D>=0&&D<ce.length?D:-1,Pe=Y(()=>{let e=O.current,t=_e.current;if(!e||!t)return;let n=t.getBoundingClientRect(),r=e.getBoundingClientRect(),i=fe?`height`:`width`,a=r[i]-n[i],o=(n[i]/2+a*ke/100)/r[i]*100,s=Number.isFinite(o)?o:void 0;je(s),Ee===0?ie(e=>[s,e[1]]):De&&ie(e=>[e[0],s])});X(()=>{P&&queueMicrotask(Pe)},[Pe,P]),X(()=>{P&&Pe()},[Pe,P,ke]),X(()=>{if(!P)return;let e=O.current,t=_e.current;if(!e||!t)return;let n=rn(e).ResizeObserver;if(typeof n!=`function`)return;let r=new n(Pe);return r.observe(e),r.observe(t),()=>{r.disconnect()}},[O,Pe,P]);let Fe=fe?`bottom`:`insetInlineStart`,Ie=fe?`left`:`top`,Le;de?E===Ee?Le=2:Ne===Ee&&(Le=1):E===Ee&&(Le=1);let Re;Re=P?{"--position":`${Ae??0}%`,visibility:U&&Me||Ae===void 0?`hidden`:void 0,position:`absolute`,[Fe]:`var(--position)`,[Ie]:`50%`,translate:`${(fe||!pe?-1:1)*50}% ${(fe?1:-1)*50}%`,zIndex:Le}:Number.isFinite(ke)?{position:`absolute`,[Fe]:`${ke}%`,[Ie]:`50%`,translate:`${(fe||!pe?-1:1)*50}% ${(fe?1:-1)*50}%`,zIndex:Le}:to;let ze;H===`vertical`&&(ze=pe?`vertical-rl`:`vertical-lr`);let Be=typeof d==`function`?d(Ee):s,Ve=N({"aria-label":Be,"aria-labelledby":c??(Be==null?F:void 0),"aria-describedby":o,"aria-orientation":H,"aria-valuenow":Oe,"aria-valuetext":typeof f==`function`?f(Va(Oe,L,j.current??void 0),Oe,Ee):l??Po(ce,Ee,j.current??void 0,L),disabled:ue,form:V,id:Se,max:R,min:z,name:ee,onChange(e){M(e.currentTarget.valueAsNumber,Ee,e)},onFocus(e){let t=ye.current;ye.current=!1,W(Ee),he(!0),t&&e.stopPropagation()},onBlur(e){ye.current?e.stopPropagation():_e.current&&(W(-1),me(!0),he(!1),ge===`onBlur`&&A.commit(Aa(Oe,Ee,z,R,de,ce)))},onKeyDown(e){if(e.defaultPrevented||!No.has(e.key))return;bo.has(e.key)&&e.stopPropagation();let t=null,n=qa(Oe,se,z);switch(e.key){case so:t=Fo(n,e.shiftKey?I:se,1,z,R);break;case uo:t=Fo(n,e.shiftKey?I:se,pe?-1:1,z,R);break;case co:t=Fo(n,e.shiftKey?I:se,-1,z,R);break;case lo:t=Fo(n,e.shiftKey?I:se,pe?1:-1,z,R);break;case po:t=Fo(n,I,1,z,R);break;case mo:t=Fo(n,I,-1,z,R);break;case`End`:t=R,de&&(t=Number.isFinite(ce[Ee+1])?ce[Ee+1]-se*B:R);break;case fo:t=z,de&&(t=Number.isFinite(ce[Ee-1])?ce[Ee-1]+se*B:z)}if(t!==null){let n=e.currentTarget;ii(n)||(ye.current=!0,n.blur(),n.focus({preventScroll:!0,focusVisible:!0})),M(t,Ee,e),e.preventDefault()}},step:se,style:{...to,width:`100%`,height:`100%`,writingMode:ze},tabIndex:x??void 0,type:`range`,value:Oe??``},e=>A.getValidationProps(ue,e),{onKeyDown:b}),He=oe(ve,A.inputRef,_);return Ce(`div`,t,{state:ae,ref:[n,we,_e],props:[{[Mo.index]:Ee,children:/*#__PURE__*/ m(e.Fragment,{children:[i,/*#__PURE__*/ p(`input`,{ref:He,...Ve,suppressHydrationWarning:!0}),P&&Me&&U&&De&&/*#__PURE__*/ p(`script`,{nonce:w,dangerouslySetInnerHTML:{__html:'!function(){const t=document.currentScript?.parentElement;if(!t)return;const e=t.closest("[data-base-ui-slider-control]");if(!e)return;const r=e.querySelector("[data-base-ui-slider-indicator]"),i=e.getBoundingClientRect(),n="vertical"===e.getAttribute("data-orientation")?"height":"width",o=e.querySelectorAll(\'input[type="range"]\'),l=o.length>1,s=o.length-1;let a=null,u=null;for(let t=0;t<o.length;t+=1){const e=o[t],y=parseFloat(e.getAttribute("value")??"");if(Number.isNaN(y))return;const c=e.parentElement;if(!c)return;const p=parseFloat(e.getAttribute("max")??"100"),g=parseFloat(e.getAttribute("min")??"0"),b=c?.getBoundingClientRect(),d=i[n]-b[n],m=100*(y-g)/(p-g),v=(b[n]/2+d*m/100)/i[n]*100;c.style.setProperty("--position",`${v}%`),Number.isFinite(v)&&(c.style.removeProperty("visibility"),r&&(0===t?(a=v,r.style.setProperty("--start-position",`${v}%`),l||r.style.removeProperty("visibility")):t===s&&(u=v-(a??0),r.style.setProperty("--end-position",`${v}%`),r.style.setProperty("--relative-size",`${u}%`),r.style.removeProperty("visibility"))))}}();'},suppressHydrationWarning:!0})]}),id:T,onBlur:v,onFocus:y,onPointerDown(e){if(!ue){if(re.current=Ee,_e.current!=null){let t=H===`horizontal`?`x`:`y`,n=Ga(_e.current),r=(H===`horizontal`?e.clientX:e.clientY)-n[t];ne.current=r}ve.current!=null&&te.current!==ve.current&&(te.current=ve.current)}},style:Re,suppressHydrationWarning:U||void 0},C],stateAttributesMapping:Ma})});process.env.NODE_ENV!==`production`&&(Io.displayName=`SliderThumb`);function Lo(e,t,n,r,i,a){let o=n===void 0||t&&r===void 0?`hidden`:void 0,s=e?`bottom`:`insetInlineStart`,c=e?`height`:`width`,l={visibility:i&&a?`hidden`:o,position:e?`absolute`:`relative`,[e?`width`:`height`]:`inherit`};return l[`--start-position`]=`${n??0}%`,t?(l[`--relative-size`]=`${(r??0)-(n??0)}%`,l[s]=`var(--start-position)`,l[c]=`var(--relative-size)`,l):(l[s]=0,l[c]=`var(--start-position)`,l)}function Ro(e,t,n,r){let i=e?`bottom`:`insetInlineStart`,a=e?`height`:`width`,o={position:e?`absolute`:`relative`,[e?`width`:`height`]:`inherit`};if(!t)return o[i]=0,o[a]=`${n}%`,o;let s=r-n;return o[i]=`${n}%`,o[a]=`${s}%`,o}const zo=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{indicatorPosition:o,inset:s,max:c,min:l,orientation:u,renderBeforeHydration:d,state:f,values:p}=Pa(),m=ao(),h=u===`vertical`,g=p.length>1,_=s?Lo(h,g,o[0],o[1],d,m):Ro(h,g,oo(p[0],l,c),oo(p[p.length-1],l,c));return Ce(`div`,e,{state:f,ref:t,props:[{"data-base-ui-slider-indicator":d?``:void 0,style:_,suppressHydrationWarning:d||void 0},a],stateAttributesMapping:Ma})});process.env.NODE_ENV!==`production`&&(zo.displayName=`SliderIndicator`);function Bo({className:e,defaultValue:t,value:n,min:r=0,max:i=100,...a}){let o=Array.isArray(n)?n:Array.isArray(t)?t:[r,i];return/* @__PURE__ */ p(La,{className:J(`data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full`,e),"data-slot":`slider`,defaultValue:t,value:n,min:r,max:i,thumbAlignment:`edge`,...a,children:/* @__PURE__ */ m(Qa,{className:`relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col`,children:[/* @__PURE__ */ p($a,{"data-slot":`slider-track`,className:`relative grow overflow-hidden rounded-md bg-muted select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1`,children:/* @__PURE__ */ p(zo,{"data-slot":`slider-range`,className:`bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`})}),Array.from({length:o.length},(e,t)=>/* @__PURE__ */ p(Io,{"data-slot":`slider-thumb`,className:`relative block size-3 shrink-0 rounded-md border border-ring bg-white ring-ring/30 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-2 focus-visible:ring-2 focus-visible:outline-hidden active:ring-2 disabled:pointer-events-none disabled:opacity-50`},t))]})})}const Vo=[{key:`l`,label:`Lightness`,max:1,step:.005},{key:`c`,label:`Chroma`,max:.4,step:.001},{key:`h`,label:`Hue`,max:360,step:.5},{key:`alpha`,label:`Opacity`,max:1,step:.01}];function Ho(e){let t=cr(e);return t?Yn(t):e}function Uo(e){let t=ur(e);return t?dr(t):``}const Wo=e=>e.trim()!==``&&(!k(e)||A(e)===`length`);function Go({name:e,value:t,pair:n,surface:r,resolved:i,references:a=[],onChange:s,onRestore:c,origin:l,restoreLabel:f=`Restore this color`}){let[h,g]=d(t),[_,v]=d(()=>Uo(i??``)),y=u(null),b=u(null);o(()=>{let e=document.activeElement;e!==y.current&&g(t),e!==b.current&&v(Uo(i??``))},[t,i]);let x=mr(t),S=ur(i),C=Wo(h),w=n&&pr(e,n.name),T=n&&w?fr(w.text===e?i??``:n.value,w.back===e?i??``:n.value,r):void 0;return/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-3`,children:[/* @__PURE__ */ m(`div`,{className:`flex items-center gap-2`,children:[/* @__PURE__ */ m(`code`,{className:`min-w-0 flex-1 truncate`,children:[`--`,e]}),l&&/* @__PURE__ */ p(en,{variant:`outline`,children:l}),/* @__PURE__ */ p(Z,{onClick:c,size:`xs`,variant:`ghost`,children:f})]}),/* @__PURE__ */ m(`label`,{className:`flex items-center gap-2 text-muted-foreground`,children:[/* @__PURE__ */ p(`span`,{className:`w-24 shrink-0`,children:`Same as`}),/* @__PURE__ */ m(`select`,{"aria-label":`Reference of --${e}`,className:`h-7 min-w-0 flex-1 rounded-md border bg-background px-2 text-foreground`,onChange:e=>{let t=e.target.value;t?s(`var(--${t})`):S&&s(Yn(S))},value:x??``,children:[/* @__PURE__ */ p(`option`,{value:``,children:`Own color`}),a.map(e=>/* @__PURE__ */ m(`option`,{value:e,children:[`--`,e]},e))]})]}),x&&i===void 0&&/* @__PURE__ */ m(`p`,{className:`text-danger`,children:[`--`,e,` and --`,x,` reference each other in a cycle.`]}),S?/* @__PURE__ */ p(`div`,{className:`flex flex-col gap-2`,children:Vo.map(e=>/* @__PURE__ */ m(`div`,{className:`grid grid-cols-[6rem_1fr_3rem] items-center gap-3`,children:[/* @__PURE__ */ p(`span`,{className:`text-muted-foreground`,children:e.label}),/* @__PURE__ */ p(Bo,{"aria-label":e.label,max:e.max,min:0,onValueChange:t=>s(Yn({...S,[e.key]:typeof t==`number`?t:t[0]})),step:e.step,value:[S[e.key]]}),/* @__PURE__ */ p(`code`,{className:`text-right text-muted-foreground`,children:e.key===`alpha`?`${Math.round(S.alpha*100)}%`:S[e.key].toFixed(e.key===`h`?1:3)})]},e.key))}):/* @__PURE__ */ p(`p`,{className:`text-muted-foreground`,children:`Value outside OKLCH, hex, rgb and hsl: edit it in the field below.`}),/* @__PURE__ */ m(`div`,{className:`flex gap-2`,children:[/* @__PURE__ */ p(ma,{"aria-invalid":C||void 0,"aria-label":`Value of --${e}`,className:`min-w-0 flex-1`,onBlur:()=>g(t),onChange:e=>{g(e.target.value);let t=e.target.value.trim();t!==``&&!Wo(t)&&s(Ho(t))},ref:y,value:h}),/* @__PURE__ */ p(ma,{"aria-invalid":_!==``&&!lr(_)||void 0,"aria-label":`Hex of --${e}`,className:`w-24 shrink-0 font-mono`,onBlur:()=>v(Uo(t)),onChange:e=>{v(e.target.value);let t=lr(e.target.value);t&&s(Yn(t))},placeholder:`#hex`,ref:b,value:_})]}),C&&/* @__PURE__ */ p(`p`,{className:`text-danger`,children:`Invalid color value.`}),n&&T!==void 0&&/* @__PURE__ */ m(`div`,{className:`flex items-center justify-between gap-2 text-muted-foreground`,children:[/* @__PURE__ */ m(`span`,{children:[`Contrast with `,/* @__PURE__ */ m(`code`,{children:[`--`,n.name]}),`: `,T.toFixed(2),`:1`]}),/* @__PURE__ */ p(en,{variant:T>=4.5?`success`:`danger`,children:vr(T)})]})]})}function Ko(e){let t=new Set(e),n=/* @__PURE__ */ new Set;return e.flatMap(e=>{if(n.has(e))return[];let r=_r(e,t),i=e===`foreground`||e.endsWith(`-foreground`),a=r&&!n.has(r)?i?[r,e]:[e,r]:[e];for(let e of a)n.add(e);return[a]})}function qo({groups:e,values:t,resolved:n,selected:r,onSelect:i,changed:a,fromTheme:s,editor:c}){let l=u(null),d=u(r);o(()=>{d.current!==r&&l.current?.scrollIntoView?.({block:`nearest`}),d.current=r},[r]);let f=e=>{let r=mr(t[e]);return r?n[e]===void 0?`→ ${r} (cycle)`:`→ ${r}`:t[e]},h=e=>/* @__PURE__ */ m(`button`,{"aria-expanded":e===r,className:`flex items-center gap-2 rounded-md px-1.5 py-1 text-left hover:bg-muted aria-expanded:bg-muted`,onClick:()=>i(e),type:`button`,children:[/* @__PURE__ */ p(`span`,{className:`size-4 shrink-0 rounded-sm border`,style:{background:n[e]}}),/* @__PURE__ */ m(`span`,{className:`max-w-full shrink-0 truncate`,children:[e,a(e)&&` •`]}),s(e)&&/* @__PURE__ */ p(en,{variant:`outline`,children:`tema`}),/* @__PURE__ */ p(`code`,{className:`ml-auto min-w-0 truncate text-muted-foreground`,children:f(e)})]},e);return e.map(e=>/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-1.5`,children:[/* @__PURE__ */ p(`h4`,{className:`px-1 font-medium text-muted-foreground`,children:e.label}),Ko(e.tokens).map(e=>{let[t,i]=e,a=i?fr(n[i]??``,n[t]??``,n.background):void 0,o=e.find(e=>e===r);return/* @__PURE__ */ m(`div`,{className:`rounded-lg border data-open:bg-muted/30`,"data-open":o?``:void 0,children:[/* @__PURE__ */ m(`div`,{className:`flex items-stretch gap-1.5 p-1`,children:[i&&/* @__PURE__ */ p(`span`,{"aria-hidden":!0,className:`flex w-10 shrink-0 items-center justify-center rounded-md border font-medium`,style:{background:n[t],color:n[i]},children:`Aa`}),/* @__PURE__ */ p(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:e.map(h)}),a!==void 0&&/* @__PURE__ */ m(en,{className:`self-center`,title:`Contrast between --${t} and --${i}`,variant:a>=4.5?`success`:`danger`,children:[a.toFixed(1),`:1 `,vr(a)]})]}),o&&/* @__PURE__ */ p(`div`,{className:`border-t p-3`,ref:l,children:c(o,e.length>1)})]},t)})]},e.label))}const Jo=[{name:`radius`,label:`Radius`,description:`Base rounding; the sm to 4xl radii derive from it.`,min:0,max:1.5,step:.05,presets:[{label:`None`,value:0},{label:`Small`,value:.3},{label:`Medium`,value:.5},{label:`Default`,value:.65},{label:`Large`,value:1}]},{name:`spacing`,label:`Spacing`,description:`Tailwind's spacing unit: p-4 = 4 × spacing.`,min:.2,max:.32,step:.005,presets:[{label:`Compact`,value:.22},{label:`Default`,value:.25},{label:`Comfortable`,value:.28}]},{name:`font-size`,label:`Text size`,description:`Base text size (text-base); every text-* class follows it, spacing does not.`,min:.75,max:1.25,step:.0625,presets:[{label:`Smaller`,value:.875},{label:`Default`,value:1},{label:`Larger`,value:1.125},{label:`Largest`,value:1.25}]},{name:`focus-size`,label:`Focus width`,description:`Width of the focus ring on buttons, fields and links.`,min:0,max:6,step:.5,unit:`px`,presets:[{label:`Thin`,value:1.5},{label:`Default`,value:2.5},{label:`Thick`,value:4}]},{name:`focus-offset`,label:`Focus offset`,description:`Space between the component and the focus ring.`,min:0,max:6,step:.5,unit:`px`,presets:[{label:`None`,value:0},{label:`Default`,value:2},{label:`Wide`,value:4}]},{name:`page-sm`,label:`Narrow width`,description:`Max width of the sm container: forms, settings and articles.`,min:480,max:1024,step:16,unit:`px`,presets:[{label:`Small`,value:640},{label:`Default`,value:768},{label:`Large`,value:896}]},{name:`page`,label:`Page width`,description:`Max width of the container (default size) and max-w-page.`,min:960,max:1600,step:16,unit:`px`,presets:[{label:`Small`,value:1024},{label:`Default`,value:1200},{label:`Large`,value:1280}]},{name:`page-lg`,label:`Wide width`,description:`Max width of the lg container: dashboards and wide layouts.`,min:1200,max:1920,step:16,unit:`px`,presets:[{label:`Small`,value:1280},{label:`Default`,value:1440},{label:`Large`,value:1600}]}],Yo=[{id:`colors`,label:`Colors`,description:`The theme colors. The preview mode (Light/Dark) chooses the block you edit: :root or .dark.`,controls:[]},{id:`radius`,label:`Radius`,description:`How rounded the corners of buttons, cards and fields are.`,controls:[`radius`]},{id:`spacing`,label:`Size`,description:`How much space there is inside and between components, and how large the text is. Each one changes only its own sizes.`,controls:[`spacing`,`font-size`],pro:!0},{id:`focus`,label:`Focus`,description:`The ring shown when navigating with the keyboard; its color is in Colors (focus).`,controls:[`focus-size`,`focus-offset`]},{id:`layout`,label:`Layout`,description:`How wide the container gets: the narrow (sm), page (default) and wide (lg) sizes. The full size has no max width.`,controls:[`page-sm`,`page`,`page-lg`]},{id:`themes`,label:`Themes`,description:`The project's themes (styles/themes): each one changes only what differs from the base.`,controls:[],pro:!0}],Xo=[{label:`Base`,tokens:[`background`,`foreground`,`border`,`input`,`ring`]},{label:`Surfaces`,tokens:[`card`,`card-foreground`,`popover`,`popover-foreground`,`muted`,`muted-foreground`]},{label:`Brand`,tokens:[`brand`,`brand-foreground`]},{label:`Actions`,tokens:[`primary`,`primary-foreground`,`secondary`,`secondary-foreground`,`accent`,`accent-foreground`,`inverted`,`inverted-foreground`]},{label:`Status`,tokens:[`danger`,`danger-foreground`,`success`,`success-foreground`,`warning`,`warning-foreground`]},{label:`Focus`,tokens:[`focus`]},{label:`Charts`,tokens:[`chart-1`,`chart-2`,`chart-3`,`chart-4`,`chart-5`]},{label:`Sidebar`,tokens:[`sidebar`,`sidebar-foreground`,`sidebar-primary`,`sidebar-primary-foreground`,`sidebar-accent`,`sidebar-accent-foreground`,`sidebar-border`,`sidebar-ring`]},{label:`Table`,tokens:[`table`,`table-content`,`table-hover`]}];function Zo(e,t=`rem`){let n=e?.trim().match(/^(-?\d*\.?\d+)(rem|px)$/);if(!n)return;let r=Number(n[1]);return n[2]===t?r:Number((t===`px`?r*16:r/16).toFixed(4))}function Qo(e,t=`rem`){return`${Number(e.toFixed(3))}${t}`}function $o(e){let t=`slabui-plate-${s().replace(/[^\w-]/g,``)}`,n={x:-30,y:-30,width:60,height:60,rx:12};return/* @__PURE__ */ m(`svg`,{"aria-hidden":`true`,fill:`none`,viewBox:`0 0 80 80`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[/* @__PURE__ */ p(`defs`,{children:/* @__PURE__ */ m(`linearGradient`,{id:t,x1:`0`,x2:`1`,y1:`0`,y2:`1`,children:[/* @__PURE__ */ p(`stop`,{offset:`0`,stopColor:`#00c1cc`}),/* @__PURE__ */ p(`stop`,{offset:`1`,stopColor:`#9296ff`})]})}),/* @__PURE__ */ p(`rect`,{...n,fill:`currentColor`,fillOpacity:`.25`,transform:`translate(40 52) scale(1 0.5299193) rotate(45)`}),/* @__PURE__ */ p(`rect`,{...n,fill:`currentColor`,fillOpacity:`.6`,transform:`translate(40 40) scale(1 0.5299193) rotate(45)`}),/* @__PURE__ */ p(`rect`,{...n,fill:`url(#${t})`,transform:`translate(40 28) scale(1 0.5299193) rotate(45)`})]})}const es=/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/;function ts(e,t,n){if(e===``)return`Type a name.`;if(!es.test(e))return`Use lowercase letters, numbers and -, starting with a letter.`;if(e.startsWith(`color-`))return`Without the color- prefix (Tailwind's --color-* is created for you).`;if(t.has(e))return`--${e} already exists.`;if(n&&t.has(`${e}-foreground`))return`--${e}-foreground already exists.`}function ns({taken:e,sources:t,inTheme:n,onCreate:r,locked:i=!1}){let[a,o]=d(!1),[s,c]=d(``),[l,u]=d(t.includes(`primary`)?`primary`:t[0]??``),[f,h]=d(!0),g=ts(s,e,f);if(!a)return/* @__PURE__ */ m(Z,{className:`self-start`,disabled:i,onClick:()=>o(!0),size:`sm`,title:i?`New colors are part of Pro`:void 0,variant:`outline`,children:[`New color`,i&&/* @__PURE__ */ p(en,{variant:`blend`,children:`Pro`})]});let _=()=>{o(!1),c(``)};return/* @__PURE__ */ m(`form`,{"aria-label":`New color`,className:`flex flex-col gap-3 rounded-lg border bg-muted/30 p-3`,onSubmit:e=>{e.preventDefault(),g||(r(s,l,f),_())},children:[/* @__PURE__ */ m(`label`,{className:`flex flex-col gap-1.5`,children:[/* @__PURE__ */ p(`span`,{className:`font-medium`,children:`Name`}),/* @__PURE__ */ p(ma,{"aria-invalid":s!==``&&g!==void 0||void 0,"aria-label":`Name of the new color`,autoFocus:!0,onChange:e=>c(e.target.value.trim()),placeholder:`e.g. brand`,value:s})]}),s!==``&&g?/* @__PURE__ */ p(`p`,{className:`text-danger`,children:g}):/* @__PURE__ */ m(`p`,{className:`text-muted-foreground`,children:[`Becomes --`,s||`name`,` and the bg-`,s||`name`,` class`,n&&`; created in the base, so it applies to every theme`,`.`]}),/* @__PURE__ */ m(`label`,{className:`flex items-center gap-2 text-muted-foreground`,children:[/* @__PURE__ */ p(`span`,{className:`w-24 shrink-0`,children:`Start from`}),/* @__PURE__ */ p(`select`,{"aria-label":`Starting color`,className:`h-7 min-w-0 flex-1 rounded-md border bg-background px-2 text-foreground`,onChange:e=>u(e.target.value),value:l,children:t.map(e=>/* @__PURE__ */ m(`option`,{value:e,children:[`--`,e]},e))})]}),/* @__PURE__ */ m(`label`,{className:`flex items-center gap-2`,children:[/* @__PURE__ */ p(`input`,{checked:f,onChange:e=>h(e.target.checked),type:`checkbox`}),`Also create --`,s||`name`,`-foreground (text on top of it)`]}),/* @__PURE__ */ m(`div`,{className:`flex gap-2`,children:[/* @__PURE__ */ p(Z,{disabled:g!==void 0,size:`sm`,type:`submit`,children:`Create`}),/* @__PURE__ */ p(Z,{onClick:_,size:`sm`,type:`button`,variant:`ghost`,children:`Cancel`})]})]})}const rs=`slabui-theme-preview`,is=[.25,.5,.75,1,1.25,1.5];function as({vars:e,dark:t,theme:n}){let r=u(null),i=u(null),a=u([]),[s]=d(()=>window.location.href),[l]=d(()=>Math.max(window.innerWidth,1024)),[f,h]=d({width:0,height:0}),[g,_]=d(0),[y,b]=d(!1),[x,S]=d();o(()=>{let e=r.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(([e])=>{if(e){let{width:t,height:n}=e.contentRect;h({width:t,height:n})}});return t.observe(e),()=>t.disconnect()},[]);let C=JSON.stringify(e);o(()=>{if(g===0)return;let e;try{e=i.current?.contentDocument?.documentElement}catch{e=void 0}if(!e){b(!0);return}b(!1);for(let t of a.current)e.style.removeProperty(t);let r=JSON.parse(C);for(let[t,n]of Object.entries(r))e.style.setProperty(t,n);a.current=Object.keys(r),e.classList.toggle(`dark`,t),n?e.setAttribute(v,n):e.removeAttribute(v)},[C,t,n,g]);let w=f.width>0?Math.min(f.width/l,1):1,T=x??w,E=is.findLast(e=>e<T-.001),D=is.find(e=>e>T+.001),O=u(T);return c(()=>{let e=r.current;e&&O.current!==T&&(e.scrollLeft=(e.scrollWidth-e.clientWidth)/2),O.current=T},[T]),/* @__PURE__ */ m(`div`,{className:`relative flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border bg-white`,children:[/* @__PURE__ */ p(`div`,{className:x?`min-h-0 flex-1 overflow-x-auto`:`min-h-0 flex-1`,ref:r,children:/* @__PURE__ */ p(`div`,{className:`relative mx-auto h-full`,style:{width:l*T},children:/* @__PURE__ */ p(`iframe`,{className:`absolute top-0 left-0 origin-top-left border-0`,name:rs,onLoad:()=>_(e=>e+1),ref:i,src:s,style:{width:l,height:f.height/T||`100%`,transform:`scale(${T})`},title:`Page preview`})})}),/* @__PURE__ */ m(`div`,{className:`absolute right-2 bottom-2 flex items-center gap-0.5 rounded-lg border bg-background p-0.5 text-foreground shadow-sm`,role:`group`,"aria-label":`Preview zoom`,children:[/* @__PURE__ */ p(Z,{"aria-label":`Zoom out`,disabled:E===void 0,onClick:()=>S(E),size:`icon-xs`,variant:`ghost`,children:`−`}),/* @__PURE__ */ m(`code`,{className:`w-9 text-center`,"data-testid":`slabui-te-zoom`,children:[Math.round(T*100),`%`]}),/* @__PURE__ */ p(Z,{"aria-label":`Zoom in`,disabled:D===void 0,onClick:()=>S(D),size:`icon-xs`,variant:`ghost`,children:`+`}),/* @__PURE__ */ p(Z,{"aria-pressed":x===void 0,onClick:()=>S(void 0),size:`xs`,variant:x===void 0?`secondary`:`ghost`,children:`Fit`})]}),y&&/* @__PURE__ */ p(`p`,{className:`absolute inset-0 grid place-items-center bg-background p-6 text-center text-danger`,children:`Couldn't load the page in the preview (does the app block iframes?).`})]})}const os={badge:[`border`,`danger`,`focus`,`focus-offset`,`focus-size`,`foreground`,`input`,`inverted`,`inverted-foreground`,`muted`,`muted-foreground`,`primary`,`primary-foreground`,`radius`,`secondary`,`secondary-foreground`,`spacing`,`success`,`warning`],button:[`border`,`danger`,`focus`,`focus-offset`,`focus-size`,`foreground`,`input`,`inverted`,`inverted-foreground`,`muted`,`primary`,`primary-foreground`,`radius`,`secondary`,`secondary-foreground`,`spacing`,`success`,`warning`],card:[`card`,`card-foreground`,`foreground`,`muted-foreground`,`radius`,`spacing`],dialog:[`foreground`,`muted-foreground`,`popover`,`popover-foreground`,`radius`,`spacing`],field:[`background`,`danger`,`muted-foreground`,`primary`,`radius`,`spacing`],input:[`border`,`danger`,`focus`,`focus-offset`,`focus-size`,`foreground`,`input`,`muted-foreground`,`radius`,`spacing`,`warning`],label:[`spacing`],"scroll-area":[`border`,`ring`,`spacing`],separator:[`border`],slider:[`muted`,`primary`,`radius`,`ring`,`spacing`],spinner:[`spacing`],tabs:[`background`,`foreground`,`input`,`muted`,`muted-foreground`,`radius`,`ring`,`spacing`]};function ss({className:e,size:t=`default`,...n}){return/* @__PURE__ */ p(`div`,{"data-slot":`card`,"data-size":t,className:J(`group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-lg bg-card py-(--card-spacing) text-xs/relaxed text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg`,e),...n})}function cs({className:e,...t}){return/* @__PURE__ */ p(`div`,{"data-slot":`card-header`,className:J(`group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-lg px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)`,e),...t})}function ls({className:e,...t}){return/* @__PURE__ */ p(`div`,{"data-slot":`card-title`,className:J(`cn-font-heading text-sm font-medium`,e),...t})}function us({className:e,...t}){return/* @__PURE__ */ p(`div`,{"data-slot":`card-description`,className:J(`text-xs/relaxed text-muted-foreground`,e),...t})}function ds({className:e,...t}){return/* @__PURE__ */ p(`div`,{"data-slot":`card-content`,className:J(`px-(--card-spacing)`,e),...t})}function fs({className:e,...t}){return/* @__PURE__ */ p(`label`,{"data-slot":`label`,className:J(`flex items-center gap-2 text-2xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...t})}const ps=Le(`group/field flex w-full gap-2 data-[invalid=true]:text-destructive`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function ms({className:e,orientation:t=`vertical`,...n}){return/* @__PURE__ */ p(`div`,{role:`group`,"data-slot":`field`,"data-orientation":t,className:J(ps({orientation:t}),e),...n})}function hs({className:e,...t}){return/* @__PURE__ */ p(fs,{"data-slot":`field-label`,className:J(`group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-2 dark:has-data-checked:bg-primary/10`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col`,e),...t})}function gs({className:e,...t}){return/* @__PURE__ */ p(`p`,{"data-slot":`field-description`,className:J(`text-left text-2xs/relaxed leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5`,`last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,e),...t})}function _s({className:e,children:t,errors:n,...r}){let i=l(()=>{if(t)return t;if(!n?.length)return null;let e=[...new Map(n.map(e=>[e?.message,e])).values()];return e?.length===1?e[0]?.message:/* @__PURE__ */ p(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map((e,t)=>e?.message&&/* @__PURE__ */ p(`li`,{children:e.message},t))})},[t,n]);return i?/* @__PURE__ */ p(`div`,{role:`alert`,"data-slot":`field-error`,className:J(`text-xs/relaxed font-normal text-destructive`,e),...r,children:i}):null}const vs=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(vs.displayName=`TabsRootContext`);function ys(){let t=e.useContext(vs);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(64):`Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.`);return t}let bs=/*#__PURE__*/ function(e){return e.activationDirection=`data-activation-direction`,e.orientation=`data-orientation`,e}({});const xs={tabActivationDirection:e=>({[bs.activationDirection]:e})},Ss=/*#__PURE__*/ e.forwardRef(function(t,n){let{className:r,defaultValue:i=0,onValueChange:a,orientation:o=`horizontal`,render:s,value:c,style:l,...u}=t,d=t.defaultValue!==void 0,f=e.useRef([]),[m,h]=e.useState(()=>/* @__PURE__ */ new Map),[g,_]=ra({controlled:c,default:i,name:`Tabs`,state:`value`}),v=c!==void 0,[y,b]=e.useState(()=>/* @__PURE__ */ new Map),x=e.useRef(void 0),S=e.useCallback(e=>{if(e===void 0)return null;for(let[t,n]of y.entries())if(n!=null&&e===(n.value??n.index))return t;return null},[y]),[C,w]=e.useState(()=>({previousValue:g,tabActivationDirection:`none`})),{previousValue:T,tabActivationDirection:E}=C,D=E,O=!1;T!==g&&(D=Cs(T,g,o,y),O=T!=null&&g!=null&&S(g)==null);let k=O?T:g,A=T!==k||E!==D;X(()=>{A&&w({previousValue:k,tabActivationDirection:D})},[k,A,D]);let j=Y((e,t)=>{t.activationDirection=Cs(g,e,o,y),a?.(e,t),!t.isCanceled&&_(e)}),M=Y((e,t)=>{a?.(e,la(t,void 0,void 0,{activationDirection:`none`}))}),N=Y((e,t)=>{h(n=>{if(n.get(e)===t)return n;let r=new Map(n);return r.set(e,t),r})}),P=Y((e,t)=>{h(n=>{if(!n.has(e)||n.get(e)!==t)return n;let r=new Map(n);return r.delete(e),r})}),F=e.useCallback(e=>m.get(e),[m]),I=e.useCallback(e=>{for(let t of y.values())if(e===t?.value)return t?.id},[y]),L=e.useMemo(()=>({getTabElementBySelectedValue:S,getTabIdByPanelValue:I,getTabPanelIdByValue:F,onValueChange:j,orientation:o,registerMountedTabPanel:N,setTabMap:b,unregisterMountedTabPanel:P,tabActivationDirection:D,value:g}),[S,I,F,j,o,N,b,P,D,g]),R=e.useMemo(()=>{for(let e of y.values())if(e!=null&&e.value===g)return e},[y,g]),z=e.useMemo(()=>{for(let e of y.values())if(e!=null&&!e.disabled)return e.value},[y]),B=e.useRef(!d),V=e.useRef(i),ee=e.useRef(d),H=e.useRef(!1);X(()=>{if(v)return;function e(e,t){_(e),w(t=>t.previousValue===e&&t.tabActivationDirection===`none`?t:{previousValue:e,tabActivationDirection:`none`}),M(e,t),B.current=!1}if(y.size===0){H.current&&g!==null&&!x.current?.isConnected&&e(null,sa);return}H.current=!0,x.current=y.keys().next().value;let t=R?.disabled,n=R==null&&g!==null;if(!t&&g===V.current&&(ee.current=!1),ee.current&&t&&g===V.current)return;let r=B.current;if(t||n){let n=z??null;if(g===n){B.current=!1;return}let i=sa;r?i=ca:t&&(i=`disabled`),e(n,i)}else r&&R!=null&&(M(g,ca),B.current=!1)},[z,v,M,R,_,y,g]);let te=Ce(`div`,t,{state:{orientation:o,tabActivationDirection:D},ref:n,props:u,stateAttributesMapping:xs});return/*#__PURE__*/ p(vs.Provider,{value:L,children:/*#__PURE__*/ p(Sa,{elementsRef:f,children:te})})});process.env.NODE_ENV!==`production`&&(Ss.displayName=`TabsRoot`);function Cs(e,t,n,r){if(e==null||t==null)return`none`;let i=null,a=null;for(let[n,o]of r.entries()){if(o==null)continue;let r=o.value??o.index;if(e===r&&(i=n),t===r&&(a=n),i!=null&&a!=null)break}if(i==null||a==null)return i!==a&&(typeof e==`number`||typeof e==`string`)&&typeof e==typeof t?n===`horizontal`?t>e?`right`:`left`:t>e?`down`:`up`:`none`;let o=i.getBoundingClientRect(),s=a.getBoundingClientRect();if(n===`horizontal`){if(s.left<o.left)return`left`;if(s.left>o.left)return`right`}else{if(s.top<o.top)return`up`;if(s.top>o.top)return`down`}return`none`}function ws(t={}){let{highlightItemOnHover:n,highlightedIndex:r,onHighlightedIndexChange:i}=Sn(),{ref:a,index:o}=Oo(t),s=r===o,c=e.useRef(null),l=oe(a,c);return{compositeProps:{tabIndex:s?0:-1,onFocus(){i(o)},onMouseMove(){let e=c.current;if(!n||!e)return;let t=e.hasAttribute(`disabled`)||e.ariaDisabled===`true`;!s&&!t&&e.focus()}},compositeRef:l,index:o}}const Ts=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Ts.displayName=`TabsListContext`);function Es(){let t=e.useContext(Ts);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(65):`Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.`);return t}const Ds=/*#__PURE__*/ e.forwardRef(function(t,n){let{className:r,disabled:i=!1,render:a,value:o,id:s,nativeButton:c=!0,style:l,...u}=t,{value:d,getTabPanelIdByValue:f,orientation:p,tabActivationDirection:m}=ys(),{activateOnFocus:h,highlightedTabIndex:g,onTabActivation:_,registerTabResizeObserverElement:v,setHighlightedTabIndex:y,tabsListElement:b}=Es(),x=Nr(s),{compositeProps:S,compositeRef:C,index:w}=ws({metadata:e.useMemo(()=>({disabled:i,id:x,value:o}),[i,x,o])}),T=o===d,E=e.useRef(!1),D=e.useRef(null);X(()=>{let e=D.current;if(e)return v(e)},[v]),X(()=>{if(E.current){E.current=!1;return}if(!(T&&w>-1&&g!==w))return;let e=b;if(e!=null){let t=Qr(Lr(e));if(t&&Q(e,t))return}i||y(w)},[T,w,g,y,i,b]);let{getButtonProps:O,buttonRef:k}=wn({disabled:i,native:c,focusableWhenDisabled:!0}),A=f(o),j=e.useRef(!1),M=e.useRef(!1);function N(e){T||i||_(o,la(oa,e.nativeEvent,void 0,{activationDirection:`none`}))}function P(e){T||(w>-1&&!i&&y(w),!i&&h&&(!j.current||j.current&&M.current)&&_(o,la(oa,e.nativeEvent,void 0,{activationDirection:`none`})))}function F(e){if(T||i)return;j.current=!0;function t(){j.current=!1,M.current=!1}e.button&&e.button!==0||(M.current=!0,Lr(e.currentTarget).addEventListener(`pointerup`,t,{once:!0}))}return Ce(`button`,t,{state:{disabled:i,active:T,orientation:p,tabActivationDirection:m},ref:[n,k,C,D],props:[S,{role:`tab`,"aria-controls":A,"aria-selected":T,id:x,onClick:N,onFocus:P,onPointerDown:F,"data-composite-item-active":T?``:void 0,onKeyDownCapture(){E.current=!0}},u,O],stateAttributesMapping:xs})});process.env.NODE_ENV!==`production`&&(Ds.displayName=`TabsTab`);function Os(e){return pe(19)?e:e?`true`:void 0}let ks=function(e){return e.index=`data-index`,e.activationDirection=`data-activation-direction`,e.orientation=`data-orientation`,e.hidden=`data-hidden`,e[e.startingStyle=Xi.startingStyle]=`startingStyle`,e[e.endingStyle=Xi.endingStyle]=`endingStyle`,e}({});const As={...xs,...$i},js=/*#__PURE__*/ e.forwardRef(function(t,n){let{className:r,value:i,render:a,keepMounted:o=!1,style:s,...c}=t,{value:l,getTabIdByPanelValue:u,orientation:d,tabActivationDirection:f,registerMountedTabPanel:p,unregisterMountedTabPanel:m}=ys(),h=Nr(),{ref:g,index:_}=Oo({metadata:e.useMemo(()=>({id:h,value:i}),[h,i])}),v=i===l,{mounted:y,transitionStatus:b,setMounted:x}=na(v),S=!y,C=u(i),w={hidden:S,orientation:d,tabActivationDirection:f,transitionStatus:b},T=e.useRef(null),E=Ce(`div`,t,{state:w,ref:[n,g,T],props:[{"aria-labelledby":C,hidden:S,id:h,role:`tabpanel`,tabIndex:v?0:-1,inert:Os(!v),[ks.index]:_},c],stateAttributesMapping:As});return ta({open:v,ref:T,onComplete(){v||x(!1)}}),X(()=>{if((!S||o)&&h!=null)return p(i,h),()=>{m(i,h)}},[S,o,i,h,p,m]),o||y?E:null});process.env.NODE_ENV!==`production`&&(js.displayName=`TabsPanel`);function Ms(e){return e==null||e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`}const Ns=[];function Ps(t){let{loopFocus:n=!0,orientation:r=`both`,grid:i,onLoop:a,direction:o,highlightedIndex:s,onHighlightedIndexChange:c,rootRef:l,enableHomeAndEndKeys:u=!1,stopEventPropagation:d=!1,disabledIndices:f,modifierKeys:p=Ns}=t,[m,h]=e.useState(0),g=i!=null,_=e.useRef(null),v=oe(_,l),y=e.useRef([]),b=e.useRef(!1),x=s??m,S=Y((e,t=!1)=>{if((c??h)(e),t){let t=y.current[e];wo(_.current,t,o,r)}}),C=Y(e=>{if(e.size===0||b.current)return;b.current=!0;let t=Array.from(e.keys()),n=t.find(e=>e?.hasAttribute(`data-composite-item-active`))??null,i=n?t.indexOf(n):-1;if(i!==-1)S(i);else if(_i(t,x,f)){let e=gi(t,{disabledIndices:f});pi(t,e)||S(e)}wo(_.current,n,o,r)});X(()=>{if(f==null||s!=null||!b.current)return;let e=y.current;if(_i(e,x,f)){let t=gi(e,{disabledIndices:f});pi(e,t)||S(t)}},[f,s,x,y,S]);let w=Y((e,t,n)=>a?a(e,t,n,y):n),T=Y(e=>{let t=u?bo:yo;if(!t.has(e.key)||Fs(e,p)||!_.current)return;let s=o===`rtl`,c=s?lo:uo,l={horizontal:c,vertical:co,both:c}[r],m=s?uo:lo,h={horizontal:m,vertical:so,both:m}[r],v=$r(e.nativeEvent);if(v!=null&&Co(v)&&!Ms(v)){let t=v.selectionStart,n=v.selectionEnd,r=v.value??``;if(t==null||e.shiftKey||t!==n||e.key!==h&&t<r.length||e.key!==l&&t>0)return}let b=x,C=mi(y,f),T=hi(y,f);i!=null&&(b=i({disabledIndices:f,elementsRef:y,event:e,highlightedIndex:x,loopFocus:n,maxIndex:T,minIndex:C,onLoop:w,orientation:r,rtl:s}));let E={horizontal:[c],vertical:[co],both:[c,co]}[r],D={horizontal:[m],vertical:[so],both:[m,so]}[r],O=g?t:{horizontal:u?go:ho,vertical:u?vo:_o,both:t}[r];u&&(e.key===`Home`?b=C:e.key===`End`&&(b=T)),b===x&&(E.includes(e.key)||D.includes(e.key))&&(n&&b===T&&E.includes(e.key)?(b=C,a&&(b=a(e,x,b,y))):n&&b===C&&D.includes(e.key)?(b=T,a&&(b=a(e,x,b,y))):b=gi(y.current,{startingIndex:b,decrement:D.includes(e.key),disabledIndices:f})),b!==x&&!pi(y.current,b)&&(d&&e.stopPropagation(),O.has(e.key)&&e.preventDefault(),S(b,!0),queueMicrotask(()=>{y.current[b]?.focus()}))});return{props:{ref:v,onFocus(e){let t=_.current,n=$r(e.nativeEvent);t&&n!=null&&Co(n)&&n.setSelectionRange(0,n.value.length??0)},onKeyDown:T},highlightedIndex:x,onHighlightedIndexChange:S,elementsRef:y,disabledIndices:f,onMapChange:C,relayKeyboardEvent:T}}function Fs(e,t){for(let n of xo.values())if(!t.includes(n)&&e.getModifierState(n))return!0;return!1}function Is(t){let{render:n,className:r,style:i,refs:a=ve,props:o=ve,state:s=ye,stateAttributesMapping:c,highlightedIndex:l,onHighlightedIndexChange:u,orientation:d,grid:f,loopFocus:m,onLoop:h,enableHomeAndEndKeys:g,onMapChange:_,stopEventPropagation:v=!0,rootRef:y,disabledIndices:b,modifierKeys:x,highlightItemOnHover:S=!1,tag:C=`div`,...w}=t,{props:T,highlightedIndex:E,onHighlightedIndexChange:D,elementsRef:O,onMapChange:k,relayKeyboardEvent:A}=Ps({grid:f,loopFocus:m,onLoop:h,orientation:d,highlightedIndex:l,onHighlightedIndexChange:u,rootRef:y,stopEventPropagation:v,enableHomeAndEndKeys:g,direction:Wa(),disabledIndices:b,modifierKeys:x}),j=Ce(C,t,{state:s,ref:a,props:[T,...o,w],stateAttributesMapping:c}),M=e.useMemo(()=>({highlightedIndex:E,onHighlightedIndexChange:D,highlightItemOnHover:S,relayKeyboardEvent:A}),[E,D,S,A]);return/*#__PURE__*/ p(xn.Provider,{value:M,children:/*#__PURE__*/ p(Sa,{elementsRef:O,onMapChange:e=>{_?.(e),k(e)},children:j})})}const Ls=/*#__PURE__*/ e.forwardRef(function(t,n){let{activateOnFocus:r=!1,className:i,loopFocus:a=!0,render:o,style:s,...c}=t,{onValueChange:l,orientation:u,value:d,setTabMap:f,tabActivationDirection:m}=ys(),[h,g]=e.useState(0),[_,v]=e.useState(null),y=e.useRef(/* @__PURE__ */ new Set),b=e.useRef(/* @__PURE__ */ new Set),x=e.useRef(null);X(()=>{if(typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>{y.current.forEach(e=>{e()})});return x.current=e,_&&e.observe(_),b.current.forEach(t=>{e.observe(t)}),()=>{e.disconnect(),x.current=null}},[_]);let S=Y(e=>(y.current.add(e),()=>{y.current.delete(e)})),C=Y(e=>(b.current.add(e),x.current?.observe(e),()=>{b.current.delete(e),x.current?.unobserve(e)})),w=Y((e,t)=>{e!==d&&l(e,t)}),T={orientation:u,tabActivationDirection:m},E={"aria-orientation":u===`vertical`?`vertical`:void 0,role:`tablist`},D=e.useMemo(()=>({activateOnFocus:r,highlightedTabIndex:h,registerIndicatorUpdateListener:S,registerTabResizeObserverElement:C,onTabActivation:w,setHighlightedTabIndex:g,tabsListElement:_}),[r,h,S,C,w,g,_]);return/*#__PURE__*/ p(Ts.Provider,{value:D,children:/*#__PURE__*/ p(Is,{render:o,className:i,style:s,state:T,refs:[n,v],props:[E,c],stateAttributesMapping:xs,highlightedIndex:h,enableHomeAndEndKeys:!0,loopFocus:a,orientation:u,onHighlightedIndexChange:g,onMapChange:f,disabledIndices:ve})})});process.env.NODE_ENV!==`production`&&(Ls.displayName=`TabsList`);function Rs({className:e,orientation:t=`horizontal`,...n}){return/* @__PURE__ */ p(Ss,{"data-slot":`tabs`,"data-orientation":t,className:J(`group/tabs flex gap-2 data-[orientation=horizontal]:flex-col`,e),...n})}const zs=Le(`group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none`,{variants:{variant:{default:`bg-muted`,line:`gap-1 bg-transparent`}},defaultVariants:{variant:`default`}});function Bs({className:e,variant:t=`default`,...n}){return/* @__PURE__ */ p(Ls,{"data-slot":`tabs-list`,"data-variant":t,className:J(zs({variant:t}),e),...n})}function Vs({className:e,...t}){return/* @__PURE__ */ p(Ds,{"data-slot":`tabs-trigger`,className:J(`relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-2xs font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start group-data-[orientation=vertical]/tabs:py-[calc(--spacing(1.25))] hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent`,`data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground`,`after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100`,e),...t})}function Hs({className:e,...t}){return/* @__PURE__ */ p(js,{"data-slot":`tabs-content`,className:J(`flex-1 text-2xs/relaxed outline-none`,e),...t})}const Us=[{id:`surface`,label:`Background and text`,tokens:[`background`,`foreground`,`muted-foreground`,`border`,`radius`,`spacing`],render:()=>/* @__PURE__ */ m(`div`,{className:`rounded-lg border p-4 bg-background text-foreground`,children:[/* @__PURE__ */ p(`p`,{className:`font-medium text-sm`,children:`Page title`}),/* @__PURE__ */ p(`p`,{className:`mt-1 text-muted-foreground`,children:`Supporting text in the softer color.`})]})},{id:`buttons`,label:`Buttons`,requires:[`button`],components:[`button`],render:()=>/* @__PURE__ */ m(`div`,{className:`flex flex-wrap items-center gap-2`,children:[/* @__PURE__ */ p(Z,{children:`Default`}),/* @__PURE__ */ p(Z,{variant:`secondary`,children:`Secondary`}),/* @__PURE__ */ p(Z,{variant:`outline`,children:`Outline`}),/* @__PURE__ */ p(Z,{variant:`ghost`,children:`Ghost`}),/* @__PURE__ */ p(Z,{variant:`danger`,children:`Delete`}),/* @__PURE__ */ p(Z,{variant:`success`,children:`Approve`}),/* @__PURE__ */ p(Z,{variant:`warning`,children:`Warning`}),/* @__PURE__ */ p(Z,{variant:`inverted`,children:`Inverted`})]})},{id:`badges`,label:`Badges`,requires:[`badge`],components:[`badge`],render:()=>/* @__PURE__ */ m(`div`,{className:`flex flex-wrap items-center gap-2`,children:[/* @__PURE__ */ p(en,{children:`Default`}),/* @__PURE__ */ p(en,{variant:`secondary`,children:`Secondary`}),/* @__PURE__ */ p(en,{variant:`outline`,children:`Outline`}),/* @__PURE__ */ p(en,{variant:`danger`,children:`Error`}),/* @__PURE__ */ p(en,{variant:`success`,children:`Success`}),/* @__PURE__ */ p(en,{variant:`warning`,children:`Warning`}),/* @__PURE__ */ p(en,{variant:`inverted`,children:`Inverted`})]})},{id:`field`,label:`Fields`,requires:[`input`],components:[`field`,`input`,`label`],render:()=>/* @__PURE__ */ m(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:[/* @__PURE__ */ m(ms,{children:[/* @__PURE__ */ p(hs,{htmlFor:`slabui-te-name`,children:`Name`}),/* @__PURE__ */ p(ma,{id:`slabui-te-name`,placeholder:`Your name`}),/* @__PURE__ */ p(gs,{children:`As shown on your profile.`})]}),/* @__PURE__ */ m(ms,{"data-invalid":`true`,children:[/* @__PURE__ */ p(hs,{htmlFor:`slabui-te-email`,children:`Email`}),/* @__PURE__ */ p(ma,{"aria-invalid":!0,id:`slabui-te-email`,defaultValue:`you@`}),/* @__PURE__ */ p(_s,{children:`Enter a valid email.`})]})]})},{id:`card`,label:`Card`,requires:[`card`],components:[`card`],render:()=>/* @__PURE__ */ m(ss,{children:[/* @__PURE__ */ m(cs,{children:[/* @__PURE__ */ p(ls,{children:`Pro plan`}),/* @__PURE__ */ p(us,{children:`Billed monthly, cancel anytime.`})]}),/* @__PURE__ */ p(ds,{children:`$49 per month.`})]})},{id:`tabs`,label:`Tabs`,requires:[`tabs`],components:[`tabs`],render:()=>/* @__PURE__ */ p(Rs,{defaultValue:`conta`,children:/* @__PURE__ */ m(Bs,{children:[/* @__PURE__ */ p(Vs,{value:`conta`,children:`Account`}),/* @__PURE__ */ p(Vs,{value:`senha`,children:`Password`}),/* @__PURE__ */ p(Vs,{value:`avisos`,children:`Notifications`})]})})},{id:`slider`,label:`Slider`,requires:[`slider`],components:[`slider`],render:()=>/* @__PURE__ */ p(Bo,{"aria-label":`Volume`,className:`max-w-xs`,defaultValue:[60]})},{id:`popover`,label:`Dialogs and popovers`,requires:[`dialog`,`alert-dialog`,`popover`,`dropdown-menu`,`select`,`sheet`,`tooltip`],tokens:[`popover`,`popover-foreground`,`muted-foreground`,`radius`,`spacing`],render:()=>/* @__PURE__ */ m(`div`,{className:`max-w-sm rounded-xl bg-popover p-4 text-popover-foreground shadow-md ring-1 ring-foreground/10`,children:[/* @__PURE__ */ p(`p`,{className:`font-medium`,children:`Delete project?`}),/* @__PURE__ */ p(`p`,{className:`mt-1 text-muted-foreground`,children:`This action can't be undone.`})]})},{id:`menu`,label:`Menus`,requires:[`dropdown-menu`,`select`],tokens:[`popover`,`popover-foreground`,`accent`,`accent-foreground`,`radius`,`spacing`],render:()=>/* @__PURE__ */ m(`div`,{className:`w-48 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10`,children:[/* @__PURE__ */ p(`div`,{className:`rounded-md px-2 py-1.5`,children:`Profile`}),/* @__PURE__ */ p(`div`,{className:`rounded-md bg-accent px-2 py-1.5 text-accent-foreground`,children:`Settings`}),/* @__PURE__ */ p(`div`,{className:`rounded-md px-2 py-1.5`,children:`Sign out`})]})},{id:`focus`,label:`Focus`,requires:[`button`,`input`],tokens:[`focus`,`focus-size`,`focus-offset`],render:()=>/* @__PURE__ */ m(`div`,{className:`flex flex-wrap items-center gap-4 [&>*]:outline-(length:--focus-size) [&>*]:outline-focus [&>*]:outline-offset-(length:--focus-offset) [&>*]:outline-solid`,children:[/* @__PURE__ */ p(Z,{children:`Focused`}),/* @__PURE__ */ p(ma,{className:`max-w-48`,placeholder:`Focused field`})]})},{id:`container`,label:`Container widths (25% scale)`,requires:[`container`],tokens:[`page-sm`,`page`,`page-lg`],render:()=>/* @__PURE__ */ p(`div`,{className:`flex flex-col gap-2 rounded-lg border bg-muted/40 p-3`,children:[[`sm`,`page-sm`,`w-[calc(var(--page-sm)/4)]`],[`default`,`page`,`w-[calc(var(--page)/4)]`],[`lg`,`page-lg`,`w-[calc(var(--page-lg)/4)]`]].map(([e,t,n])=>/* @__PURE__ */ m(`div`,{className:`flex max-w-full items-center justify-between gap-2 rounded-md border border-dashed bg-background px-2 py-1 text-muted-foreground ${n}`,children:[/* @__PURE__ */ p(`span`,{children:e}),/* @__PURE__ */ m(`code`,{children:[`--`,t]})]},e))})},{id:`chart`,label:`Charts`,requires:[`chart`],tokens:[`chart-1`,`chart-2`,`chart-3`,`chart-4`,`chart-5`,`radius`],render:()=>/* @__PURE__ */ p(`div`,{className:`flex h-28 items-end gap-2`,children:[[`bg-chart-1`,`h-[60%]`],[`bg-chart-2`,`h-[85%]`],[`bg-chart-3`,`h-[45%]`],[`bg-chart-4`,`h-full`],[`bg-chart-5`,`h-[70%]`]].map(([e,t])=>/* @__PURE__ */ p(`div`,{className:`w-8 rounded-t-sm ${e} ${t}`},e))})},{id:`sidebar`,label:`Sidebar`,requires:[`sidebar`],tokens:[`sidebar`,`sidebar-foreground`,`sidebar-primary`,`sidebar-primary-foreground`,`sidebar-accent`,`sidebar-accent-foreground`,`sidebar-border`,`radius`,`spacing`],render:()=>/* @__PURE__ */ m(`div`,{className:`flex w-56 flex-col gap-1 rounded-lg border border-sidebar-border bg-sidebar p-2 text-sidebar-foreground`,children:[/* @__PURE__ */ m(`div`,{className:`mb-1 flex items-center gap-2 px-2 py-1.5`,children:[/* @__PURE__ */ p(`span`,{className:`grid size-6 place-items-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground`,children:`S`}),`SlabUI`]}),/* @__PURE__ */ p(`div`,{className:`rounded-md bg-sidebar-accent px-2 py-1.5 text-sidebar-accent-foreground`,children:`Dashboard`}),/* @__PURE__ */ p(`div`,{className:`rounded-md px-2 py-1.5`,children:`Projects`})]})},{id:`table`,label:`Table`,requires:[`table`],tokens:[`table`,`table-content`,`table-hover`,`radius`,`spacing`],render:()=>/* @__PURE__ */ m(`div`,{className:`overflow-hidden rounded-lg border bg-table`,children:[/* @__PURE__ */ m(`div`,{className:`grid grid-cols-3 px-3 py-2 font-medium`,children:[/* @__PURE__ */ p(`span`,{children:`Item`}),/* @__PURE__ */ p(`span`,{children:`Status`}),/* @__PURE__ */ p(`span`,{children:`Amount`})]}),/* @__PURE__ */ m(`div`,{className:`grid grid-cols-3 bg-table-content px-3 py-2`,children:[/* @__PURE__ */ p(`span`,{children:`Order 1`}),/* @__PURE__ */ p(`span`,{children:`Paid`}),/* @__PURE__ */ p(`span`,{children:`$120`})]}),/* @__PURE__ */ m(`div`,{className:`grid grid-cols-3 bg-table-hover px-3 py-2`,children:[/* @__PURE__ */ p(`span`,{children:`Order 2 (hover)`}),/* @__PURE__ */ p(`span`,{children:`Pending`}),/* @__PURE__ */ p(`span`,{children:`$80`})]})]})}];function Ws(e){return/* @__PURE__ */ new Set([...e.tokens??[],...(e.components??[]).flatMap(e=>os[e]??[])])}function Gs(e,t){return Us.filter(n=>Ws(n).has(e)&&(t===null||n.requires===void 0||n.requires.some(e=>t.includes(e))))}function Ks({token:e,installed:t,children:n}){let r=Gs(e,t);return/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-6`,children:[r.length===0&&/* @__PURE__ */ m(`div`,{className:`flex items-center gap-3`,children:[/* @__PURE__ */ p(`span`,{className:`size-10 shrink-0 rounded-lg border`,style:{background:`var(--${e})`}}),/* @__PURE__ */ m(`p`,{className:`text-muted-foreground`,children:[`No installed component uses `,/* @__PURE__ */ m(`code`,{children:[`--`,e]}),`.`]})]}),r.map(e=>/* @__PURE__ */ m(`section`,{className:`flex flex-col gap-2`,children:[/* @__PURE__ */ p(`h4`,{className:`font-medium text-muted-foreground`,children:e.label}),e.render()]},e.id)),n]})}function qs({themes:e,current:t,pending:n,onEdit:r,onCreate:i,onRename:a,onDelete:o}){let[s,c]=d(``),[l,u]=d(``),[f,h]=d(),[g,_]=d(``),[v,y]=d(),[x,S]=d(!1),C=async e=>{S(!0);let t=await e();return S(!1),y(t.ok?void 0:t.message),t.ok},w=e=>e!==``&&!b(e);return/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-4`,children:[/* @__PURE__ */ p(`div`,{className:`flex flex-col gap-1`,children:[``,...e].map(e=>{let s=e||`Base`,c=e===t;return/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-2 rounded-lg border p-2.5 aria-current:border-primary`,"aria-current":c||void 0,children:[/* @__PURE__ */ m(`div`,{className:`flex items-center gap-2`,children:[/* @__PURE__ */ m(`span`,{className:`min-w-0 flex-1 truncate font-medium`,children:[s,n.has(e)&&` •`]}),c?/* @__PURE__ */ p(en,{variant:`secondary`,children:`Editing`}):/* @__PURE__ */ p(Z,{onClick:()=>r(e),size:`xs`,variant:`outline`,children:`Edit`})]}),/* @__PURE__ */ p(`code`,{className:`text-muted-foreground`,children:e?`themes/${e}.css`:`Global CSS (base)`}),e&&/* @__PURE__ */ m(`div`,{className:`flex flex-wrap gap-1.5`,children:[/* @__PURE__ */ p(Z,{onClick:()=>{h({kind:`duplicate`,from:e}),_(`${e}-copia`)},size:`xs`,variant:`ghost`,children:`Duplicate`}),/* @__PURE__ */ p(Z,{onClick:()=>{h({kind:`rename`,from:e}),_(e)},size:`xs`,variant:`ghost`,children:`Rename`}),/* @__PURE__ */ p(Z,{onClick:()=>h({kind:`delete`,name:e}),size:`xs`,variant:`ghost`,children:`Delete`})]}),f?.kind!==`delete`&&f?.from===e&&e!==``&&/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-2`,children:[/* @__PURE__ */ p(ma,{"aria-invalid":w(g)||void 0,"aria-label":f.kind===`rename`?`New name for ${e}`:`Name of the copy of ${e}`,onChange:e=>_(e.target.value),value:g}),/* @__PURE__ */ m(`div`,{className:`flex gap-1.5`,children:[/* @__PURE__ */ p(Z,{disabled:x||!b(g),onClick:async()=>{await C(()=>f.kind===`rename`?a(e,g):i(g,e))&&h(void 0)},size:`xs`,children:f.kind===`rename`?`Rename`:`Duplicate`}),/* @__PURE__ */ p(Z,{onClick:()=>h(void 0),size:`xs`,variant:`ghost`,children:`Cancel`})]})]}),f?.kind===`delete`&&f.name===e&&/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-2 rounded-md bg-danger/10 p-2`,children:[/* @__PURE__ */ m(`p`,{children:[`Delete `,/* @__PURE__ */ m(`code`,{children:[`themes/`,e,`.css`]}),` and its import in the global CSS? Only git can undo it.`]}),/* @__PURE__ */ m(`div`,{className:`flex gap-1.5`,children:[/* @__PURE__ */ p(Z,{disabled:x,onClick:async()=>{await C(()=>o(e))&&h(void 0)},size:`xs`,variant:`danger`,children:`Delete theme`}),/* @__PURE__ */ p(Z,{onClick:()=>h(void 0),size:`xs`,variant:`ghost`,children:`Cancel`})]})]})]},s)})}),/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-2 rounded-lg border border-dashed p-3`,children:[/* @__PURE__ */ p(`span`,{className:`font-medium`,children:`New theme`}),/* @__PURE__ */ p(ma,{"aria-invalid":w(s)||void 0,"aria-label":`Name of the new theme`,onChange:e=>c(e.target.value),placeholder:`theme-name`,value:s}),/* @__PURE__ */ m(`label`,{className:`flex items-center justify-between gap-2 text-muted-foreground`,children:[`Start from`,/* @__PURE__ */ m(`select`,{className:`h-7 rounded-md border bg-background px-2 text-foreground`,onChange:e=>u(e.target.value),value:l,children:[/* @__PURE__ */ p(`option`,{value:``,children:`Base (empty)`}),e.map(e=>/* @__PURE__ */ p(`option`,{value:e,children:e},e))]})]}),/* @__PURE__ */ p(Z,{disabled:x||!b(s),onClick:async()=>{await C(()=>i(s,l||void 0))&&(c(``),u(``))},size:`sm`,children:`Create theme`}),w(s)&&/* @__PURE__ */ p(`p`,{className:`text-danger`,children:`Use letters, numbers and -.`})]}),v&&/* @__PURE__ */ p(`p`,{className:`text-danger`,children:v}),t&&/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-1.5 text-muted-foreground`,children:[/* @__PURE__ */ p(`span`,{className:`font-medium text-foreground`,children:`How to apply`}),/* @__PURE__ */ p(`code`,{className:`rounded-md bg-muted px-2 py-1`,children:`<html data-slabui-theme="${t}">`}),/* @__PURE__ */ p(`code`,{className:`rounded-md bg-muted px-2 py-1`,children:`SLABUI_THEME=${t}`})]})]})}const Js=/*#__PURE__*/ e.createContext(!1);process.env.NODE_ENV!==`production`&&(Js.displayName=`IsDrawerContext`);const Ys=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Ys.displayName=`DialogRootContext`);function Xs(t){let n=e.useContext(Ys);if(t===!1&&n===void 0)throw Error(process.env.NODE_ENV===`production`?W(27):`Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.`);return n}let Zs=function(e){return e.open=`data-open`,e.closed=`data-closed`,e[e.startingStyle=Xi.startingStyle]=`startingStyle`,e[e.endingStyle=Xi.endingStyle]=`endingStyle`,e.anchorHidden=`data-anchor-hidden`,e.side=`data-side`,e.align=`data-align`,e}({}),Qs=/*#__PURE__*/ function(e){return e.popupOpen=`data-popup-open`,e.pressed=`data-pressed`,e}({});Qs.popupOpen,Qs.popupOpen,Qs.pressed;const $s={[Zs.open]:``},ec={[Zs.closed]:``},tc={[Zs.anchorHidden]:``},nc={open(e){return e?$s:ec},anchorHidden(e){return e?tc:null}},rc={...nc,...$i},ic=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,forceRender:a=!1,...o}=e,{store:s}=Xs(),c=s.useState(`open`),l=s.useState(`nested`),u=s.useState(`mounted`);return Ce(`div`,e,{state:{open:c,transitionStatus:s.useState(`transitionStatus`)},ref:[s.context.backdropRef,t],stateAttributesMapping:rc,props:[{role:`presentation`,hidden:!u,style:{userSelect:`none`,WebkitUserSelect:`none`}},o],enabled:a||!l})});process.env.NODE_ENV!==`production`&&(ic.displayName=`DialogBackdrop`);const ac=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,disabled:a=!1,nativeButton:o=!0,...s}=e,{store:c}=Xs(),l=c.useState(`open`),{getButtonProps:u,buttonRef:d}=wn({disabled:a,native:o}),f={disabled:a};function p(e){l&&c.setOpen(!1,la(`close-press`,e.nativeEvent))}return Ce(`button`,e,{state:f,ref:[t,d],props:[{onClick:p},s,u]})});process.env.NODE_ENV!==`production`&&(ac.displayName=`DialogClose`);const oc=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{store:s}=Xs(),c=Nr(a);return s.useSyncedValueWithCleanup(`descriptionElementId`,c),Ce(`p`,e,{ref:t,props:[{id:c},o]})});process.env.NODE_ENV!==`production`&&(oc.displayName=`DialogDescription`);function sc(...e){return()=>{for(let t=0;t<e.length;t+=1){let n=e[t];n&&n()}}}const cc=/*#__PURE__*/ e.forwardRef(function(t,n){let[r,i]=e.useState();X(()=>{Xr&&Yr&&i(`button`)},[]);let a={tabIndex:0,role:r};return/*#__PURE__*/ p(`span`,{...t,ref:n,style:to,"aria-hidden":!r||void 0,...a,"data-base-ui-focus-guard":``})});process.env.NODE_ENV!==`production`&&(cc.displayName=`FocusGuard`);function lc(e){return`data-base-ui-${e}`}let uc=0;function dc(e,t={}){let{preventScroll:n=!1,sync:r=!1,shouldFocus:i}=t;cancelAnimationFrame(uc);function a(){(!i||i())&&e?.focus({preventScroll:n})}if(r)return a(),_e;let o=requestAnimationFrame(a);return uc=o,()=>{uc===o&&(cancelAnimationFrame(o),uc=0)}}const fc={inert:/* @__PURE__ */ new WeakMap,"aria-hidden":/* @__PURE__ */ new WeakMap},pc=`data-base-ui-inert`,mc={inert:/* @__PURE__ */ new WeakSet,"aria-hidden":/* @__PURE__ */ new WeakSet};let hc=/* @__PURE__ */ new WeakMap,gc=0;function _c(e){return mc[e]}function vc(e){return e?ln(e)?e.host:vc(e.parentNode):null}const yc=(e,t)=>t.map(t=>{if(e.contains(t))return t;let n=vc(t);return e.contains(n)?n:null}).filter(e=>e!=null),bc=e=>{let t=/* @__PURE__ */ new Set;return e.forEach(e=>{let n=e;for(;n&&!t.has(n);)t.add(n),n=n.parentNode}),t},xc=(e,t,n)=>{let r=[],i=e=>{e&&!n.has(e)&&Array.from(e.children).forEach(e=>{nn(e)!==`script`&&(t.has(e)?i(e):r.push(e))})};return i(e),r};function Sc(e,t,n,r,{mark:i=!0}){let a=null;r?a=`inert`:n&&(a=`aria-hidden`);let o=null,s=null,c=yc(t,e),l=i?xc(t,bc(c),new Set(c)):[],u=[],d=[];if(a){let e=fc[a],n=_c(a);s=n,o=e;let r=yc(t,Array.from(t.querySelectorAll(`[aria-live]`))),i=c.concat(r);xc(t,bc(i),new Set(i)).forEach(t=>{let r=t.getAttribute(a),i=r!==null&&r!==`false`,o=(e.get(t)||0)+1;e.set(t,o),u.push(t),o===1&&i&&n.add(t),i||t.setAttribute(a,a===`inert`?``:`true`)})}return i&&l.forEach(e=>{let t=(hc.get(e)||0)+1;hc.set(e,t),d.push(e),t===1&&e.setAttribute(pc,``)}),gc+=1,()=>{o&&u.forEach(e=>{let t=(o.get(e)||0)-1;o.set(e,t),t||(!s?.has(e)&&a&&e.removeAttribute(a),s?.delete(e))}),i&&d.forEach(e=>{let t=(hc.get(e)||0)-1;hc.set(e,t),t||e.removeAttribute(pc)}),--gc,gc||(fc.inert=/* @__PURE__ */ new WeakMap,fc[`aria-hidden`]=/* @__PURE__ */ new WeakMap,mc.inert=/* @__PURE__ */ new WeakSet,mc[`aria-hidden`]=/* @__PURE__ */ new WeakSet,hc=/* @__PURE__ */ new WeakMap)}}function Cc(e,t={}){let{ariaHidden:n=!1,inert:r=!1,mark:i=!0}=t,a=Lr(e[0]).body;return Sc(e,a,n,r,{mark:i})}const wc={clipPath:`inset(50%)`,position:`fixed`,top:0,left:0},Tc=/*#__PURE__*/ e.createContext(null);process.env.NODE_ENV!==`production`&&(Tc.displayName=`PortalContext`);const Ec=()=>e.useContext(Tc),Dc=lc(`portal`);function Oc(t={}){let{ref:n,container:r,componentProps:i=ye,elementProps:a}=t,o=Mr(),s=Ec()?.portalNode,[c,l]=e.useState(null),[u,d]=e.useState(null),f=Y(e=>{e!==null&&d(e)}),p=e.useRef(null);X(()=>{if(r===null){p.current&&(p.current=null,d(null),l(null));return}if(o==null)return;let e=(r&&(on(r)?r:r.current))??s??document.body;e==null?p.current&&(p.current=null,d(null),l(null)):p.current!==e&&(p.current=e,d(null),l(e))},[r,s,o]);let m=Ce(`div`,i,{ref:[n,f],props:[{id:o,[Dc]:``},a]});return{portalNode:u,portalSubtree:c&&m?/*#__PURE__*/ h.createPortal(m,c):null}}const kc=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,style:a,children:o,container:s,renderGuards:c,...l}=t,{portalNode:u,portalSubtree:d}=Oc({container:s,ref:n,componentProps:t,elementProps:l}),f=e.useRef(null),g=e.useRef(null),_=e.useRef(null),v=e.useRef(null),[y,b]=e.useState(null),x=e.useRef(!1),S=y?.modal,C=y?.open,w=typeof c==`boolean`?c:!!y&&!y.modal&&y.open&&!!u;e.useEffect(()=>{if(!u||S)return;function e(e){u&&e.relatedTarget&&Ri(e)&&(e.type===`focusin`?x.current&&=(Bi(u),!1):(zi(u),x.current=!0))}return sc(Ha(u,`focusin`,e,!0),Ha(u,`focusout`,e,!0))},[u,S]),X(()=>{u&&C===!0&&x.current&&(Bi(u),x.current=!1)},[C,u]);let T=e.useMemo(()=>({beforeOutsideRef:f,afterOutsideRef:g,beforeInsideRef:_,afterInsideRef:v,portalNode:u,setFocusManagerState:b}),[u]);return/*#__PURE__*/ m(e.Fragment,{children:[d,/*#__PURE__*/ m(Tc.Provider,{value:T,children:[w&&u&&/*#__PURE__*/ p(cc,{"data-type":`outside`,ref:f,onFocus:e=>{Ri(e,u)?_.current?.focus():Li(y?y.domReference:null)?.focus()}}),w&&u&&/*#__PURE__*/ p(`span`,{"aria-owns":u.id,style:wc}),u&&/*#__PURE__*/ h.createPortal(o,u),w&&u&&/*#__PURE__*/ p(cc,{"data-type":`outside`,ref:g,onFocus:e=>{Ri(e,u)?v.current?.focus():(Ii(y?y.domReference:null)?.focus(),y?.closeOnFocusOut&&y?.onOpenChange(!1,la(`focus-out`,e.nativeEvent)))}})]})]})});process.env.NODE_ENV!==`production`&&(kc.displayName=`FloatingPortal`);function Ac(){let e=/* @__PURE__ */ new Map;return{emit(t,n){e.get(t)?.forEach(e=>e(n))},on(t,n){e.has(t)||e.set(t,/* @__PURE__ */ new Set),e.get(t).add(n)},off(t,n){e.get(t)?.delete(n)}}}const jc=/*#__PURE__*/ e.createContext(null);process.env.NODE_ENV!==`production`&&(jc.displayName=`FloatingNodeContext`);const Mc=/*#__PURE__*/ e.createContext(null);process.env.NODE_ENV!==`production`&&(Mc.displayName=`FloatingTreeContext`);const Nc=()=>e.useContext(jc)?.id||null,Pc=t=>{let n=e.useContext(Mc);return t??n};function Fc(e,t){let n=rn($r(e));return e instanceof n.KeyboardEvent?`keyboard`:e instanceof n.FocusEvent?t||`keyboard`:`pointerType`in e?e.pointerType||`keyboard`:`touches`in e?`touch`:e instanceof n.MouseEvent?t||(e.detail===0?`keyboard`:`mouse`):``}let Ic=[];function Lc(){Ic=Ic.filter(e=>e.deref()?.isConnected)}function Rc(e){Lc(),e&&nn(e)!==`body`&&(Ic.push(new WeakRef(e)),Ic.length>20&&(Ic=Ic.slice(-20)))}function zc(){return Lc(),Ic[Ic.length-1]?.deref()}function Bc(e){return e?Mi(e)?e:Pi(e)[0]||e:null}function Vc(e){if(e.hasAttribute(`tabindex`)&&!e.hasAttribute(`data-tabindex`)||!e.getAttribute(`role`)?.includes(`dialog`))return;let t=Ni(e).filter(e=>{let t=e.getAttribute(`data-tabindex`)||``;return Mi(e)||e.hasAttribute(`data-tabindex`)&&!t.startsWith(`-`)}),n=e.getAttribute(`tabindex`);t.length===0?n!==`0`&&(e.setAttribute(`tabindex`,`0`),e.setAttribute(`data-tabindex`,`0`)):(n!==`-1`||e.hasAttribute(`data-tabindex`)&&e.getAttribute(`data-tabindex`)!==`-1`)&&(e.setAttribute(`tabindex`,`-1`),e.setAttribute(`data-tabindex`,`-1`))}function Hc(t){let{context:n,children:r,disabled:i=!1,initialFocus:a=!0,returnFocus:o=!0,restoreFocus:s=!1,modal:c=!0,closeOnFocusOut:l=!0,openInteractionType:u=``,nextFocusableElement:d,previousFocusableElement:f,beforeContentFocusGuardRef:h,externalTree:g,getInsideElements:_}=t,v=`rootStore`in n?n.rootStore:n,y=v.useState(`open`),b=v.useState(`domReferenceElement`),x=v.useState(`floatingElement`),{events:S,dataRef:C}=v.context,w=Y(()=>C.current.floatingContext?.nodeId),T=a===!1,E=ri(b)&&T,D=ha(a),O=ha(o),k=ha(u),A=ha(y),j=Pc(g),M=Ec(),N=e.useRef(!1),P=e.useRef(!1),F=e.useRef(!1),I=e.useRef(null),L=e.useRef(``),R=e.useRef(``),z=e.useRef(null),B=e.useRef(null),V=oe(z,h,M?.beforeInsideRef),ee=oe(B,M?.afterInsideRef),H=Wi(),te=Wi(),ne=Ji(),re=M!=null,U=ai(x),W=Y((e=U)=>e?Pi(e):[]),ie=Y(()=>_?.().filter(e=>e!=null)??[]);e.useEffect(()=>{if(i||!c)return;function e(e){e.key===`Tab`&&Q(U,Qr(Lr(U)))&&W().length===0&&!E&&ci(e)}return Ha(Lr(U),`keydown`,e)},[i,U,c,E,W]),e.useEffect(()=>{if(i||!y)return;let e=Lr(U);function t(){F.current=!1}function n(e){let t=$r(e),n=ie(),r=Q(x,t)||Q(b,t)||Q(M?.portalNode,t)||n.some(e=>e===t||Q(e,t));F.current=!r,R.current=e.pointerType||`keyboard`,t?.closest(`[data-base-ui-click-trigger]`)&&(P.current=!0,te.start(0,()=>{P.current=!1}))}function r(){R.current=`keyboard`}return sc(Ha(e,`pointerdown`,n,!0),Ha(e,`pointerup`,t,!0),Ha(e,`pointercancel`,t,!0),Ha(e,`keydown`,r,!0),t)},[i,x,b,U,y,M,te,ie]),e.useEffect(()=>{if(i||!l)return;let e=Lr(U);function t(){P.current=!0,te.start(0,()=>{P.current=!1})}function n(e){let t=$r(e);Mi(t)&&(I.current=t)}function r(t){let n=t.relatedTarget,r=t.currentTarget,i=$r(t);c&&n==null&&i!=null&&Q(x,i)&&Rc(i),queueMicrotask(()=>{let a=w(),o=v.context.triggerElements,l=ie(),u=n?.hasAttribute(lc(`focus-guard`))&&[z.current,B.current,M?.beforeInsideRef.current,M?.afterInsideRef.current,M?.beforeOutsideRef.current,M?.afterOutsideRef.current,Yi(f),Yi(d)].includes(n),p=!(Q(b,n)||Q(x,n)||Q(n,x)||Q(M?.portalNode,n)||l.some(e=>e===n||Q(e,n))||n!=null&&o.hasElement(n)||o.hasMatchingElement(e=>Q(e,n))||u||j&&(oi(j.nodesRef.current,a).find(e=>Q(e.context?.elements.floating,n)||Q(e.context?.elements.domReference,n))||si(j.nodesRef.current,a).find(e=>[e.context?.elements.floating,ai(e.context?.elements.floating)].includes(n)||e.context?.elements.domReference===n)));if(r===b&&U&&Vc(U),s&&r!==b&&!yi(i)&&Qr(e)===e.body){if(cn(U)&&(U.focus(),s===`popup`)){ne.request(()=>{U.focus()});return}let e=W(),t=I.current,n=(t&&e.includes(t)?t:null)||e[e.length-1]||U;cn(n)&&n.focus()}C.current.insideReactTree?C.current.insideReactTree=!1:(E||!c)&&n&&p&&!P.current&&(E||n!==zc())&&(N.current=!0,v.setOpen(!1,la(`focus-out`,t)))})}function a(){F.current||(C.current.insideReactTree=!0,H.start(0,()=>{C.current.insideReactTree=!1}))}let o=cn(b)?b:null;if(x||o)return sc(o&&Ha(o,`focusout`,r),o&&Ha(o,`pointerdown`,t),x&&Ha(x,`focusin`,n),x&&Ha(x,`focusout`,r),x&&M&&Ha(x,`focusout`,a,!0))},[i,b,x,U,c,j,M,v,l,s,W,E,w,C,H,te,ne,d,f,ie]),e.useEffect(()=>{if(i||!x||!y)return;let e=Array.from(M?.portalNode?.querySelectorAll(`[${lc(`portal`)}]`)||[]),t=(j?si(j.nodesRef.current,w()):[]).find(e=>ri(e.context?.elements.domReference||null))?.context?.elements.domReference,n=Cc([x,...e,z.current,B.current,M?.beforeOutsideRef.current,M?.afterOutsideRef.current,...ie(),t,Yi(f),Yi(d),E?b:null].filter(e=>e!=null),{ariaHidden:c||E,mark:!1}),r=Cc([x,...e].filter(e=>e!=null));return()=>{r(),n()}},[y,i,b,x,c,M,E,j,w,d,f,ie]),X(()=>{if(!y||i||!cn(U))return;let e=Lr(U),t=Qr(e);queueMicrotask(()=>{let n=D.current,r=typeof n==`function`?n(k.current||``):n;if(r===void 0||r===!1||Q(U,t))return;let i=null,a=()=>(i??=W(U),i[0]||U),o;o=r===!0||r===null?a():Yi(r),o||=a();let s=Q(U,Qr(e));dc(o,{preventScroll:o===U,shouldFocus(){if(!A.current)return!1;if(s)return!0;let t=Qr(e);return!(t!==o&&Q(U,t))}})})},[i,y,U,W,D,k,A]),X(()=>{if(i||!U)return;let e=Lr(U),t=Qr(e),n=k.current==null;Rc(t);function r(e){if(e.open||(L.current=Fc(e.nativeEvent,R.current)),e.reason===`trigger-hover`&&e.nativeEvent.type===`mouseleave`&&(N.current=!0),e.reason===`outside-press`){if(e.nested)N.current=!1;else if(ui(e.nativeEvent)||di(e.nativeEvent))N.current=!1;else{let e=!1;Lr(U).createElement(`div`).focus({get preventScroll(){return e=!0,!1}}),e?N.current=!1:N.current=!0}}}S.on(`openchange`,r);function a(){let e=O.current,r=typeof e==`function`?e(L.current):e;if(r===void 0||r===!1)return null;r===null&&(r=!0);let i=b?.isConnected?b:null,a=t?.isConnected&&nn(t)!==`body`?t:null,o=n?a||i:i||a;return o||=zc()||null,typeof r==`boolean`?o:Yi(r)||o||null}return()=>{S.off(`openchange`,r);let t=Qr(e),n=ie(),i=Q(x,t)||n.some(e=>e===t||Q(e,t))||j&&oi(j.nodesRef.current,w(),!1).some(e=>Q(e.context?.elements.floating,t)),o=O.current,s=a();queueMicrotask(()=>{let n=Bc(s),r=typeof o!=`boolean`;o&&!N.current&&cn(n)&&(r||n===t||t===e.body||i)&&n.focus({preventScroll:!0}),N.current=!1})}},[i,x,U,O,k,S,j,b,w,ie]),X(()=>{if(!Yr||y||!x)return;let e=Qr(Lr(x));cn(e)&&ni(e)&&Q(x,e)&&e.blur()},[y,x]),X(()=>{if(!i&&M)return M.setFocusManagerState({modal:c,closeOnFocusOut:l,open:y,onOpenChange:v.setOpen,domReference:b}),()=>{M.setFocusManagerState(null)}},[i,M,c,y,v,l,b]),X(()=>{if(!i&&U)return Vc(U),()=>{queueMicrotask(Lc)}},[i,U]);let ae=!i&&(!c||!E)&&(re||c);return/*#__PURE__*/ m(e.Fragment,{children:[ae&&/*#__PURE__*/ p(cc,{"data-type":`inside`,ref:V,onFocus:e=>{if(c){let e=W();dc(e[e.length-1])}else M?.portalNode&&(N.current=!1,Ri(e,M.portalNode)?Ii(b)?.focus():Yi(f??M.beforeOutsideRef)?.focus())}}),r,ae&&/*#__PURE__*/ p(cc,{"data-type":`inside`,ref:ee,onFocus:e=>{c?dc(W()[0]):M?.portalNode&&(l&&(N.current=!0),Ri(e,M.portalNode)?Li(b)?.focus():Yi(d??M.afterOutsideRef)?.focus())}})]})}function Uc(){return!1}function Wc(e){return{escapeKey:typeof e==`boolean`?e:e?.escapeKey??!1,outsidePress:typeof e==`boolean`?e:e?.outsidePress??!0}}function Gc(t,n={}){let{enabled:r=!0,escapeKey:i=!0,outsidePress:a=!0,outsidePressEvent:o=`sloppy`,referencePress:s=Uc,bubbles:c,externalTree:l}=n,u=`rootStore`in t?t.rootStore:t,d=u.useState(`open`),f=u.useState(`floatingElement`),{dataRef:p}=u.context,m=Pc(l),h=Y(typeof a==`function`?a:()=>!1),g=typeof a==`function`?h:a,_=g!==!1,v=Y(()=>o),{escapeKey:y,outsidePress:b}=Wc(c),x=e.useRef(!1),S=e.useRef(!1),C=e.useRef(!1),w=e.useRef(!1),T=e.useRef(``),E=e.useRef(null),D=Wi(),O=Wi(),k=Y(()=>{O.clear(),p.current.insideReactTree=!1}),A=Y(e=>{let t=p.current.floatingContext?.nodeId;return(m?oi(m.nodesRef.current,t):[]).some(t=>t.context?.open&&!t.context.dataRef.current[e])}),j=Y(e=>ei(e,u.select(`floatingElement`))||ei(e,u.select(`domReferenceElement`))),M=Y(e=>{s()&&u.setOpen(!1,la(`trigger-press`,e.nativeEvent))}),N=Y(e=>{if(!d||!r||!i||e.key!==`Escape`||w.current||!y&&A(`__escapeKeyBubbles`))return;let t=la(`escape-key`,li(e)?e.nativeEvent:e);u.setOpen(!1,t),t.isCanceled||e.preventDefault(),!y&&!t.isPropagationAllowed&&e.stopPropagation()}),P=Y(()=>{p.current.insideReactTree=!0,O.start(0,k)}),F=Y(e=>{if(!d||!r||e.button!==0)return;let t=$r(e.nativeEvent);Q(u.select(`floatingElement`),t)&&(x.current||(x.current=!0,S.current=!1))}),I=Y(e=>{d&&r&&(e.defaultPrevented||e.nativeEvent.defaultPrevented)&&x.current&&(S.current=!0)});e.useEffect(()=>{if(!d||!r)return;p.current.__escapeKeyBubbles=y,p.current.__outsidePressBubbles=b;let e=new Ui,t=new Ui;function n(){e.clear(),w.current=!0}function a(){e.start(Yr?5:0,()=>{w.current=!1})}function o(){C.current=!0,t.start(0,()=>{C.current=!1})}function s(){x.current=!1,S.current=!1}function c(){let e=T.current,t=e===`pen`||!e?`mouse`:e,n=v(),r=typeof n==`function`?n():n;return typeof r==`string`?r:r[t]}function l(e){let t=c();return t===`intentional`&&e.type!==`click`||t===`sloppy`&&e.type===`click`}function h(e){let t=p.current.floatingContext?.nodeId,n=m&&oi(m.nodesRef.current,t).some(t=>ei(e,t.context?.elements.floating));return j(e)||n}function O(e){if(l(e)){e.type!==`click`&&!j(e)&&(t.clear(),C.current=!1),k();return}if(p.current.insideReactTree){k();return}let n=$r(e),r=`[${lc(`inert`)}]`,i=sn(n)?n.getRootNode():null,a=Array.from((ln(i)?i:Lr(u.select(`floatingElement`))).querySelectorAll(r)),o=u.context.triggerElements;if(n&&(o.hasElement(n)||o.hasMatchingElement(e=>Q(e,n))))return;let s=sn(n)?n:null;for(;s&&!dn(s);){let e=pn(s);if(dn(e)||!sn(e))break;s=e}if(!(a.length&&sn(n)&&!ti(n)&&!Q(n,u.select(`floatingElement`))&&a.every(e=>!Q(s,e)))){if(cn(n)&&!(`touches`in e)){let t=dn(n),r=fn(n),i=/auto|scroll/,a=t||i.test(r.overflowX),o=t||i.test(r.overflowY),s=a&&n.clientWidth>0&&n.scrollWidth>n.clientWidth,c=o&&n.clientHeight>0&&n.scrollHeight>n.clientHeight,l=r.direction===`rtl`,u=c&&(l?e.offsetX<=n.offsetWidth-n.clientWidth:e.offsetX>n.clientWidth),d=s&&e.offsetY>n.clientHeight;if(u||d)return}h(e)||(c()===`intentional`&&C.current?(t.clear(),C.current=!1):typeof g==`function`&&!g(e)||A(`__outsidePressBubbles`)||(u.setOpen(!1,la(`outside-press`,e)),k()))}}function M(e){c()===`sloppy`&&e.pointerType!==`touch`&&u.select(`open`)&&r&&!j(e)&&O(e)}function P(e){if(c()!==`sloppy`||!u.select(`open`)||!r||j(e))return;let t=e.touches[0];t&&(E.current={startTime:Date.now(),startX:t.clientX,startY:t.clientY,dismissOnTouchEnd:!1,dismissOnMouseDown:!0},D.start(1e3,()=>{E.current&&(E.current.dismissOnTouchEnd=!1,E.current.dismissOnMouseDown=!1)}))}function F(e,t){let n=$r(e);if(!n)return;let r=Ha(n,e.type,()=>{t(e),r()})}function I(e){T.current=`touch`,F(e,P)}function L(e){D.clear(),e.type===`pointerdown`&&(T.current=e.pointerType),(e.type!==`mousedown`||!E.current||E.current.dismissOnMouseDown)&&F(e,e=>{e.type===`pointerdown`?M(e):O(e)})}function R(e){if(!x.current)return;let n=S.current;s(),c()===`intentional`&&(e.type===`pointercancel`?n&&o():h(e)||(n?o():(typeof g!=`function`||g(e))&&(t.clear(),C.current=!0,k())))}function z(e){if(c()!==`sloppy`||!E.current||j(e))return;let t=e.touches[0];if(!t)return;let n=Math.abs(t.clientX-E.current.startX),r=Math.abs(t.clientY-E.current.startY),i=Math.sqrt(n*n+r*r);i>5&&(E.current.dismissOnTouchEnd=!0),i>10&&(O(e),D.clear(),E.current=null)}function B(e){F(e,z)}function V(e){c()===`sloppy`&&E.current&&!j(e)&&(E.current.dismissOnTouchEnd&&O(e),D.clear(),E.current=null)}function ee(e){F(e,V)}let H=Lr(f),te=sc(i&&sc(Ha(H,`keydown`,N),Ha(H,`compositionstart`,n),Ha(H,`compositionend`,a)),_&&sc(Ha(H,`click`,L,!0),Ha(H,`pointerdown`,L,!0),Ha(H,`pointerup`,R,!0),Ha(H,`pointercancel`,R,!0),Ha(H,`mousedown`,L,!0),Ha(H,`mouseup`,R,!0),Ha(H,`touchstart`,I,!0),Ha(H,`touchmove`,B,!0),Ha(H,`touchend`,ee,!0)));return()=>{te(),e.clear(),t.clear(),s(),C.current=!1}},[p,f,i,_,g,d,r,y,b,N,k,v,A,j,m,u,D]),e.useEffect(k,[g,k]);let L=e.useMemo(()=>({onKeyDown:N,onPointerDown:M,onClick:M}),[N,M]),R=e.useMemo(()=>({onKeyDown:N,onPointerDown:I,onMouseDown:I,onClickCapture:P,onMouseDownCapture(e){P(),F(e)},onPointerDownCapture(e){P(),F(e)},onMouseUpCapture:P,onTouchEndCapture:P,onTouchMoveCapture:P}),[N,P,F,I]);return e.useMemo(()=>r?{reference:L,floating:R,trigger:L}:{},[r,L,R])}function Kc(t){let n=e.useRef(!0);n.current&&(n.current=!1,t())}const $=(e,t,n,r,i,a,...o)=>{if(o.length>0)throw Error(process.env.NODE_ENV===`production`?W(1):`Unsupported number of selectors`);let s;if(e&&t&&n&&r&&i&&a)s=(o,s,c,l)=>a(e(o,s,c,l),t(o,s,c,l),n(o,s,c,l),r(o,s,c,l),i(o,s,c,l),s,c,l);else if(e&&t&&n&&r&&i)s=(a,o,s,c)=>i(e(a,o,s,c),t(a,o,s,c),n(a,o,s,c),r(a,o,s,c),o,s,c);else if(e&&t&&n&&r)s=(i,a,o,s)=>r(e(i,a,o,s),t(i,a,o,s),n(i,a,o,s),a,o,s);else if(e&&t&&n)s=(r,i,a,o)=>n(e(r,i,a,o),t(r,i,a,o),i,a,o);else if(e&&t)s=(n,r,i,a)=>t(e(n,r,i,a),r,i,a);else if(e)s=e;else throw Error(`Missing arguments`);return s},qc=[];function Jc(e){qc.push(e)}const Yc=pe(19)?Qc:$c;function Xc(e,t,n,r,i){return Yc(e,t,n,r,i)}function Zc(t,n,r,i,a){let o=e.useCallback(()=>n(t.getSnapshot(),r,i,a),[t,n,r,i,a]);return g(t.subscribe,o,o)}Jc({before(e){e.syncIndex=0,e.didInitialize||(e.syncTick=1,e.syncHooks=[],e.didChangeStore=!0,e.getSnapshot=()=>{let t=!1;for(let n=0;n<e.syncHooks.length;n+=1){let r=e.syncHooks[n],i=r.selector(r.store.state,r.a1,r.a2,r.a3);Object.is(r.value,i)||(t=!0,r.value=i)}return t&&(e.syncTick+=1),e.syncTick})},after(e){e.syncHooks.length>0&&(e.didChangeStore&&(e.didChangeStore=!1,e.subscribe=t=>{let n=/* @__PURE__ */ new Set;for(let t of e.syncHooks)n.add(t.store);let r=[];for(let e of n)r.push(e.subscribe(t));return()=>{for(let e of r)e()}}),g(e.subscribe,e.getSnapshot,e.getSnapshot))}});function Qc(e,t,n,r,i){return Zc(e,t,n,r,i)}function $c(e,t,n,r,i){return _(e.subscribe,e.getSnapshot,e.getSnapshot,e=>t(e,n,r,i))}var el=class{constructor(e){this.state=e,this.listeners=/* @__PURE__ */ new Set,this.updateTick=0}subscribe=e=>(this.listeners.add(e),()=>{this.listeners.delete(e)});getSnapshot=()=>this.state;setState(e){if(this.state===e)return;this.state=e,this.updateTick+=1;let t=this.updateTick;for(let n of this.listeners){if(t!==this.updateTick)return;n(e)}}update(e){for(let t in e)if(!Object.is(this.state[t],e[t])){this.setState({...this.state,...e});return}}set(e,t){Object.is(this.state[e],t)||this.setState({...this.state,[e]:t})}notifyAll(){let e={...this.state};this.setState(e)}use(e,t,n,r){return Xc(this,e,t,n,r)}},tl=class extends el{constructor(e,t={},n){super(e),this.context=t,this.selectors=n}useSyncedValue(t,n){e.useDebugValue(t);let r=this;X(()=>{r.state[t]!==n&&r.set(t,n)},[r,t,n])}useSyncedValueWithCleanup(e,t){let n=this;X(()=>(n.state[e]!==t&&n.set(e,t),()=>{n.set(e,void 0)}),[n,e,t])}useSyncedValues(t){let n=this;if(process.env.NODE_ENV!==`production`){e.useDebugValue(t,e=>Object.keys(e));let n=e.useRef(Object.keys(t)).current,r=Object.keys(t);(n.length!==r.length||n.some((e,t)=>e!==r[t]))&&console.error(`ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.`)}let r=Object.values(t);X(()=>{n.update(t)},[n,...r])}useControlledProp(t,n){e.useDebugValue(t);let r=this,i=n!==void 0;if(X(()=>{i&&!Object.is(r.state[t],n)&&r.setState({...r.state,[t]:n})},[r,t,n,i]),process.env.NODE_ENV!==`production`){let e=this.controlledValues??=/* @__PURE__ */ new Map;e.has(t)||e.set(t,i);let n=e.get(t);n!==void 0&&n!==i&&console.error(`A component is changing the ${i?``:`un`}controlled state of ${t.toString()} to be ${i?`un`:``}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`)}}select(e,t,n,r){let i=this.selectors[e];return i(this.state,t,n,r)}useState(t,n,r,i){return e.useDebugValue(t),Xc(this,this.selectors[t],n,r,i)}useContextCallback(t,n){e.useDebugValue(t);let r=Y(n??_e);this.context[t]=r}useStateSetter(t){let n=e.useRef(void 0);return n.current===void 0&&(n.current=e=>{this.set(t,e)}),n.current}observe(e,t){let n;n=typeof e==`function`?e:this.selectors[e];let r=n(this.state);return t(r,r,this),this.subscribe(e=>{let i=n(e);if(!Object.is(r,i)){let e=r;r=i,t(i,e,this)}})}};const nl={open:$(e=>e.open),transitionStatus:$(e=>e.transitionStatus),domReferenceElement:$(e=>e.domReferenceElement),referenceElement:$(e=>e.positionReference??e.referenceElement),floatingElement:$(e=>e.floatingElement),floatingId:$(e=>e.floatingId)};var rl=class extends tl{constructor(e){let{syncOnly:t,nested:n,onOpenChange:r,triggerElements:i,...a}=e;super({...a,positionReference:a.referenceElement,domReferenceElement:a.referenceElement},{onOpenChange:r,dataRef:{current:{}},events:Ac(),nested:n,triggerElements:i},nl),this.syncOnly=t}syncOpenEvent=(e,t)=>{(!e||!this.state.open||t!=null&&fi(t))&&(this.context.dataRef.current.openEvent=e?t:void 0)};dispatchOpenChange=(e,t)=>{this.syncOpenEvent(e,t.event);let n={open:e,reason:t.reason,nativeEvent:t.event,nested:this.context.nested,triggerElement:t.trigger};this.context.events.emit(`openchange`,n)};setOpen=(e,t)=>{this.syncOnly||this.dispatchOpenChange(e,t),this.context.onOpenChange?.(e,t)}};function il(t){let{popupStore:n,treatPopupAsFloatingElement:r=!1,floatingRootContext:i,floatingId:a,nested:o,onOpenChange:s}=t,c=n.useState(`open`),l=n.useState(`activeTriggerElement`),u=n.useState(r?`popupElement`:`positionerElement`),d=n.context.triggerElements,f=s,p=e.useRef(null);i===void 0&&p.current===null&&(p.current=new rl({open:c,transitionStatus:void 0,referenceElement:l,floatingElement:u,triggerElements:d,onOpenChange:f,floatingId:a,syncOnly:!0,nested:o}));let m=i??p.current;return n.useSyncedValue(`floatingId`,a),X(()=>{let e={open:c,floatingId:a,referenceElement:l,floatingElement:u};sn(l)&&(e.domReferenceElement=l),m.state.positionReference===m.state.referenceElement&&(e.positionReference=l),m.update(e)},[c,a,l,u,m]),m.context.onOpenChange=f,m.context.nested=o,m}const al={tabIndex:-1,"data-base-ui-focusable":``};function ol(e){return t=>t!==`touch`||e.current}function sl(t,n,r=!1){let i=Mr(),a=Nc()!=null,o=e.useRef(null);t===void 0&&o.current===null&&(o.current=n(i,a));let s=t??o.current;return il({popupStore:s,treatPopupAsFloatingElement:r,floatingRootContext:s.state.floatingRootContext,floatingId:i,nested:a,onOpenChange:s.setOpen}),{store:s,internalStore:o.current}}function cl(e,t,n,r=!1){t?e.preventUnmountingOnClose=!1:r&&(e.preventUnmountingOnClose=!0);let i=n?.id??null;(i||t)&&(e.activeTriggerId=i,e.activeTriggerElement=n??null)}function ll(e,t={}){let{closeOnActiveTriggerUnmount:n=!1}=t,r=e.useState(`open`),i=e.useState(`triggerCount`);X(()=>{if(!r){e.state.triggerCount!==0&&e.set(`triggerCount`,0);return}let t=e.context.triggerElements.size,i={};e.state.triggerCount!==t&&(i.triggerCount=t);let a=e.select(`activeTriggerId`),o=null;if(a){let t=e.context.triggerElements.getById(a);t?t!==e.state.activeTriggerElement&&(i.activeTriggerElement=t):o=a}if(!o&&!a&&t===1){let t=e.context.triggerElements.entries().next();if(!t.done){let[e,n]=t.value;i.activeTriggerId=e,i.activeTriggerElement=n}}(i.triggerCount!==void 0||i.activeTriggerId!==void 0||i.activeTriggerElement!==void 0)&&e.update(i),o&&n&&queueMicrotask(()=>{if(e.select(`open`)&&e.select(`activeTriggerId`)===o&&!e.context.triggerElements.getById(o)){let t=la(oa);e.setOpen(!1,t),t.isCanceled||e.update({activeTriggerId:null,activeTriggerElement:null})}})},[r,e,i,n])}function ul(e,t,n){let{mounted:r,setMounted:i,transitionStatus:a}=na(e),o=t.useState(`preventUnmountingOnClose`),s=!e&&o;t.useSyncedValues({mounted:r,transitionStatus:a,preventUnmountingOnClose:s});let c=Y(()=>{i(!1),t.update({activeTriggerId:null,activeTriggerElement:null,mounted:!1,preventUnmountingOnClose:!1}),n?.(),t.context.onOpenChangeComplete?.(!1)});return ta({enabled:r&&!e&&!s,open:e,ref:t.context.popupRef,onComplete(){e||c()}}),{forceUnmount:c,transitionStatus:a}}function dl(e,t){e.useSyncedValues(t),X(()=>()=>{e.update({activeTriggerProps:ye,inactiveTriggerProps:ye,popupProps:ye})},[e])}function fl(e,t){X(()=>{!t&&e.state.openMethod!==null&&e.set(`openMethod`,null)},[t,e]),X(()=>()=>{e.state.openMethod!==null&&e.set(`openMethod`,null)},[e])}var pl=class{constructor(){this.elementsSet=/* @__PURE__ */ new Set,this.idMap=/* @__PURE__ */ new Map}add(e,t){let n=this.idMap.get(e);if(n!==t&&(n!==void 0&&this.elementsSet.delete(n),this.elementsSet.add(t),this.idMap.set(e,t),process.env.NODE_ENV!==`production`&&this.elementsSet.size!==this.idMap.size))throw Error(`Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap.`)}delete(e){let t=this.idMap.get(e);t&&(this.elementsSet.delete(t),this.idMap.delete(e))}hasElement(e){return this.elementsSet.has(e)}hasMatchingElement(e){for(let t of this.elementsSet)if(e(t))return!0;return!1}getById(e){return this.idMap.get(e)}entries(){return this.idMap.entries()}elements(){return this.elementsSet.values()}get size(){return this.idMap.size}};function ml(){return new rl({open:!1,transitionStatus:void 0,floatingElement:null,referenceElement:null,triggerElements:new pl,floatingId:void 0,syncOnly:!1,nested:!1,onOpenChange:void 0})}function hl(){return{open:!1,openProp:void 0,mounted:!1,transitionStatus:void 0,floatingRootContext:ml(),floatingId:void 0,triggerCount:0,preventUnmountingOnClose:!1,payload:void 0,activeTriggerId:null,activeTriggerElement:null,triggerIdProp:void 0,popupElement:null,positionerElement:null,activeTriggerProps:ye,inactiveTriggerProps:ye,popupProps:ye}}function gl(e,t,n=!1){return new rl({open:!1,transitionStatus:void 0,floatingElement:null,referenceElement:null,triggerElements:e,floatingId:t,syncOnly:!0,nested:n,onOpenChange:void 0})}const _l=$(e=>e.triggerIdProp??e.activeTriggerId),vl=$(e=>e.openProp??e.open),yl=$(e=>(e.popupElement?.id??e.floatingId)||void 0);function bl(e,t){return t!==void 0&&vl(e)&&_l(e)===t}function xl(e,t){return bl(e,t)?!0:t!==void 0&&vl(e)&&_l(e)==null&&e.triggerCount===1}const Sl={open:vl,mounted:$(e=>e.mounted),transitionStatus:$(e=>e.transitionStatus),floatingRootContext:$(e=>e.floatingRootContext),triggerCount:$(e=>e.triggerCount),preventUnmountingOnClose:$(e=>e.preventUnmountingOnClose),payload:$(e=>e.payload),activeTriggerId:_l,activeTriggerElement:$(e=>e.mounted?e.activeTriggerElement:null),popupId:yl,isTriggerActive:$((e,t)=>t!==void 0&&_l(e)===t),isOpenedByTrigger:$((e,t)=>bl(e,t)),isMountedByTrigger:$((e,t)=>t!==void 0&&_l(e)===t&&e.mounted),triggerProps:$((e,t)=>t?e.activeTriggerProps:e.inactiveTriggerProps),triggerPopupId:$((e,t)=>xl(e,t)?yl(e):void 0),popupProps:$(e=>e.popupProps),popupElement:$(e=>e.popupElement),positionerElement:$(e=>e.positionerElement)};let Cl=/*#__PURE__*/ function(e){return e.nestedDialogs=`--nested-dialogs`,e}({}),wl=function(e){return e[e.open=Zs.open]=`open`,e[e.closed=Zs.closed]=`closed`,e[e.startingStyle=Zs.startingStyle]=`startingStyle`,e[e.endingStyle=Zs.endingStyle]=`endingStyle`,e.nested=`data-nested`,e.nestedDialogOpen=`data-nested-dialog-open`,e}({});const Tl=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Tl.displayName=`DialogPortalContext`);function El(){let t=e.useContext(Tl);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(26):`Base UI: <Dialog.Portal> is missing.`);return t}const Dl={...nc,...$i,nestedDialogOpen(e){return e?{[wl.nestedDialogOpen]:``}:null}},Ol=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,finalFocus:a,initialFocus:o,...s}=e,{store:c}=Xs(),l=c.useState(`descriptionElementId`),u=c.useState(`disablePointerDismissal`),d=c.useState(`floatingRootContext`),f=c.useState(`popupProps`),m=c.useState(`modal`),h=c.useState(`mounted`),g=c.useState(`nested`),_=c.useState(`nestedOpenDialogCount`),v=c.useState(`open`),y=c.useState(`openMethod`),b=c.useState(`titleElementId`),x=c.useState(`transitionStatus`),S=c.useState(`role`),C=d.useState(`floatingId`),w=s.id??C;El(),ta({open:v,ref:c.context.popupRef,onComplete(){v&&c.context.onOpenChangeComplete?.(!0)}});let T=o===void 0?ol(c.context.popupRef):o,E=_>0,D=c.useStateSetter(`popupElement`),O=Ce(`div`,e,{state:{open:v,nested:g,transitionStatus:x,nestedDialogOpen:E},props:[f,{id:w,"aria-labelledby":b??void 0,"aria-describedby":l??void 0,role:S,...al,hidden:!h,onKeyDown(e){bo.has(e.key)&&e.stopPropagation()},style:{[Cl.nestedDialogs]:_}},s],ref:[t,c.context.popupRef,D],stateAttributesMapping:Dl});return/*#__PURE__*/ p(Hc,{context:d,openInteractionType:y,disabled:!h,closeOnFocusOut:!u,initialFocus:T,returnFocus:a,modal:m!==!1,restoreFocus:`popup`,children:O})});process.env.NODE_ENV!==`production`&&(Ol.displayName=`DialogPopup`);const kl=/*#__PURE__*/ e.forwardRef(function(e,t){let{cutout:n,...r}=e,i;if(n){let e=n.getBoundingClientRect();i=`polygon(0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,${e.left}px ${e.top}px,${e.left}px ${e.bottom}px,${e.right}px ${e.bottom}px,${e.right}px ${e.top}px,${e.left}px ${e.top}px)`}return/*#__PURE__*/ p(`div`,{ref:t,role:`presentation`,"data-base-ui-inert":``,...r,style:{position:`fixed`,inset:0,userSelect:`none`,WebkitUserSelect:`none`,clipPath:i}})});process.env.NODE_ENV!==`production`&&(kl.displayName=`InternalBackdrop`);const Al=/*#__PURE__*/ e.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=Xs(),a=i.useState(`mounted`),o=i.useState(`modal`),s=i.useState(`open`);return a||n?/*#__PURE__*/ p(Tl.Provider,{value:n,children:/*#__PURE__*/ m(kc,{ref:t,...r,children:[a&&o===!0&&/*#__PURE__*/ p(kl,{ref:i.context.internalBackdropRef,inert:Os(!s)}),e.children]})}):null});process.env.NODE_ENV!==`production`&&(Al.displayName=`DialogPortal`);let jl={},Ml={},Nl=``;function Pl(e){if(typeof document>`u`)return!1;let t=Lr(e);return rn(t).innerWidth-t.documentElement.clientWidth>0}function Fl(e){if(!(typeof CSS<`u`&&CSS.supports&&CSS.supports(`scrollbar-gutter`,`stable`))||typeof document>`u`)return!1;let t=Lr(e),n=t.documentElement,r=t.body,i=un(n)?n:r,a=i.style.overflowY,o=n.style.scrollbarGutter;n.style.scrollbarGutter=`stable`,i.style.overflowY=`scroll`;let s=i.offsetWidth;i.style.overflowY=`hidden`;let c=i.offsetWidth;return i.style.overflowY=a,n.style.scrollbarGutter=o,s===c}function Il(e){let t=Lr(e),n=t.documentElement,r=t.body,i=un(n)?n:r,a={overflowY:i.style.overflowY,overflowX:i.style.overflowX};return Object.assign(i.style,{overflowY:`hidden`,overflowX:`hidden`}),()=>{Object.assign(i.style,a)}}function Ll(e){let t=Lr(e),n=t.documentElement,r=t.body,i=rn(n),a=0,o=0,s=!1,c=qi.create();if(Yr&&(i.visualViewport?.scale??1)!==1)return()=>{};function l(){let t=i.getComputedStyle(n),c=i.getComputedStyle(r),l=(t.scrollbarGutter||``).includes(`both-edges`)?`stable both-edges`:`stable`;a=n.scrollTop,o=n.scrollLeft,jl={scrollbarGutter:n.style.scrollbarGutter,overflowY:n.style.overflowY,overflowX:n.style.overflowX},Nl=n.style.scrollBehavior,Ml={position:r.style.position,height:r.style.height,width:r.style.width,boxSizing:r.style.boxSizing,overflowY:r.style.overflowY,overflowX:r.style.overflowX,scrollBehavior:r.style.scrollBehavior};let u=n.scrollHeight>n.clientHeight,d=n.scrollWidth>n.clientWidth,f=t.overflowY===`scroll`||c.overflowY===`scroll`,p=t.overflowX===`scroll`||c.overflowX===`scroll`,m=Math.max(0,i.innerWidth-r.clientWidth),h=Math.max(0,i.innerHeight-r.clientHeight),g=parseFloat(c.marginTop)+parseFloat(c.marginBottom),_=parseFloat(c.marginLeft)+parseFloat(c.marginRight),v=un(n)?n:r;s=Fl(e),s?(n.style.scrollbarGutter=l,v.style.overflowY=`hidden`,v.style.overflowX=`hidden`):(Object.assign(n.style,{scrollbarGutter:l,overflowY:`hidden`,overflowX:`hidden`}),(u||f)&&(n.style.overflowY=`scroll`),(d||p)&&(n.style.overflowX=`scroll`),Object.assign(r.style,{position:`relative`,height:g||h?`calc(100dvh - ${g+h}px)`:`100dvh`,width:_||m?`calc(100vw - ${_+m}px)`:`100vw`,boxSizing:`border-box`,overflow:`hidden`,scrollBehavior:`unset`}),r.scrollTop=a,r.scrollLeft=o,n.setAttribute(`data-base-ui-scroll-locked`,``),n.style.scrollBehavior=`unset`)}function u(){Object.assign(n.style,jl),Object.assign(r.style,Ml),s||(n.scrollTop=a,n.scrollLeft=o,n.removeAttribute(`data-base-ui-scroll-locked`),n.style.scrollBehavior=Nl)}function d(){u(),c.request(l)}l();let f=Ha(i,`resize`,d);return()=>{c.cancel(),u(),typeof i.removeEventListener==`function`&&f()}}const Rl=new class{lockCount=0;restore=null;timeoutLock=Ui.create();timeoutUnlock=Ui.create();acquire(e){return this.lockCount+=1,this.lockCount===1&&this.restore===null&&this.timeoutLock.start(0,()=>this.lock(e)),this.release}release=()=>{--this.lockCount,this.lockCount===0&&this.restore&&this.timeoutUnlock.start(0,this.unlock)};unlock=()=>{this.lockCount===0&&this.restore&&(this.restore?.(),this.restore=null)};lock(e){if(this.lockCount===0||this.restore!==null)return;let t=Lr(e).documentElement,n=rn(t).getComputedStyle(t).overflowY;if(n===`hidden`||n===`clip`){this.restore=_e;return}let r=Wr||!Pl(e);this.restore=r?Il(e):Ll(e)}};function zl(e=!0,t=null){X(()=>{if(e)return Rl.acquire(t)},[e,t])}function Bl(t){let{store:n,actionsRef:r}=t,i=n.useState(`open`);fl(n,i),ll(n);let{forceUnmount:a}=ul(i,n),o=e.useCallback(()=>{n.setOpen(!1,la(`imperative-action`))},[n]);e.useImperativeHandle(r,()=>({unmount:a,close:o}),[a,o])}function Vl({store:t,parentContext:n,isDrawer:r}){let i=t.useState(`open`),a=t.useState(`disablePointerDismissal`),o=t.useState(`modal`),s=t.useState(`popupElement`),c=t.useState(`floatingRootContext`),[l,u]=e.useState(0),[d,f]=e.useState(0),p=l===0,m=Gc(c,{outsidePressEvent(){return t.context.internalBackdropRef.current||t.context.backdropRef.current?`intentional`:{mouse:o===`trap-focus`?`sloppy`:`intentional`,touch:`sloppy`}},outsidePress(e){if(!t.context.outsidePressEnabledRef.current||`button`in e&&e.button!==0||`touches`in e&&e.touches.length!==1)return!1;let n=$r(e);return p&&!a?o&&(t.context.internalBackdropRef.current||t.context.backdropRef.current)?t.context.internalBackdropRef.current===n||t.context.backdropRef.current===n||Q(n,s)&&!n?.hasAttribute(`data-base-ui-portal`):!0:!1},escapeKey:p});return zl(i&&o===!0,s),t.useContextCallback(`onNestedDialogOpen`,(e,t)=>{u(e),f(t)}),t.useContextCallback(`onNestedDialogClose`,()=>{u(0),f(0)}),e.useEffect(()=>(n?.onNestedDialogOpen&&i&&n.onNestedDialogOpen(l+1,d+ +!!r),n?.onNestedDialogClose&&!i&&n.onNestedDialogClose(),()=>{n?.onNestedDialogClose&&i&&n.onNestedDialogClose()}),[r,i,l,d,n]),dl(t,{activeTriggerProps:m.reference??ye,inactiveTriggerProps:m.trigger??ye,popupProps:m.floating??ye,nestedOpenDialogCount:l,nestedOpenDrawerCount:d}),null}const Hl={...Sl,modal:$(e=>e.modal),nested:$(e=>e.nested),nestedOpenDialogCount:$(e=>e.nestedOpenDialogCount),nestedOpenDrawerCount:$(e=>e.nestedOpenDrawerCount),disablePointerDismissal:$(e=>e.disablePointerDismissal),openMethod:$(e=>e.openMethod),descriptionElementId:$(e=>e.descriptionElementId),titleElementId:$(e=>e.titleElementId),viewportElement:$(e=>e.viewportElement),role:$(e=>e.role)};var Ul=class t extends tl{constructor(t,n,r=!1){let i=new pl,a=Wl(t);a.floatingRootContext=gl(i,n,r),super(a,{popupRef:/*#__PURE__*/ e.createRef(),backdropRef:/*#__PURE__*/ e.createRef(),internalBackdropRef:/*#__PURE__*/ e.createRef(),outsidePressEnabledRef:{current:!0},triggerElements:i,onOpenChange:void 0,onOpenChangeComplete:void 0},Hl)}setOpen=(e,t)=>{if(t.preventUnmountOnClose=()=>{this.set(`preventUnmountingOnClose`,!0)},!e&&t.trigger==null&&this.state.activeTriggerId!=null&&(t.trigger=this.state.activeTriggerElement??void 0),this.context.onOpenChange?.(e,t),t.isCanceled)return;this.state.floatingRootContext.dispatchOpenChange(e,t);let n={open:e};cl(n,e,t.trigger),this.update(n)};static useStore(e,n){return sl(e,(e,r)=>new t(n,e,r),!0).store}};function Wl(e={}){return{...hl(),modal:!0,disablePointerDismissal:!1,popupElement:null,viewportElement:null,descriptionElementId:void 0,titleElementId:void 0,openMethod:null,nested:!1,nestedOpenDialogCount:0,nestedOpenDrawerCount:0,role:`dialog`,...e}}function Gl(t,n=`dialog`){let{children:r,open:i,defaultOpen:a=!1,onOpenChange:o,onOpenChangeComplete:s,disablePointerDismissal:c=!1,modal:l=!0,actionsRef:u,handle:d,triggerId:f,defaultTriggerId:h=null}=t,g=n===`drawer`,_=n===`alert-dialog`,v=_?!0:l,y=_||c,b=_?`alertdialog`:`dialog`,x=Xs(!0),S={modal:v,disablePointerDismissal:y,nested:!!x,role:b},C=Ul.useStore(d?.store,{open:a,openProp:i,activeTriggerId:h,triggerIdProp:f,...S});Kc(()=>{let e=i===void 0&&C.state.open===!1&&a===!0?{open:!0,activeTriggerId:h}:null;_?C.update(e?{...S,...e}:S):e&&C.update(e)}),C.useControlledProp(`openProp`,i),C.useControlledProp(`triggerIdProp`,f),C.useSyncedValues(S),C.useContextCallback(`onOpenChange`,o),C.useContextCallback(`onOpenChangeComplete`,s);let w=C.useState(`open`),T=C.useState(`mounted`),E=C.useState(`payload`);Bl({store:C,actionsRef:u});let D=w||T,O=e.useMemo(()=>({store:C}),[C]);return/*#__PURE__*/ p(Js.Provider,{value:!1,children:/*#__PURE__*/ m(Ys.Provider,{value:O,children:[D&&/*#__PURE__*/ p(Vl,{store:C,parentContext:x?.store.context,isDrawer:g}),typeof r==`function`?r({payload:E}):r]})})}function Kl(t){return Gl(t,e.useContext(Js)?`drawer`:`dialog`)}const ql=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{store:s}=Xs(),c=Nr(a);return s.useSyncedValueWithCleanup(`titleElementId`,c),Ce(`h2`,e,{ref:t,props:[{id:c},o]})});process.env.NODE_ENV!==`production`&&(ql.displayName=`DialogTitle`);function Jl({...e}){return/* @__PURE__ */ p(Kl,{"data-slot":`dialog`,...e})}function Yl({...e}){return/* @__PURE__ */ p(Al,{"data-slot":`dialog-portal`,...e})}function Xl({className:e,...t}){return/* @__PURE__ */ p(ic,{"data-slot":`dialog-overlay`,className:J(`fixed inset-0 isolate z-50 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...t})}function Zl({className:e,children:t,showCloseButton:n=!0,container:r,...i}){return/* @__PURE__ */ m(Yl,{container:r,children:[/* @__PURE__ */ p(Xl,{}),/* @__PURE__ */ m(Ol,{"data-slot":`dialog-content`,className:J(`fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-xs/relaxed text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...i,children:[t,n&&/* @__PURE__ */ m(ac,{"data-slot":`dialog-close`,render:/* @__PURE__ */ p(Z,{variant:`ghost`,className:`absolute top-2 right-2`,size:`icon-sm`}),children:[/* @__PURE__ */ p(zn,{}),/* @__PURE__ */ p(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function Ql({className:e,...t}){return/* @__PURE__ */ p(`div`,{"data-slot":`dialog-header`,className:J(`flex flex-col gap-1`,e),...t})}function $l({className:e,showCloseButton:t=!1,children:n,...r}){return/* @__PURE__ */ m(`div`,{"data-slot":`dialog-footer`,className:J(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...r,children:[n,t&&/* @__PURE__ */ p(ac,{render:/* @__PURE__ */ p(Z,{variant:`outline`}),children:`Close`})]})}function eu({className:e,...t}){return/* @__PURE__ */ p(ql,{"data-slot":`dialog-title`,className:J(`cn-font-heading text-sm font-medium`,e),...t})}function tu({className:e,...t}){return/* @__PURE__ */ p(oc,{"data-slot":`dialog-description`,className:J(`text-xs/relaxed text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...t})}const nu=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(nu.displayName=`ScrollAreaRootContext`);function ru(){let t=e.useContext(nu);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(53):`Base UI: ScrollAreaRootContext is missing. ScrollArea parts must be placed within <ScrollArea.Root>.`);return t}let iu=/*#__PURE__*/ function(e){return e.scrollAreaCornerHeight=`--scroll-area-corner-height`,e.scrollAreaCornerWidth=`--scroll-area-corner-width`,e}({});function au(e,t,n){if(!e)return 0;let r=getComputedStyle(e),i=n===`x`?`Inline`:`Block`;return n===`x`&&t===`margin`?parseFloat(r[`${t}InlineStart`])*2:parseFloat(r[`${t}${i}Start`])+parseFloat(r[`${t}${i}End`])}let ou=/*#__PURE__*/ function(e){return e.orientation=`data-orientation`,e.hovering=`data-hovering`,e.scrolling=`data-scrolling`,e.hasOverflowX=`data-has-overflow-x`,e.hasOverflowY=`data-has-overflow-y`,e.overflowXStart=`data-overflow-x-start`,e.overflowXEnd=`data-overflow-x-end`,e.overflowYStart=`data-overflow-y-start`,e.overflowYEnd=`data-overflow-y-end`,e}({});const su=`base-ui-disable-scrollbar`,cu={className:su,getElement(e){return/*#__PURE__*/ p(`style`,{nonce:e,href:su,precedence:`base-ui:low`,children:`.${su}{scrollbar-width:none}.${su}::-webkit-scrollbar{display:none}`})}};process.env.NODE_ENV!==`production`&&(cu.getElement.displayName=`styleDisableScrollbar.getElement`);let lu=/*#__PURE__*/ function(e){return e.scrolling=`data-scrolling`,e.hasOverflowX=`data-has-overflow-x`,e.hasOverflowY=`data-has-overflow-y`,e.overflowXStart=`data-overflow-x-start`,e.overflowXEnd=`data-overflow-x-end`,e.overflowYStart=`data-overflow-y-start`,e.overflowYEnd=`data-overflow-y-end`,e}({});const uu={hasOverflowX:e=>e?{[lu.hasOverflowX]:``}:null,hasOverflowY:e=>e?{[lu.hasOverflowY]:``}:null,overflowXStart:e=>e?{[lu.overflowXStart]:``}:null,overflowXEnd:e=>e?{[lu.overflowXEnd]:``}:null,overflowYStart:e=>e?{[lu.overflowYStart]:``}:null,overflowYEnd:e=>e?{[lu.overflowYEnd]:``}:null,cornerHidden:()=>null},du={x:0,y:0},fu={width:0,height:0},pu={xStart:!1,xEnd:!1,yStart:!1,yEnd:!1},mu={x:!0,y:!0,corner:!0},hu=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,overflowEdgeThreshold:a,style:o,...s}=t,{xStart:c,xEnd:l,yStart:u,yEnd:d}=gu(a),f=Nr(),p=Wi(),h=Wi(),{nonce:g,disableStyleElements:_}=jo(),[v,y]=e.useState(!1),[b,x]=e.useState(!1),[S,C]=e.useState(!1),[w,T]=e.useState(!1),[E,D]=e.useState(!1),[O,k]=e.useState(fu),[A,j]=e.useState(fu),[M,N]=e.useState(pu),[P,F]=e.useState(mu),I=e.useRef(null),L=e.useRef(null),R=e.useRef(null),z=e.useRef(null),B=e.useRef(null),V=e.useRef(null),ee=e.useRef(null),H=e.useRef(!1),te=e.useRef(0),ne=e.useRef(0),re=e.useRef(0),U=e.useRef(0),W=e.useRef(`vertical`),ie=e.useRef(du),ae=Y(e=>{let t=e.x-ie.current.x,n=e.y-ie.current.y;ie.current=e,n!==0&&(C(!0),p.start(500,()=>{C(!1)})),t!==0&&(x(!0),h.start(500,()=>{x(!1)}))}),oe=Y(e=>{e.button===0&&(H.current=!0,te.current=e.clientY,ne.current=e.clientX,W.current=e.currentTarget.getAttribute(ou.orientation),L.current&&(re.current=L.current.scrollTop,U.current=L.current.scrollLeft),B.current&&W.current===`vertical`&&B.current.setPointerCapture(e.pointerId),V.current&&W.current===`horizontal`&&V.current.setPointerCapture(e.pointerId))}),se=Y(e=>{if(!H.current)return;let t=e.clientY-te.current,n=e.clientX-ne.current;if(L.current){let r=L.current.scrollHeight,i=L.current.clientHeight,a=L.current.scrollWidth,o=L.current.clientWidth;if(B.current&&R.current&&W.current===`vertical`){let n=au(R.current,`padding`,`y`),a=au(B.current,`margin`,`y`),o=B.current.offsetHeight,s=t/(R.current.offsetHeight-o-n-a);L.current.scrollTop=re.current+s*(r-i),e.preventDefault(),C(!0),p.start(500,()=>{C(!1)})}if(V.current&&z.current&&W.current===`horizontal`){let t=au(z.current,`padding`,`x`),r=au(V.current,`margin`,`x`),i=V.current.offsetWidth,s=n/(z.current.offsetWidth-i-t-r);L.current.scrollLeft=U.current+s*(a-o),e.preventDefault(),x(!0),h.start(500,()=>{x(!1)})}}}),ce=Y(e=>{H.current=!1,B.current&&W.current===`vertical`&&B.current.hasPointerCapture(e.pointerId)&&B.current.releasePointerCapture(e.pointerId),V.current&&W.current===`horizontal`&&V.current.hasPointerCapture(e.pointerId)&&V.current.releasePointerCapture(e.pointerId)});function le(e){T(e.pointerType===`touch`)}function ue(e){if(le(e),e.pointerType!==`touch`){let t=Q(I.current,e.target);y(t)}}let de=e.useMemo(()=>({scrolling:b||S,hasOverflowX:!P.x,hasOverflowY:!P.y,overflowXStart:M.xStart,overflowXEnd:M.xEnd,overflowYStart:M.yStart,overflowYEnd:M.yEnd,cornerHidden:P.corner}),[b,S,P.x,P.y,P.corner,M]),fe={role:`presentation`,onPointerEnter:ue,onPointerMove:ue,onPointerDown:le,onPointerLeave(){y(!1)},style:{position:`relative`,[iu.scrollAreaCornerHeight]:`${O.height}px`,[iu.scrollAreaCornerWidth]:`${O.width}px`}},pe=Ce(`div`,t,{state:de,ref:[n,I],props:[fe,s],stateAttributesMapping:uu}),me=e.useMemo(()=>({handlePointerDown:oe,handlePointerMove:se,handlePointerUp:ce,handleScroll:ae,cornerSize:O,setCornerSize:k,thumbSize:A,setThumbSize:j,hasMeasuredScrollbar:E,setHasMeasuredScrollbar:D,touchModality:w,cornerRef:ee,scrollingX:b,setScrollingX:x,scrollingY:S,setScrollingY:C,hovering:v,setHovering:y,viewportRef:L,rootRef:I,scrollbarYRef:R,scrollbarXRef:z,thumbYRef:B,thumbXRef:V,rootId:f,hiddenState:P,setHiddenState:F,overflowEdges:M,setOverflowEdges:N,viewportState:de,overflowEdgeThreshold:{xStart:c,xEnd:l,yStart:u,yEnd:d}}),[oe,se,ce,ae,O,A,E,w,b,x,S,C,v,y,f,P,M,de,c,l,u,d]);return/*#__PURE__*/ m(nu.Provider,{value:me,children:[!_&&cu.getElement(g),pe]})});process.env.NODE_ENV!==`production`&&(hu.displayName=`ScrollAreaRoot`);function gu(e){if(typeof e==`number`){let t=Math.max(0,e);return{xStart:t,xEnd:t,yStart:t,yEnd:t}}return{xStart:Math.max(0,e?.xStart||0),xEnd:Math.max(0,e?.xEnd||0),yStart:Math.max(0,e?.yStart||0),yEnd:Math.max(0,e?.yEnd||0)}}const _u=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(_u.displayName=`ScrollAreaViewportContext`);let vu=/*#__PURE__*/ function(e){return e.scrollAreaOverflowXStart=`--scroll-area-overflow-x-start`,e.scrollAreaOverflowXEnd=`--scroll-area-overflow-x-end`,e.scrollAreaOverflowYStart=`--scroll-area-overflow-y-start`,e.scrollAreaOverflowYEnd=`--scroll-area-overflow-y-end`,e}({});function yu(e,t){if(t<=0)return 0;let n=va(e,0,t),r=n,i=t-n,a=r<=1,o=i<=1;return a&&o?r<=i?0:t:a?0:o?t:n}let bu=!1;function xu(){bu||Yr||(typeof CSS<`u`&&`registerProperty`in CSS&&[vu.scrollAreaOverflowXStart,vu.scrollAreaOverflowXEnd,vu.scrollAreaOverflowYStart,vu.scrollAreaOverflowYEnd].forEach(e=>{try{CSS.registerProperty({name:e,syntax:`<length>`,inherits:!1,initialValue:`0px`})}catch{}}),bu=!0)}const Su=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,style:a,...o}=t,{viewportRef:s,scrollbarYRef:c,scrollbarXRef:l,thumbYRef:u,thumbXRef:d,cornerRef:f,cornerSize:m,setCornerSize:h,setThumbSize:g,rootId:_,setHiddenState:v,hiddenState:y,setHasMeasuredScrollbar:b,handleScroll:x,setHovering:S,setOverflowEdges:C,overflowEdges:w,overflowEdgeThreshold:T,scrollingX:E,scrollingY:D}=ru(),O=Wa(),k=e.useRef(!0),A=e.useRef([NaN,NaN,NaN,NaN]),j=Wi(),M=Wi(),N=Y(()=>{let e=s.current,t=c.current,n=l.current,r=u.current,i=d.current,a=f.current;if(!e)return;let o=e.scrollHeight,p=e.scrollWidth,_=e.clientHeight,y=e.clientWidth,x=e.scrollTop,S=e.scrollLeft,w=A.current,E=Number.isNaN(w[0]);if(w[0]=_,w[1]=o,w[2]=y,w[3]=p,E&&b(!0),o===0||p===0)return;let D=Cu(e),k=D.y,j=D.x,M=y/p,N=_/o,P=Math.max(0,p-y),F=Math.max(0,o-_),I=0,L=0;if(!j){let e=0;e=va(O===`rtl`?-S:S,0,P),I=yu(e,P),L=P-I}let R=k?0:va(x,0,F),z=k?0:yu(R,F),B=k?0:F-z,V=j?0:y,ee=k?0:_,H=0,te=0;!j&&!k&&(H=t?.offsetWidth||0,te=n?.offsetHeight||0);let ne=m.width===0&&m.height===0,re=ne?H:0,U=ne?te:0,W=au(n,`padding`,`x`),ie=au(t,`padding`,`y`),ae=au(i,`margin`,`x`),oe=au(r,`margin`,`y`),se=V-W-ae,ce=ee-ie-oe,le=n?Math.min(n.offsetWidth-re,se):se,ue=t?Math.min(t.offsetHeight-U,ce):ce,de=Math.max(16,le*M),fe=Math.max(16,ue*N);if(g(e=>e.height===fe&&e.width===de?e:{width:de,height:fe}),t&&r){let e=t.offsetHeight-fe-ie-oe,n=o-_,i=n===0?0:x/n,a=Math.min(e,Math.max(0,i*e));r.style.transform=`translate3d(0,${a}px,0)`}if(n&&i){let e=n.offsetWidth-de-W-ae,t=p-y,r=t===0?0:S/t,a=O===`rtl`?va(r*e,-e,0):va(r*e,0,e);i.style.transform=`translate3d(${a}px,0,0)`}let pe=[[vu.scrollAreaOverflowXStart,I],[vu.scrollAreaOverflowXEnd,L],[vu.scrollAreaOverflowYStart,z],[vu.scrollAreaOverflowYEnd,B]];for(let[t,n]of pe)e.style.setProperty(t,`${n}px`);a&&(j||k?h({width:0,height:0}):!j&&!k&&h({width:H,height:te})),v(e=>wu(e,D));let me={xStart:!j&&I>T.xStart,xEnd:!j&&L>T.xEnd,yStart:!k&&z>T.yStart,yEnd:!k&&B>T.yEnd};C(e=>e.xStart===me.xStart&&e.xEnd===me.xEnd&&e.yStart===me.yStart&&e.yEnd===me.yEnd?e:me)});X(()=>{s.current&&xu()},[s]),X(()=>{queueMicrotask(N)},[N,y,O,T.xStart,T.xEnd,T.yStart,T.yEnd]),X(()=>{s.current?.matches(`:hover`)&&S(!0)},[s,S]),X(()=>{let e=s.current;if(typeof ResizeObserver>`u`||!e)return;let t=!1,n=new ResizeObserver(()=>{if(!t){t=!0;let n=A.current;if(n[0]===e.clientHeight&&n[1]===e.scrollHeight&&n[2]===e.clientWidth&&n[3]===e.scrollWidth)return}N()});return n.observe(e),M.start(0,()=>{let t=e.getAnimations({subtree:!0});t.length!==0&&Promise.allSettled(t.map(e=>e.finished)).then(N).catch(()=>{})}),()=>{n.disconnect(),M.clear()}},[N,s,M]);function P(){k.current=!1}let F={role:`presentation`,..._&&{"data-id":`${_}-viewport`},tabIndex:y.x&&y.y?-1:0,className:cu.className,style:{overflow:`scroll`},onScroll(){s.current&&(N(),k.current||x({x:s.current.scrollLeft,y:s.current.scrollTop}),j.start(100,()=>{k.current=!0}))},onWheel:P,onTouchMove:P,onPointerMove:P,onPointerEnter:P,onKeyDown:P},I=e.useMemo(()=>({scrolling:E||D,hasOverflowX:!y.x,hasOverflowY:!y.y,overflowXStart:w.xStart,overflowXEnd:w.xEnd,overflowYStart:w.yStart,overflowYEnd:w.yEnd,cornerHidden:y.corner}),[E,D,y.x,y.y,y.corner,w]),L=Ce(`div`,t,{ref:[n,s],state:I,props:[F,o],stateAttributesMapping:uu}),R=e.useMemo(()=>({computeThumbPosition:N}),[N]);return/*#__PURE__*/ p(_u.Provider,{value:R,children:L})});process.env.NODE_ENV!==`production`&&(Su.displayName=`ScrollAreaViewport`);function Cu(e){let t=e.clientHeight>=e.scrollHeight,n=e.clientWidth>=e.scrollWidth;return{y:t,x:n,corner:t||n}}function wu(e,t){return e.y===t.y&&e.x===t.x&&e.corner===t.corner?e:t}const Tu=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Tu.displayName=`ScrollAreaScrollbarContext`);function Eu(){let t=e.useContext(Tu);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(54):`Base UI: ScrollAreaScrollbarContext is missing. ScrollAreaScrollbar parts must be placed within <ScrollArea.Scrollbar>.`);return t}let Du=/*#__PURE__*/ function(e){return e.scrollAreaThumbHeight=`--scroll-area-thumb-height`,e.scrollAreaThumbWidth=`--scroll-area-thumb-width`,e}({});const Ou=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,orientation:a=`vertical`,keepMounted:o=!1,style:s,...c}=t,{hovering:l,scrollingX:u,scrollingY:d,hiddenState:f,overflowEdges:m,scrollbarYRef:h,scrollbarXRef:g,viewportRef:_,thumbYRef:v,thumbXRef:y,handlePointerDown:b,handlePointerUp:x,handleScroll:S,rootId:C,thumbSize:w,hasMeasuredScrollbar:T}=ru(),E={hovering:l,scrolling:{horizontal:u,vertical:d}[a],orientation:a,hasOverflowX:!f.x,hasOverflowY:!f.y,overflowXStart:m.xStart,overflowXEnd:m.xEnd,overflowYStart:m.yStart,overflowYEnd:m.yEnd,cornerHidden:f.corner},D=Wa(),O=!T&&!o,k=a===`vertical`?f.y:f.x,A=o||!k;e.useEffect(()=>{if(!A)return;let e=_.current,t=a===`vertical`?h.current:g.current;if(!t)return;function n(n){if(!e||!t||n.ctrlKey)return;let r=a===`horizontal`,i=r?`scrollLeft`:`scrollTop`,o=r?n.deltaX:n.deltaY;if(o===0)return;let s=r?e.scrollWidth-e.clientWidth:e.scrollHeight-e.clientHeight,c=r&&D===`rtl`?-s:0,l=r&&D===`rtl`?0:s,u=e[i];u<=c&&o<0||u>=l&&o>0||(n.preventDefault(),e[i]=Math.min(l,Math.max(c,u+o)),S({x:e.scrollLeft,y:e.scrollTop}))}return Ha(t,`wheel`,n,{passive:!1})},[D,S,a,g,h,A,_]);let j={...C&&{"data-id":`${C}-scrollbar`},onPointerDown(e){if(e.button!==0)return;let t=$r(e.nativeEvent),n=a===`vertical`?v.current:y.current;if(!(n&&Q(n,t))&&_.current){if(v.current&&h.current&&a===`vertical`){let t=au(v.current,`margin`,`y`),n=au(h.current,`padding`,`y`),r=v.current.offsetHeight,i=h.current.getBoundingClientRect(),a=e.clientY-i.top-r/2-n+t/2,o=_.current.scrollHeight,s=_.current.clientHeight,c=a/(h.current.offsetHeight-r-n-t)*(o-s);_.current.scrollTop=c}if(y.current&&g.current&&a===`horizontal`){let t=au(y.current,`margin`,`x`),n=au(g.current,`padding`,`x`),r=y.current.offsetWidth,i=g.current.getBoundingClientRect(),a=e.clientX-i.left-r/2-n+t/2,o=_.current.scrollWidth,s=_.current.clientWidth,c=a/(g.current.offsetWidth-r-n-t),l;D===`rtl`?(l=(1-c)*(o-s),_.current.scrollLeft<=0&&(l=-l)):l=c*(o-s),_.current.scrollLeft=l}S({x:_.current.scrollLeft,y:_.current.scrollTop}),b(e)}},onPointerUp:x,onPointerCancel:x,style:{position:`absolute`,touchAction:`none`,WebkitUserSelect:`none`,userSelect:`none`,visibility:O?`hidden`:void 0,...a===`vertical`&&{top:0,bottom:`var(${iu.scrollAreaCornerHeight})`,insetInlineEnd:0,[Du.scrollAreaThumbHeight]:`${w.height}px`},...a===`horizontal`&&{insetInlineStart:0,insetInlineEnd:`var(${iu.scrollAreaCornerWidth})`,bottom:0,[Du.scrollAreaThumbWidth]:`${w.width}px`}}},M=Ce(`div`,t,{ref:[n,a===`vertical`?h:g],state:E,props:[j,c],stateAttributesMapping:uu}),N=e.useMemo(()=>({orientation:a}),[a]);return A?/*#__PURE__*/ p(Tu.Provider,{value:N,children:M}):null});process.env.NODE_ENV!==`production`&&(Ou.displayName=`ScrollAreaScrollbar`);const ku=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{thumbYRef:o,thumbXRef:s,handlePointerDown:c,handlePointerMove:l,handlePointerUp:u,setScrollingX:d,setScrollingY:f,scrollingX:p,scrollingY:m,hasMeasuredScrollbar:h}=ru(),{orientation:g}=Eu(),_={scrolling:g===`horizontal`?p:m,orientation:g};function v(e){g===`vertical`&&f(!1),g===`horizontal`&&d(!1),u(e)}return Ce(`div`,e,{ref:[t,g===`vertical`?o:s],state:_,props:[{onPointerDown:c,onPointerMove:l,onPointerUp:v,onPointerCancel:v,style:{visibility:h?void 0:`hidden`,...g===`vertical`&&{height:`var(${Du.scrollAreaThumbHeight})`},...g===`horizontal`&&{width:`var(${Du.scrollAreaThumbWidth})`}}},a]})});process.env.NODE_ENV!==`production`&&(ku.displayName=`ScrollAreaThumb`);const Au=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{cornerRef:o,cornerSize:s,hiddenState:c}=ru(),l=Ce(`div`,e,{ref:[t,o],props:[{style:{position:`absolute`,bottom:0,insetInlineEnd:0,width:s.width,height:s.height}},a]});return c.corner?null:l});process.env.NODE_ENV!==`production`&&(Au.displayName=`ScrollAreaCorner`);function ju({className:e,children:t,...n}){return/* @__PURE__ */ m(hu,{"data-slot":`scroll-area`,className:J(`relative`,e),...n,children:[/* @__PURE__ */ p(Su,{"data-slot":`scroll-area-viewport`,className:`size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1`,children:t}),/* @__PURE__ */ p(Mu,{}),/* @__PURE__ */ p(Au,{})]})}function Mu({className:e,orientation:t=`vertical`,...n}){return/* @__PURE__ */ p(Ou,{"data-slot":`scroll-area-scrollbar`,"data-orientation":t,orientation:t,className:J(`flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent`,e),...n,children:/* @__PURE__ */ p(ku,{"data-slot":`scroll-area-thumb`,className:`relative flex-1 rounded-full bg-border`})})}const Nu=`/__slabui/theme`;function Pu(e){let[t,n]=d({status:`loading`}),[r,a]=d(!1),s=i(async()=>{try{let e=await fetch(`${Nu}/account`);if(e.status===404){n({status:`disabled`});return}n(await e.json())}catch{}},[]);o(()=>{if(!e)return;s();let t=typeof EventSource>`u`?void 0:new EventSource(`${Nu}/events`);t?.addEventListener(`account`,e=>{n(JSON.parse(e.data)),a(!1)});let r=()=>void s();return window.addEventListener(`focus`,r),()=>{t?.close(),window.removeEventListener(`focus`,r)}},[e,s]);let c=i(async()=>{let e=window.open(`about:blank`,`_blank`),{url:t,account:r}=await(await fetch(`${Nu}/account/login`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({origin:window.location.origin})})).json();t?(e?e.location.href=t:window.location.assign(t),a(!0)):(e?.close(),r&&n(r))},[]),l=i(async()=>{let e=await fetch(`${Nu}/account/logout`,{method:`POST`});n(await e.json())},[]);return{account:t,waiting:r,pro:t.status===`pro`||t.status===`disabled`||t.status===`loading`,signedIn:t.status!==`signed-out`,signIn:c,signOut:l}}const Fu=`/__slabui/theme`;async function Iu(e,t){let n=await fetch(`${Fu}${e}`,{...t,headers:{"content-type":`application/json`}}),r=await n.json().catch(()=>({}));return{ok:n.ok,status:n.status,body:r}}function Lu(e,t){return{ok:!1,message:t.issues?.map(({name:e,message:t})=>`--${e}: ${t}`).join(`; `)??t.error??`HTTP ${e}`,issues:t.issues}}function Ru(){let[e,t]=d({status:`idle`}),n=i(async()=>{let{ok:e,status:t,body:n}=await Iu(``);if(!e)throw Error(n.error??`HTTP ${t}`);let r=n.themes??[],i=Object.fromEntries(await Promise.all(r.map(async e=>[e,(await Iu(`?theme=${encodeURIComponent(e)}`)).body.tokens??{}])));return{tokens:n.tokens??{},defaults:n.defaults??{},installed:n.installed??null,themes:r,themeTokens:i}},[]),r=u(0),a=i(async()=>{let e=++r.current;t({status:`loading`});try{let i=await n();e===r.current&&t({status:`ready`,...i})}catch(n){e===r.current&&t({status:`error`,message:n instanceof Error?`${n.message}. Is the @slabui/theme-react plugin in your config?`:String(n)})}},[n]),o=i(async()=>{let e=++r.current;try{let i=await n();e===r.current&&t(e=>e.status===`ready`?{status:`ready`,...i}:e)}catch{}},[n]),s=i(()=>{if(typeof EventSource>`u`)return()=>void 0;let e=new EventSource(`${Fu}/events`),t=()=>void o();return e.addEventListener(`theme`,t),e.addEventListener(`themes`,t),()=>e.close()},[o]),c=i(async(e,{theme:n,unset:r}={})=>{try{let{ok:i,status:a,body:o}=await Iu(``,{method:`PATCH`,body:JSON.stringify({tokens:e,theme:n,unset:r})});return i?(t(t=>{if(t.status!==`ready`)return t;if(!n)return{...t,tokens:zu(t.tokens,e)};let i=zu(t.themeTokens[n]??{},e);for(let e of[`light`,`dark`])for(let t of r?.[e]??[])delete i[e]?.[t];return{...t,themeTokens:{...t.themeTokens,[n]:i}}}),{ok:!0}):Lu(a,o)}catch(e){return{ok:!1,message:e instanceof Error?e.message:String(e)}}},[]),l=i(async(e,t)=>{try{let{ok:n,status:r,body:i}=await Iu(e,t);return n?(await a(),{ok:!0}):Lu(r,i)}catch(e){return{ok:!1,message:e instanceof Error?e.message:String(e)}}},[a]);return{state:e,load:a,listen:s,save:c,createTheme:i((e,t)=>l(`/themes`,{method:`POST`,body:JSON.stringify({name:e,from:t})}),[l]),renameTheme:i((e,t)=>l(`/themes/${encodeURIComponent(e)}`,{method:`PATCH`,body:JSON.stringify({name:t})}),[l]),deleteTheme:i(e=>l(`/themes/${encodeURIComponent(e)}`,{method:`DELETE`}),[l])}}function zu(e,t){let n={...e};for(let r of[`theme`,`light`,`dark`])t[r]&&(n[r]={...e[r],...t[r]});return n}const Bu=`slabui-theme-editor`;function Vu(){try{let e=window.sessionStorage.getItem(Bu);return e?JSON.parse(e):void 0}catch{return}}const Hu=()=>({set:{light:{},dark:{}},unset:{light:[],dark:[]}}),Uu=e=>!e||[`light`,`dark`].every(t=>Object.keys(e.set[t]).length===0&&e.unset[t].length===0);function Wu(e,t){let n=n=>{let r={...e[n],...t?.set[n]};for(let e of t?.unset[n]??[])delete r[e];return r};return{light:n(`light`),dark:n(`dark`)}}function Gu(e,t){let n={};for(let r of t)Object.assign(n,r.light),e===`dark`&&Object.assign(n,r.dark);return n}const Ku=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[`--${e}`,t]));function qu(e){return process.env.NODE_ENV===`development`?/* @__PURE__ */ p(Ju,{...e}):null}function Ju(e){let[t,n]=d(!1);return o(()=>n(window.name!==rs),[]),t?/* @__PURE__ */ p(Yu,{...e}):null}function Yu({preview:e}){let{state:t,load:n,listen:r,save:i,createTheme:a,renameTheme:s,deleteTheme:c}=Ru(),[l]=d(Vu),[h,g]=d(l?.open??!1),[_,y]=d(l?.drafts??{}),[b,x]=d(l?.theme??``),[S,C]=d(!1),[w,T]=d(!1),[E,D]=d(),[O,k]=d(l?.section??`radius`),[j,M]=d(`primary`),[N,P]=d(`components`),[F,I]=d(`light`),[L,R]=d(null),{account:z,waiting:B,pro:V,signedIn:ee,signIn:H,signOut:te}=Pu(h),ne=`site`in z?z.site:void 0,re=t.status===`ready`,U=re?t.tokens:{},W=re?t.defaults:{},ie=re?t.installed:null,ae=re?t.themes:[],oe=e=>re&&t.themeTokens[e]||{},se=_[b]??Hu(),ce=e=>[{light:W.light??{},dark:W.dark??{}},Wu(U,e[``]),...b?[Wu(oe(b),e[b])]:[]],le=Gu(F,ce(_)),ue=(e,t=_)=>Gu(e,ce({...t,[b]:Hu()})),de=new Set(Object.keys(_).filter(e=>!Uu(_[e]))),fe=Object.entries(_).flatMap(([e,t])=>[`light`,`dark`].flatMap(n=>[...Object.keys(t.set[n]),...t.unset[n]].map(t=>({theme:e,group:n,name:t}))));o(()=>{h&&(I(document.documentElement.classList.contains(`dark`)?`dark`:`light`),n())},[h,n]),o(()=>h?r():void 0,[h,r]),o(()=>{try{window.sessionStorage.setItem(Bu,JSON.stringify({open:h,section:O,theme:b,drafts:_}))}catch{}},[h,O,b,_]),o(()=>{V||P(`components`)},[V]),o(()=>{re&&b&&(!ae.includes(b)||!V)&&x(``)},[re,b,ae,V]),o(()=>{if(!h||!S)return;let e=document.documentElement,t=e.getAttribute(v);return b?e.setAttribute(v,b):e.removeAttribute(v),()=>{t===null?e.removeAttribute(v):e.setAttribute(v,t)}},[h,S,b]);let pe=e=>{y(t=>{let n=structuredClone(t[b]??Hu());return e(n),{...t,[b]:n}}),D(void 0)},me=(e,t,n)=>pe(r=>{r.unset[e]=r.unset[e].filter(e=>e!==t),n===ue(e)[t]?delete r.set[e][t]:r.set[e][t]=n}),he=(e,t,n)=>{let r=r=>{let i=Gu(r,ce(_)),a=_r(t,new Set(Object.keys(i))),o={[e]:gr(t,i)??``};return n&&(o[`${e}-foreground`]=gr(a&&!t.endsWith(`foreground`)?a:`foreground`,i)??``),o};y(e=>{let t=structuredClone(e[``]??Hu());for(let e of[`light`,`dark`])Object.assign(t.set[e],r(e));return{...e,"":t}}),D(void 0),M(e)},ge=(e,t)=>b!==``&&(t in se.set[e]||t in(oe(b)[e]??{})&&!se.unset[e].includes(t)),_e=(e,t)=>e===`dark`?W.dark?.[t]??W.light?.[t]:W.light?.[t],ve=(e,t)=>{if(b)pe(n=>{delete n.set[e][t],t in(oe(b)[e]??{})&&!n.unset[e].includes(t)&&n.unset[e].push(t)});else{let n=_e(e,t);n!==void 0&&me(e,t,n)}},ye=()=>{if(b){let e=oe(b);y(t=>({...t,[b]:{set:{light:{},dark:{}},unset:{light:Object.keys(e.light??{}),dark:Object.keys(e.dark??{})}}})),D(void 0);return}let e=Hu();for(let t of[`light`,`dark`]){let n=ue(t,{});for(let[r,i]of Object.entries(W[t]??{}))n[r]!==i&&(e.set[t][r]=i)}y(t=>({...t,"":e})),D(void 0)},be=async()=>{T(!0);let e=[];for(let[t,n]of Object.entries(_)){if(Uu(n))continue;let r={},a={};for(let e of[`light`,`dark`])Object.keys(n.set[e]).length>0&&(r[e]=n.set[e]),n.unset[e].length>0&&(a[e]=n.unset[e]);let o=await i(r,{theme:t||void 0,unset:t?a:void 0});if(!o.ok){T(!1),D({tone:`error`,text:ae.length>0?`${t||`Base`}: ${o.message}`:o.message});return}y(e=>{let n={...e};return delete n[t],n}),e.push(t)}T(!1),D({tone:`success`,text:e.length===1&&e[0]===``?`Theme saved to the global CSS.`:`Saved: ${e.map(e=>e||`base`).join(`, `)}.`})},xe=async(e,t)=>{let n=await s(e,t);return n.ok&&(y(n=>{let{[e]:r,...i}=n;return r?{...i,[t]:r}:i}),b===e&&x(t)),n},Se=async e=>{let t=await c(e);return t.ok&&(y(({[e]:t,...n})=>n),b===e&&x(``)),t},Ce=async(e,t)=>{let n=await a(e,t);return n.ok&&x(e),n},we=Gu(F,ce({})),Te=Ku(Object.fromEntries(Object.entries(le).filter(([e,t])=>we[e]!==t))),Ee=Ku(le),De=Object.keys(le).filter(e=>{let t=we[e]??le[e];if(A(t)===`color`)return!0;let n=mr(t)&&gr(e,le);return n!==void 0&&A(n)===`color`}),Oe=new Set([Gu(`light`,ce(_)),Gu(`dark`,ce(_)),U.theme,W.theme,b?oe(b).theme:void 0].flatMap(e=>Object.keys(e??{}))),ke=Object.fromEntries(De.map(e=>[e,gr(e,le)])),Ae=e=>De.filter(t=>t!==e&&!hr(t,le).names.includes(e)).sort(),je=new Set(Xo.flatMap(({tokens:e})=>e)),Me=[...Xo.map(({label:e,tokens:t})=>({label:e,tokens:t.filter(e=>De.includes(e))})),{label:`Other`,tokens:De.filter(e=>!je.has(e)).sort()}].filter(({tokens:e})=>e.length>0),Ne=new Set(De),Pe=De.includes(j)?j:De.includes(`primary`)?`primary`:De[0]??``,Fe=O===`colors`?Pe:Yo.find(({id:e})=>e===O)?.controls[0]??`radius`,Ie=e=>{let t=Jo.find(({name:t})=>t===e.name),n=t?t.label.toLowerCase():`${e.name}${e.group===`dark`?` (dark)`:``}`;return ae.length>0?`${e.theme||`base`}: ${n}`:n},Le=E??(fe.length>0?{tone:`neutral`,text:`Unsaved changes: ${fe.map(Ie).join(`, `)}.`}:{tone:`neutral`,text:`No changes.`}),Re=re?{...t.themeTokens,"":t.tokens}:void 0,ze=u(Re);return o(()=>{let e=ze.current;if(ze.current=Re,!e||!Re||e===Re)return;let t=fe.filter(t=>e[t.theme]?.[t.group]?.[t.name]!==Re[t.theme]?.[t.group]?.[t.name]);t.length>0&&D({tone:`neutral`,text:`The file changed outside the editor; your draft still wins for: ${t.map(Ie).join(`, `)}.`})}),/* @__PURE__ */ m(`div`,{className:`slabui-te`,children:[/* @__PURE__ */ p(`style`,{children:`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
+`))},[n])}return[c,e.useCallback(e=>{a||s(e)},[])]}function ia(e){let t=0,n=/* @__PURE__ */ new WeakMap;try{return JSON.stringify(e,function(e,r){if(!(e===`_owner`&&this!=null&&typeof this==`object`&&`$$typeof`in this)){if(typeof r==`bigint`)return`__bigint__:${r}`;if(typeof r==`object`&&r){let e=n.get(r);if(e!==void 0)return`__object__:${e}`;n.set(r,t),t+=1}return r}})??`__top__:${typeof e}`}catch{return`__unserializable__`}}function aa(t,n,r,i,a=!0,o){let{registerFieldControl:s}=Er(),c=e.useRef(null);c.current||=Symbol(),X(()=>{let e=c.current;if(e&&a)return s(e,{controlRef:t,getValue:i,id:n,name:o,value:r}),()=>{s(e,void 0)}},[t,a,i,n,o,s,r])}const oa=`none`,sa=`missing`,ca=`initial`;function la(e,t,n,r){let i=!1,a=!1,o=r??ye;return{reason:e,event:t??new Event(`base-ui`),cancel(){i=!0},allowPropagation(){a=!0},get isCanceled(){return i},get isPropagationAllowed(){return a},trigger:n,...o}}function ua(e,t,n){let r=n??ye;return{reason:e,event:t??new Event(`base-ui`),...r}}const da=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,id:a,name:o,value:s,disabled:c=!1,onValueChange:l,defaultValue:u,autoFocus:d=!1,style:f,...p}=t,{state:m,name:h,disabled:g,setTouched:_,setDirty:v,validityData:y,setFocused:b,setFilled:x,validationMode:S,validation:C}=Er(),{clearErrors:w}=Or(),T=g||c,E=h??o,D={...m,disabled:T},{labelId:O}=Fr(),k=Ir({id:a});X(()=>{let e=s!=null;C.inputRef.current?.value||e&&s!==``?x(!0):e&&s===``&&x(!1)},[C.inputRef,x,s]);let A=e.useRef(null);X(()=>{d&&A.current===Qr(Lr(A.current))&&b(!0)},[d,b]);let[j]=ra({controlled:s,default:u,name:`FieldControl`,state:`value`}),M=s!==void 0,N=M?j:void 0,P=Y(()=>C.inputRef.current?.value);return aa(C.inputRef,k,N,P,!T,o),Ce(`input`,t,{ref:[n,A],state:D,props:[{id:k,disabled:T,name:E,ref:C.inputRef,"aria-labelledby":O,autoFocus:d,...M?{value:N}:{defaultValue:u},onChange(e){let t=e.currentTarget.value;l?.(t,la(oa,e.nativeEvent)),v(t!==y.initialValue),x(t!==``),e.nativeEvent.defaultPrevented||(w(E),C.change(t))},onFocus(){b(!0)},onBlur(e){_(!0),b(!1),S===`onBlur`&&C.commit(e.currentTarget.value)},onKeyDown(e){e.currentTarget.tagName===`INPUT`&&e.key===`Enter`&&(_(!0),C.commit(e.currentTarget.value))}},p,e=>C.getValidationProps(T,e)],stateAttributesMapping:Cr})});process.env.NODE_ENV!==`production`&&(da.displayName=`FieldControl`);const fa=/*#__PURE__*/ e.forwardRef(function(e,t){return/*#__PURE__*/ p(da,{ref:t,...e})});process.env.NODE_ENV!==`production`&&(fa.displayName=`Input`);const pa=Le([`w-full min-w-0 rounded-md border border-border bg-input/20 transition-colors file:inline-flex file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,`outline-0 outline-transparent focus-visible:border-focus/30 focus-visible:outline-[calc(var(--focus-size))] focus-visible:outline-focus/50 focus-visible:outline-offset-[calc(var(--focus-offset))]`,`aria-invalid:outline-[calc(var(--focus-size))] aria-invalid:outline-offset-[calc(var(--focus-offset))]`],{variants:{invalid:{true:`border-danger/60 focus-visible:border-danger/30 focus-visible:outline-danger/50 border-[1.5px]`},warning:{true:`border-warning/60 focus-visible:border-warning/30 focus-visible:outline-warning/50 border-[1.5px]`},size:{sm:`h-6.5 px-2 py-0.5 text-xs file:h-5.5`,default:`h-7.5 px-2 py-0.5 text-2xs file:h-7.5 file:py-0.5`,lg:`h-8.5 px-2 py-0.5 text-sm file:h-7.5 file:py-1`},nativeNumber:{true:``,false:`[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`}},defaultVariants:{size:`default`,nativeNumber:!1}});function ma({className:e,type:t,size:n,invalid:r,...i}){return/* @__PURE__ */ p(fa,{type:t,"data-slot":`input`,className:J(pa({invalid:r||!!i[`aria-invalid`],size:n}),e),...i})}function ha(e){let t=ae(ga,e).current;return t.next=e,X(t.effect),t}function ga(e){let t={current:e,next:e,effect:()=>{t.current=t.next}};return t}function _a(t,n){let r=e.useRef(t),i=Y(n);X(()=>{r.current!==t&&i(r.current)},[t,i]),X(()=>{r.current=t},[t])}function va(e,t=-(2**53-1),n=2**53-1){return Math.max(t,Math.min(e,n))}function ya(e,t,n=(e,t)=>e===t){return e.length===t.length&&e.every((e,r)=>n(e,t[r]))}const ba=/*#__PURE__*/ e.createContext({register:()=>{},unregister:()=>{},subscribeMapChange:()=>()=>{},elementsRef:{current:[]},nextIndexRef:{current:0}});process.env.NODE_ENV!==`production`&&(ba.displayName=`CompositeListContext`);function xa(){return e.useContext(ba)}function Sa(t){let{children:n,elementsRef:r,labelsRef:i,onMapChange:a}=t,o=Y(a),s=e.useRef(0),c=ae(wa).current,l=ae(Ca).current,[u,d]=e.useState(0),f=e.useRef(u),m=Y((e,t)=>{l.set(e,t??null),f.current+=1,d(f.current)}),h=Y(e=>{l.delete(e),f.current+=1,d(f.current)}),g=e.useMemo(()=>{let e=/* @__PURE__ */ new Map;return Array.from(l.keys()).filter(e=>e.isConnected).sort(Ta).forEach((t,n)=>{let r=l.get(t)??{};e.set(t,{...r,index:n})}),e},[l,u]);X(()=>{if(typeof MutationObserver!=`function`||g.size===0)return;let e=new MutationObserver(e=>{let t=/* @__PURE__ */ new Set,n=e=>t.has(e)?t.delete(e):t.add(e);e.forEach(e=>{e.removedNodes.forEach(n),e.addedNodes.forEach(n)}),t.size===0&&(f.current+=1,d(f.current))});return g.forEach((t,n)=>{n.parentElement&&e.observe(n.parentElement,{childList:!0})}),()=>{e.disconnect()}},[g]),X(()=>{f.current===u&&(r.current.length!==g.size&&(r.current.length=g.size),i&&i.current.length!==g.size&&(i.current.length=g.size),s.current=g.size),o(g)},[o,g,r,i,u]),X(()=>()=>{r.current=[]},[r]),X(()=>()=>{i&&(i.current=[])},[i]);let _=Y(e=>(c.add(e),()=>{c.delete(e)}));X(()=>{c.forEach(e=>e(g))},[c,g]);let v=e.useMemo(()=>({register:m,unregister:h,subscribeMapChange:_,elementsRef:r,labelsRef:i,nextIndexRef:s}),[m,h,_,r,i,s]);return/*#__PURE__*/ p(ba.Provider,{value:v,children:n})}function Ca(){return/* @__PURE__ */ new Map}function wa(){return/* @__PURE__ */ new Set}function Ta(e,t){let n=e.compareDocumentPosition(t);return n&Node.DOCUMENT_POSITION_FOLLOWING||n&Node.DOCUMENT_POSITION_CONTAINED_BY?-1:n&Node.DOCUMENT_POSITION_PRECEDING||n&Node.DOCUMENT_POSITION_CONTAINS?1:0}function Ea(e){return e==null?void 0:`${e}-label`}function Da(e,t){return e??t}function Oa(e,t){return e-t}function ka(e,t,n){let r=e.slice();return r[t]=n,r.sort(Oa)}function Aa(e,t,n,r,i,a){let o=e;return o=va(o,n,r),i&&(o=ka(a,t,va(o,a[t-1]??-1/0,a[t+1]??1/0))),o}function ja(e,t,n){if(!Array.isArray(e))return!0;let r=e.reduce((e,t,n,r)=>(n===r.length-1||e.push(Math.abs(t-r[n+1])),e),[]);return Math.min(...r)>=t*n}const Ma={activeThumbIndex:()=>null,max:()=>null,min:()=>null,minStepsBetweenValues:()=>null,step:()=>null,values:()=>null,...Cr},Na=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Na.displayName=`SliderRootContext`);function Pa(){let t=e.useContext(Na);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(62):`Base UI: SliderRootContext is missing. Slider parts must be placed within <Slider.Root>.`);return t}function Fa(e){return`key`in e?`keyboard`:`input-change`}function Ia(e,t){return typeof e==`number`&&typeof t==`number`?e===t:Array.isArray(e)&&Array.isArray(t)?ya(e,t):!1}const La=/*#__PURE__*/ e.forwardRef(function(t,n){let{"aria-labelledby":r,className:i,defaultValue:a,disabled:o=!1,id:s,format:c,largeStep:l=10,locale:u,render:d,max:f=100,min:m=0,minStepsBetweenValues:h=0,form:g,name:_,onValueChange:v,onValueCommitted:y,orientation:b=`horizontal`,step:x=1,thumbCollisionBehavior:S=`push`,thumbAlignment:C=`center`,value:w,style:T,...E}=t,D=Nr(s),O=Ea(D),k=Y(v),A=Y(y),{clearErrors:j}=Or(),{state:M,disabled:N,name:P,setTouched:F,setDirty:I,validityData:L,validation:R}=Er(),{labelId:z}=Fr(),[B,V]=e.useState(),ee=r??Da(z,B),H=N||o,te=P??_,[ne,re]=ra({controlled:w,default:a??m,name:`Slider`}),U=e.useRef(null),W=e.useRef(null),ie=e.useRef([]),ae=e.useRef(null),oe=e.useRef(null),se=e.useRef(-1),ce=e.useRef(null),le=e.useRef(`none`),ue=ha(c),[de,fe]=e.useState(-1),[pe,me]=e.useState(-1),[he,_e]=e.useState(!1),[ve,ye]=e.useState(()=>/* @__PURE__ */ new Map),[be,xe]=e.useState([void 0,void 0]),Se=Y(e=>{fe(e),e!==-1&&me(e)});aa(R.inputRef,D,ne,void 0,!H,_),_a(ne,()=>{j(te),R.change(ne);let e=L.initialValue,t;t=Array.isArray(ne)&&Array.isArray(e)?!ya(ne,e):ne!==e,I(t)});let we=Y(e=>{e&&(W.current=e)}),Te=Array.isArray(ne),Ee=e.useMemo(()=>Te?ne.slice().sort(Oa):[va(ne,m,f)],[f,m,Te,ne]),De=Y((e,t)=>{if(Number.isNaN(e)||Ia(e,ne))return!1;let n=t??la(`none`,void 0,void 0,{activeThumbIndex:-1}),r=n.event,i=new(r.constructor??Event)(r.type,r);return Object.defineProperty(i,"target",{writable:!0,value:{value:e,name:te}}),n.event=i,k(e,n),!n.isCanceled&&(le.current=n.reason,re(e),!0)}),Oe=Y((e,t,n)=>{let r=Aa(e,t,m,f,Te,Ee);if(ja(r,x,h)){let e=Fa(n),i=De(r,la(e,n.nativeEvent,void 0,{activeThumbIndex:t}));F(!0),i&&A(r,ua(e,n.nativeEvent))}});process.env.NODE_ENV!==`production`&&m>=f&&ge("Slider `max` must be greater than `min`."),X(()=>{let e=Qr(Lr(U.current));H&&Q(U.current,e)&&e.blur()},[H]),H&&de!==-1&&Se(-1);let ke=e.useMemo(()=>({...M,activeThumbIndex:de,disabled:H,dragging:he,orientation:b,max:f,min:m,minStepsBetweenValues:h,step:x,values:Ee}),[M,de,H,he,f,m,h,b,x,Ee]),Ae=e.useMemo(()=>({active:de,controlRef:W,disabled:H,dragging:he,validation:R,formatOptionsRef:ue,handleInputChange:Oe,indicatorPosition:be,inset:C!==`center`,labelId:ee,rootLabelId:O,largeStep:l,lastUsedThumbIndex:pe,lastChangeReasonRef:le,form:g,locale:u,max:f,min:m,minStepsBetweenValues:h,name:te,onValueCommitted:A,orientation:b,pressedInputRef:ae,pressedThumbCenterOffsetRef:oe,pressedThumbIndexRef:se,pressedValuesRef:ce,registerFieldControlRef:we,renderBeforeHydration:C===`edge`,setActive:Se,setDragging:_e,setIndicatorPosition:xe,setLabelId:V,setValue:De,state:ke,step:x,thumbCollisionBehavior:S,thumbMap:ve,thumbRefs:ie,values:Ee}),[de,W,ee,O,H,he,R,ue,Oe,be,l,pe,le,g,u,f,m,h,te,A,b,ae,oe,se,ce,we,Se,_e,xe,V,De,ke,x,S,C,ve,ie,Ee]),je=Ce(`div`,t,{state:ke,ref:[n,U],props:[{"aria-labelledby":ee,id:D,role:`group`},E,e=>R.getValidationProps(H,e)],stateAttributesMapping:Ma});return/*#__PURE__*/ p(Na.Provider,{value:Ae,children:/*#__PURE__*/ p(Sa,{elementsRef:ie,onMapChange:ye,children:je})})});process.env.NODE_ENV!==`production`&&(La.displayName=`SliderRoot`);function Ra(e){return Array.isArray(e)?e.map(e=>Ra(e)).join(`,`):e==null?``:String(e)}const za=/* @__PURE__ */ new Map;function Ba(e,t){let n=JSON.stringify({locale:Ra(e),options:t}),r=za.get(n);if(r)return r;let i=new Intl.NumberFormat(e,t);return za.set(n,i),i}function Va(e,t,n){return e==null?``:Ba(t,n).format(e)}function Ha(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}const Ua=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Ua.displayName=`DirectionContext`);function Wa(){return e.useContext(Ua)?.direction??`ltr`}function Ga(e){let t=e.getBoundingClientRect();return{x:(t.left+t.right)/2,y:(t.top+t.bottom)/2}}function Ka(e){if(e===0)return 0;if(Math.abs(e)<1){let t=e.toExponential().split(`e-`),n=t[0].split(`.`)[1];return(n?n.length:0)+parseInt(t[1],10)}let t=e.toString().split(`.`)[1];return t?t.length:0}function qa(e,t,n){let r=Math.round((e-n)/t)*t+n;return Number(r.toFixed(Math.max(Ka(t),Ka(n))))}function Ja({values:e,index:t,nextValue:n,min:r,max:i,step:a,minStepsBetweenValues:o,initialValues:s}){if(e.length===0)return[];let c=e.slice(),l=a*o,u=c.length-1,d=s??e;c[t]=va(n,r+t*l,i-(u-t)*l);for(let e=t+1;e<=u;e+=1){let t=c[e-1]+l,n=i-(u-e)*l,r=d[e]??c[e],a=Math.max(c[e],t);r<a&&(a=Math.max(r,t)),c[e]=va(a,t,n)}for(let e=t-1;e>=0;--e){let t=c[e+1]-l,n=r+e*l,i=d[e]??c[e],a=Math.min(c[e],t);i>a&&(a=Math.min(i,t)),c[e]=va(a,n,t)}for(let e=0;e<=u;e+=1)c[e]=Number(c[e].toFixed(12));return c}function Ya({behavior:e,values:t,currentValues:n,initialValues:r,pressedIndex:i,nextValue:a,min:o,max:s,step:c,minStepsBetweenValues:l}){let u=n??t,d=r??t;if(!(u.length>1))return{value:a,thumbIndex:0,didSwap:!1};let f=c*l;switch(e){case`swap`:{let e=u[i],t=1e-7,n=u.slice(),r=n[i-1],p=n[i+1],m=va(a,r==null?o:r+f,p==null?s:p-f),h=Number(m.toFixed(12));n[i]=h;let g=a>e,_=a<e,v=g&&p!=null&&a>=p-t,y=_&&r!=null&&a<=r+t;if(!v&&!y)return{value:n,thumbIndex:i,didSwap:!1};let b=v?i+1:i-1,x=n.map((e,t)=>t===i?h:d[t]??u[t]),S=a;S=v?Math.max(a,n[b]):Math.min(a,n[b]);let C=Ja({values:n,index:b,nextValue:S,min:o,max:s,step:c,minStepsBetweenValues:l,initialValues:x}),w=v?b-1:b+1;if(w>=0&&w<C.length){let e=C[w-1],t=C[w+1],n=e==null?o:e+f;n=Math.max(n,o+w*f);let r=t==null?s:t-f;r=Math.min(r,s-(C.length-1-w)*f);let i=va(h,n,r);C[w]=Number(i.toFixed(12))}return{value:C,thumbIndex:b,didSwap:!0}}case`push`:return{value:Ja({values:u,index:i,nextValue:a,min:o,max:s,step:c,minStepsBetweenValues:l}),thumbIndex:i,didSwap:!1};default:{let e=u.slice(),t=e[i-1],n=e[i+1],r=va(a,t==null?o:t+f,n==null?s:n-f);return e[i]=Number(r.toFixed(12)),{value:e,thumbIndex:i,didSwap:!1}}}}function Xa(e,t){if(!e)return{start:0,end:0};function n(e){let t=e==null?0:parseFloat(e);return Number.isNaN(t)?0:t}let r=t?`Top`:`InlineStart`,i=t?`Bottom`:`InlineEnd`;return{start:n(e[`border${r}Width`])+n(e[`padding${r}`]),end:n(e[`border${i}Width`])+n(e[`padding${i}`])}}function Za(e,t){if(t.current!=null&&e.changedTouches){let n=e;for(let e=0;e<n.changedTouches.length;e+=1){let r=n.changedTouches[e];if(r.identifier===t.current)return{x:r.clientX,y:r.clientY}}return null}return{x:e.clientX,y:e.clientY}}const Qa=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,style:a,...o}=t,{disabled:s,dragging:c,inset:l,lastChangeReasonRef:u,max:d,min:f,minStepsBetweenValues:p,onValueCommitted:m,orientation:h,pressedInputRef:g,pressedThumbCenterOffsetRef:_,pressedThumbIndexRef:v,pressedValuesRef:y,registerFieldControlRef:b,renderBeforeHydration:x,setActive:S,setDragging:C,setValue:w,state:T,step:E,thumbCollisionBehavior:D,thumbRefs:O,values:k}=Pa(),A=Wa(),j=k.length>1,M=h===`vertical`,N=e.useRef(null),P=e.useRef(null),F=Y(e=>{e&&P.current==null&&(P.current=rn(e).getComputedStyle(e))}),I=e.useRef(null),L=e.useRef(0),R=e.useRef(0),z=e.useRef(null),B=ha(k);function V(e){v.current!==e&&(v.current=e);let t=O.current[e];t?g.current=t.querySelector(`input[type="range"]`):(_.current=null,g.current=null)}function ee(){v.current=-1,_.current=null,g.current=null}function H(e){return sn(e)?O.current.some(t=>!sn(t)||!Q(t,e)?!1:t.querySelector(`input[type="range"]`)?.disabled===!0):!1}function te(e){let t=N.current,n=v.current;if(!t||!j&&(n<0||n>=k.length))return null;let{width:r,height:i,bottom:a,left:o,right:s}=t.getBoundingClientRect(),c=Xa(P.current,M),l=R.current,u=(M?i:r)-c.start-c.end-l*2,m=_.current??0,h=e.x-m,g=e.y-m,b=va(((M?a-g-c.end:(A===`rtl`?s-h:h-o)-c.start)-l)/u,0,1),x=(d-f)*b+f;return x=qa(x,E,f),x=va(x,f,d),j?n<0?null:Ya({behavior:D,values:k,currentValues:B.current??k,initialValues:y.current,pressedIndex:n,nextValue:x,min:f,max:d,step:E,minStepsBetweenValues:p}):{value:x,thumbIndex:n,didSwap:!1}}function ne(e){y.current=j?k.slice():null,z.current=null,B.current=k;let t=v.current,n=t;if(t>-1&&t<k.length){if(k[t]===d){let e=t;for(;e>0&&k[e-1]===d;)--e;n=e}}else{let t=M?`y`:`x`,r;n=-1;for(let i=0;i<O.current.length;i+=1){let a=O.current[i];if(sn(a)&&!a.querySelector(`input[type="range"]`)?.disabled){let o=Ga(a),s=Math.abs(e[t]-o[t]);(r===void 0||s<=r)&&(n=i,r=s)}}}if(n>-1&&n!==t&&V(n),l){let e=O.current[n];if(sn(e)){let t=e.getBoundingClientRect();R.current=t[M?`height`:`width`]/2}}}function re(e){let t=O.current?.[e]?.querySelector(`input[type="range"]`);t&&t.focus({preventScroll:!0,focusVisible:!1})}function U(e,t,n){let r=w(e.value,la(t,n,void 0,{activeThumbIndex:e.thumbIndex}));return r&&(z.current=e.value,B.current=Array.isArray(e.value)?e.value:[e.value],e.didSwap&&V(e.thumbIndex)),r}let W=Y(e=>{let t=Za(e,I);if(t==null)return;if(L.current+=1,e.type===`pointermove`&&e.buttons===0){ie(e);return}let n=te(t);n!=null&&ja(n.value,E,p)&&(!c&&L.current>2&&C(!0),U(n,`drag`,e)&&n.didSwap&&re(n.thumbIndex))}),ie=Y(e=>{if(S(-1),C(!1),g.current=null,_.current=null,z.current!=null){let t=u.current;m(z.current,ua(t,e))}`pointerType`in e&&N.current?.hasPointerCapture(e.pointerId)&&N.current?.releasePointerCapture(e.pointerId),v.current=-1,I.current=null,y.current=null,z.current=null,oe()}),ae=Y(e=>{if(s)return;if(H($r(e))){ee();return}let t=e.changedTouches[0];t!=null&&(I.current=t.identifier);let n=Za(e,I);if(n!=null){ne(n);let t=te(n);if(t==null)return;re(t.thumbIndex),U(t,`track-press`,e)&&t.didSwap&&re(t.thumbIndex)}L.current=0;let r=Lr(N.current);r.addEventListener(`touchmove`,W,{passive:!0}),r.addEventListener(`touchend`,ie,{passive:!0})}),oe=Y(()=>{let e=Lr(N.current);e.removeEventListener(`pointermove`,W),e.removeEventListener(`pointerup`,ie),e.removeEventListener(`touchmove`,W),e.removeEventListener(`touchend`,ie),y.current=null,z.current=null}),se=Ji();return e.useEffect(()=>{let e=N.current;if(!e)return()=>oe();let t=Ha(e,`touchstart`,ae,{passive:!0});return()=>{t(),se.cancel(),oe()}},[oe,ae,N,se]),e.useEffect(()=>{s&&oe()},[s,oe]),Ce(`div`,t,{state:T,ref:[n,b,N,F],props:[{"data-base-ui-slider-control":x?``:void 0,onPointerDown(e){let t=N.current,n=$r(e.nativeEvent);if(!t||s||e.defaultPrevented||!sn(n)||e.button!==0)return;if(H(n)){ee();return}let r=Za(e,I);if(r!=null){ne(r);let n=te(r);if(n==null)return;Q(O.current[n.thumbIndex],Qr(Lr(t)))?e.preventDefault():se.request(()=>{re(n.thumbIndex)}),C(!0),_.current==null&&U(n,`track-press`,e.nativeEvent)&&n.didSwap&&re(n.thumbIndex)}e.nativeEvent.pointerId&&t.setPointerCapture(e.nativeEvent.pointerId),L.current=0;let i=Lr(N.current);i.addEventListener(`pointermove`,W,{passive:!0}),i.addEventListener(`pointerup`,ie,{once:!0})}},o],stateAttributesMapping:Ma})});process.env.NODE_ENV!==`production`&&(Qa.displayName=`SliderControl`);const $a=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{state:o}=Pa();return Ce(`div`,e,{state:o,ref:t,props:[{style:{position:`relative`}},a],stateAttributesMapping:Ma})});process.env.NODE_ENV!==`production`&&($a.displayName=`SliderTrack`);const eo={clipPath:`inset(50%)`,overflow:`hidden`,whiteSpace:`nowrap`,border:0,padding:0,width:1,height:1,margin:-1},to={...eo,position:`fixed`,top:0,left:0};({...eo});function no(){return _e}function ro(){return!1}function io(){return!0}function ao(){return g(no,ro,io)}function oo(e,t,n){return(e-t)*100/(n-t)}const so=`ArrowUp`,co=`ArrowDown`,lo=`ArrowLeft`,uo=`ArrowRight`,fo=`Home`,po=`PageUp`,mo=`PageDown`,ho=/* @__PURE__ */ new Set([lo,uo]),go=/* @__PURE__ */ new Set([lo,uo,fo,`End`]),_o=/* @__PURE__ */ new Set([so,co]),vo=/* @__PURE__ */ new Set([so,co,fo,`End`]),yo=/* @__PURE__ */ new Set([...ho,..._o]),bo=/* @__PURE__ */ new Set([...yo,fo,`End`]),xo=/* @__PURE__ */ new Set([`Shift`,`Control`,`Alt`,`Meta`]);function So(e){return cn(e)&&e.tagName===`INPUT`}function Co(e){return!!(So(e)&&e.selectionStart!=null||cn(e)&&e.tagName===`TEXTAREA`)}function wo(e,t,n,r){if(!e||!t||!t.scrollTo)return;let i=e.scrollLeft,a=e.scrollTop,o=e.clientWidth<e.scrollWidth,s=e.clientHeight<e.scrollHeight;if(o&&r!==`vertical`){let r=To(e,t,`left`),a=Eo(e),o=Eo(t);n===`ltr`&&(r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight?i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight:r-o.scrollMarginLeft<e.scrollLeft+a.scrollPaddingLeft&&(i=r-o.scrollMarginLeft-a.scrollPaddingLeft)),n===`rtl`&&(r-o.scrollMarginRight<e.scrollLeft+a.scrollPaddingLeft?i=r-o.scrollMarginLeft-a.scrollPaddingLeft:r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight&&(i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight))}if(s&&r!==`horizontal`){let n=To(e,t,`top`),r=Eo(e),i=Eo(t);n-i.scrollMarginTop<e.scrollTop+r.scrollPaddingTop?a=n-i.scrollMarginTop-r.scrollPaddingTop:n+t.offsetHeight+i.scrollMarginBottom>e.scrollTop+e.clientHeight-r.scrollPaddingBottom&&(a=n+t.offsetHeight+i.scrollMarginBottom-e.clientHeight+r.scrollPaddingBottom)}e.scrollTo({left:i,top:a,behavior:`auto`})}function To(e,t,n){let r=n===`left`?`offsetLeft`:`offsetTop`,i=0;for(;t.offsetParent&&(i+=t[r],t.offsetParent!==e);)t=t.offsetParent;return i}function Eo(e){let t=getComputedStyle(e);return{scrollMarginTop:parseFloat(t.scrollMarginTop)||0,scrollMarginRight:parseFloat(t.scrollMarginRight)||0,scrollMarginBottom:parseFloat(t.scrollMarginBottom)||0,scrollMarginLeft:parseFloat(t.scrollMarginLeft)||0,scrollPaddingTop:parseFloat(t.scrollPaddingTop)||0,scrollPaddingRight:parseFloat(t.scrollPaddingRight)||0,scrollPaddingBottom:parseFloat(t.scrollPaddingBottom)||0,scrollPaddingLeft:parseFloat(t.scrollPaddingLeft)||0}}let Do=/*#__PURE__*/ function(e){return e[e.None=0]=`None`,e[e.GuessFromOrder=1]=`GuessFromOrder`,e}({});function Oo(t={}){let{label:n,metadata:r,textRef:i,indexGuessBehavior:a,index:o}=t,{register:s,unregister:c,subscribeMapChange:l,elementsRef:u,labelsRef:d,nextIndexRef:f}=xa(),p=e.useRef(-1),[m,h]=e.useState(o??(a===Do.GuessFromOrder?()=>{if(p.current===-1){let e=f.current;f.current+=1,p.current=e}return p.current}:-1)),g=e.useRef(null),_=e.useCallback(e=>{if(g.current=e,m!==-1&&e!==null&&(u.current[m]=e,d)){let t=n!==void 0;d.current[m]=t?n:i?.current?.textContent??e.textContent}},[m,u,d,n,i]);return X(()=>{if(o!=null)return;let e=g.current;if(e)return s(e,r),()=>{c(e)}},[o,s,c,r]),X(()=>{if(o==null)return l(e=>{let t=g.current?e.get(g.current)?.index:null;t!=null&&h(t)})},[o,l,h]),{ref:_,index:m}}const ko=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(ko.displayName=`CSPContext`);const Ao={disableStyleElements:!1};function jo(){return e.useContext(ko)??Ao}let Mo=/*#__PURE__*/ function(e){return e.index=`data-index`,e.dragging=`data-dragging`,e.orientation=`data-orientation`,e.disabled=`data-disabled`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.focused=`data-focused`,e}({});const No=/* @__PURE__ */ new Set([...bo,po,mo]);function Po(e,t,n,r){if(!(t<0))return e.length===2?t===0?`${Va(e[t],r,n)} start range`:`${Va(e[t],r,n)} end range`:n?Va(e[t],r,n):void 0}function Fo(e,t,n,r,i){let a=n===1?e+t:e-t;return va(Number(a.toFixed(Math.max(Ka(e),Ka(t),Ka(r)))),r,i)}const Io=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,children:i,className:a,"aria-describedby":o,"aria-label":s,"aria-labelledby":c,"aria-valuetext":l,disabled:u=!1,getAriaLabel:d,getAriaValueText:f,id:h,index:g,inputRef:_,onBlur:v,onFocus:y,onKeyDown:b,tabIndex:x,style:S,...C}=t,{nonce:w}=jo(),T=Nr(h),{active:E,lastUsedThumbIndex:D,controlRef:O,disabled:k,validation:A,formatOptionsRef:j,handleInputChange:M,inset:P,labelId:F,largeStep:I,locale:L,max:R,min:z,minStepsBetweenValues:B,form:V,name:ee,orientation:H,pressedInputRef:te,pressedThumbCenterOffsetRef:ne,pressedThumbIndexRef:re,renderBeforeHydration:U,setActive:W,setIndicatorPosition:ie,state:ae,step:se,values:ce}=Pa(),le=Wa(),ue=u||k,de=ce.length>1,fe=H===`vertical`,pe=le===`rtl`,{setTouched:me,setFocused:he,validationMode:ge}=Er(),_e=e.useRef(null),ve=e.useRef(null),ye=e.useRef(!1),be=Nr(),xe=Ir(),Se=de?be:xe,{ref:we,index:Te}=Oo({metadata:e.useMemo(()=>({inputId:Se}),[Se])}),Ee=de?g??Te:0,De=Ee===ce.length-1,Oe=ce[Ee],ke=oo(Oe,z,R),[Ae,je]=e.useState(),Me=ao(),Ne=D>=0&&D<ce.length?D:-1,Pe=Y(()=>{let e=O.current,t=_e.current;if(!e||!t)return;let n=t.getBoundingClientRect(),r=e.getBoundingClientRect(),i=fe?`height`:`width`,a=r[i]-n[i],o=(n[i]/2+a*ke/100)/r[i]*100,s=Number.isFinite(o)?o:void 0;je(s),Ee===0?ie(e=>[s,e[1]]):De&&ie(e=>[e[0],s])});X(()=>{P&&queueMicrotask(Pe)},[Pe,P]),X(()=>{P&&Pe()},[Pe,P,ke]),X(()=>{if(!P)return;let e=O.current,t=_e.current;if(!e||!t)return;let n=rn(e).ResizeObserver;if(typeof n!=`function`)return;let r=new n(Pe);return r.observe(e),r.observe(t),()=>{r.disconnect()}},[O,Pe,P]);let Fe=fe?`bottom`:`insetInlineStart`,Ie=fe?`left`:`top`,Le;de?E===Ee?Le=2:Ne===Ee&&(Le=1):E===Ee&&(Le=1);let Re;Re=P?{"--position":`${Ae??0}%`,visibility:U&&Me||Ae===void 0?`hidden`:void 0,position:`absolute`,[Fe]:`var(--position)`,[Ie]:`50%`,translate:`${(fe||!pe?-1:1)*50}% ${(fe?1:-1)*50}%`,zIndex:Le}:Number.isFinite(ke)?{position:`absolute`,[Fe]:`${ke}%`,[Ie]:`50%`,translate:`${(fe||!pe?-1:1)*50}% ${(fe?1:-1)*50}%`,zIndex:Le}:to;let ze;H===`vertical`&&(ze=pe?`vertical-rl`:`vertical-lr`);let Be=typeof d==`function`?d(Ee):s,Ve=N({"aria-label":Be,"aria-labelledby":c??(Be==null?F:void 0),"aria-describedby":o,"aria-orientation":H,"aria-valuenow":Oe,"aria-valuetext":typeof f==`function`?f(Va(Oe,L,j.current??void 0),Oe,Ee):l??Po(ce,Ee,j.current??void 0,L),disabled:ue,form:V,id:Se,max:R,min:z,name:ee,onChange(e){M(e.currentTarget.valueAsNumber,Ee,e)},onFocus(e){let t=ye.current;ye.current=!1,W(Ee),he(!0),t&&e.stopPropagation()},onBlur(e){ye.current?e.stopPropagation():_e.current&&(W(-1),me(!0),he(!1),ge===`onBlur`&&A.commit(Aa(Oe,Ee,z,R,de,ce)))},onKeyDown(e){if(e.defaultPrevented||!No.has(e.key))return;bo.has(e.key)&&e.stopPropagation();let t=null,n=qa(Oe,se,z);switch(e.key){case so:t=Fo(n,e.shiftKey?I:se,1,z,R);break;case uo:t=Fo(n,e.shiftKey?I:se,pe?-1:1,z,R);break;case co:t=Fo(n,e.shiftKey?I:se,-1,z,R);break;case lo:t=Fo(n,e.shiftKey?I:se,pe?1:-1,z,R);break;case po:t=Fo(n,I,1,z,R);break;case mo:t=Fo(n,I,-1,z,R);break;case`End`:t=R,de&&(t=Number.isFinite(ce[Ee+1])?ce[Ee+1]-se*B:R);break;case fo:t=z,de&&(t=Number.isFinite(ce[Ee-1])?ce[Ee-1]+se*B:z)}if(t!==null){let n=e.currentTarget;ii(n)||(ye.current=!0,n.blur(),n.focus({preventScroll:!0,focusVisible:!0})),M(t,Ee,e),e.preventDefault()}},step:se,style:{...to,width:`100%`,height:`100%`,writingMode:ze},tabIndex:x??void 0,type:`range`,value:Oe??``},e=>A.getValidationProps(ue,e),{onKeyDown:b}),He=oe(ve,A.inputRef,_);return Ce(`div`,t,{state:ae,ref:[n,we,_e],props:[{[Mo.index]:Ee,children:/*#__PURE__*/ m(e.Fragment,{children:[i,/*#__PURE__*/ p(`input`,{ref:He,...Ve,suppressHydrationWarning:!0}),P&&Me&&U&&De&&/*#__PURE__*/ p(`script`,{nonce:w,dangerouslySetInnerHTML:{__html:'!function(){const t=document.currentScript?.parentElement;if(!t)return;const e=t.closest("[data-base-ui-slider-control]");if(!e)return;const r=e.querySelector("[data-base-ui-slider-indicator]"),i=e.getBoundingClientRect(),n="vertical"===e.getAttribute("data-orientation")?"height":"width",o=e.querySelectorAll(\'input[type="range"]\'),l=o.length>1,s=o.length-1;let a=null,u=null;for(let t=0;t<o.length;t+=1){const e=o[t],y=parseFloat(e.getAttribute("value")??"");if(Number.isNaN(y))return;const c=e.parentElement;if(!c)return;const p=parseFloat(e.getAttribute("max")??"100"),g=parseFloat(e.getAttribute("min")??"0"),b=c?.getBoundingClientRect(),d=i[n]-b[n],m=100*(y-g)/(p-g),v=(b[n]/2+d*m/100)/i[n]*100;c.style.setProperty("--position",`${v}%`),Number.isFinite(v)&&(c.style.removeProperty("visibility"),r&&(0===t?(a=v,r.style.setProperty("--start-position",`${v}%`),l||r.style.removeProperty("visibility")):t===s&&(u=v-(a??0),r.style.setProperty("--end-position",`${v}%`),r.style.setProperty("--relative-size",`${u}%`),r.style.removeProperty("visibility"))))}}();'},suppressHydrationWarning:!0})]}),id:T,onBlur:v,onFocus:y,onPointerDown(e){if(!ue){if(re.current=Ee,_e.current!=null){let t=H===`horizontal`?`x`:`y`,n=Ga(_e.current),r=(H===`horizontal`?e.clientX:e.clientY)-n[t];ne.current=r}ve.current!=null&&te.current!==ve.current&&(te.current=ve.current)}},style:Re,suppressHydrationWarning:U||void 0},C],stateAttributesMapping:Ma})});process.env.NODE_ENV!==`production`&&(Io.displayName=`SliderThumb`);function Lo(e,t,n,r,i,a){let o=n===void 0||t&&r===void 0?`hidden`:void 0,s=e?`bottom`:`insetInlineStart`,c=e?`height`:`width`,l={visibility:i&&a?`hidden`:o,position:e?`absolute`:`relative`,[e?`width`:`height`]:`inherit`};return l[`--start-position`]=`${n??0}%`,t?(l[`--relative-size`]=`${(r??0)-(n??0)}%`,l[s]=`var(--start-position)`,l[c]=`var(--relative-size)`,l):(l[s]=0,l[c]=`var(--start-position)`,l)}function Ro(e,t,n,r){let i=e?`bottom`:`insetInlineStart`,a=e?`height`:`width`,o={position:e?`absolute`:`relative`,[e?`width`:`height`]:`inherit`};if(!t)return o[i]=0,o[a]=`${n}%`,o;let s=r-n;return o[i]=`${n}%`,o[a]=`${s}%`,o}const zo=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{indicatorPosition:o,inset:s,max:c,min:l,orientation:u,renderBeforeHydration:d,state:f,values:p}=Pa(),m=ao(),h=u===`vertical`,g=p.length>1,_=s?Lo(h,g,o[0],o[1],d,m):Ro(h,g,oo(p[0],l,c),oo(p[p.length-1],l,c));return Ce(`div`,e,{state:f,ref:t,props:[{"data-base-ui-slider-indicator":d?``:void 0,style:_,suppressHydrationWarning:d||void 0},a],stateAttributesMapping:Ma})});process.env.NODE_ENV!==`production`&&(zo.displayName=`SliderIndicator`);function Bo({className:e,defaultValue:t,value:n,min:r=0,max:i=100,...a}){let o=Array.isArray(n)?n:Array.isArray(t)?t:[r,i];return/* @__PURE__ */ p(La,{className:J(`data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full`,e),"data-slot":`slider`,defaultValue:t,value:n,min:r,max:i,thumbAlignment:`edge`,...a,children:/* @__PURE__ */ m(Qa,{className:`relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col`,children:[/* @__PURE__ */ p($a,{"data-slot":`slider-track`,className:`relative grow overflow-hidden rounded-md bg-muted select-none data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1`,children:/* @__PURE__ */ p(zo,{"data-slot":`slider-range`,className:`bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`})}),Array.from({length:o.length},(e,t)=>/* @__PURE__ */ p(Io,{"data-slot":`slider-thumb`,className:`relative block size-3 shrink-0 rounded-md border border-ring bg-white ring-ring/30 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-2 focus-visible:ring-2 focus-visible:outline-hidden active:ring-2 disabled:pointer-events-none disabled:opacity-50`},t))]})})}const Vo=[{key:`l`,label:`Lightness`,max:1,step:.005},{key:`c`,label:`Chroma`,max:.4,step:.001},{key:`h`,label:`Hue`,max:360,step:.5},{key:`alpha`,label:`Opacity`,max:1,step:.01}];function Ho(e){let t=cr(e);return t?Yn(t):e}function Uo(e){let t=ur(e);return t?dr(t):``}const Wo=e=>e.trim()!==``&&(!k(e)||A(e)===`length`);function Go({name:e,value:t,pair:n,surface:r,resolved:i,onChange:a,onRestore:s,origin:c,restoreLabel:l=`Restore this color`}){let[f,h]=d(t),[g,_]=d(()=>Uo(i??``)),v=u(null),y=u(null);o(()=>{let e=document.activeElement;e!==v.current&&h(t),e!==y.current&&_(Uo(i??``))},[t,i]);let b=mr(t),x=ur(i),S=Wo(f),C=n&&pr(e,n.name),w=n&&C?fr(C.text===e?i??``:n.value,C.back===e?i??``:n.value,r):void 0;return/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-3`,children:[/* @__PURE__ */ m(`div`,{className:`flex items-center gap-2`,children:[/* @__PURE__ */ m(`code`,{className:`min-w-0 flex-1 truncate`,children:[`--`,e]}),c&&/* @__PURE__ */ p(en,{variant:`outline`,children:c}),/* @__PURE__ */ p(Z,{onClick:s,size:`xs`,variant:`ghost`,children:l})]}),b&&i===void 0&&/* @__PURE__ */ m(`p`,{className:`text-danger`,children:[`--`,e,` and --`,b,` reference each other in a cycle.`]}),x?/* @__PURE__ */ p(`div`,{className:`flex flex-col gap-2`,children:Vo.map(e=>/* @__PURE__ */ m(`div`,{className:`grid grid-cols-[6rem_1fr_3rem] items-center gap-3`,children:[/* @__PURE__ */ p(`span`,{className:`text-muted-foreground`,children:e.label}),/* @__PURE__ */ p(Bo,{"aria-label":e.label,max:e.max,min:0,onValueChange:t=>a(Yn({...x,[e.key]:typeof t==`number`?t:t[0]})),step:e.step,value:[x[e.key]]}),/* @__PURE__ */ p(`code`,{className:`text-right text-muted-foreground`,children:e.key===`alpha`?`${Math.round(x.alpha*100)}%`:x[e.key].toFixed(e.key===`h`?1:3)})]},e.key))}):/* @__PURE__ */ p(`p`,{className:`text-muted-foreground`,children:`Value outside OKLCH, hex, rgb and hsl: edit it in the field below.`}),/* @__PURE__ */ m(`div`,{className:`flex gap-2`,children:[/* @__PURE__ */ p(ma,{"aria-invalid":S||void 0,"aria-label":`Value of --${e}`,className:`min-w-0 flex-1`,onBlur:()=>h(t),onChange:e=>{h(e.target.value);let t=e.target.value.trim();t!==``&&!Wo(t)&&a(Ho(t))},ref:v,value:f}),/* @__PURE__ */ p(ma,{"aria-invalid":g!==``&&!lr(g)||void 0,"aria-label":`Hex of --${e}`,className:`w-24 shrink-0 font-mono`,onBlur:()=>_(Uo(t)),onChange:e=>{_(e.target.value);let t=lr(e.target.value);t&&a(Yn(t))},placeholder:`#hex`,ref:y,value:g})]}),S&&/* @__PURE__ */ p(`p`,{className:`text-danger`,children:`Invalid color value.`}),n&&w!==void 0&&/* @__PURE__ */ m(`div`,{className:`flex items-center justify-between gap-2 text-muted-foreground`,children:[/* @__PURE__ */ m(`span`,{children:[`Contrast with `,/* @__PURE__ */ m(`code`,{children:[`--`,n.name]}),`: `,w.toFixed(2),`:1`]}),/* @__PURE__ */ p(en,{variant:w>=4.5?`success`:`danger`,children:vr(w)})]})]})}function Ko(e){let t=new Set(e),n=/* @__PURE__ */ new Set;return e.flatMap(e=>{if(n.has(e))return[];let r=_r(e,t),i=e===`foreground`||e.endsWith(`-foreground`),a=r&&!n.has(r)?i?[r,e]:[e,r]:[e];for(let e of a)n.add(e);return[a]})}function qo({groups:e,values:t,resolved:n,selected:r,onSelect:i,changed:a,fromTheme:s,editor:c}){let l=u(null),d=u(r);o(()=>{d.current!==r&&l.current?.scrollIntoView?.({block:`nearest`}),d.current=r},[r]);let f=e=>{let r=mr(t[e]);return r?n[e]===void 0?`→ ${r} (cycle)`:`→ ${r}`:t[e]},h=e=>/* @__PURE__ */ m(`button`,{"aria-expanded":e===r,className:`flex items-center gap-2 rounded-md px-1.5 py-1 text-left hover:bg-muted aria-expanded:bg-muted`,onClick:()=>i(e),type:`button`,children:[/* @__PURE__ */ p(`span`,{className:`size-4 shrink-0 rounded-sm border`,style:{background:n[e]}}),/* @__PURE__ */ m(`span`,{className:`max-w-full shrink-0 truncate`,children:[e,a(e)&&` •`]}),s(e)&&/* @__PURE__ */ p(en,{variant:`outline`,children:`tema`}),/* @__PURE__ */ p(`code`,{className:`ml-auto min-w-0 truncate text-muted-foreground`,children:f(e)})]},e);return e.map(e=>/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-1.5`,children:[/* @__PURE__ */ p(`h4`,{className:`px-1 font-medium text-muted-foreground`,children:e.label}),Ko(e.tokens).map(e=>{let[t,i]=e,a=i?fr(n[i]??``,n[t]??``,n.background):void 0,o=e.find(e=>e===r);return/* @__PURE__ */ m(`div`,{className:`rounded-lg border data-open:bg-muted/30`,"data-open":o?``:void 0,children:[/* @__PURE__ */ m(`div`,{className:`flex items-stretch gap-1.5 p-1`,children:[i&&/* @__PURE__ */ p(`span`,{"aria-hidden":!0,className:`flex w-10 shrink-0 items-center justify-center rounded-md border font-medium`,style:{background:n[t],color:n[i]},children:`Aa`}),/* @__PURE__ */ p(`div`,{className:`flex min-w-0 flex-1 flex-col`,children:e.map(h)}),a!==void 0&&/* @__PURE__ */ m(en,{className:`self-center`,title:`Contrast between --${t} and --${i}`,variant:a>=4.5?`success`:`danger`,children:[a.toFixed(1),`:1 `,vr(a)]})]}),o&&/* @__PURE__ */ p(`div`,{className:`border-t p-3`,ref:l,children:c(o,e.length>1)})]},t)}),e.missing?.map(e=>/* @__PURE__ */ m(`div`,{"aria-disabled":!0,className:`flex items-center gap-2 rounded-lg border border-dashed px-2.5 py-2 text-muted-foreground`,"data-missing":``,title:`--${e} is not in global.css. It is added with the component that uses it.`,children:[/* @__PURE__ */ p(`span`,{className:`size-4 shrink-0 rounded-sm border opacity-40`,style:{background:n[e]}}),/* @__PURE__ */ p(`span`,{className:`max-w-full shrink-0 truncate`,children:e}),/* @__PURE__ */ p(`span`,{className:`ml-auto min-w-0 truncate text-xs`,children:`not in global.css`})]},e))]},e.label))}const Jo=[{name:`radius`,label:`Radius`,description:`Base rounding; the sm to 4xl radii derive from it.`,min:0,max:1.5,step:.05,presets:[{label:`None`,value:0},{label:`Small`,value:.3},{label:`Medium`,value:.5},{label:`Default`,value:.65},{label:`Large`,value:1}]},{name:`spacing`,label:`Spacing`,description:`Tailwind's spacing unit: p-4 = 4 × spacing.`,min:.2,max:.32,step:.005,presets:[{label:`Compact`,value:.22},{label:`Default`,value:.25},{label:`Comfortable`,value:.28}]},{name:`font-size`,label:`Text size`,description:`Base text size (text-base); every text-* class follows it, spacing does not.`,min:.75,max:1.25,step:.0625,presets:[{label:`Smaller`,value:.875},{label:`Default`,value:1},{label:`Larger`,value:1.125},{label:`Largest`,value:1.25}]},{name:`focus-size`,label:`Focus width`,description:`Width of the focus ring on buttons, fields and links.`,min:0,max:6,step:.5,unit:`px`,presets:[{label:`Thin`,value:1.5},{label:`Default`,value:2.5},{label:`Thick`,value:4}]},{name:`focus-offset`,label:`Focus offset`,description:`Space between the component and the focus ring.`,min:0,max:6,step:.5,unit:`px`,presets:[{label:`None`,value:0},{label:`Default`,value:2},{label:`Wide`,value:4}]},{name:`page-sm`,label:`Narrow width`,description:`Max width of the sm container: forms, settings and articles.`,min:480,max:1024,step:16,unit:`px`,presets:[{label:`Small`,value:640},{label:`Default`,value:768},{label:`Large`,value:896}]},{name:`page`,label:`Page width`,description:`Max width of the container (default size) and max-w-page.`,min:960,max:1600,step:16,unit:`px`,presets:[{label:`Small`,value:1024},{label:`Default`,value:1200},{label:`Large`,value:1280}]},{name:`page-lg`,label:`Wide width`,description:`Max width of the lg container: dashboards and wide layouts.`,min:1200,max:1920,step:16,unit:`px`,presets:[{label:`Small`,value:1280},{label:`Default`,value:1440},{label:`Large`,value:1600}]}],Yo=[{id:`colors`,label:`Colors`,description:`The theme colors. The preview mode (Light/Dark) chooses the block you edit: :root or .dark.`,controls:[]},{id:`radius`,label:`Radius`,description:`How rounded the corners of buttons, cards and fields are.`,controls:[`radius`]},{id:`spacing`,label:`Size`,description:`How much space there is inside and between components, and how large the text is. Each one changes only its own sizes.`,controls:[`spacing`,`font-size`],pro:!0},{id:`focus`,label:`Focus`,description:`The ring shown when navigating with the keyboard; its color is in Colors (focus).`,controls:[`focus-size`,`focus-offset`]},{id:`layout`,label:`Layout`,description:`How wide the container gets: the narrow (sm), page (default) and wide (lg) sizes. The full size has no max width.`,controls:[`page-sm`,`page`,`page-lg`]},{id:`themes`,label:`Themes`,description:`The project's themes (styles/themes): each one changes only what differs from the base.`,controls:[],pro:!0}],Xo=[{label:`Base`,tokens:[`background`,`foreground`,`border`,`input`,`ring`]},{label:`Surfaces`,tokens:[`card`,`card-foreground`,`popover`,`popover-foreground`,`muted`,`muted-foreground`]},{label:`Brand`,tokens:[`brand`,`brand-foreground`]},{label:`Actions`,tokens:[`primary`,`primary-foreground`,`secondary`,`secondary-foreground`,`accent`,`accent-foreground`,`inverted`,`inverted-foreground`]},{label:`Status`,tokens:[`danger`,`danger-foreground`,`success`,`success-foreground`,`warning`,`warning-foreground`]},{label:`Focus`,tokens:[`focus`]},{label:`Charts`,tokens:[`chart-1`,`chart-2`,`chart-3`,`chart-4`,`chart-5`]},{label:`Sidebar`,tokens:[`sidebar`,`sidebar-foreground`,`sidebar-primary`,`sidebar-primary-foreground`,`sidebar-accent`,`sidebar-accent-foreground`,`sidebar-border`,`sidebar-ring`]},{label:`Table`,tokens:[`table`,`table-content`,`table-hover`]}];function Zo(e,t=`rem`){let n=e?.trim().match(/^(-?\d*\.?\d+)(rem|px)$/);if(!n)return;let r=Number(n[1]);return n[2]===t?r:Number((t===`px`?r*16:r/16).toFixed(4))}function Qo(e,t=`rem`){return`${Number(e.toFixed(3))}${t}`}function $o(e){let t=`slabui-plate-${s().replace(/[^\w-]/g,``)}`,n={x:-30,y:-30,width:60,height:60,rx:12};return/* @__PURE__ */ m(`svg`,{"aria-hidden":`true`,fill:`none`,viewBox:`0 0 80 80`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[/* @__PURE__ */ p(`defs`,{children:/* @__PURE__ */ m(`linearGradient`,{id:t,x1:`0`,x2:`1`,y1:`0`,y2:`1`,children:[/* @__PURE__ */ p(`stop`,{offset:`0`,stopColor:`#00c1cc`}),/* @__PURE__ */ p(`stop`,{offset:`1`,stopColor:`#9296ff`})]})}),/* @__PURE__ */ p(`rect`,{...n,fill:`currentColor`,fillOpacity:`.25`,transform:`translate(40 52) scale(1 0.5299193) rotate(45)`}),/* @__PURE__ */ p(`rect`,{...n,fill:`currentColor`,fillOpacity:`.6`,transform:`translate(40 40) scale(1 0.5299193) rotate(45)`}),/* @__PURE__ */ p(`rect`,{...n,fill:`url(#${t})`,transform:`translate(40 28) scale(1 0.5299193) rotate(45)`})]})}const es=/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/;function ts(e,t,n){if(e===``)return`Type a name.`;if(!es.test(e))return`Use lowercase letters, numbers and -, starting with a letter.`;if(e.startsWith(`color-`))return`Without the color- prefix (Tailwind's --color-* is created for you).`;if(t.has(e))return`--${e} already exists.`;if(n&&t.has(`${e}-foreground`))return`--${e}-foreground already exists.`}function ns({taken:e,sources:t,inTheme:n,onCreate:r,locked:i=!1}){let[a,o]=d(!1),[s,c]=d(``),[l,u]=d(t.includes(`primary`)?`primary`:t[0]??``),[f,h]=d(!0),g=ts(s,e,f);if(!a)return/* @__PURE__ */ m(Z,{className:`self-start`,disabled:i,onClick:()=>o(!0),size:`sm`,title:i?`New colors are part of Pro`:void 0,variant:`outline`,children:[`New color`,i&&/* @__PURE__ */ p(en,{variant:`blend`,children:`Pro`})]});let _=()=>{o(!1),c(``)};return/* @__PURE__ */ m(`form`,{"aria-label":`New color`,className:`flex flex-col gap-3 rounded-lg border bg-muted/30 p-3`,onSubmit:e=>{e.preventDefault(),g||(r(s,l,f),_())},children:[/* @__PURE__ */ m(`label`,{className:`flex flex-col gap-1.5`,children:[/* @__PURE__ */ p(`span`,{className:`font-medium`,children:`Name`}),/* @__PURE__ */ p(ma,{"aria-invalid":s!==``&&g!==void 0||void 0,"aria-label":`Name of the new color`,autoFocus:!0,onChange:e=>c(e.target.value.trim()),placeholder:`e.g. brand`,value:s})]}),s!==``&&g?/* @__PURE__ */ p(`p`,{className:`text-danger`,children:g}):/* @__PURE__ */ m(`p`,{className:`text-muted-foreground`,children:[`Becomes --`,s||`name`,` and the bg-`,s||`name`,` class`,n&&`; created in the base, so it applies to every theme`,`.`]}),/* @__PURE__ */ m(`label`,{className:`flex items-center gap-2 text-muted-foreground`,children:[/* @__PURE__ */ p(`span`,{className:`w-24 shrink-0`,children:`Start from`}),/* @__PURE__ */ p(`select`,{"aria-label":`Starting color`,className:`h-7 min-w-0 flex-1 rounded-md border bg-background px-2 text-foreground`,onChange:e=>u(e.target.value),value:l,children:t.map(e=>/* @__PURE__ */ m(`option`,{value:e,children:[`--`,e]},e))})]}),/* @__PURE__ */ m(`label`,{className:`flex items-center gap-2`,children:[/* @__PURE__ */ p(`input`,{checked:f,onChange:e=>h(e.target.checked),type:`checkbox`}),`Also create --`,s||`name`,`-foreground (text on top of it)`]}),/* @__PURE__ */ m(`div`,{className:`flex gap-2`,children:[/* @__PURE__ */ p(Z,{disabled:g!==void 0,size:`sm`,type:`submit`,children:`Create`}),/* @__PURE__ */ p(Z,{onClick:_,size:`sm`,type:`button`,variant:`ghost`,children:`Cancel`})]})]})}const rs=`slabui-theme-preview`,is=[.25,.5,.75,1,1.25,1.5];function as({vars:e,dark:t,theme:n}){let r=u(null),i=u(null),a=u([]),[s]=d(()=>window.location.href),[l]=d(()=>Math.max(window.innerWidth,1024)),[f,h]=d({width:0,height:0}),[g,_]=d(0),[y,b]=d(!1),[x,S]=d();o(()=>{let e=r.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(([e])=>{if(e){let{width:t,height:n}=e.contentRect;h({width:t,height:n})}});return t.observe(e),()=>t.disconnect()},[]);let C=JSON.stringify(e);o(()=>{if(g===0)return;let e;try{e=i.current?.contentDocument?.documentElement}catch{e=void 0}if(!e){b(!0);return}b(!1);for(let t of a.current)e.style.removeProperty(t);let r=JSON.parse(C);for(let[t,n]of Object.entries(r))e.style.setProperty(t,n);a.current=Object.keys(r),e.classList.toggle(`dark`,t),n?e.setAttribute(v,n):e.removeAttribute(v)},[C,t,n,g]);let w=f.width>0?Math.min(f.width/l,1):1,T=x??w,E=is.findLast(e=>e<T-.001),D=is.find(e=>e>T+.001),O=u(T);return c(()=>{let e=r.current;e&&O.current!==T&&(e.scrollLeft=(e.scrollWidth-e.clientWidth)/2),O.current=T},[T]),/* @__PURE__ */ m(`div`,{className:`relative flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border bg-white`,children:[/* @__PURE__ */ p(`div`,{className:x?`min-h-0 flex-1 overflow-x-auto`:`min-h-0 flex-1`,ref:r,children:/* @__PURE__ */ p(`div`,{className:`relative mx-auto h-full`,style:{width:l*T},children:/* @__PURE__ */ p(`iframe`,{className:`absolute top-0 left-0 origin-top-left border-0`,name:rs,onLoad:()=>_(e=>e+1),ref:i,src:s,style:{width:l,height:f.height/T||`100%`,transform:`scale(${T})`},title:`Page preview`})})}),/* @__PURE__ */ m(`div`,{className:`absolute right-2 bottom-2 flex items-center gap-0.5 rounded-lg border bg-background p-0.5 text-foreground shadow-sm`,role:`group`,"aria-label":`Preview zoom`,children:[/* @__PURE__ */ p(Z,{"aria-label":`Zoom out`,disabled:E===void 0,onClick:()=>S(E),size:`icon-xs`,variant:`ghost`,children:`−`}),/* @__PURE__ */ m(`code`,{className:`w-9 text-center`,"data-testid":`slabui-te-zoom`,children:[Math.round(T*100),`%`]}),/* @__PURE__ */ p(Z,{"aria-label":`Zoom in`,disabled:D===void 0,onClick:()=>S(D),size:`icon-xs`,variant:`ghost`,children:`+`}),/* @__PURE__ */ p(Z,{"aria-pressed":x===void 0,onClick:()=>S(void 0),size:`xs`,variant:x===void 0?`secondary`:`ghost`,children:`Fit`})]}),y&&/* @__PURE__ */ p(`p`,{className:`absolute inset-0 grid place-items-center bg-background p-6 text-center text-danger`,children:`Couldn't load the page in the preview (does the app block iframes?).`})]})}const os={badge:[`border`,`danger`,`focus`,`focus-offset`,`focus-size`,`foreground`,`input`,`inverted`,`inverted-foreground`,`muted`,`muted-foreground`,`primary`,`primary-foreground`,`radius`,`secondary`,`secondary-foreground`,`spacing`,`success`,`warning`],button:[`border`,`danger`,`focus`,`focus-offset`,`focus-size`,`foreground`,`input`,`inverted`,`inverted-foreground`,`muted`,`primary`,`primary-foreground`,`radius`,`secondary`,`secondary-foreground`,`spacing`,`success`,`warning`],card:[`card`,`card-foreground`,`foreground`,`muted-foreground`,`radius`,`spacing`],dialog:[`foreground`,`muted-foreground`,`popover`,`popover-foreground`,`radius`,`spacing`],field:[`background`,`danger`,`muted-foreground`,`primary`,`radius`,`spacing`],input:[`border`,`danger`,`focus`,`focus-offset`,`focus-size`,`foreground`,`input`,`muted-foreground`,`radius`,`spacing`,`warning`],label:[`spacing`],"scroll-area":[`border`,`ring`,`spacing`],separator:[`border`],slider:[`muted`,`primary`,`radius`,`ring`,`spacing`],spinner:[`spacing`],tabs:[`background`,`foreground`,`input`,`muted`,`muted-foreground`,`radius`,`ring`,`spacing`]};function ss({className:e,size:t=`default`,...n}){return/* @__PURE__ */ p(`div`,{"data-slot":`card`,"data-size":t,className:J(`group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-lg bg-card py-(--card-spacing) text-xs/relaxed text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg`,e),...n})}function cs({className:e,...t}){return/* @__PURE__ */ p(`div`,{"data-slot":`card-header`,className:J(`group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-lg px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)`,e),...t})}function ls({className:e,...t}){return/* @__PURE__ */ p(`div`,{"data-slot":`card-title`,className:J(`cn-font-heading text-sm font-medium`,e),...t})}function us({className:e,...t}){return/* @__PURE__ */ p(`div`,{"data-slot":`card-description`,className:J(`text-xs/relaxed text-muted-foreground`,e),...t})}function ds({className:e,...t}){return/* @__PURE__ */ p(`div`,{"data-slot":`card-content`,className:J(`px-(--card-spacing)`,e),...t})}function fs({className:e,...t}){return/* @__PURE__ */ p(`label`,{"data-slot":`label`,className:J(`flex items-center gap-2 text-2xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...t})}const ps=Le(`group/field flex w-full gap-2 data-[invalid=true]:text-destructive`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function ms({className:e,orientation:t=`vertical`,...n}){return/* @__PURE__ */ p(`div`,{role:`group`,"data-slot":`field`,"data-orientation":t,className:J(ps({orientation:t}),e),...n})}function hs({className:e,...t}){return/* @__PURE__ */ p(fs,{"data-slot":`field-label`,className:J(`group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-2 dark:has-data-checked:bg-primary/10`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col`,e),...t})}function gs({className:e,...t}){return/* @__PURE__ */ p(`p`,{"data-slot":`field-description`,className:J(`text-left text-2xs/relaxed leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5`,`last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,e),...t})}function _s({className:e,children:t,errors:n,...r}){let i=l(()=>{if(t)return t;if(!n?.length)return null;let e=[...new Map(n.map(e=>[e?.message,e])).values()];return e?.length===1?e[0]?.message:/* @__PURE__ */ p(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map((e,t)=>e?.message&&/* @__PURE__ */ p(`li`,{children:e.message},t))})},[t,n]);return i?/* @__PURE__ */ p(`div`,{role:`alert`,"data-slot":`field-error`,className:J(`text-xs/relaxed font-normal text-destructive`,e),...r,children:i}):null}const vs=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(vs.displayName=`TabsRootContext`);function ys(){let t=e.useContext(vs);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(64):`Base UI: TabsRootContext is missing. Tabs parts must be placed within <Tabs.Root>.`);return t}let bs=/*#__PURE__*/ function(e){return e.activationDirection=`data-activation-direction`,e.orientation=`data-orientation`,e}({});const xs={tabActivationDirection:e=>({[bs.activationDirection]:e})},Ss=/*#__PURE__*/ e.forwardRef(function(t,n){let{className:r,defaultValue:i=0,onValueChange:a,orientation:o=`horizontal`,render:s,value:c,style:l,...u}=t,d=t.defaultValue!==void 0,f=e.useRef([]),[m,h]=e.useState(()=>/* @__PURE__ */ new Map),[g,_]=ra({controlled:c,default:i,name:`Tabs`,state:`value`}),v=c!==void 0,[y,b]=e.useState(()=>/* @__PURE__ */ new Map),x=e.useRef(void 0),S=e.useCallback(e=>{if(e===void 0)return null;for(let[t,n]of y.entries())if(n!=null&&e===(n.value??n.index))return t;return null},[y]),[C,w]=e.useState(()=>({previousValue:g,tabActivationDirection:`none`})),{previousValue:T,tabActivationDirection:E}=C,D=E,O=!1;T!==g&&(D=Cs(T,g,o,y),O=T!=null&&g!=null&&S(g)==null);let k=O?T:g,A=T!==k||E!==D;X(()=>{A&&w({previousValue:k,tabActivationDirection:D})},[k,A,D]);let j=Y((e,t)=>{t.activationDirection=Cs(g,e,o,y),a?.(e,t),!t.isCanceled&&_(e)}),M=Y((e,t)=>{a?.(e,la(t,void 0,void 0,{activationDirection:`none`}))}),N=Y((e,t)=>{h(n=>{if(n.get(e)===t)return n;let r=new Map(n);return r.set(e,t),r})}),P=Y((e,t)=>{h(n=>{if(!n.has(e)||n.get(e)!==t)return n;let r=new Map(n);return r.delete(e),r})}),F=e.useCallback(e=>m.get(e),[m]),I=e.useCallback(e=>{for(let t of y.values())if(e===t?.value)return t?.id},[y]),L=e.useMemo(()=>({getTabElementBySelectedValue:S,getTabIdByPanelValue:I,getTabPanelIdByValue:F,onValueChange:j,orientation:o,registerMountedTabPanel:N,setTabMap:b,unregisterMountedTabPanel:P,tabActivationDirection:D,value:g}),[S,I,F,j,o,N,b,P,D,g]),R=e.useMemo(()=>{for(let e of y.values())if(e!=null&&e.value===g)return e},[y,g]),z=e.useMemo(()=>{for(let e of y.values())if(e!=null&&!e.disabled)return e.value},[y]),B=e.useRef(!d),V=e.useRef(i),ee=e.useRef(d),H=e.useRef(!1);X(()=>{if(v)return;function e(e,t){_(e),w(t=>t.previousValue===e&&t.tabActivationDirection===`none`?t:{previousValue:e,tabActivationDirection:`none`}),M(e,t),B.current=!1}if(y.size===0){H.current&&g!==null&&!x.current?.isConnected&&e(null,sa);return}H.current=!0,x.current=y.keys().next().value;let t=R?.disabled,n=R==null&&g!==null;if(!t&&g===V.current&&(ee.current=!1),ee.current&&t&&g===V.current)return;let r=B.current;if(t||n){let n=z??null;if(g===n){B.current=!1;return}let i=sa;r?i=ca:t&&(i=`disabled`),e(n,i)}else r&&R!=null&&(M(g,ca),B.current=!1)},[z,v,M,R,_,y,g]);let te=Ce(`div`,t,{state:{orientation:o,tabActivationDirection:D},ref:n,props:u,stateAttributesMapping:xs});return/*#__PURE__*/ p(vs.Provider,{value:L,children:/*#__PURE__*/ p(Sa,{elementsRef:f,children:te})})});process.env.NODE_ENV!==`production`&&(Ss.displayName=`TabsRoot`);function Cs(e,t,n,r){if(e==null||t==null)return`none`;let i=null,a=null;for(let[n,o]of r.entries()){if(o==null)continue;let r=o.value??o.index;if(e===r&&(i=n),t===r&&(a=n),i!=null&&a!=null)break}if(i==null||a==null)return i!==a&&(typeof e==`number`||typeof e==`string`)&&typeof e==typeof t?n===`horizontal`?t>e?`right`:`left`:t>e?`down`:`up`:`none`;let o=i.getBoundingClientRect(),s=a.getBoundingClientRect();if(n===`horizontal`){if(s.left<o.left)return`left`;if(s.left>o.left)return`right`}else{if(s.top<o.top)return`up`;if(s.top>o.top)return`down`}return`none`}function ws(t={}){let{highlightItemOnHover:n,highlightedIndex:r,onHighlightedIndexChange:i}=Sn(),{ref:a,index:o}=Oo(t),s=r===o,c=e.useRef(null),l=oe(a,c);return{compositeProps:{tabIndex:s?0:-1,onFocus(){i(o)},onMouseMove(){let e=c.current;if(!n||!e)return;let t=e.hasAttribute(`disabled`)||e.ariaDisabled===`true`;!s&&!t&&e.focus()}},compositeRef:l,index:o}}const Ts=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Ts.displayName=`TabsListContext`);function Es(){let t=e.useContext(Ts);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(65):`Base UI: TabsListContext is missing. TabsList parts must be placed within <Tabs.List>.`);return t}const Ds=/*#__PURE__*/ e.forwardRef(function(t,n){let{className:r,disabled:i=!1,render:a,value:o,id:s,nativeButton:c=!0,style:l,...u}=t,{value:d,getTabPanelIdByValue:f,orientation:p,tabActivationDirection:m}=ys(),{activateOnFocus:h,highlightedTabIndex:g,onTabActivation:_,registerTabResizeObserverElement:v,setHighlightedTabIndex:y,tabsListElement:b}=Es(),x=Nr(s),{compositeProps:S,compositeRef:C,index:w}=ws({metadata:e.useMemo(()=>({disabled:i,id:x,value:o}),[i,x,o])}),T=o===d,E=e.useRef(!1),D=e.useRef(null);X(()=>{let e=D.current;if(e)return v(e)},[v]),X(()=>{if(E.current){E.current=!1;return}if(!(T&&w>-1&&g!==w))return;let e=b;if(e!=null){let t=Qr(Lr(e));if(t&&Q(e,t))return}i||y(w)},[T,w,g,y,i,b]);let{getButtonProps:O,buttonRef:k}=wn({disabled:i,native:c,focusableWhenDisabled:!0}),A=f(o),j=e.useRef(!1),M=e.useRef(!1);function N(e){T||i||_(o,la(oa,e.nativeEvent,void 0,{activationDirection:`none`}))}function P(e){T||(w>-1&&!i&&y(w),!i&&h&&(!j.current||j.current&&M.current)&&_(o,la(oa,e.nativeEvent,void 0,{activationDirection:`none`})))}function F(e){if(T||i)return;j.current=!0;function t(){j.current=!1,M.current=!1}e.button&&e.button!==0||(M.current=!0,Lr(e.currentTarget).addEventListener(`pointerup`,t,{once:!0}))}return Ce(`button`,t,{state:{disabled:i,active:T,orientation:p,tabActivationDirection:m},ref:[n,k,C,D],props:[S,{role:`tab`,"aria-controls":A,"aria-selected":T,id:x,onClick:N,onFocus:P,onPointerDown:F,"data-composite-item-active":T?``:void 0,onKeyDownCapture(){E.current=!0}},u,O],stateAttributesMapping:xs})});process.env.NODE_ENV!==`production`&&(Ds.displayName=`TabsTab`);function Os(e){return pe(19)?e:e?`true`:void 0}let ks=function(e){return e.index=`data-index`,e.activationDirection=`data-activation-direction`,e.orientation=`data-orientation`,e.hidden=`data-hidden`,e[e.startingStyle=Xi.startingStyle]=`startingStyle`,e[e.endingStyle=Xi.endingStyle]=`endingStyle`,e}({});const As={...xs,...$i},js=/*#__PURE__*/ e.forwardRef(function(t,n){let{className:r,value:i,render:a,keepMounted:o=!1,style:s,...c}=t,{value:l,getTabIdByPanelValue:u,orientation:d,tabActivationDirection:f,registerMountedTabPanel:p,unregisterMountedTabPanel:m}=ys(),h=Nr(),{ref:g,index:_}=Oo({metadata:e.useMemo(()=>({id:h,value:i}),[h,i])}),v=i===l,{mounted:y,transitionStatus:b,setMounted:x}=na(v),S=!y,C=u(i),w={hidden:S,orientation:d,tabActivationDirection:f,transitionStatus:b},T=e.useRef(null),E=Ce(`div`,t,{state:w,ref:[n,g,T],props:[{"aria-labelledby":C,hidden:S,id:h,role:`tabpanel`,tabIndex:v?0:-1,inert:Os(!v),[ks.index]:_},c],stateAttributesMapping:As});return ta({open:v,ref:T,onComplete(){v||x(!1)}}),X(()=>{if((!S||o)&&h!=null)return p(i,h),()=>{m(i,h)}},[S,o,i,h,p,m]),o||y?E:null});process.env.NODE_ENV!==`production`&&(js.displayName=`TabsPanel`);function Ms(e){return e==null||e.hasAttribute(`disabled`)||e.getAttribute(`aria-disabled`)===`true`}const Ns=[];function Ps(t){let{loopFocus:n=!0,orientation:r=`both`,grid:i,onLoop:a,direction:o,highlightedIndex:s,onHighlightedIndexChange:c,rootRef:l,enableHomeAndEndKeys:u=!1,stopEventPropagation:d=!1,disabledIndices:f,modifierKeys:p=Ns}=t,[m,h]=e.useState(0),g=i!=null,_=e.useRef(null),v=oe(_,l),y=e.useRef([]),b=e.useRef(!1),x=s??m,S=Y((e,t=!1)=>{if((c??h)(e),t){let t=y.current[e];wo(_.current,t,o,r)}}),C=Y(e=>{if(e.size===0||b.current)return;b.current=!0;let t=Array.from(e.keys()),n=t.find(e=>e?.hasAttribute(`data-composite-item-active`))??null,i=n?t.indexOf(n):-1;if(i!==-1)S(i);else if(_i(t,x,f)){let e=gi(t,{disabledIndices:f});pi(t,e)||S(e)}wo(_.current,n,o,r)});X(()=>{if(f==null||s!=null||!b.current)return;let e=y.current;if(_i(e,x,f)){let t=gi(e,{disabledIndices:f});pi(e,t)||S(t)}},[f,s,x,y,S]);let w=Y((e,t,n)=>a?a(e,t,n,y):n),T=Y(e=>{let t=u?bo:yo;if(!t.has(e.key)||Fs(e,p)||!_.current)return;let s=o===`rtl`,c=s?lo:uo,l={horizontal:c,vertical:co,both:c}[r],m=s?uo:lo,h={horizontal:m,vertical:so,both:m}[r],v=$r(e.nativeEvent);if(v!=null&&Co(v)&&!Ms(v)){let t=v.selectionStart,n=v.selectionEnd,r=v.value??``;if(t==null||e.shiftKey||t!==n||e.key!==h&&t<r.length||e.key!==l&&t>0)return}let b=x,C=mi(y,f),T=hi(y,f);i!=null&&(b=i({disabledIndices:f,elementsRef:y,event:e,highlightedIndex:x,loopFocus:n,maxIndex:T,minIndex:C,onLoop:w,orientation:r,rtl:s}));let E={horizontal:[c],vertical:[co],both:[c,co]}[r],D={horizontal:[m],vertical:[so],both:[m,so]}[r],O=g?t:{horizontal:u?go:ho,vertical:u?vo:_o,both:t}[r];u&&(e.key===`Home`?b=C:e.key===`End`&&(b=T)),b===x&&(E.includes(e.key)||D.includes(e.key))&&(n&&b===T&&E.includes(e.key)?(b=C,a&&(b=a(e,x,b,y))):n&&b===C&&D.includes(e.key)?(b=T,a&&(b=a(e,x,b,y))):b=gi(y.current,{startingIndex:b,decrement:D.includes(e.key),disabledIndices:f})),b!==x&&!pi(y.current,b)&&(d&&e.stopPropagation(),O.has(e.key)&&e.preventDefault(),S(b,!0),queueMicrotask(()=>{y.current[b]?.focus()}))});return{props:{ref:v,onFocus(e){let t=_.current,n=$r(e.nativeEvent);t&&n!=null&&Co(n)&&n.setSelectionRange(0,n.value.length??0)},onKeyDown:T},highlightedIndex:x,onHighlightedIndexChange:S,elementsRef:y,disabledIndices:f,onMapChange:C,relayKeyboardEvent:T}}function Fs(e,t){for(let n of xo.values())if(!t.includes(n)&&e.getModifierState(n))return!0;return!1}function Is(t){let{render:n,className:r,style:i,refs:a=ve,props:o=ve,state:s=ye,stateAttributesMapping:c,highlightedIndex:l,onHighlightedIndexChange:u,orientation:d,grid:f,loopFocus:m,onLoop:h,enableHomeAndEndKeys:g,onMapChange:_,stopEventPropagation:v=!0,rootRef:y,disabledIndices:b,modifierKeys:x,highlightItemOnHover:S=!1,tag:C=`div`,...w}=t,{props:T,highlightedIndex:E,onHighlightedIndexChange:D,elementsRef:O,onMapChange:k,relayKeyboardEvent:A}=Ps({grid:f,loopFocus:m,onLoop:h,orientation:d,highlightedIndex:l,onHighlightedIndexChange:u,rootRef:y,stopEventPropagation:v,enableHomeAndEndKeys:g,direction:Wa(),disabledIndices:b,modifierKeys:x}),j=Ce(C,t,{state:s,ref:a,props:[T,...o,w],stateAttributesMapping:c}),M=e.useMemo(()=>({highlightedIndex:E,onHighlightedIndexChange:D,highlightItemOnHover:S,relayKeyboardEvent:A}),[E,D,S,A]);return/*#__PURE__*/ p(xn.Provider,{value:M,children:/*#__PURE__*/ p(Sa,{elementsRef:O,onMapChange:e=>{_?.(e),k(e)},children:j})})}const Ls=/*#__PURE__*/ e.forwardRef(function(t,n){let{activateOnFocus:r=!1,className:i,loopFocus:a=!0,render:o,style:s,...c}=t,{onValueChange:l,orientation:u,value:d,setTabMap:f,tabActivationDirection:m}=ys(),[h,g]=e.useState(0),[_,v]=e.useState(null),y=e.useRef(/* @__PURE__ */ new Set),b=e.useRef(/* @__PURE__ */ new Set),x=e.useRef(null);X(()=>{if(typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>{y.current.forEach(e=>{e()})});return x.current=e,_&&e.observe(_),b.current.forEach(t=>{e.observe(t)}),()=>{e.disconnect(),x.current=null}},[_]);let S=Y(e=>(y.current.add(e),()=>{y.current.delete(e)})),C=Y(e=>(b.current.add(e),x.current?.observe(e),()=>{b.current.delete(e),x.current?.unobserve(e)})),w=Y((e,t)=>{e!==d&&l(e,t)}),T={orientation:u,tabActivationDirection:m},E={"aria-orientation":u===`vertical`?`vertical`:void 0,role:`tablist`},D=e.useMemo(()=>({activateOnFocus:r,highlightedTabIndex:h,registerIndicatorUpdateListener:S,registerTabResizeObserverElement:C,onTabActivation:w,setHighlightedTabIndex:g,tabsListElement:_}),[r,h,S,C,w,g,_]);return/*#__PURE__*/ p(Ts.Provider,{value:D,children:/*#__PURE__*/ p(Is,{render:o,className:i,style:s,state:T,refs:[n,v],props:[E,c],stateAttributesMapping:xs,highlightedIndex:h,enableHomeAndEndKeys:!0,loopFocus:a,orientation:u,onHighlightedIndexChange:g,onMapChange:f,disabledIndices:ve})})});process.env.NODE_ENV!==`production`&&(Ls.displayName=`TabsList`);function Rs({className:e,orientation:t=`horizontal`,...n}){return/* @__PURE__ */ p(Ss,{"data-slot":`tabs`,"data-orientation":t,className:J(`group/tabs flex gap-2 data-[orientation=horizontal]:flex-col`,e),...n})}const zs=Le(`group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none`,{variants:{variant:{default:`bg-muted`,line:`gap-1 bg-transparent`}},defaultVariants:{variant:`default`}});function Bs({className:e,variant:t=`default`,...n}){return/* @__PURE__ */ p(Ls,{"data-slot":`tabs-list`,"data-variant":t,className:J(zs({variant:t}),e),...n})}function Vs({className:e,...t}){return/* @__PURE__ */ p(Ds,{"data-slot":`tabs-trigger`,className:J(`relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-2xs font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start group-data-[orientation=vertical]/tabs:py-[calc(--spacing(1.25))] hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent`,`data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground`,`after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100`,e),...t})}function Hs({className:e,...t}){return/* @__PURE__ */ p(js,{"data-slot":`tabs-content`,className:J(`flex-1 text-2xs/relaxed outline-none`,e),...t})}const Us=[{id:`surface`,label:`Background and text`,tokens:[`background`,`foreground`,`muted-foreground`,`border`,`radius`,`spacing`],render:()=>/* @__PURE__ */ m(`div`,{className:`rounded-lg border p-4 bg-background text-foreground`,children:[/* @__PURE__ */ p(`p`,{className:`font-medium text-sm`,children:`Page title`}),/* @__PURE__ */ p(`p`,{className:`mt-1 text-muted-foreground`,children:`Supporting text in the softer color.`})]})},{id:`buttons`,label:`Buttons`,requires:[`button`],components:[`button`],render:()=>/* @__PURE__ */ m(`div`,{className:`flex flex-wrap items-center gap-2`,children:[/* @__PURE__ */ p(Z,{children:`Default`}),/* @__PURE__ */ p(Z,{variant:`secondary`,children:`Secondary`}),/* @__PURE__ */ p(Z,{variant:`outline`,children:`Outline`}),/* @__PURE__ */ p(Z,{variant:`ghost`,children:`Ghost`}),/* @__PURE__ */ p(Z,{variant:`danger`,children:`Delete`}),/* @__PURE__ */ p(Z,{variant:`success`,children:`Approve`}),/* @__PURE__ */ p(Z,{variant:`warning`,children:`Warning`}),/* @__PURE__ */ p(Z,{variant:`inverted`,children:`Inverted`})]})},{id:`badges`,label:`Badges`,requires:[`badge`],components:[`badge`],render:()=>/* @__PURE__ */ m(`div`,{className:`flex flex-wrap items-center gap-2`,children:[/* @__PURE__ */ p(en,{children:`Default`}),/* @__PURE__ */ p(en,{variant:`secondary`,children:`Secondary`}),/* @__PURE__ */ p(en,{variant:`outline`,children:`Outline`}),/* @__PURE__ */ p(en,{variant:`danger`,children:`Error`}),/* @__PURE__ */ p(en,{variant:`success`,children:`Success`}),/* @__PURE__ */ p(en,{variant:`warning`,children:`Warning`}),/* @__PURE__ */ p(en,{variant:`inverted`,children:`Inverted`})]})},{id:`field`,label:`Fields`,requires:[`input`],components:[`field`,`input`,`label`],render:()=>/* @__PURE__ */ m(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:[/* @__PURE__ */ m(ms,{children:[/* @__PURE__ */ p(hs,{htmlFor:`slabui-te-name`,children:`Name`}),/* @__PURE__ */ p(ma,{id:`slabui-te-name`,placeholder:`Your name`}),/* @__PURE__ */ p(gs,{children:`As shown on your profile.`})]}),/* @__PURE__ */ m(ms,{"data-invalid":`true`,children:[/* @__PURE__ */ p(hs,{htmlFor:`slabui-te-email`,children:`Email`}),/* @__PURE__ */ p(ma,{"aria-invalid":!0,id:`slabui-te-email`,defaultValue:`you@`}),/* @__PURE__ */ p(_s,{children:`Enter a valid email.`})]})]})},{id:`card`,label:`Card`,requires:[`card`],components:[`card`],render:()=>/* @__PURE__ */ m(ss,{children:[/* @__PURE__ */ m(cs,{children:[/* @__PURE__ */ p(ls,{children:`Pro plan`}),/* @__PURE__ */ p(us,{children:`Billed monthly, cancel anytime.`})]}),/* @__PURE__ */ p(ds,{children:`$49 per month.`})]})},{id:`tabs`,label:`Tabs`,requires:[`tabs`],components:[`tabs`],render:()=>/* @__PURE__ */ p(Rs,{defaultValue:`conta`,children:/* @__PURE__ */ m(Bs,{children:[/* @__PURE__ */ p(Vs,{value:`conta`,children:`Account`}),/* @__PURE__ */ p(Vs,{value:`senha`,children:`Password`}),/* @__PURE__ */ p(Vs,{value:`avisos`,children:`Notifications`})]})})},{id:`slider`,label:`Slider`,requires:[`slider`],components:[`slider`],render:()=>/* @__PURE__ */ p(Bo,{"aria-label":`Volume`,className:`max-w-xs`,defaultValue:[60]})},{id:`popover`,label:`Dialogs and popovers`,requires:[`dialog`,`alert-dialog`,`popover`,`dropdown-menu`,`select`,`sheet`,`tooltip`],tokens:[`popover`,`popover-foreground`,`muted-foreground`,`radius`,`spacing`],render:()=>/* @__PURE__ */ m(`div`,{className:`max-w-sm rounded-xl bg-popover p-4 text-popover-foreground shadow-md ring-1 ring-foreground/10`,children:[/* @__PURE__ */ p(`p`,{className:`font-medium`,children:`Delete project?`}),/* @__PURE__ */ p(`p`,{className:`mt-1 text-muted-foreground`,children:`This action can't be undone.`})]})},{id:`menu`,label:`Menus`,requires:[`dropdown-menu`,`select`],tokens:[`popover`,`popover-foreground`,`accent`,`accent-foreground`,`radius`,`spacing`],render:()=>/* @__PURE__ */ m(`div`,{className:`w-48 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10`,children:[/* @__PURE__ */ p(`div`,{className:`rounded-md px-2 py-1.5`,children:`Profile`}),/* @__PURE__ */ p(`div`,{className:`rounded-md bg-accent px-2 py-1.5 text-accent-foreground`,children:`Settings`}),/* @__PURE__ */ p(`div`,{className:`rounded-md px-2 py-1.5`,children:`Sign out`})]})},{id:`focus`,label:`Focus`,requires:[`button`,`input`],tokens:[`focus`,`focus-size`,`focus-offset`],render:()=>/* @__PURE__ */ m(`div`,{className:`flex flex-wrap items-center gap-4 [&>*]:outline-(length:--focus-size) [&>*]:outline-focus [&>*]:outline-offset-(length:--focus-offset) [&>*]:outline-solid`,children:[/* @__PURE__ */ p(Z,{children:`Focused`}),/* @__PURE__ */ p(ma,{className:`max-w-48`,placeholder:`Focused field`})]})},{id:`container`,label:`Container widths (25% scale)`,requires:[`container`],tokens:[`page-sm`,`page`,`page-lg`],render:()=>/* @__PURE__ */ p(`div`,{className:`flex flex-col gap-2 rounded-lg border bg-muted/40 p-3`,children:[[`sm`,`page-sm`,`w-[calc(var(--page-sm)/4)]`],[`default`,`page`,`w-[calc(var(--page)/4)]`],[`lg`,`page-lg`,`w-[calc(var(--page-lg)/4)]`]].map(([e,t,n])=>/* @__PURE__ */ m(`div`,{className:`flex max-w-full items-center justify-between gap-2 rounded-md border border-dashed bg-background px-2 py-1 text-muted-foreground ${n}`,children:[/* @__PURE__ */ p(`span`,{children:e}),/* @__PURE__ */ m(`code`,{children:[`--`,t]})]},e))})},{id:`chart`,label:`Charts`,requires:[`chart`],tokens:[`chart-1`,`chart-2`,`chart-3`,`chart-4`,`chart-5`,`radius`],render:()=>/* @__PURE__ */ p(`div`,{className:`flex h-28 items-end gap-2`,children:[[`bg-chart-1`,`h-[60%]`],[`bg-chart-2`,`h-[85%]`],[`bg-chart-3`,`h-[45%]`],[`bg-chart-4`,`h-full`],[`bg-chart-5`,`h-[70%]`]].map(([e,t])=>/* @__PURE__ */ p(`div`,{className:`w-8 rounded-t-sm ${e} ${t}`},e))})},{id:`sidebar`,label:`Sidebar`,requires:[`sidebar`],tokens:[`sidebar`,`sidebar-foreground`,`sidebar-primary`,`sidebar-primary-foreground`,`sidebar-accent`,`sidebar-accent-foreground`,`sidebar-border`,`radius`,`spacing`],render:()=>/* @__PURE__ */ m(`div`,{className:`flex w-56 flex-col gap-1 rounded-lg border border-sidebar-border bg-sidebar p-2 text-sidebar-foreground`,children:[/* @__PURE__ */ m(`div`,{className:`mb-1 flex items-center gap-2 px-2 py-1.5`,children:[/* @__PURE__ */ p(`span`,{className:`grid size-6 place-items-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground`,children:`S`}),`SlabUI`]}),/* @__PURE__ */ p(`div`,{className:`rounded-md bg-sidebar-accent px-2 py-1.5 text-sidebar-accent-foreground`,children:`Dashboard`}),/* @__PURE__ */ p(`div`,{className:`rounded-md px-2 py-1.5`,children:`Projects`})]})},{id:`table`,label:`Table`,requires:[`table`],tokens:[`table`,`table-content`,`table-hover`,`radius`,`spacing`],render:()=>/* @__PURE__ */ m(`div`,{className:`overflow-hidden rounded-lg border bg-table`,children:[/* @__PURE__ */ m(`div`,{className:`grid grid-cols-3 px-3 py-2 font-medium`,children:[/* @__PURE__ */ p(`span`,{children:`Item`}),/* @__PURE__ */ p(`span`,{children:`Status`}),/* @__PURE__ */ p(`span`,{children:`Amount`})]}),/* @__PURE__ */ m(`div`,{className:`grid grid-cols-3 bg-table-content px-3 py-2`,children:[/* @__PURE__ */ p(`span`,{children:`Order 1`}),/* @__PURE__ */ p(`span`,{children:`Paid`}),/* @__PURE__ */ p(`span`,{children:`$120`})]}),/* @__PURE__ */ m(`div`,{className:`grid grid-cols-3 bg-table-hover px-3 py-2`,children:[/* @__PURE__ */ p(`span`,{children:`Order 2 (hover)`}),/* @__PURE__ */ p(`span`,{children:`Pending`}),/* @__PURE__ */ p(`span`,{children:`$80`})]})]})}];function Ws(e){return/* @__PURE__ */ new Set([...e.tokens??[],...(e.components??[]).flatMap(e=>os[e]??[])])}function Gs(e,t){return Us.filter(n=>Ws(n).has(e)&&(t===null||n.requires===void 0||n.requires.some(e=>t.includes(e))))}function Ks({token:e,installed:t,children:n}){let r=Gs(e,t);return/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-6`,children:[r.length===0&&/* @__PURE__ */ m(`div`,{className:`flex items-center gap-3`,children:[/* @__PURE__ */ p(`span`,{className:`size-10 shrink-0 rounded-lg border`,style:{background:`var(--${e})`}}),/* @__PURE__ */ m(`p`,{className:`text-muted-foreground`,children:[`No installed component uses `,/* @__PURE__ */ m(`code`,{children:[`--`,e]}),`.`]})]}),r.map(e=>/* @__PURE__ */ m(`section`,{className:`flex flex-col gap-2`,children:[/* @__PURE__ */ p(`h4`,{className:`font-medium text-muted-foreground`,children:e.label}),e.render()]},e.id)),n]})}function qs({themes:e,current:t,pending:n,onEdit:r,onCreate:i,onRename:a,onDelete:o}){let[s,c]=d(``),[l,u]=d(``),[f,h]=d(),[g,_]=d(``),[v,y]=d(),[x,S]=d(!1),C=async e=>{S(!0);let t=await e();return S(!1),y(t.ok?void 0:t.message),t.ok},w=e=>e!==``&&!b(e),T=()=>{h(void 0),c(``),u(``)};return/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-4`,children:[/* @__PURE__ */ p(`div`,{className:`flex flex-col gap-1`,children:[``,...e].map(e=>{let s=e||`Base`,c=e===t;return/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-2 rounded-lg border p-2.5 aria-current:border-primary`,"aria-current":c||void 0,children:[/* @__PURE__ */ m(`div`,{className:`flex items-center gap-2`,children:[/* @__PURE__ */ m(`span`,{className:`min-w-0 flex-1 truncate font-medium`,children:[s,n.has(e)&&` •`]}),c?/* @__PURE__ */ p(en,{variant:`secondary`,children:`Editing`}):/* @__PURE__ */ p(Z,{onClick:()=>r(e),size:`xs`,variant:`outline`,children:`Edit`})]}),/* @__PURE__ */ p(`code`,{className:`text-muted-foreground`,children:e?`themes/${e}.css`:`Global CSS (base)`}),e&&/* @__PURE__ */ m(`div`,{className:`flex flex-wrap gap-1.5`,children:[/* @__PURE__ */ p(Z,{onClick:()=>{h({kind:`duplicate`,from:e}),_(`${e}-copy`)},size:`xs`,variant:`ghost`,children:`Duplicate`}),/* @__PURE__ */ p(Z,{onClick:()=>{h({kind:`rename`,from:e}),_(e)},size:`xs`,variant:`ghost`,children:`Rename`}),/* @__PURE__ */ p(Z,{onClick:()=>h({kind:`delete`,name:e}),size:`xs`,variant:`ghost`,children:`Delete`})]}),(f?.kind===`rename`||f?.kind===`duplicate`)&&f.from===e&&e!==``&&/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-2`,children:[/* @__PURE__ */ p(ma,{"aria-invalid":w(g)||void 0,"aria-label":f.kind===`rename`?`New name for ${e}`:`Name of the copy of ${e}`,onChange:e=>_(e.target.value),value:g}),/* @__PURE__ */ m(`div`,{className:`flex gap-1.5`,children:[/* @__PURE__ */ p(Z,{disabled:x||!b(g),onClick:async()=>{await C(()=>f.kind===`rename`?a(e,g):i(g,e))&&h(void 0)},size:`xs`,children:f.kind===`rename`?`Rename`:`Duplicate`}),/* @__PURE__ */ p(Z,{onClick:()=>h(void 0),size:`xs`,variant:`ghost`,children:`Cancel`})]})]}),f?.kind===`delete`&&f.name===e&&/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-2 rounded-md bg-danger/10 p-2`,children:[/* @__PURE__ */ m(`p`,{children:[`Delete `,/* @__PURE__ */ m(`code`,{children:[`themes/`,e,`.css`]}),` and its import in the global CSS? Only git can undo it.`]}),/* @__PURE__ */ m(`div`,{className:`flex gap-1.5`,children:[/* @__PURE__ */ p(Z,{disabled:x,onClick:async()=>{await C(()=>o(e))&&h(void 0)},size:`xs`,variant:`danger`,children:`Delete theme`}),/* @__PURE__ */ p(Z,{onClick:()=>h(void 0),size:`xs`,variant:`ghost`,children:`Cancel`})]})]})]},s)})}),f?.kind===`create`?/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-2 rounded-lg border border-dashed p-3`,children:[/* @__PURE__ */ p(`span`,{className:`font-medium`,children:`New theme`}),/* @__PURE__ */ p(ma,{"aria-invalid":w(s)||void 0,"aria-label":`Name of the new theme`,autoFocus:!0,onChange:e=>c(e.target.value),placeholder:`theme-name`,value:s}),/* @__PURE__ */ m(`label`,{className:`flex items-center justify-between gap-2 text-muted-foreground`,children:[`Start from`,/* @__PURE__ */ m(`select`,{className:`h-7 rounded-md border bg-background px-2 text-foreground`,onChange:e=>u(e.target.value),value:l,children:[/* @__PURE__ */ p(`option`,{value:``,children:`Base (empty)`}),e.map(e=>/* @__PURE__ */ p(`option`,{value:e,children:e},e))]})]}),w(s)&&/* @__PURE__ */ p(`p`,{className:`text-danger`,children:`Use letters, numbers and -.`}),/* @__PURE__ */ m(`div`,{className:`flex gap-1.5`,children:[/* @__PURE__ */ p(Z,{disabled:x||!b(s),onClick:async()=>{await C(()=>i(s,l||void 0))&&T()},size:`sm`,children:`Create theme`}),/* @__PURE__ */ p(Z,{onClick:T,size:`sm`,variant:`ghost`,children:`Cancel`})]})]}):/* @__PURE__ */ m(Z,{className:`self-start`,onClick:()=>{h({kind:`create`}),y(void 0)},size:`sm`,variant:`outline`,children:[/* @__PURE__ */ p(`svg`,{"aria-hidden":!0,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeWidth:`2`,viewBox:`0 0 24 24`,children:/* @__PURE__ */ p(`path`,{d:`M12 5v14M5 12h14`})}),`Add theme`]}),v&&/* @__PURE__ */ p(`p`,{className:`text-danger`,children:v}),t&&/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-1.5 text-muted-foreground`,children:[/* @__PURE__ */ p(`span`,{className:`font-medium text-foreground`,children:`How to apply`}),/* @__PURE__ */ p(`code`,{className:`rounded-md bg-muted px-2 py-1`,children:`<html data-slabui-theme="${t}">`}),/* @__PURE__ */ p(`code`,{className:`rounded-md bg-muted px-2 py-1`,children:`SLABUI_THEME=${t}`})]})]})}const Js=/*#__PURE__*/ e.createContext(!1);process.env.NODE_ENV!==`production`&&(Js.displayName=`IsDrawerContext`);const Ys=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Ys.displayName=`DialogRootContext`);function Xs(t){let n=e.useContext(Ys);if(t===!1&&n===void 0)throw Error(process.env.NODE_ENV===`production`?W(27):`Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.`);return n}let Zs=function(e){return e.open=`data-open`,e.closed=`data-closed`,e[e.startingStyle=Xi.startingStyle]=`startingStyle`,e[e.endingStyle=Xi.endingStyle]=`endingStyle`,e.anchorHidden=`data-anchor-hidden`,e.side=`data-side`,e.align=`data-align`,e}({}),Qs=/*#__PURE__*/ function(e){return e.popupOpen=`data-popup-open`,e.pressed=`data-pressed`,e}({});Qs.popupOpen,Qs.popupOpen,Qs.pressed;const $s={[Zs.open]:``},ec={[Zs.closed]:``},tc={[Zs.anchorHidden]:``},nc={open(e){return e?$s:ec},anchorHidden(e){return e?tc:null}},rc={...nc,...$i},ic=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,forceRender:a=!1,...o}=e,{store:s}=Xs(),c=s.useState(`open`),l=s.useState(`nested`),u=s.useState(`mounted`);return Ce(`div`,e,{state:{open:c,transitionStatus:s.useState(`transitionStatus`)},ref:[s.context.backdropRef,t],stateAttributesMapping:rc,props:[{role:`presentation`,hidden:!u,style:{userSelect:`none`,WebkitUserSelect:`none`}},o],enabled:a||!l})});process.env.NODE_ENV!==`production`&&(ic.displayName=`DialogBackdrop`);const ac=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,disabled:a=!1,nativeButton:o=!0,...s}=e,{store:c}=Xs(),l=c.useState(`open`),{getButtonProps:u,buttonRef:d}=wn({disabled:a,native:o}),f={disabled:a};function p(e){l&&c.setOpen(!1,la(`close-press`,e.nativeEvent))}return Ce(`button`,e,{state:f,ref:[t,d],props:[{onClick:p},s,u]})});process.env.NODE_ENV!==`production`&&(ac.displayName=`DialogClose`);const oc=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{store:s}=Xs(),c=Nr(a);return s.useSyncedValueWithCleanup(`descriptionElementId`,c),Ce(`p`,e,{ref:t,props:[{id:c},o]})});process.env.NODE_ENV!==`production`&&(oc.displayName=`DialogDescription`);function sc(...e){return()=>{for(let t=0;t<e.length;t+=1){let n=e[t];n&&n()}}}const cc=/*#__PURE__*/ e.forwardRef(function(t,n){let[r,i]=e.useState();X(()=>{Xr&&Yr&&i(`button`)},[]);let a={tabIndex:0,role:r};return/*#__PURE__*/ p(`span`,{...t,ref:n,style:to,"aria-hidden":!r||void 0,...a,"data-base-ui-focus-guard":``})});process.env.NODE_ENV!==`production`&&(cc.displayName=`FocusGuard`);function lc(e){return`data-base-ui-${e}`}let uc=0;function dc(e,t={}){let{preventScroll:n=!1,sync:r=!1,shouldFocus:i}=t;cancelAnimationFrame(uc);function a(){(!i||i())&&e?.focus({preventScroll:n})}if(r)return a(),_e;let o=requestAnimationFrame(a);return uc=o,()=>{uc===o&&(cancelAnimationFrame(o),uc=0)}}const fc={inert:/* @__PURE__ */ new WeakMap,"aria-hidden":/* @__PURE__ */ new WeakMap},pc=`data-base-ui-inert`,mc={inert:/* @__PURE__ */ new WeakSet,"aria-hidden":/* @__PURE__ */ new WeakSet};let hc=/* @__PURE__ */ new WeakMap,gc=0;function _c(e){return mc[e]}function vc(e){return e?ln(e)?e.host:vc(e.parentNode):null}const yc=(e,t)=>t.map(t=>{if(e.contains(t))return t;let n=vc(t);return e.contains(n)?n:null}).filter(e=>e!=null),bc=e=>{let t=/* @__PURE__ */ new Set;return e.forEach(e=>{let n=e;for(;n&&!t.has(n);)t.add(n),n=n.parentNode}),t},xc=(e,t,n)=>{let r=[],i=e=>{e&&!n.has(e)&&Array.from(e.children).forEach(e=>{nn(e)!==`script`&&(t.has(e)?i(e):r.push(e))})};return i(e),r};function Sc(e,t,n,r,{mark:i=!0}){let a=null;r?a=`inert`:n&&(a=`aria-hidden`);let o=null,s=null,c=yc(t,e),l=i?xc(t,bc(c),new Set(c)):[],u=[],d=[];if(a){let e=fc[a],n=_c(a);s=n,o=e;let r=yc(t,Array.from(t.querySelectorAll(`[aria-live]`))),i=c.concat(r);xc(t,bc(i),new Set(i)).forEach(t=>{let r=t.getAttribute(a),i=r!==null&&r!==`false`,o=(e.get(t)||0)+1;e.set(t,o),u.push(t),o===1&&i&&n.add(t),i||t.setAttribute(a,a===`inert`?``:`true`)})}return i&&l.forEach(e=>{let t=(hc.get(e)||0)+1;hc.set(e,t),d.push(e),t===1&&e.setAttribute(pc,``)}),gc+=1,()=>{o&&u.forEach(e=>{let t=(o.get(e)||0)-1;o.set(e,t),t||(!s?.has(e)&&a&&e.removeAttribute(a),s?.delete(e))}),i&&d.forEach(e=>{let t=(hc.get(e)||0)-1;hc.set(e,t),t||e.removeAttribute(pc)}),--gc,gc||(fc.inert=/* @__PURE__ */ new WeakMap,fc[`aria-hidden`]=/* @__PURE__ */ new WeakMap,mc.inert=/* @__PURE__ */ new WeakSet,mc[`aria-hidden`]=/* @__PURE__ */ new WeakSet,hc=/* @__PURE__ */ new WeakMap)}}function Cc(e,t={}){let{ariaHidden:n=!1,inert:r=!1,mark:i=!0}=t,a=Lr(e[0]).body;return Sc(e,a,n,r,{mark:i})}const wc={clipPath:`inset(50%)`,position:`fixed`,top:0,left:0},Tc=/*#__PURE__*/ e.createContext(null);process.env.NODE_ENV!==`production`&&(Tc.displayName=`PortalContext`);const Ec=()=>e.useContext(Tc),Dc=lc(`portal`);function Oc(t={}){let{ref:n,container:r,componentProps:i=ye,elementProps:a}=t,o=Mr(),s=Ec()?.portalNode,[c,l]=e.useState(null),[u,d]=e.useState(null),f=Y(e=>{e!==null&&d(e)}),p=e.useRef(null);X(()=>{if(r===null){p.current&&(p.current=null,d(null),l(null));return}if(o==null)return;let e=(r&&(on(r)?r:r.current))??s??document.body;e==null?p.current&&(p.current=null,d(null),l(null)):p.current!==e&&(p.current=e,d(null),l(e))},[r,s,o]);let m=Ce(`div`,i,{ref:[n,f],props:[{id:o,[Dc]:``},a]});return{portalNode:u,portalSubtree:c&&m?/*#__PURE__*/ h.createPortal(m,c):null}}const kc=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,style:a,children:o,container:s,renderGuards:c,...l}=t,{portalNode:u,portalSubtree:d}=Oc({container:s,ref:n,componentProps:t,elementProps:l}),f=e.useRef(null),g=e.useRef(null),_=e.useRef(null),v=e.useRef(null),[y,b]=e.useState(null),x=e.useRef(!1),S=y?.modal,C=y?.open,w=typeof c==`boolean`?c:!!y&&!y.modal&&y.open&&!!u;e.useEffect(()=>{if(!u||S)return;function e(e){u&&e.relatedTarget&&Ri(e)&&(e.type===`focusin`?x.current&&=(Bi(u),!1):(zi(u),x.current=!0))}return sc(Ha(u,`focusin`,e,!0),Ha(u,`focusout`,e,!0))},[u,S]),X(()=>{u&&C===!0&&x.current&&(Bi(u),x.current=!1)},[C,u]);let T=e.useMemo(()=>({beforeOutsideRef:f,afterOutsideRef:g,beforeInsideRef:_,afterInsideRef:v,portalNode:u,setFocusManagerState:b}),[u]);return/*#__PURE__*/ m(e.Fragment,{children:[d,/*#__PURE__*/ m(Tc.Provider,{value:T,children:[w&&u&&/*#__PURE__*/ p(cc,{"data-type":`outside`,ref:f,onFocus:e=>{Ri(e,u)?_.current?.focus():Li(y?y.domReference:null)?.focus()}}),w&&u&&/*#__PURE__*/ p(`span`,{"aria-owns":u.id,style:wc}),u&&/*#__PURE__*/ h.createPortal(o,u),w&&u&&/*#__PURE__*/ p(cc,{"data-type":`outside`,ref:g,onFocus:e=>{Ri(e,u)?v.current?.focus():(Ii(y?y.domReference:null)?.focus(),y?.closeOnFocusOut&&y?.onOpenChange(!1,la(`focus-out`,e.nativeEvent)))}})]})]})});process.env.NODE_ENV!==`production`&&(kc.displayName=`FloatingPortal`);function Ac(){let e=/* @__PURE__ */ new Map;return{emit(t,n){e.get(t)?.forEach(e=>e(n))},on(t,n){e.has(t)||e.set(t,/* @__PURE__ */ new Set),e.get(t).add(n)},off(t,n){e.get(t)?.delete(n)}}}const jc=/*#__PURE__*/ e.createContext(null);process.env.NODE_ENV!==`production`&&(jc.displayName=`FloatingNodeContext`);const Mc=/*#__PURE__*/ e.createContext(null);process.env.NODE_ENV!==`production`&&(Mc.displayName=`FloatingTreeContext`);const Nc=()=>e.useContext(jc)?.id||null,Pc=t=>{let n=e.useContext(Mc);return t??n};function Fc(e,t){let n=rn($r(e));return e instanceof n.KeyboardEvent?`keyboard`:e instanceof n.FocusEvent?t||`keyboard`:`pointerType`in e?e.pointerType||`keyboard`:`touches`in e?`touch`:e instanceof n.MouseEvent?t||(e.detail===0?`keyboard`:`mouse`):``}let Ic=[];function Lc(){Ic=Ic.filter(e=>e.deref()?.isConnected)}function Rc(e){Lc(),e&&nn(e)!==`body`&&(Ic.push(new WeakRef(e)),Ic.length>20&&(Ic=Ic.slice(-20)))}function zc(){return Lc(),Ic[Ic.length-1]?.deref()}function Bc(e){return e?Mi(e)?e:Pi(e)[0]||e:null}function Vc(e){if(e.hasAttribute(`tabindex`)&&!e.hasAttribute(`data-tabindex`)||!e.getAttribute(`role`)?.includes(`dialog`))return;let t=Ni(e).filter(e=>{let t=e.getAttribute(`data-tabindex`)||``;return Mi(e)||e.hasAttribute(`data-tabindex`)&&!t.startsWith(`-`)}),n=e.getAttribute(`tabindex`);t.length===0?n!==`0`&&(e.setAttribute(`tabindex`,`0`),e.setAttribute(`data-tabindex`,`0`)):(n!==`-1`||e.hasAttribute(`data-tabindex`)&&e.getAttribute(`data-tabindex`)!==`-1`)&&(e.setAttribute(`tabindex`,`-1`),e.setAttribute(`data-tabindex`,`-1`))}function Hc(t){let{context:n,children:r,disabled:i=!1,initialFocus:a=!0,returnFocus:o=!0,restoreFocus:s=!1,modal:c=!0,closeOnFocusOut:l=!0,openInteractionType:u=``,nextFocusableElement:d,previousFocusableElement:f,beforeContentFocusGuardRef:h,externalTree:g,getInsideElements:_}=t,v=`rootStore`in n?n.rootStore:n,y=v.useState(`open`),b=v.useState(`domReferenceElement`),x=v.useState(`floatingElement`),{events:S,dataRef:C}=v.context,w=Y(()=>C.current.floatingContext?.nodeId),T=a===!1,E=ri(b)&&T,D=ha(a),O=ha(o),k=ha(u),A=ha(y),j=Pc(g),M=Ec(),N=e.useRef(!1),P=e.useRef(!1),F=e.useRef(!1),I=e.useRef(null),L=e.useRef(``),R=e.useRef(``),z=e.useRef(null),B=e.useRef(null),V=oe(z,h,M?.beforeInsideRef),ee=oe(B,M?.afterInsideRef),H=Wi(),te=Wi(),ne=Ji(),re=M!=null,U=ai(x),W=Y((e=U)=>e?Pi(e):[]),ie=Y(()=>_?.().filter(e=>e!=null)??[]);e.useEffect(()=>{if(i||!c)return;function e(e){e.key===`Tab`&&Q(U,Qr(Lr(U)))&&W().length===0&&!E&&ci(e)}return Ha(Lr(U),`keydown`,e)},[i,U,c,E,W]),e.useEffect(()=>{if(i||!y)return;let e=Lr(U);function t(){F.current=!1}function n(e){let t=$r(e),n=ie(),r=Q(x,t)||Q(b,t)||Q(M?.portalNode,t)||n.some(e=>e===t||Q(e,t));F.current=!r,R.current=e.pointerType||`keyboard`,t?.closest(`[data-base-ui-click-trigger]`)&&(P.current=!0,te.start(0,()=>{P.current=!1}))}function r(){R.current=`keyboard`}return sc(Ha(e,`pointerdown`,n,!0),Ha(e,`pointerup`,t,!0),Ha(e,`pointercancel`,t,!0),Ha(e,`keydown`,r,!0),t)},[i,x,b,U,y,M,te,ie]),e.useEffect(()=>{if(i||!l)return;let e=Lr(U);function t(){P.current=!0,te.start(0,()=>{P.current=!1})}function n(e){let t=$r(e);Mi(t)&&(I.current=t)}function r(t){let n=t.relatedTarget,r=t.currentTarget,i=$r(t);c&&n==null&&i!=null&&Q(x,i)&&Rc(i),queueMicrotask(()=>{let a=w(),o=v.context.triggerElements,l=ie(),u=n?.hasAttribute(lc(`focus-guard`))&&[z.current,B.current,M?.beforeInsideRef.current,M?.afterInsideRef.current,M?.beforeOutsideRef.current,M?.afterOutsideRef.current,Yi(f),Yi(d)].includes(n),p=!(Q(b,n)||Q(x,n)||Q(n,x)||Q(M?.portalNode,n)||l.some(e=>e===n||Q(e,n))||n!=null&&o.hasElement(n)||o.hasMatchingElement(e=>Q(e,n))||u||j&&(oi(j.nodesRef.current,a).find(e=>Q(e.context?.elements.floating,n)||Q(e.context?.elements.domReference,n))||si(j.nodesRef.current,a).find(e=>[e.context?.elements.floating,ai(e.context?.elements.floating)].includes(n)||e.context?.elements.domReference===n)));if(r===b&&U&&Vc(U),s&&r!==b&&!yi(i)&&Qr(e)===e.body){if(cn(U)&&(U.focus(),s===`popup`)){ne.request(()=>{U.focus()});return}let e=W(),t=I.current,n=(t&&e.includes(t)?t:null)||e[e.length-1]||U;cn(n)&&n.focus()}C.current.insideReactTree?C.current.insideReactTree=!1:(E||!c)&&n&&p&&!P.current&&(E||n!==zc())&&(N.current=!0,v.setOpen(!1,la(`focus-out`,t)))})}function a(){F.current||(C.current.insideReactTree=!0,H.start(0,()=>{C.current.insideReactTree=!1}))}let o=cn(b)?b:null;if(x||o)return sc(o&&Ha(o,`focusout`,r),o&&Ha(o,`pointerdown`,t),x&&Ha(x,`focusin`,n),x&&Ha(x,`focusout`,r),x&&M&&Ha(x,`focusout`,a,!0))},[i,b,x,U,c,j,M,v,l,s,W,E,w,C,H,te,ne,d,f,ie]),e.useEffect(()=>{if(i||!x||!y)return;let e=Array.from(M?.portalNode?.querySelectorAll(`[${lc(`portal`)}]`)||[]),t=(j?si(j.nodesRef.current,w()):[]).find(e=>ri(e.context?.elements.domReference||null))?.context?.elements.domReference,n=Cc([x,...e,z.current,B.current,M?.beforeOutsideRef.current,M?.afterOutsideRef.current,...ie(),t,Yi(f),Yi(d),E?b:null].filter(e=>e!=null),{ariaHidden:c||E,mark:!1}),r=Cc([x,...e].filter(e=>e!=null));return()=>{r(),n()}},[y,i,b,x,c,M,E,j,w,d,f,ie]),X(()=>{if(!y||i||!cn(U))return;let e=Lr(U),t=Qr(e);queueMicrotask(()=>{let n=D.current,r=typeof n==`function`?n(k.current||``):n;if(r===void 0||r===!1||Q(U,t))return;let i=null,a=()=>(i??=W(U),i[0]||U),o;o=r===!0||r===null?a():Yi(r),o||=a();let s=Q(U,Qr(e));dc(o,{preventScroll:o===U,shouldFocus(){if(!A.current)return!1;if(s)return!0;let t=Qr(e);return!(t!==o&&Q(U,t))}})})},[i,y,U,W,D,k,A]),X(()=>{if(i||!U)return;let e=Lr(U),t=Qr(e),n=k.current==null;Rc(t);function r(e){if(e.open||(L.current=Fc(e.nativeEvent,R.current)),e.reason===`trigger-hover`&&e.nativeEvent.type===`mouseleave`&&(N.current=!0),e.reason===`outside-press`){if(e.nested)N.current=!1;else if(ui(e.nativeEvent)||di(e.nativeEvent))N.current=!1;else{let e=!1;Lr(U).createElement(`div`).focus({get preventScroll(){return e=!0,!1}}),e?N.current=!1:N.current=!0}}}S.on(`openchange`,r);function a(){let e=O.current,r=typeof e==`function`?e(L.current):e;if(r===void 0||r===!1)return null;r===null&&(r=!0);let i=b?.isConnected?b:null,a=t?.isConnected&&nn(t)!==`body`?t:null,o=n?a||i:i||a;return o||=zc()||null,typeof r==`boolean`?o:Yi(r)||o||null}return()=>{S.off(`openchange`,r);let t=Qr(e),n=ie(),i=Q(x,t)||n.some(e=>e===t||Q(e,t))||j&&oi(j.nodesRef.current,w(),!1).some(e=>Q(e.context?.elements.floating,t)),o=O.current,s=a();queueMicrotask(()=>{let n=Bc(s),r=typeof o!=`boolean`;o&&!N.current&&cn(n)&&(r||n===t||t===e.body||i)&&n.focus({preventScroll:!0}),N.current=!1})}},[i,x,U,O,k,S,j,b,w,ie]),X(()=>{if(!Yr||y||!x)return;let e=Qr(Lr(x));cn(e)&&ni(e)&&Q(x,e)&&e.blur()},[y,x]),X(()=>{if(!i&&M)return M.setFocusManagerState({modal:c,closeOnFocusOut:l,open:y,onOpenChange:v.setOpen,domReference:b}),()=>{M.setFocusManagerState(null)}},[i,M,c,y,v,l,b]),X(()=>{if(!i&&U)return Vc(U),()=>{queueMicrotask(Lc)}},[i,U]);let ae=!i&&(!c||!E)&&(re||c);return/*#__PURE__*/ m(e.Fragment,{children:[ae&&/*#__PURE__*/ p(cc,{"data-type":`inside`,ref:V,onFocus:e=>{if(c){let e=W();dc(e[e.length-1])}else M?.portalNode&&(N.current=!1,Ri(e,M.portalNode)?Ii(b)?.focus():Yi(f??M.beforeOutsideRef)?.focus())}}),r,ae&&/*#__PURE__*/ p(cc,{"data-type":`inside`,ref:ee,onFocus:e=>{c?dc(W()[0]):M?.portalNode&&(l&&(N.current=!0),Ri(e,M.portalNode)?Li(b)?.focus():Yi(d??M.afterOutsideRef)?.focus())}})]})}function Uc(){return!1}function Wc(e){return{escapeKey:typeof e==`boolean`?e:e?.escapeKey??!1,outsidePress:typeof e==`boolean`?e:e?.outsidePress??!0}}function Gc(t,n={}){let{enabled:r=!0,escapeKey:i=!0,outsidePress:a=!0,outsidePressEvent:o=`sloppy`,referencePress:s=Uc,bubbles:c,externalTree:l}=n,u=`rootStore`in t?t.rootStore:t,d=u.useState(`open`),f=u.useState(`floatingElement`),{dataRef:p}=u.context,m=Pc(l),h=Y(typeof a==`function`?a:()=>!1),g=typeof a==`function`?h:a,_=g!==!1,v=Y(()=>o),{escapeKey:y,outsidePress:b}=Wc(c),x=e.useRef(!1),S=e.useRef(!1),C=e.useRef(!1),w=e.useRef(!1),T=e.useRef(``),E=e.useRef(null),D=Wi(),O=Wi(),k=Y(()=>{O.clear(),p.current.insideReactTree=!1}),A=Y(e=>{let t=p.current.floatingContext?.nodeId;return(m?oi(m.nodesRef.current,t):[]).some(t=>t.context?.open&&!t.context.dataRef.current[e])}),j=Y(e=>ei(e,u.select(`floatingElement`))||ei(e,u.select(`domReferenceElement`))),M=Y(e=>{s()&&u.setOpen(!1,la(`trigger-press`,e.nativeEvent))}),N=Y(e=>{if(!d||!r||!i||e.key!==`Escape`||w.current||!y&&A(`__escapeKeyBubbles`))return;let t=la(`escape-key`,li(e)?e.nativeEvent:e);u.setOpen(!1,t),t.isCanceled||e.preventDefault(),!y&&!t.isPropagationAllowed&&e.stopPropagation()}),P=Y(()=>{p.current.insideReactTree=!0,O.start(0,k)}),F=Y(e=>{if(!d||!r||e.button!==0)return;let t=$r(e.nativeEvent);Q(u.select(`floatingElement`),t)&&(x.current||(x.current=!0,S.current=!1))}),I=Y(e=>{d&&r&&(e.defaultPrevented||e.nativeEvent.defaultPrevented)&&x.current&&(S.current=!0)});e.useEffect(()=>{if(!d||!r)return;p.current.__escapeKeyBubbles=y,p.current.__outsidePressBubbles=b;let e=new Ui,t=new Ui;function n(){e.clear(),w.current=!0}function a(){e.start(Yr?5:0,()=>{w.current=!1})}function o(){C.current=!0,t.start(0,()=>{C.current=!1})}function s(){x.current=!1,S.current=!1}function c(){let e=T.current,t=e===`pen`||!e?`mouse`:e,n=v(),r=typeof n==`function`?n():n;return typeof r==`string`?r:r[t]}function l(e){let t=c();return t===`intentional`&&e.type!==`click`||t===`sloppy`&&e.type===`click`}function h(e){let t=p.current.floatingContext?.nodeId,n=m&&oi(m.nodesRef.current,t).some(t=>ei(e,t.context?.elements.floating));return j(e)||n}function O(e){if(l(e)){e.type!==`click`&&!j(e)&&(t.clear(),C.current=!1),k();return}if(p.current.insideReactTree){k();return}let n=$r(e),r=`[${lc(`inert`)}]`,i=sn(n)?n.getRootNode():null,a=Array.from((ln(i)?i:Lr(u.select(`floatingElement`))).querySelectorAll(r)),o=u.context.triggerElements;if(n&&(o.hasElement(n)||o.hasMatchingElement(e=>Q(e,n))))return;let s=sn(n)?n:null;for(;s&&!dn(s);){let e=pn(s);if(dn(e)||!sn(e))break;s=e}if(!(a.length&&sn(n)&&!ti(n)&&!Q(n,u.select(`floatingElement`))&&a.every(e=>!Q(s,e)))){if(cn(n)&&!(`touches`in e)){let t=dn(n),r=fn(n),i=/auto|scroll/,a=t||i.test(r.overflowX),o=t||i.test(r.overflowY),s=a&&n.clientWidth>0&&n.scrollWidth>n.clientWidth,c=o&&n.clientHeight>0&&n.scrollHeight>n.clientHeight,l=r.direction===`rtl`,u=c&&(l?e.offsetX<=n.offsetWidth-n.clientWidth:e.offsetX>n.clientWidth),d=s&&e.offsetY>n.clientHeight;if(u||d)return}h(e)||(c()===`intentional`&&C.current?(t.clear(),C.current=!1):typeof g==`function`&&!g(e)||A(`__outsidePressBubbles`)||(u.setOpen(!1,la(`outside-press`,e)),k()))}}function M(e){c()===`sloppy`&&e.pointerType!==`touch`&&u.select(`open`)&&r&&!j(e)&&O(e)}function P(e){if(c()!==`sloppy`||!u.select(`open`)||!r||j(e))return;let t=e.touches[0];t&&(E.current={startTime:Date.now(),startX:t.clientX,startY:t.clientY,dismissOnTouchEnd:!1,dismissOnMouseDown:!0},D.start(1e3,()=>{E.current&&(E.current.dismissOnTouchEnd=!1,E.current.dismissOnMouseDown=!1)}))}function F(e,t){let n=$r(e);if(!n)return;let r=Ha(n,e.type,()=>{t(e),r()})}function I(e){T.current=`touch`,F(e,P)}function L(e){D.clear(),e.type===`pointerdown`&&(T.current=e.pointerType),(e.type!==`mousedown`||!E.current||E.current.dismissOnMouseDown)&&F(e,e=>{e.type===`pointerdown`?M(e):O(e)})}function R(e){if(!x.current)return;let n=S.current;s(),c()===`intentional`&&(e.type===`pointercancel`?n&&o():h(e)||(n?o():(typeof g!=`function`||g(e))&&(t.clear(),C.current=!0,k())))}function z(e){if(c()!==`sloppy`||!E.current||j(e))return;let t=e.touches[0];if(!t)return;let n=Math.abs(t.clientX-E.current.startX),r=Math.abs(t.clientY-E.current.startY),i=Math.sqrt(n*n+r*r);i>5&&(E.current.dismissOnTouchEnd=!0),i>10&&(O(e),D.clear(),E.current=null)}function B(e){F(e,z)}function V(e){c()===`sloppy`&&E.current&&!j(e)&&(E.current.dismissOnTouchEnd&&O(e),D.clear(),E.current=null)}function ee(e){F(e,V)}let H=Lr(f),te=sc(i&&sc(Ha(H,`keydown`,N),Ha(H,`compositionstart`,n),Ha(H,`compositionend`,a)),_&&sc(Ha(H,`click`,L,!0),Ha(H,`pointerdown`,L,!0),Ha(H,`pointerup`,R,!0),Ha(H,`pointercancel`,R,!0),Ha(H,`mousedown`,L,!0),Ha(H,`mouseup`,R,!0),Ha(H,`touchstart`,I,!0),Ha(H,`touchmove`,B,!0),Ha(H,`touchend`,ee,!0)));return()=>{te(),e.clear(),t.clear(),s(),C.current=!1}},[p,f,i,_,g,d,r,y,b,N,k,v,A,j,m,u,D]),e.useEffect(k,[g,k]);let L=e.useMemo(()=>({onKeyDown:N,onPointerDown:M,onClick:M}),[N,M]),R=e.useMemo(()=>({onKeyDown:N,onPointerDown:I,onMouseDown:I,onClickCapture:P,onMouseDownCapture(e){P(),F(e)},onPointerDownCapture(e){P(),F(e)},onMouseUpCapture:P,onTouchEndCapture:P,onTouchMoveCapture:P}),[N,P,F,I]);return e.useMemo(()=>r?{reference:L,floating:R,trigger:L}:{},[r,L,R])}function Kc(t){let n=e.useRef(!0);n.current&&(n.current=!1,t())}const $=(e,t,n,r,i,a,...o)=>{if(o.length>0)throw Error(process.env.NODE_ENV===`production`?W(1):`Unsupported number of selectors`);let s;if(e&&t&&n&&r&&i&&a)s=(o,s,c,l)=>a(e(o,s,c,l),t(o,s,c,l),n(o,s,c,l),r(o,s,c,l),i(o,s,c,l),s,c,l);else if(e&&t&&n&&r&&i)s=(a,o,s,c)=>i(e(a,o,s,c),t(a,o,s,c),n(a,o,s,c),r(a,o,s,c),o,s,c);else if(e&&t&&n&&r)s=(i,a,o,s)=>r(e(i,a,o,s),t(i,a,o,s),n(i,a,o,s),a,o,s);else if(e&&t&&n)s=(r,i,a,o)=>n(e(r,i,a,o),t(r,i,a,o),i,a,o);else if(e&&t)s=(n,r,i,a)=>t(e(n,r,i,a),r,i,a);else if(e)s=e;else throw Error(`Missing arguments`);return s},qc=[];function Jc(e){qc.push(e)}const Yc=pe(19)?Qc:$c;function Xc(e,t,n,r,i){return Yc(e,t,n,r,i)}function Zc(t,n,r,i,a){let o=e.useCallback(()=>n(t.getSnapshot(),r,i,a),[t,n,r,i,a]);return g(t.subscribe,o,o)}Jc({before(e){e.syncIndex=0,e.didInitialize||(e.syncTick=1,e.syncHooks=[],e.didChangeStore=!0,e.getSnapshot=()=>{let t=!1;for(let n=0;n<e.syncHooks.length;n+=1){let r=e.syncHooks[n],i=r.selector(r.store.state,r.a1,r.a2,r.a3);Object.is(r.value,i)||(t=!0,r.value=i)}return t&&(e.syncTick+=1),e.syncTick})},after(e){e.syncHooks.length>0&&(e.didChangeStore&&(e.didChangeStore=!1,e.subscribe=t=>{let n=/* @__PURE__ */ new Set;for(let t of e.syncHooks)n.add(t.store);let r=[];for(let e of n)r.push(e.subscribe(t));return()=>{for(let e of r)e()}}),g(e.subscribe,e.getSnapshot,e.getSnapshot))}});function Qc(e,t,n,r,i){return Zc(e,t,n,r,i)}function $c(e,t,n,r,i){return _(e.subscribe,e.getSnapshot,e.getSnapshot,e=>t(e,n,r,i))}var el=class{constructor(e){this.state=e,this.listeners=/* @__PURE__ */ new Set,this.updateTick=0}subscribe=e=>(this.listeners.add(e),()=>{this.listeners.delete(e)});getSnapshot=()=>this.state;setState(e){if(this.state===e)return;this.state=e,this.updateTick+=1;let t=this.updateTick;for(let n of this.listeners){if(t!==this.updateTick)return;n(e)}}update(e){for(let t in e)if(!Object.is(this.state[t],e[t])){this.setState({...this.state,...e});return}}set(e,t){Object.is(this.state[e],t)||this.setState({...this.state,[e]:t})}notifyAll(){let e={...this.state};this.setState(e)}use(e,t,n,r){return Xc(this,e,t,n,r)}},tl=class extends el{constructor(e,t={},n){super(e),this.context=t,this.selectors=n}useSyncedValue(t,n){e.useDebugValue(t);let r=this;X(()=>{r.state[t]!==n&&r.set(t,n)},[r,t,n])}useSyncedValueWithCleanup(e,t){let n=this;X(()=>(n.state[e]!==t&&n.set(e,t),()=>{n.set(e,void 0)}),[n,e,t])}useSyncedValues(t){let n=this;if(process.env.NODE_ENV!==`production`){e.useDebugValue(t,e=>Object.keys(e));let n=e.useRef(Object.keys(t)).current,r=Object.keys(t);(n.length!==r.length||n.some((e,t)=>e!==r[t]))&&console.error(`ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.`)}let r=Object.values(t);X(()=>{n.update(t)},[n,...r])}useControlledProp(t,n){e.useDebugValue(t);let r=this,i=n!==void 0;if(X(()=>{i&&!Object.is(r.state[t],n)&&r.setState({...r.state,[t]:n})},[r,t,n,i]),process.env.NODE_ENV!==`production`){let e=this.controlledValues??=/* @__PURE__ */ new Map;e.has(t)||e.set(t,i);let n=e.get(t);n!==void 0&&n!==i&&console.error(`A component is changing the ${i?``:`un`}controlled state of ${t.toString()} to be ${i?`un`:``}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`)}}select(e,t,n,r){let i=this.selectors[e];return i(this.state,t,n,r)}useState(t,n,r,i){return e.useDebugValue(t),Xc(this,this.selectors[t],n,r,i)}useContextCallback(t,n){e.useDebugValue(t);let r=Y(n??_e);this.context[t]=r}useStateSetter(t){let n=e.useRef(void 0);return n.current===void 0&&(n.current=e=>{this.set(t,e)}),n.current}observe(e,t){let n;n=typeof e==`function`?e:this.selectors[e];let r=n(this.state);return t(r,r,this),this.subscribe(e=>{let i=n(e);if(!Object.is(r,i)){let e=r;r=i,t(i,e,this)}})}};const nl={open:$(e=>e.open),transitionStatus:$(e=>e.transitionStatus),domReferenceElement:$(e=>e.domReferenceElement),referenceElement:$(e=>e.positionReference??e.referenceElement),floatingElement:$(e=>e.floatingElement),floatingId:$(e=>e.floatingId)};var rl=class extends tl{constructor(e){let{syncOnly:t,nested:n,onOpenChange:r,triggerElements:i,...a}=e;super({...a,positionReference:a.referenceElement,domReferenceElement:a.referenceElement},{onOpenChange:r,dataRef:{current:{}},events:Ac(),nested:n,triggerElements:i},nl),this.syncOnly=t}syncOpenEvent=(e,t)=>{(!e||!this.state.open||t!=null&&fi(t))&&(this.context.dataRef.current.openEvent=e?t:void 0)};dispatchOpenChange=(e,t)=>{this.syncOpenEvent(e,t.event);let n={open:e,reason:t.reason,nativeEvent:t.event,nested:this.context.nested,triggerElement:t.trigger};this.context.events.emit(`openchange`,n)};setOpen=(e,t)=>{this.syncOnly||this.dispatchOpenChange(e,t),this.context.onOpenChange?.(e,t)}};function il(t){let{popupStore:n,treatPopupAsFloatingElement:r=!1,floatingRootContext:i,floatingId:a,nested:o,onOpenChange:s}=t,c=n.useState(`open`),l=n.useState(`activeTriggerElement`),u=n.useState(r?`popupElement`:`positionerElement`),d=n.context.triggerElements,f=s,p=e.useRef(null);i===void 0&&p.current===null&&(p.current=new rl({open:c,transitionStatus:void 0,referenceElement:l,floatingElement:u,triggerElements:d,onOpenChange:f,floatingId:a,syncOnly:!0,nested:o}));let m=i??p.current;return n.useSyncedValue(`floatingId`,a),X(()=>{let e={open:c,floatingId:a,referenceElement:l,floatingElement:u};sn(l)&&(e.domReferenceElement=l),m.state.positionReference===m.state.referenceElement&&(e.positionReference=l),m.update(e)},[c,a,l,u,m]),m.context.onOpenChange=f,m.context.nested=o,m}const al={tabIndex:-1,"data-base-ui-focusable":``};function ol(e){return t=>t!==`touch`||e.current}function sl(t,n,r=!1){let i=Mr(),a=Nc()!=null,o=e.useRef(null);t===void 0&&o.current===null&&(o.current=n(i,a));let s=t??o.current;return il({popupStore:s,treatPopupAsFloatingElement:r,floatingRootContext:s.state.floatingRootContext,floatingId:i,nested:a,onOpenChange:s.setOpen}),{store:s,internalStore:o.current}}function cl(e,t,n,r=!1){t?e.preventUnmountingOnClose=!1:r&&(e.preventUnmountingOnClose=!0);let i=n?.id??null;(i||t)&&(e.activeTriggerId=i,e.activeTriggerElement=n??null)}function ll(e,t={}){let{closeOnActiveTriggerUnmount:n=!1}=t,r=e.useState(`open`),i=e.useState(`triggerCount`);X(()=>{if(!r){e.state.triggerCount!==0&&e.set(`triggerCount`,0);return}let t=e.context.triggerElements.size,i={};e.state.triggerCount!==t&&(i.triggerCount=t);let a=e.select(`activeTriggerId`),o=null;if(a){let t=e.context.triggerElements.getById(a);t?t!==e.state.activeTriggerElement&&(i.activeTriggerElement=t):o=a}if(!o&&!a&&t===1){let t=e.context.triggerElements.entries().next();if(!t.done){let[e,n]=t.value;i.activeTriggerId=e,i.activeTriggerElement=n}}(i.triggerCount!==void 0||i.activeTriggerId!==void 0||i.activeTriggerElement!==void 0)&&e.update(i),o&&n&&queueMicrotask(()=>{if(e.select(`open`)&&e.select(`activeTriggerId`)===o&&!e.context.triggerElements.getById(o)){let t=la(oa);e.setOpen(!1,t),t.isCanceled||e.update({activeTriggerId:null,activeTriggerElement:null})}})},[r,e,i,n])}function ul(e,t,n){let{mounted:r,setMounted:i,transitionStatus:a}=na(e),o=t.useState(`preventUnmountingOnClose`),s=!e&&o;t.useSyncedValues({mounted:r,transitionStatus:a,preventUnmountingOnClose:s});let c=Y(()=>{i(!1),t.update({activeTriggerId:null,activeTriggerElement:null,mounted:!1,preventUnmountingOnClose:!1}),n?.(),t.context.onOpenChangeComplete?.(!1)});return ta({enabled:r&&!e&&!s,open:e,ref:t.context.popupRef,onComplete(){e||c()}}),{forceUnmount:c,transitionStatus:a}}function dl(e,t){e.useSyncedValues(t),X(()=>()=>{e.update({activeTriggerProps:ye,inactiveTriggerProps:ye,popupProps:ye})},[e])}function fl(e,t){X(()=>{!t&&e.state.openMethod!==null&&e.set(`openMethod`,null)},[t,e]),X(()=>()=>{e.state.openMethod!==null&&e.set(`openMethod`,null)},[e])}var pl=class{constructor(){this.elementsSet=/* @__PURE__ */ new Set,this.idMap=/* @__PURE__ */ new Map}add(e,t){let n=this.idMap.get(e);if(n!==t&&(n!==void 0&&this.elementsSet.delete(n),this.elementsSet.add(t),this.idMap.set(e,t),process.env.NODE_ENV!==`production`&&this.elementsSet.size!==this.idMap.size))throw Error(`Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap.`)}delete(e){let t=this.idMap.get(e);t&&(this.elementsSet.delete(t),this.idMap.delete(e))}hasElement(e){return this.elementsSet.has(e)}hasMatchingElement(e){for(let t of this.elementsSet)if(e(t))return!0;return!1}getById(e){return this.idMap.get(e)}entries(){return this.idMap.entries()}elements(){return this.elementsSet.values()}get size(){return this.idMap.size}};function ml(){return new rl({open:!1,transitionStatus:void 0,floatingElement:null,referenceElement:null,triggerElements:new pl,floatingId:void 0,syncOnly:!1,nested:!1,onOpenChange:void 0})}function hl(){return{open:!1,openProp:void 0,mounted:!1,transitionStatus:void 0,floatingRootContext:ml(),floatingId:void 0,triggerCount:0,preventUnmountingOnClose:!1,payload:void 0,activeTriggerId:null,activeTriggerElement:null,triggerIdProp:void 0,popupElement:null,positionerElement:null,activeTriggerProps:ye,inactiveTriggerProps:ye,popupProps:ye}}function gl(e,t,n=!1){return new rl({open:!1,transitionStatus:void 0,floatingElement:null,referenceElement:null,triggerElements:e,floatingId:t,syncOnly:!0,nested:n,onOpenChange:void 0})}const _l=$(e=>e.triggerIdProp??e.activeTriggerId),vl=$(e=>e.openProp??e.open),yl=$(e=>(e.popupElement?.id??e.floatingId)||void 0);function bl(e,t){return t!==void 0&&vl(e)&&_l(e)===t}function xl(e,t){return bl(e,t)?!0:t!==void 0&&vl(e)&&_l(e)==null&&e.triggerCount===1}const Sl={open:vl,mounted:$(e=>e.mounted),transitionStatus:$(e=>e.transitionStatus),floatingRootContext:$(e=>e.floatingRootContext),triggerCount:$(e=>e.triggerCount),preventUnmountingOnClose:$(e=>e.preventUnmountingOnClose),payload:$(e=>e.payload),activeTriggerId:_l,activeTriggerElement:$(e=>e.mounted?e.activeTriggerElement:null),popupId:yl,isTriggerActive:$((e,t)=>t!==void 0&&_l(e)===t),isOpenedByTrigger:$((e,t)=>bl(e,t)),isMountedByTrigger:$((e,t)=>t!==void 0&&_l(e)===t&&e.mounted),triggerProps:$((e,t)=>t?e.activeTriggerProps:e.inactiveTriggerProps),triggerPopupId:$((e,t)=>xl(e,t)?yl(e):void 0),popupProps:$(e=>e.popupProps),popupElement:$(e=>e.popupElement),positionerElement:$(e=>e.positionerElement)};let Cl=/*#__PURE__*/ function(e){return e.nestedDialogs=`--nested-dialogs`,e}({}),wl=function(e){return e[e.open=Zs.open]=`open`,e[e.closed=Zs.closed]=`closed`,e[e.startingStyle=Zs.startingStyle]=`startingStyle`,e[e.endingStyle=Zs.endingStyle]=`endingStyle`,e.nested=`data-nested`,e.nestedDialogOpen=`data-nested-dialog-open`,e}({});const Tl=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Tl.displayName=`DialogPortalContext`);function El(){let t=e.useContext(Tl);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(26):`Base UI: <Dialog.Portal> is missing.`);return t}const Dl={...nc,...$i,nestedDialogOpen(e){return e?{[wl.nestedDialogOpen]:``}:null}},Ol=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,finalFocus:a,initialFocus:o,...s}=e,{store:c}=Xs(),l=c.useState(`descriptionElementId`),u=c.useState(`disablePointerDismissal`),d=c.useState(`floatingRootContext`),f=c.useState(`popupProps`),m=c.useState(`modal`),h=c.useState(`mounted`),g=c.useState(`nested`),_=c.useState(`nestedOpenDialogCount`),v=c.useState(`open`),y=c.useState(`openMethod`),b=c.useState(`titleElementId`),x=c.useState(`transitionStatus`),S=c.useState(`role`),C=d.useState(`floatingId`),w=s.id??C;El(),ta({open:v,ref:c.context.popupRef,onComplete(){v&&c.context.onOpenChangeComplete?.(!0)}});let T=o===void 0?ol(c.context.popupRef):o,E=_>0,D=c.useStateSetter(`popupElement`),O=Ce(`div`,e,{state:{open:v,nested:g,transitionStatus:x,nestedDialogOpen:E},props:[f,{id:w,"aria-labelledby":b??void 0,"aria-describedby":l??void 0,role:S,...al,hidden:!h,onKeyDown(e){bo.has(e.key)&&e.stopPropagation()},style:{[Cl.nestedDialogs]:_}},s],ref:[t,c.context.popupRef,D],stateAttributesMapping:Dl});return/*#__PURE__*/ p(Hc,{context:d,openInteractionType:y,disabled:!h,closeOnFocusOut:!u,initialFocus:T,returnFocus:a,modal:m!==!1,restoreFocus:`popup`,children:O})});process.env.NODE_ENV!==`production`&&(Ol.displayName=`DialogPopup`);const kl=/*#__PURE__*/ e.forwardRef(function(e,t){let{cutout:n,...r}=e,i;if(n){let e=n.getBoundingClientRect();i=`polygon(0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,${e.left}px ${e.top}px,${e.left}px ${e.bottom}px,${e.right}px ${e.bottom}px,${e.right}px ${e.top}px,${e.left}px ${e.top}px)`}return/*#__PURE__*/ p(`div`,{ref:t,role:`presentation`,"data-base-ui-inert":``,...r,style:{position:`fixed`,inset:0,userSelect:`none`,WebkitUserSelect:`none`,clipPath:i}})});process.env.NODE_ENV!==`production`&&(kl.displayName=`InternalBackdrop`);const Al=/*#__PURE__*/ e.forwardRef(function(e,t){let{keepMounted:n=!1,...r}=e,{store:i}=Xs(),a=i.useState(`mounted`),o=i.useState(`modal`),s=i.useState(`open`);return a||n?/*#__PURE__*/ p(Tl.Provider,{value:n,children:/*#__PURE__*/ m(kc,{ref:t,...r,children:[a&&o===!0&&/*#__PURE__*/ p(kl,{ref:i.context.internalBackdropRef,inert:Os(!s)}),e.children]})}):null});process.env.NODE_ENV!==`production`&&(Al.displayName=`DialogPortal`);let jl={},Ml={},Nl=``;function Pl(e){if(typeof document>`u`)return!1;let t=Lr(e);return rn(t).innerWidth-t.documentElement.clientWidth>0}function Fl(e){if(!(typeof CSS<`u`&&CSS.supports&&CSS.supports(`scrollbar-gutter`,`stable`))||typeof document>`u`)return!1;let t=Lr(e),n=t.documentElement,r=t.body,i=un(n)?n:r,a=i.style.overflowY,o=n.style.scrollbarGutter;n.style.scrollbarGutter=`stable`,i.style.overflowY=`scroll`;let s=i.offsetWidth;i.style.overflowY=`hidden`;let c=i.offsetWidth;return i.style.overflowY=a,n.style.scrollbarGutter=o,s===c}function Il(e){let t=Lr(e),n=t.documentElement,r=t.body,i=un(n)?n:r,a={overflowY:i.style.overflowY,overflowX:i.style.overflowX};return Object.assign(i.style,{overflowY:`hidden`,overflowX:`hidden`}),()=>{Object.assign(i.style,a)}}function Ll(e){let t=Lr(e),n=t.documentElement,r=t.body,i=rn(n),a=0,o=0,s=!1,c=qi.create();if(Yr&&(i.visualViewport?.scale??1)!==1)return()=>{};function l(){let t=i.getComputedStyle(n),c=i.getComputedStyle(r),l=(t.scrollbarGutter||``).includes(`both-edges`)?`stable both-edges`:`stable`;a=n.scrollTop,o=n.scrollLeft,jl={scrollbarGutter:n.style.scrollbarGutter,overflowY:n.style.overflowY,overflowX:n.style.overflowX},Nl=n.style.scrollBehavior,Ml={position:r.style.position,height:r.style.height,width:r.style.width,boxSizing:r.style.boxSizing,overflowY:r.style.overflowY,overflowX:r.style.overflowX,scrollBehavior:r.style.scrollBehavior};let u=n.scrollHeight>n.clientHeight,d=n.scrollWidth>n.clientWidth,f=t.overflowY===`scroll`||c.overflowY===`scroll`,p=t.overflowX===`scroll`||c.overflowX===`scroll`,m=Math.max(0,i.innerWidth-r.clientWidth),h=Math.max(0,i.innerHeight-r.clientHeight),g=parseFloat(c.marginTop)+parseFloat(c.marginBottom),_=parseFloat(c.marginLeft)+parseFloat(c.marginRight),v=un(n)?n:r;s=Fl(e),s?(n.style.scrollbarGutter=l,v.style.overflowY=`hidden`,v.style.overflowX=`hidden`):(Object.assign(n.style,{scrollbarGutter:l,overflowY:`hidden`,overflowX:`hidden`}),(u||f)&&(n.style.overflowY=`scroll`),(d||p)&&(n.style.overflowX=`scroll`),Object.assign(r.style,{position:`relative`,height:g||h?`calc(100dvh - ${g+h}px)`:`100dvh`,width:_||m?`calc(100vw - ${_+m}px)`:`100vw`,boxSizing:`border-box`,overflow:`hidden`,scrollBehavior:`unset`}),r.scrollTop=a,r.scrollLeft=o,n.setAttribute(`data-base-ui-scroll-locked`,``),n.style.scrollBehavior=`unset`)}function u(){Object.assign(n.style,jl),Object.assign(r.style,Ml),s||(n.scrollTop=a,n.scrollLeft=o,n.removeAttribute(`data-base-ui-scroll-locked`),n.style.scrollBehavior=Nl)}function d(){u(),c.request(l)}l();let f=Ha(i,`resize`,d);return()=>{c.cancel(),u(),typeof i.removeEventListener==`function`&&f()}}const Rl=new class{lockCount=0;restore=null;timeoutLock=Ui.create();timeoutUnlock=Ui.create();acquire(e){return this.lockCount+=1,this.lockCount===1&&this.restore===null&&this.timeoutLock.start(0,()=>this.lock(e)),this.release}release=()=>{--this.lockCount,this.lockCount===0&&this.restore&&this.timeoutUnlock.start(0,this.unlock)};unlock=()=>{this.lockCount===0&&this.restore&&(this.restore?.(),this.restore=null)};lock(e){if(this.lockCount===0||this.restore!==null)return;let t=Lr(e).documentElement,n=rn(t).getComputedStyle(t).overflowY;if(n===`hidden`||n===`clip`){this.restore=_e;return}let r=Wr||!Pl(e);this.restore=r?Il(e):Ll(e)}};function zl(e=!0,t=null){X(()=>{if(e)return Rl.acquire(t)},[e,t])}function Bl(t){let{store:n,actionsRef:r}=t,i=n.useState(`open`);fl(n,i),ll(n);let{forceUnmount:a}=ul(i,n),o=e.useCallback(()=>{n.setOpen(!1,la(`imperative-action`))},[n]);e.useImperativeHandle(r,()=>({unmount:a,close:o}),[a,o])}function Vl({store:t,parentContext:n,isDrawer:r}){let i=t.useState(`open`),a=t.useState(`disablePointerDismissal`),o=t.useState(`modal`),s=t.useState(`popupElement`),c=t.useState(`floatingRootContext`),[l,u]=e.useState(0),[d,f]=e.useState(0),p=l===0,m=Gc(c,{outsidePressEvent(){return t.context.internalBackdropRef.current||t.context.backdropRef.current?`intentional`:{mouse:o===`trap-focus`?`sloppy`:`intentional`,touch:`sloppy`}},outsidePress(e){if(!t.context.outsidePressEnabledRef.current||`button`in e&&e.button!==0||`touches`in e&&e.touches.length!==1)return!1;let n=$r(e);return p&&!a?o&&(t.context.internalBackdropRef.current||t.context.backdropRef.current)?t.context.internalBackdropRef.current===n||t.context.backdropRef.current===n||Q(n,s)&&!n?.hasAttribute(`data-base-ui-portal`):!0:!1},escapeKey:p});return zl(i&&o===!0,s),t.useContextCallback(`onNestedDialogOpen`,(e,t)=>{u(e),f(t)}),t.useContextCallback(`onNestedDialogClose`,()=>{u(0),f(0)}),e.useEffect(()=>(n?.onNestedDialogOpen&&i&&n.onNestedDialogOpen(l+1,d+ +!!r),n?.onNestedDialogClose&&!i&&n.onNestedDialogClose(),()=>{n?.onNestedDialogClose&&i&&n.onNestedDialogClose()}),[r,i,l,d,n]),dl(t,{activeTriggerProps:m.reference??ye,inactiveTriggerProps:m.trigger??ye,popupProps:m.floating??ye,nestedOpenDialogCount:l,nestedOpenDrawerCount:d}),null}const Hl={...Sl,modal:$(e=>e.modal),nested:$(e=>e.nested),nestedOpenDialogCount:$(e=>e.nestedOpenDialogCount),nestedOpenDrawerCount:$(e=>e.nestedOpenDrawerCount),disablePointerDismissal:$(e=>e.disablePointerDismissal),openMethod:$(e=>e.openMethod),descriptionElementId:$(e=>e.descriptionElementId),titleElementId:$(e=>e.titleElementId),viewportElement:$(e=>e.viewportElement),role:$(e=>e.role)};var Ul=class t extends tl{constructor(t,n,r=!1){let i=new pl,a=Wl(t);a.floatingRootContext=gl(i,n,r),super(a,{popupRef:/*#__PURE__*/ e.createRef(),backdropRef:/*#__PURE__*/ e.createRef(),internalBackdropRef:/*#__PURE__*/ e.createRef(),outsidePressEnabledRef:{current:!0},triggerElements:i,onOpenChange:void 0,onOpenChangeComplete:void 0},Hl)}setOpen=(e,t)=>{if(t.preventUnmountOnClose=()=>{this.set(`preventUnmountingOnClose`,!0)},!e&&t.trigger==null&&this.state.activeTriggerId!=null&&(t.trigger=this.state.activeTriggerElement??void 0),this.context.onOpenChange?.(e,t),t.isCanceled)return;this.state.floatingRootContext.dispatchOpenChange(e,t);let n={open:e};cl(n,e,t.trigger),this.update(n)};static useStore(e,n){return sl(e,(e,r)=>new t(n,e,r),!0).store}};function Wl(e={}){return{...hl(),modal:!0,disablePointerDismissal:!1,popupElement:null,viewportElement:null,descriptionElementId:void 0,titleElementId:void 0,openMethod:null,nested:!1,nestedOpenDialogCount:0,nestedOpenDrawerCount:0,role:`dialog`,...e}}function Gl(t,n=`dialog`){let{children:r,open:i,defaultOpen:a=!1,onOpenChange:o,onOpenChangeComplete:s,disablePointerDismissal:c=!1,modal:l=!0,actionsRef:u,handle:d,triggerId:f,defaultTriggerId:h=null}=t,g=n===`drawer`,_=n===`alert-dialog`,v=_?!0:l,y=_||c,b=_?`alertdialog`:`dialog`,x=Xs(!0),S={modal:v,disablePointerDismissal:y,nested:!!x,role:b},C=Ul.useStore(d?.store,{open:a,openProp:i,activeTriggerId:h,triggerIdProp:f,...S});Kc(()=>{let e=i===void 0&&C.state.open===!1&&a===!0?{open:!0,activeTriggerId:h}:null;_?C.update(e?{...S,...e}:S):e&&C.update(e)}),C.useControlledProp(`openProp`,i),C.useControlledProp(`triggerIdProp`,f),C.useSyncedValues(S),C.useContextCallback(`onOpenChange`,o),C.useContextCallback(`onOpenChangeComplete`,s);let w=C.useState(`open`),T=C.useState(`mounted`),E=C.useState(`payload`);Bl({store:C,actionsRef:u});let D=w||T,O=e.useMemo(()=>({store:C}),[C]);return/*#__PURE__*/ p(Js.Provider,{value:!1,children:/*#__PURE__*/ m(Ys.Provider,{value:O,children:[D&&/*#__PURE__*/ p(Vl,{store:C,parentContext:x?.store.context,isDrawer:g}),typeof r==`function`?r({payload:E}):r]})})}function Kl(t){return Gl(t,e.useContext(Js)?`drawer`:`dialog`)}const ql=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,id:a,...o}=e,{store:s}=Xs(),c=Nr(a);return s.useSyncedValueWithCleanup(`titleElementId`,c),Ce(`h2`,e,{ref:t,props:[{id:c},o]})});process.env.NODE_ENV!==`production`&&(ql.displayName=`DialogTitle`);function Jl({...e}){return/* @__PURE__ */ p(Kl,{"data-slot":`dialog`,...e})}function Yl({...e}){return/* @__PURE__ */ p(Al,{"data-slot":`dialog-portal`,...e})}function Xl({className:e,...t}){return/* @__PURE__ */ p(ic,{"data-slot":`dialog-overlay`,className:J(`fixed inset-0 isolate z-50 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...t})}function Zl({className:e,children:t,showCloseButton:n=!0,container:r,...i}){return/* @__PURE__ */ m(Yl,{container:r,children:[/* @__PURE__ */ p(Xl,{}),/* @__PURE__ */ m(Ol,{"data-slot":`dialog-content`,className:J(`fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-xs/relaxed text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...i,children:[t,n&&/* @__PURE__ */ m(ac,{"data-slot":`dialog-close`,render:/* @__PURE__ */ p(Z,{variant:`ghost`,className:`absolute top-2 right-2`,size:`icon-sm`}),children:[/* @__PURE__ */ p(zn,{}),/* @__PURE__ */ p(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function Ql({className:e,...t}){return/* @__PURE__ */ p(`div`,{"data-slot":`dialog-header`,className:J(`flex flex-col gap-1`,e),...t})}function $l({className:e,showCloseButton:t=!1,children:n,...r}){return/* @__PURE__ */ m(`div`,{"data-slot":`dialog-footer`,className:J(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...r,children:[n,t&&/* @__PURE__ */ p(ac,{render:/* @__PURE__ */ p(Z,{variant:`outline`}),children:`Close`})]})}function eu({className:e,...t}){return/* @__PURE__ */ p(ql,{"data-slot":`dialog-title`,className:J(`cn-font-heading text-sm font-medium`,e),...t})}function tu({className:e,...t}){return/* @__PURE__ */ p(oc,{"data-slot":`dialog-description`,className:J(`text-xs/relaxed text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...t})}const nu=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(nu.displayName=`ScrollAreaRootContext`);function ru(){let t=e.useContext(nu);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(53):`Base UI: ScrollAreaRootContext is missing. ScrollArea parts must be placed within <ScrollArea.Root>.`);return t}let iu=/*#__PURE__*/ function(e){return e.scrollAreaCornerHeight=`--scroll-area-corner-height`,e.scrollAreaCornerWidth=`--scroll-area-corner-width`,e}({});function au(e,t,n){if(!e)return 0;let r=getComputedStyle(e),i=n===`x`?`Inline`:`Block`;return n===`x`&&t===`margin`?parseFloat(r[`${t}InlineStart`])*2:parseFloat(r[`${t}${i}Start`])+parseFloat(r[`${t}${i}End`])}let ou=/*#__PURE__*/ function(e){return e.orientation=`data-orientation`,e.hovering=`data-hovering`,e.scrolling=`data-scrolling`,e.hasOverflowX=`data-has-overflow-x`,e.hasOverflowY=`data-has-overflow-y`,e.overflowXStart=`data-overflow-x-start`,e.overflowXEnd=`data-overflow-x-end`,e.overflowYStart=`data-overflow-y-start`,e.overflowYEnd=`data-overflow-y-end`,e}({});const su=`base-ui-disable-scrollbar`,cu={className:su,getElement(e){return/*#__PURE__*/ p(`style`,{nonce:e,href:su,precedence:`base-ui:low`,children:`.${su}{scrollbar-width:none}.${su}::-webkit-scrollbar{display:none}`})}};process.env.NODE_ENV!==`production`&&(cu.getElement.displayName=`styleDisableScrollbar.getElement`);let lu=/*#__PURE__*/ function(e){return e.scrolling=`data-scrolling`,e.hasOverflowX=`data-has-overflow-x`,e.hasOverflowY=`data-has-overflow-y`,e.overflowXStart=`data-overflow-x-start`,e.overflowXEnd=`data-overflow-x-end`,e.overflowYStart=`data-overflow-y-start`,e.overflowYEnd=`data-overflow-y-end`,e}({});const uu={hasOverflowX:e=>e?{[lu.hasOverflowX]:``}:null,hasOverflowY:e=>e?{[lu.hasOverflowY]:``}:null,overflowXStart:e=>e?{[lu.overflowXStart]:``}:null,overflowXEnd:e=>e?{[lu.overflowXEnd]:``}:null,overflowYStart:e=>e?{[lu.overflowYStart]:``}:null,overflowYEnd:e=>e?{[lu.overflowYEnd]:``}:null,cornerHidden:()=>null},du={x:0,y:0},fu={width:0,height:0},pu={xStart:!1,xEnd:!1,yStart:!1,yEnd:!1},mu={x:!0,y:!0,corner:!0},hu=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,overflowEdgeThreshold:a,style:o,...s}=t,{xStart:c,xEnd:l,yStart:u,yEnd:d}=gu(a),f=Nr(),p=Wi(),h=Wi(),{nonce:g,disableStyleElements:_}=jo(),[v,y]=e.useState(!1),[b,x]=e.useState(!1),[S,C]=e.useState(!1),[w,T]=e.useState(!1),[E,D]=e.useState(!1),[O,k]=e.useState(fu),[A,j]=e.useState(fu),[M,N]=e.useState(pu),[P,F]=e.useState(mu),I=e.useRef(null),L=e.useRef(null),R=e.useRef(null),z=e.useRef(null),B=e.useRef(null),V=e.useRef(null),ee=e.useRef(null),H=e.useRef(!1),te=e.useRef(0),ne=e.useRef(0),re=e.useRef(0),U=e.useRef(0),W=e.useRef(`vertical`),ie=e.useRef(du),ae=Y(e=>{let t=e.x-ie.current.x,n=e.y-ie.current.y;ie.current=e,n!==0&&(C(!0),p.start(500,()=>{C(!1)})),t!==0&&(x(!0),h.start(500,()=>{x(!1)}))}),oe=Y(e=>{e.button===0&&(H.current=!0,te.current=e.clientY,ne.current=e.clientX,W.current=e.currentTarget.getAttribute(ou.orientation),L.current&&(re.current=L.current.scrollTop,U.current=L.current.scrollLeft),B.current&&W.current===`vertical`&&B.current.setPointerCapture(e.pointerId),V.current&&W.current===`horizontal`&&V.current.setPointerCapture(e.pointerId))}),se=Y(e=>{if(!H.current)return;let t=e.clientY-te.current,n=e.clientX-ne.current;if(L.current){let r=L.current.scrollHeight,i=L.current.clientHeight,a=L.current.scrollWidth,o=L.current.clientWidth;if(B.current&&R.current&&W.current===`vertical`){let n=au(R.current,`padding`,`y`),a=au(B.current,`margin`,`y`),o=B.current.offsetHeight,s=t/(R.current.offsetHeight-o-n-a);L.current.scrollTop=re.current+s*(r-i),e.preventDefault(),C(!0),p.start(500,()=>{C(!1)})}if(V.current&&z.current&&W.current===`horizontal`){let t=au(z.current,`padding`,`x`),r=au(V.current,`margin`,`x`),i=V.current.offsetWidth,s=n/(z.current.offsetWidth-i-t-r);L.current.scrollLeft=U.current+s*(a-o),e.preventDefault(),x(!0),h.start(500,()=>{x(!1)})}}}),ce=Y(e=>{H.current=!1,B.current&&W.current===`vertical`&&B.current.hasPointerCapture(e.pointerId)&&B.current.releasePointerCapture(e.pointerId),V.current&&W.current===`horizontal`&&V.current.hasPointerCapture(e.pointerId)&&V.current.releasePointerCapture(e.pointerId)});function le(e){T(e.pointerType===`touch`)}function ue(e){if(le(e),e.pointerType!==`touch`){let t=Q(I.current,e.target);y(t)}}let de=e.useMemo(()=>({scrolling:b||S,hasOverflowX:!P.x,hasOverflowY:!P.y,overflowXStart:M.xStart,overflowXEnd:M.xEnd,overflowYStart:M.yStart,overflowYEnd:M.yEnd,cornerHidden:P.corner}),[b,S,P.x,P.y,P.corner,M]),fe={role:`presentation`,onPointerEnter:ue,onPointerMove:ue,onPointerDown:le,onPointerLeave(){y(!1)},style:{position:`relative`,[iu.scrollAreaCornerHeight]:`${O.height}px`,[iu.scrollAreaCornerWidth]:`${O.width}px`}},pe=Ce(`div`,t,{state:de,ref:[n,I],props:[fe,s],stateAttributesMapping:uu}),me=e.useMemo(()=>({handlePointerDown:oe,handlePointerMove:se,handlePointerUp:ce,handleScroll:ae,cornerSize:O,setCornerSize:k,thumbSize:A,setThumbSize:j,hasMeasuredScrollbar:E,setHasMeasuredScrollbar:D,touchModality:w,cornerRef:ee,scrollingX:b,setScrollingX:x,scrollingY:S,setScrollingY:C,hovering:v,setHovering:y,viewportRef:L,rootRef:I,scrollbarYRef:R,scrollbarXRef:z,thumbYRef:B,thumbXRef:V,rootId:f,hiddenState:P,setHiddenState:F,overflowEdges:M,setOverflowEdges:N,viewportState:de,overflowEdgeThreshold:{xStart:c,xEnd:l,yStart:u,yEnd:d}}),[oe,se,ce,ae,O,A,E,w,b,x,S,C,v,y,f,P,M,de,c,l,u,d]);return/*#__PURE__*/ m(nu.Provider,{value:me,children:[!_&&cu.getElement(g),pe]})});process.env.NODE_ENV!==`production`&&(hu.displayName=`ScrollAreaRoot`);function gu(e){if(typeof e==`number`){let t=Math.max(0,e);return{xStart:t,xEnd:t,yStart:t,yEnd:t}}return{xStart:Math.max(0,e?.xStart||0),xEnd:Math.max(0,e?.xEnd||0),yStart:Math.max(0,e?.yStart||0),yEnd:Math.max(0,e?.yEnd||0)}}const _u=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(_u.displayName=`ScrollAreaViewportContext`);let vu=/*#__PURE__*/ function(e){return e.scrollAreaOverflowXStart=`--scroll-area-overflow-x-start`,e.scrollAreaOverflowXEnd=`--scroll-area-overflow-x-end`,e.scrollAreaOverflowYStart=`--scroll-area-overflow-y-start`,e.scrollAreaOverflowYEnd=`--scroll-area-overflow-y-end`,e}({});function yu(e,t){if(t<=0)return 0;let n=va(e,0,t),r=n,i=t-n,a=r<=1,o=i<=1;return a&&o?r<=i?0:t:a?0:o?t:n}let bu=!1;function xu(){bu||Yr||(typeof CSS<`u`&&`registerProperty`in CSS&&[vu.scrollAreaOverflowXStart,vu.scrollAreaOverflowXEnd,vu.scrollAreaOverflowYStart,vu.scrollAreaOverflowYEnd].forEach(e=>{try{CSS.registerProperty({name:e,syntax:`<length>`,inherits:!1,initialValue:`0px`})}catch{}}),bu=!0)}const Su=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,style:a,...o}=t,{viewportRef:s,scrollbarYRef:c,scrollbarXRef:l,thumbYRef:u,thumbXRef:d,cornerRef:f,cornerSize:m,setCornerSize:h,setThumbSize:g,rootId:_,setHiddenState:v,hiddenState:y,setHasMeasuredScrollbar:b,handleScroll:x,setHovering:S,setOverflowEdges:C,overflowEdges:w,overflowEdgeThreshold:T,scrollingX:E,scrollingY:D}=ru(),O=Wa(),k=e.useRef(!0),A=e.useRef([NaN,NaN,NaN,NaN]),j=Wi(),M=Wi(),N=Y(()=>{let e=s.current,t=c.current,n=l.current,r=u.current,i=d.current,a=f.current;if(!e)return;let o=e.scrollHeight,p=e.scrollWidth,_=e.clientHeight,y=e.clientWidth,x=e.scrollTop,S=e.scrollLeft,w=A.current,E=Number.isNaN(w[0]);if(w[0]=_,w[1]=o,w[2]=y,w[3]=p,E&&b(!0),o===0||p===0)return;let D=Cu(e),k=D.y,j=D.x,M=y/p,N=_/o,P=Math.max(0,p-y),F=Math.max(0,o-_),I=0,L=0;if(!j){let e=0;e=va(O===`rtl`?-S:S,0,P),I=yu(e,P),L=P-I}let R=k?0:va(x,0,F),z=k?0:yu(R,F),B=k?0:F-z,V=j?0:y,ee=k?0:_,H=0,te=0;!j&&!k&&(H=t?.offsetWidth||0,te=n?.offsetHeight||0);let ne=m.width===0&&m.height===0,re=ne?H:0,U=ne?te:0,W=au(n,`padding`,`x`),ie=au(t,`padding`,`y`),ae=au(i,`margin`,`x`),oe=au(r,`margin`,`y`),se=V-W-ae,ce=ee-ie-oe,le=n?Math.min(n.offsetWidth-re,se):se,ue=t?Math.min(t.offsetHeight-U,ce):ce,de=Math.max(16,le*M),fe=Math.max(16,ue*N);if(g(e=>e.height===fe&&e.width===de?e:{width:de,height:fe}),t&&r){let e=t.offsetHeight-fe-ie-oe,n=o-_,i=n===0?0:x/n,a=Math.min(e,Math.max(0,i*e));r.style.transform=`translate3d(0,${a}px,0)`}if(n&&i){let e=n.offsetWidth-de-W-ae,t=p-y,r=t===0?0:S/t,a=O===`rtl`?va(r*e,-e,0):va(r*e,0,e);i.style.transform=`translate3d(${a}px,0,0)`}let pe=[[vu.scrollAreaOverflowXStart,I],[vu.scrollAreaOverflowXEnd,L],[vu.scrollAreaOverflowYStart,z],[vu.scrollAreaOverflowYEnd,B]];for(let[t,n]of pe)e.style.setProperty(t,`${n}px`);a&&(j||k?h({width:0,height:0}):!j&&!k&&h({width:H,height:te})),v(e=>wu(e,D));let me={xStart:!j&&I>T.xStart,xEnd:!j&&L>T.xEnd,yStart:!k&&z>T.yStart,yEnd:!k&&B>T.yEnd};C(e=>e.xStart===me.xStart&&e.xEnd===me.xEnd&&e.yStart===me.yStart&&e.yEnd===me.yEnd?e:me)});X(()=>{s.current&&xu()},[s]),X(()=>{queueMicrotask(N)},[N,y,O,T.xStart,T.xEnd,T.yStart,T.yEnd]),X(()=>{s.current?.matches(`:hover`)&&S(!0)},[s,S]),X(()=>{let e=s.current;if(typeof ResizeObserver>`u`||!e)return;let t=!1,n=new ResizeObserver(()=>{if(!t){t=!0;let n=A.current;if(n[0]===e.clientHeight&&n[1]===e.scrollHeight&&n[2]===e.clientWidth&&n[3]===e.scrollWidth)return}N()});return n.observe(e),M.start(0,()=>{let t=e.getAnimations({subtree:!0});t.length!==0&&Promise.allSettled(t.map(e=>e.finished)).then(N).catch(()=>{})}),()=>{n.disconnect(),M.clear()}},[N,s,M]);function P(){k.current=!1}let F={role:`presentation`,..._&&{"data-id":`${_}-viewport`},tabIndex:y.x&&y.y?-1:0,className:cu.className,style:{overflow:`scroll`},onScroll(){s.current&&(N(),k.current||x({x:s.current.scrollLeft,y:s.current.scrollTop}),j.start(100,()=>{k.current=!0}))},onWheel:P,onTouchMove:P,onPointerMove:P,onPointerEnter:P,onKeyDown:P},I=e.useMemo(()=>({scrolling:E||D,hasOverflowX:!y.x,hasOverflowY:!y.y,overflowXStart:w.xStart,overflowXEnd:w.xEnd,overflowYStart:w.yStart,overflowYEnd:w.yEnd,cornerHidden:y.corner}),[E,D,y.x,y.y,y.corner,w]),L=Ce(`div`,t,{ref:[n,s],state:I,props:[F,o],stateAttributesMapping:uu}),R=e.useMemo(()=>({computeThumbPosition:N}),[N]);return/*#__PURE__*/ p(_u.Provider,{value:R,children:L})});process.env.NODE_ENV!==`production`&&(Su.displayName=`ScrollAreaViewport`);function Cu(e){let t=e.clientHeight>=e.scrollHeight,n=e.clientWidth>=e.scrollWidth;return{y:t,x:n,corner:t||n}}function wu(e,t){return e.y===t.y&&e.x===t.x&&e.corner===t.corner?e:t}const Tu=/*#__PURE__*/ e.createContext(void 0);process.env.NODE_ENV!==`production`&&(Tu.displayName=`ScrollAreaScrollbarContext`);function Eu(){let t=e.useContext(Tu);if(t===void 0)throw Error(process.env.NODE_ENV===`production`?W(54):`Base UI: ScrollAreaScrollbarContext is missing. ScrollAreaScrollbar parts must be placed within <ScrollArea.Scrollbar>.`);return t}let Du=/*#__PURE__*/ function(e){return e.scrollAreaThumbHeight=`--scroll-area-thumb-height`,e.scrollAreaThumbWidth=`--scroll-area-thumb-width`,e}({});const Ou=/*#__PURE__*/ e.forwardRef(function(t,n){let{render:r,className:i,orientation:a=`vertical`,keepMounted:o=!1,style:s,...c}=t,{hovering:l,scrollingX:u,scrollingY:d,hiddenState:f,overflowEdges:m,scrollbarYRef:h,scrollbarXRef:g,viewportRef:_,thumbYRef:v,thumbXRef:y,handlePointerDown:b,handlePointerUp:x,handleScroll:S,rootId:C,thumbSize:w,hasMeasuredScrollbar:T}=ru(),E={hovering:l,scrolling:{horizontal:u,vertical:d}[a],orientation:a,hasOverflowX:!f.x,hasOverflowY:!f.y,overflowXStart:m.xStart,overflowXEnd:m.xEnd,overflowYStart:m.yStart,overflowYEnd:m.yEnd,cornerHidden:f.corner},D=Wa(),O=!T&&!o,k=a===`vertical`?f.y:f.x,A=o||!k;e.useEffect(()=>{if(!A)return;let e=_.current,t=a===`vertical`?h.current:g.current;if(!t)return;function n(n){if(!e||!t||n.ctrlKey)return;let r=a===`horizontal`,i=r?`scrollLeft`:`scrollTop`,o=r?n.deltaX:n.deltaY;if(o===0)return;let s=r?e.scrollWidth-e.clientWidth:e.scrollHeight-e.clientHeight,c=r&&D===`rtl`?-s:0,l=r&&D===`rtl`?0:s,u=e[i];u<=c&&o<0||u>=l&&o>0||(n.preventDefault(),e[i]=Math.min(l,Math.max(c,u+o)),S({x:e.scrollLeft,y:e.scrollTop}))}return Ha(t,`wheel`,n,{passive:!1})},[D,S,a,g,h,A,_]);let j={...C&&{"data-id":`${C}-scrollbar`},onPointerDown(e){if(e.button!==0)return;let t=$r(e.nativeEvent),n=a===`vertical`?v.current:y.current;if(!(n&&Q(n,t))&&_.current){if(v.current&&h.current&&a===`vertical`){let t=au(v.current,`margin`,`y`),n=au(h.current,`padding`,`y`),r=v.current.offsetHeight,i=h.current.getBoundingClientRect(),a=e.clientY-i.top-r/2-n+t/2,o=_.current.scrollHeight,s=_.current.clientHeight,c=a/(h.current.offsetHeight-r-n-t)*(o-s);_.current.scrollTop=c}if(y.current&&g.current&&a===`horizontal`){let t=au(y.current,`margin`,`x`),n=au(g.current,`padding`,`x`),r=y.current.offsetWidth,i=g.current.getBoundingClientRect(),a=e.clientX-i.left-r/2-n+t/2,o=_.current.scrollWidth,s=_.current.clientWidth,c=a/(g.current.offsetWidth-r-n-t),l;D===`rtl`?(l=(1-c)*(o-s),_.current.scrollLeft<=0&&(l=-l)):l=c*(o-s),_.current.scrollLeft=l}S({x:_.current.scrollLeft,y:_.current.scrollTop}),b(e)}},onPointerUp:x,onPointerCancel:x,style:{position:`absolute`,touchAction:`none`,WebkitUserSelect:`none`,userSelect:`none`,visibility:O?`hidden`:void 0,...a===`vertical`&&{top:0,bottom:`var(${iu.scrollAreaCornerHeight})`,insetInlineEnd:0,[Du.scrollAreaThumbHeight]:`${w.height}px`},...a===`horizontal`&&{insetInlineStart:0,insetInlineEnd:`var(${iu.scrollAreaCornerWidth})`,bottom:0,[Du.scrollAreaThumbWidth]:`${w.width}px`}}},M=Ce(`div`,t,{ref:[n,a===`vertical`?h:g],state:E,props:[j,c],stateAttributesMapping:uu}),N=e.useMemo(()=>({orientation:a}),[a]);return A?/*#__PURE__*/ p(Tu.Provider,{value:N,children:M}):null});process.env.NODE_ENV!==`production`&&(Ou.displayName=`ScrollAreaScrollbar`);const ku=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{thumbYRef:o,thumbXRef:s,handlePointerDown:c,handlePointerMove:l,handlePointerUp:u,setScrollingX:d,setScrollingY:f,scrollingX:p,scrollingY:m,hasMeasuredScrollbar:h}=ru(),{orientation:g}=Eu(),_={scrolling:g===`horizontal`?p:m,orientation:g};function v(e){g===`vertical`&&f(!1),g===`horizontal`&&d(!1),u(e)}return Ce(`div`,e,{ref:[t,g===`vertical`?o:s],state:_,props:[{onPointerDown:c,onPointerMove:l,onPointerUp:v,onPointerCancel:v,style:{visibility:h?void 0:`hidden`,...g===`vertical`&&{height:`var(${Du.scrollAreaThumbHeight})`},...g===`horizontal`&&{width:`var(${Du.scrollAreaThumbWidth})`}}},a]})});process.env.NODE_ENV!==`production`&&(ku.displayName=`ScrollAreaThumb`);const Au=/*#__PURE__*/ e.forwardRef(function(e,t){let{render:n,className:r,style:i,...a}=e,{cornerRef:o,cornerSize:s,hiddenState:c}=ru(),l=Ce(`div`,e,{ref:[t,o],props:[{style:{position:`absolute`,bottom:0,insetInlineEnd:0,width:s.width,height:s.height}},a]});return c.corner?null:l});process.env.NODE_ENV!==`production`&&(Au.displayName=`ScrollAreaCorner`);function ju({className:e,children:t,...n}){return/* @__PURE__ */ m(hu,{"data-slot":`scroll-area`,className:J(`relative`,e),...n,children:[/* @__PURE__ */ p(Su,{"data-slot":`scroll-area-viewport`,className:`size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1`,children:t}),/* @__PURE__ */ p(Mu,{}),/* @__PURE__ */ p(Au,{})]})}function Mu({className:e,orientation:t=`vertical`,...n}){return/* @__PURE__ */ p(Ou,{"data-slot":`scroll-area-scrollbar`,"data-orientation":t,orientation:t,className:J(`flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent`,e),...n,children:/* @__PURE__ */ p(ku,{"data-slot":`scroll-area-thumb`,className:`relative flex-1 rounded-full bg-border`})})}const Nu=`/__slabui/theme`;function Pu(e){let[t,n]=d({status:`loading`}),[r,a]=d(!1),s=i(async()=>{try{let e=await fetch(`${Nu}/account`);if(e.status===404){n({status:`disabled`});return}n(await e.json())}catch{}},[]);o(()=>{if(!e)return;s();let t=typeof EventSource>`u`?void 0:new EventSource(`${Nu}/events`);t?.addEventListener(`account`,e=>{n(JSON.parse(e.data)),a(!1)});let r=()=>void s();return window.addEventListener(`focus`,r),()=>{t?.close(),window.removeEventListener(`focus`,r)}},[e,s]);let c=i(async()=>{let e=window.open(`about:blank`,`_blank`),{url:t,account:r}=await(await fetch(`${Nu}/account/login`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({origin:window.location.origin})})).json();t?(e?e.location.href=t:window.location.assign(t),a(!0)):(e?.close(),r&&n(r))},[]),l=i(async()=>{let e=await fetch(`${Nu}/account/logout`,{method:`POST`});n(await e.json())},[]);return{account:t,waiting:r,pro:t.status===`pro`||t.status===`disabled`||t.status===`loading`,signedIn:t.status!==`signed-out`,signIn:c,signOut:l}}const Fu=`/__slabui/theme`;async function Iu(e,t){let n=await fetch(`${Fu}${e}`,{...t,headers:{"content-type":`application/json`}}),r=await n.json().catch(()=>({}));return{ok:n.ok,status:n.status,body:r}}function Lu(e,t){return{ok:!1,message:t.issues?.map(({name:e,message:t})=>`--${e}: ${t}`).join(`; `)??t.error??`HTTP ${e}`,issues:t.issues}}function Ru(){let[e,t]=d({status:`idle`}),n=i(async()=>{let{ok:e,status:t,body:n}=await Iu(``);if(!e)throw Error(n.error??`HTTP ${t}`);let r=n.themes??[],i=Object.fromEntries(await Promise.all(r.map(async e=>[e,(await Iu(`?theme=${encodeURIComponent(e)}`)).body.tokens??{}])));return{tokens:n.tokens??{},defaults:n.defaults??{},installed:n.installed??null,themes:r,themeTokens:i}},[]),r=u(0),a=i(async()=>{let e=++r.current;t({status:`loading`});try{let i=await n();e===r.current&&t({status:`ready`,...i})}catch(n){e===r.current&&t({status:`error`,message:n instanceof Error?`${n.message}. Is the @slabui/theme-react plugin in your config?`:String(n)})}},[n]),o=i(async()=>{let e=++r.current;try{let i=await n();e===r.current&&t(e=>e.status===`ready`?{status:`ready`,...i}:e)}catch{}},[n]),s=i(()=>{if(typeof EventSource>`u`)return()=>void 0;let e=new EventSource(`${Fu}/events`),t=()=>void o();return e.addEventListener(`theme`,t),e.addEventListener(`themes`,t),()=>e.close()},[o]),c=i(async(e,{theme:n,unset:r}={})=>{try{let{ok:i,status:a,body:o}=await Iu(``,{method:`PATCH`,body:JSON.stringify({tokens:e,theme:n,unset:r})});return i?(t(t=>{if(t.status!==`ready`)return t;if(!n)return{...t,tokens:zu(t.tokens,e)};let i=zu(t.themeTokens[n]??{},e);for(let e of[`light`,`dark`])for(let t of r?.[e]??[])delete i[e]?.[t];return{...t,themeTokens:{...t.themeTokens,[n]:i}}}),{ok:!0}):Lu(a,o)}catch(e){return{ok:!1,message:e instanceof Error?e.message:String(e)}}},[]),l=i(async(e,t)=>{try{let{ok:n,status:r,body:i}=await Iu(e,t);return n?(await a(),{ok:!0}):Lu(r,i)}catch(e){return{ok:!1,message:e instanceof Error?e.message:String(e)}}},[a]);return{state:e,load:a,listen:s,save:c,createTheme:i((e,t)=>l(`/themes`,{method:`POST`,body:JSON.stringify({name:e,from:t})}),[l]),renameTheme:i((e,t)=>l(`/themes/${encodeURIComponent(e)}`,{method:`PATCH`,body:JSON.stringify({name:t})}),[l]),deleteTheme:i(e=>l(`/themes/${encodeURIComponent(e)}`,{method:`DELETE`}),[l])}}function zu(e,t){let n={...e};for(let r of[`theme`,`light`,`dark`])t[r]&&(n[r]={...e[r],...t[r]});return n}const Bu=`slabui-theme-editor`;function Vu(){try{let e=window.sessionStorage.getItem(Bu);return e?JSON.parse(e):void 0}catch{return}}const Hu=()=>({set:{light:{},dark:{}},unset:{light:[],dark:[]}}),Uu=e=>!e||[`light`,`dark`].every(t=>Object.keys(e.set[t]).length===0&&e.unset[t].length===0);function Wu(e,t){let n=n=>{let r={...e[n],...t?.set[n]};for(let e of t?.unset[n]??[])delete r[e];return r};return{light:n(`light`),dark:n(`dark`)}}function Gu(e,t){let n={};for(let r of t)Object.assign(n,r.light),e===`dark`&&Object.assign(n,r.dark);return n}const Ku=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>[`--${e}`,t]));function qu(e){return process.env.NODE_ENV===`development`?/* @__PURE__ */ p(Ju,{...e}):null}function Ju(e){let[t,n]=d(!1);return o(()=>n(window.name!==rs),[]),t?/* @__PURE__ */ p(Yu,{...e}):null}function Yu({preview:e}){let{state:t,load:n,listen:r,save:i,createTheme:a,renameTheme:s,deleteTheme:c}=Ru(),[l]=d(Vu),[h,g]=d(l?.open??!1),[_,y]=d(l?.drafts??{}),[b,x]=d(l?.theme??``),[S,C]=d(!1),[w,T]=d(!1),[E,D]=d(),[O,k]=d(l?.section??`radius`),[j,M]=d(`primary`),[N,P]=d(`components`),[F,I]=d(`light`),[L,R]=d(null),{account:z,waiting:B,pro:V,signedIn:ee,signIn:H,signOut:te}=Pu(h),ne=`site`in z?z.site:void 0,re=t.status===`ready`,U=re?t.tokens:{},W=re?t.defaults:{},ie=re?t.installed:null,ae=re?t.themes:[],oe=e=>re&&t.themeTokens[e]||{},se=_[b]??Hu(),ce=e=>[{light:W.light??{},dark:W.dark??{}},Wu(U,e[``]),...b?[Wu(oe(b),e[b])]:[]],le=Gu(F,ce(_)),ue=(e,t=_)=>Gu(e,ce({...t,[b]:Hu()})),de=new Set(Object.keys(_).filter(e=>!Uu(_[e]))),fe=Object.entries(_).flatMap(([e,t])=>[`light`,`dark`].flatMap(n=>[...Object.keys(t.set[n]),...t.unset[n]].map(t=>({theme:e,group:n,name:t}))));o(()=>{h&&(I(document.documentElement.classList.contains(`dark`)?`dark`:`light`),n())},[h,n]),o(()=>h?r():void 0,[h,r]),o(()=>{try{window.sessionStorage.setItem(Bu,JSON.stringify({open:h,section:O,theme:b,drafts:_}))}catch{}},[h,O,b,_]),o(()=>{V||P(`components`)},[V]),o(()=>{re&&b&&(!ae.includes(b)||!V)&&x(``)},[re,b,ae,V]),o(()=>{if(!h||!S)return;let e=document.documentElement,t=e.getAttribute(v);return b?e.setAttribute(v,b):e.removeAttribute(v),()=>{t===null?e.removeAttribute(v):e.setAttribute(v,t)}},[h,S,b]);let pe=e=>{y(t=>{let n=structuredClone(t[b]??Hu());return e(n),{...t,[b]:n}}),D(void 0)},me=(e,t,n)=>pe(r=>{r.unset[e]=r.unset[e].filter(e=>e!==t),n===ue(e)[t]?delete r.set[e][t]:r.set[e][t]=n}),he=(e,t,n)=>{let r=r=>{let i=Gu(r,ce(_)),a=_r(t,new Set(Object.keys(i))),o={[e]:gr(t,i)??``};return n&&(o[`${e}-foreground`]=gr(a&&!t.endsWith(`foreground`)?a:`foreground`,i)??``),o};y(e=>{let t=structuredClone(e[``]??Hu());for(let e of[`light`,`dark`])Object.assign(t.set[e],r(e));return{...e,"":t}}),D(void 0),M(e)},ge=(e,t)=>b!==``&&(t in se.set[e]||t in(oe(b)[e]??{})&&!se.unset[e].includes(t)),_e=(e,t)=>e===`dark`?W.dark?.[t]??W.light?.[t]:W.light?.[t],ve=(e,t)=>{if(b)pe(n=>{delete n.set[e][t],t in(oe(b)[e]??{})&&!n.unset[e].includes(t)&&n.unset[e].push(t)});else{let n=_e(e,t);n!==void 0&&me(e,t,n)}},ye=()=>{if(b){let e=oe(b);y(t=>({...t,[b]:{set:{light:{},dark:{}},unset:{light:Object.keys(e.light??{}),dark:Object.keys(e.dark??{})}}})),D(void 0);return}let e=Hu();for(let t of[`light`,`dark`]){let n=ue(t,{});for(let[r,i]of Object.entries(W[t]??{}))n[r]!==i&&(e.set[t][r]=i)}y(t=>({...t,"":e})),D(void 0)},be=async()=>{T(!0);let e=[];for(let[t,n]of Object.entries(_)){if(Uu(n))continue;let r={},a={};for(let e of[`light`,`dark`])Object.keys(n.set[e]).length>0&&(r[e]=n.set[e]),n.unset[e].length>0&&(a[e]=n.unset[e]);let o=await i(r,{theme:t||void 0,unset:t?a:void 0});if(!o.ok){T(!1),D({tone:`error`,text:ae.length>0?`${t||`Base`}: ${o.message}`:o.message});return}y(e=>{let n={...e};return delete n[t],n}),e.push(t)}T(!1),D({tone:`success`,text:e.length===1&&e[0]===``?`Theme saved to the global CSS.`:`Saved: ${e.map(e=>e||`base`).join(`, `)}.`})},xe=async(e,t)=>{let n=await s(e,t);return n.ok&&(y(n=>{let{[e]:r,...i}=n;return r?{...i,[t]:r}:i}),b===e&&x(t)),n},Se=async e=>{let t=await c(e);return t.ok&&(y(({[e]:t,...n})=>n),b===e&&x(``)),t},Ce=async(e,t)=>{let n=await a(e,t);return n.ok&&x(e),n},we=Gu(F,ce({})),Te=Ku(Object.fromEntries(Object.entries(le).filter(([e,t])=>we[e]!==t))),Ee=Ku(le),De=e=>{let t=we[e]??le[e];if(A(t)===`color`)return!0;let n=mr(t)&&gr(e,le);return n!==void 0&&A(n)===`color`},Oe=ce(_).slice(1),ke=new Set([`light`,`dark`].flatMap(e=>Object.keys(Gu(e,Oe)))),Ae=Object.keys(le).filter(e=>ke.has(e)&&De(e)),je=new Set([Gu(`light`,ce(_)),Gu(`dark`,ce(_)),U.theme,W.theme,b?oe(b).theme:void 0].flatMap(e=>Object.keys(e??{}))),Me=new Set(Xo.flatMap(({tokens:e})=>e)),Ne=[...Me].filter(e=>!ke.has(e)&&e in le&&De(e)),Pe=Object.fromEntries([...Ae,...Ne].map(e=>[e,gr(e,le)])),Fe=[...Xo.map(({label:e,tokens:t})=>({label:e,tokens:t.filter(e=>Ae.includes(e)),missing:t.filter(e=>Ne.includes(e))})),{label:`Other`,tokens:Ae.filter(e=>!Me.has(e)).sort(),missing:[]}].filter(({tokens:e,missing:t})=>e.length+t.length>0),Ie=new Set(Ae),Le=Ae.includes(j)?j:Ae.includes(`primary`)?`primary`:Ae[0]??``,Re=O===`colors`?Le:Yo.find(({id:e})=>e===O)?.controls[0]??`radius`,ze=e=>{let t=Jo.find(({name:t})=>t===e.name),n=t?t.label.toLowerCase():`${e.name}${e.group===`dark`?` (dark)`:``}`;return ae.length>0?`${e.theme||`base`}: ${n}`:n},Be=E??(fe.length>0?{tone:`neutral`,text:`Unsaved changes: ${fe.map(ze).join(`, `)}.`}:{tone:`neutral`,text:`No changes.`}),Ve=re?{...t.themeTokens,"":t.tokens}:void 0,He=u(Ve);return o(()=>{let e=He.current;if(He.current=Ve,!e||!Ve||e===Ve)return;let t=fe.filter(t=>e[t.theme]?.[t.group]?.[t.name]!==Ve[t.theme]?.[t.group]?.[t.name]);t.length>0&&D({tone:`neutral`,text:`The file changed outside the editor; your draft still wins for: ${t.map(ze).join(`, `)}.`})}),/* @__PURE__ */ m(`div`,{className:`slabui-te`,children:[/* @__PURE__ */ p(`style`,{children:`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*:where(.slabui-te,.slabui-te *),:where(.slabui-te,.slabui-te *):before,:where(.slabui-te,.slabui-te *):after,:where(.slabui-te,.slabui-te *)::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-content:"";--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{.slabui-te{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-cyan-500:oklch(71.5% .143 215.221);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:var(--spacing);--container-xs:20rem;--container-sm:24rem;--font-weight-normal:400;--font-weight-medium:500;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--animate-spin:spin 1s linear infinite;--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--focus-size:calc(var(--focus-size));--focus-offset:var(--focus-offset)}}@layer base{*:where(.slabui-te,.slabui-te *),:where(.slabui-te,.slabui-te *):after,:where(.slabui-te,.slabui-te *):before,:where(.slabui-te,.slabui-te *)::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}:where(.slabui-te,.slabui-te *)::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}.slabui-te{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr:where(.slabui-te,.slabui-te *){height:0;color:inherit;border-top-width:1px}abbr:where([title]):where(.slabui-te,.slabui-te *){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1:where(.slabui-te,.slabui-te *),h2:where(.slabui-te,.slabui-te *),h3:where(.slabui-te,.slabui-te *),h4:where(.slabui-te,.slabui-te *),h5:where(.slabui-te,.slabui-te *),h6:where(.slabui-te,.slabui-te *){font-size:inherit;font-weight:inherit}a:where(.slabui-te,.slabui-te *){color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b:where(.slabui-te,.slabui-te *),strong:where(.slabui-te,.slabui-te *){font-weight:bolder}code:where(.slabui-te,.slabui-te *),kbd:where(.slabui-te,.slabui-te *),samp:where(.slabui-te,.slabui-te *),pre:where(.slabui-te,.slabui-te *){font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small:where(.slabui-te,.slabui-te *){font-size:80%}sub:where(.slabui-te,.slabui-te *),sup:where(.slabui-te,.slabui-te *){vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub:where(.slabui-te,.slabui-te *){bottom:-.25em}sup:where(.slabui-te,.slabui-te *){top:-.5em}table:where(.slabui-te,.slabui-te *){text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(.slabui-te,.slabui-te *){outline:auto}progress:where(.slabui-te,.slabui-te *){vertical-align:baseline}summary:where(.slabui-te,.slabui-te *){display:list-item}ol:where(.slabui-te,.slabui-te *),ul:where(.slabui-te,.slabui-te *),menu:where(.slabui-te,.slabui-te *){list-style:none}img:where(.slabui-te,.slabui-te *),svg:where(.slabui-te,.slabui-te *),video:where(.slabui-te,.slabui-te *),canvas:where(.slabui-te,.slabui-te *),audio:where(.slabui-te,.slabui-te *),iframe:where(.slabui-te,.slabui-te *),embed:where(.slabui-te,.slabui-te *),object:where(.slabui-te,.slabui-te *){vertical-align:middle;display:block}img:where(.slabui-te,.slabui-te *),video:where(.slabui-te,.slabui-te *){max-width:100%;height:auto}button:where(.slabui-te,.slabui-te *),input:where(.slabui-te,.slabui-te *),select:where(.slabui-te,.slabui-te *),optgroup:where(.slabui-te,.slabui-te *),textarea:where(.slabui-te,.slabui-te *){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(.slabui-te,.slabui-te *)::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup:where(.slabui-te,.slabui-te *){font-weight:bolder}:where(select:is([multiple],[size])) optgroup option:where(.slabui-te,.slabui-te *){padding-inline-start:20px}:where(.slabui-te,.slabui-te *)::file-selector-button{margin-inline-end:4px}:where(.slabui-te,.slabui-te *)::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){:where(.slabui-te,.slabui-te *)::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){:where(.slabui-te,.slabui-te *)::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea:where(.slabui-te,.slabui-te *){resize:vertical}:where(.slabui-te,.slabui-te *)::-webkit-search-decoration{-webkit-appearance:none}:where(.slabui-te,.slabui-te *)::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}:where(.slabui-te,.slabui-te *)::-webkit-datetime-edit{display:inline-flex}:where(.slabui-te,.slabui-te *)::-webkit-datetime-edit-fields-wrapper{padding:0}:where(.slabui-te,.slabui-te *)::-webkit-datetime-edit{padding-block:0}:where(.slabui-te,.slabui-te *)::-webkit-datetime-edit-year-field{padding-block:0}:where(.slabui-te,.slabui-te *)::-webkit-datetime-edit-month-field{padding-block:0}:where(.slabui-te,.slabui-te *)::-webkit-datetime-edit-day-field{padding-block:0}:where(.slabui-te,.slabui-te *)::-webkit-datetime-edit-hour-field{padding-block:0}:where(.slabui-te,.slabui-te *)::-webkit-datetime-edit-minute-field{padding-block:0}:where(.slabui-te,.slabui-te *)::-webkit-datetime-edit-second-field{padding-block:0}:where(.slabui-te,.slabui-te *)::-webkit-datetime-edit-millisecond-field{padding-block:0}:where(.slabui-te,.slabui-te *)::-webkit-datetime-edit-meridiem-field{padding-block:0}:where(.slabui-te,.slabui-te *)::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid:where(.slabui-te,.slabui-te *){box-shadow:none}button:where(.slabui-te,.slabui-te *),input:where([type=button],[type=reset],[type=submit]):where(.slabui-te,.slabui-te *){appearance:button}:where(.slabui-te,.slabui-te *)::file-selector-button{appearance:button}:where(.slabui-te,.slabui-te *)::-webkit-inner-spin-button{height:auto}:where(.slabui-te,.slabui-te *)::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])):where(.slabui-te,.slabui-te *){display:none!important}*:where(.slabui-te,.slabui-te *){border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*:where(.slabui-te,.slabui-te *){outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.slabui-te{font-family:var(--font-sans);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer components;@layer utilities{.\\@container\\/card-header:where(.slabui-te,.slabui-te *){container:card-header/inline-size}.\\@container\\/field-group:where(.slabui-te,.slabui-te *){container:field-group/inline-size}.sr-only:where(.slabui-te,.slabui-te *){clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute:where(.slabui-te,.slabui-te *){position:absolute}.fixed:where(.slabui-te,.slabui-te *){position:fixed}.relative:where(.slabui-te,.slabui-te *){position:relative}.static:where(.slabui-te,.slabui-te *){position:static}.inset-0:where(.slabui-te,.slabui-te *){inset:0}.top-0:where(.slabui-te,.slabui-te *){top:0}.top-1\\/2:where(.slabui-te,.slabui-te *){top:50%}.top-2:where(.slabui-te,.slabui-te *){top:calc(var(--spacing) * 2)}.top-full:where(.slabui-te,.slabui-te *){top:100%}.right-0:where(.slabui-te,.slabui-te *){right:0}.right-2:where(.slabui-te,.slabui-te *){right:calc(var(--spacing) * 2)}.bottom-2:where(.slabui-te,.slabui-te *){bottom:calc(var(--spacing) * 2)}.left-0:where(.slabui-te,.slabui-te *){left:0}.left-1:where(.slabui-te,.slabui-te *){left:var(--spacing)}.left-1\\/2:where(.slabui-te,.slabui-te *){left:50%}.isolate:where(.slabui-te,.slabui-te *){isolation:isolate}.z-10:where(.slabui-te,.slabui-te *){z-index:10}.z-50:where(.slabui-te,.slabui-te *){z-index:50}.z-2147483000:where(.slabui-te,.slabui-te *){z-index:2147483000}.z-2147483001:where(.slabui-te,.slabui-te *){z-index:2147483001}.order-0:where(.slabui-te,.slabui-te *){order:0}.order-1:where(.slabui-te,.slabui-te *){order:1}.col-start-2:where(.slabui-te,.slabui-te *){grid-column-start:2}.row-span-2:where(.slabui-te,.slabui-te *){grid-row:span 2/span 2}.row-start-1:where(.slabui-te,.slabui-te *){grid-row-start:1}.container:where(.slabui-te,.slabui-te *){width:100%}@media (min-width:1600px){.container:where(.slabui-te,.slabui-te *){max-width:1600px}}@media (min-width:2000px){.container:where(.slabui-te,.slabui-te *){max-width:2000px}}@media (min-width:40rem){.container:where(.slabui-te,.slabui-te *){max-width:40rem}}@media (min-width:48rem){.container:where(.slabui-te,.slabui-te *){max-width:48rem}}@media (min-width:64rem){.container:where(.slabui-te,.slabui-te *){max-width:64rem}}@media (min-width:80rem){.container:where(.slabui-te,.slabui-te *){max-width:80rem}}@media (min-width:96rem){.container:where(.slabui-te,.slabui-te *){max-width:96rem}}.mx-0:where(.slabui-te,.slabui-te *){margin-inline:0}.mx-auto:where(.slabui-te,.slabui-te *){margin-inline:auto}.-my-2:where(.slabui-te,.slabui-te *){margin-block:calc(var(--spacing) * -2)}.mt-1:where(.slabui-te,.slabui-te *){margin-top:var(--spacing)}.mr-8:where(.slabui-te,.slabui-te *){margin-right:calc(var(--spacing) * 8)}.mb-0:where(.slabui-te,.slabui-te *){margin-bottom:0}.mb-1:where(.slabui-te,.slabui-te *){margin-bottom:var(--spacing)}.mb-2:where(.slabui-te,.slabui-te *){margin-bottom:calc(var(--spacing) * 2)}.ml-4:where(.slabui-te,.slabui-te *){margin-left:calc(var(--spacing) * 4)}.ml-auto:where(.slabui-te,.slabui-te *){margin-left:auto}.block:where(.slabui-te,.slabui-te *){display:block}.flex:where(.slabui-te,.slabui-te *){display:flex}.grid:where(.slabui-te,.slabui-te *){display:grid}.hidden:where(.slabui-te,.slabui-te *){display:none}.inline:where(.slabui-te,.slabui-te *){display:inline}.inline-flex:where(.slabui-te,.slabui-te *){display:inline-flex}.table:where(.slabui-te,.slabui-te *){display:table}.size-3:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-5\\.5:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5)}.size-6:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-6\\.5:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 6.5);height:calc(var(--spacing) * 6.5)}.size-7:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-7\\.5:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 7.5);height:calc(var(--spacing) * 7.5)}.size-8:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-8\\.5:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 8.5);height:calc(var(--spacing) * 8.5)}.size-10:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-full:where(.slabui-te,.slabui-te *){width:100%;height:100%}.h-5:where(.slabui-te,.slabui-te *){height:calc(var(--spacing) * 5)}.h-5\\.5:where(.slabui-te,.slabui-te *){height:calc(var(--spacing) * 5.5)}.h-6\\.5:where(.slabui-te,.slabui-te *){height:calc(var(--spacing) * 6.5)}.h-7:where(.slabui-te,.slabui-te *){height:calc(var(--spacing) * 7)}.h-7\\.5:where(.slabui-te,.slabui-te *){height:calc(var(--spacing) * 7.5)}.h-8:where(.slabui-te,.slabui-te *){height:calc(var(--spacing) * 8)}.h-8\\.5:where(.slabui-te,.slabui-te *){height:calc(var(--spacing) * 8.5)}.h-28:where(.slabui-te,.slabui-te *){height:calc(var(--spacing) * 28)}.h-\\[45\\%\\]:where(.slabui-te,.slabui-te *){height:45%}.h-\\[60\\%\\]:where(.slabui-te,.slabui-te *){height:60%}.h-\\[70\\%\\]:where(.slabui-te,.slabui-te *){height:70%}.h-\\[85\\%\\]:where(.slabui-te,.slabui-te *){height:85%}.h-\\[calc\\(100\\%-1px\\)\\]:where(.slabui-te,.slabui-te *){height:calc(100% - 1px)}.h-\\[min\\(960px\\,calc\\(100vh-2rem\\)\\)\\]:where(.slabui-te,.slabui-te *){height:min(960px,100vh - 2rem)}.h-full:where(.slabui-te,.slabui-te *){height:100%}.min-h-0:where(.slabui-te,.slabui-te *){min-height:0}.w-8:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 8)}.w-9:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 9)}.w-10:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 10)}.w-24:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 24)}.w-48:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 48)}.w-56:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 56)}.w-\\[calc\\(var\\(--page\\)\\/4\\)\\]:where(.slabui-te,.slabui-te *){width:calc(var(--page) / 4)}.w-\\[calc\\(var\\(--page-lg\\)\\/4\\)\\]:where(.slabui-te,.slabui-te *){width:calc(var(--page-lg) / 4)}.w-\\[calc\\(var\\(--page-sm\\)\\/4\\)\\]:where(.slabui-te,.slabui-te *){width:calc(var(--page-sm) / 4)}.w-fit:where(.slabui-te,.slabui-te *){width:fit-content}.w-full:where(.slabui-te,.slabui-te *){width:100%}.max-w-32:where(.slabui-te,.slabui-te *){max-width:calc(var(--spacing) * 32)}.max-w-48:where(.slabui-te,.slabui-te *){max-width:calc(var(--spacing) * 48)}.max-w-\\[calc\\(100\\%-2rem\\)\\]:where(.slabui-te,.slabui-te *){max-width:calc(100% - 2rem)}.max-w-\\[min\\(1560px\\,calc\\(100\\%-2rem\\)\\)\\]:where(.slabui-te,.slabui-te *){max-width:min(1560px,100% - 2rem)}.max-w-full:where(.slabui-te,.slabui-te *){max-width:100%}.max-w-sm:where(.slabui-te,.slabui-te *){max-width:var(--container-sm)}.max-w-xs:where(.slabui-te,.slabui-te *){max-width:var(--container-xs)}.min-w-0:where(.slabui-te,.slabui-te *){min-width:0}.flex-1:where(.slabui-te,.slabui-te *){flex:1}.shrink-0:where(.slabui-te,.slabui-te *){flex-shrink:0}.grow:where(.slabui-te,.slabui-te *){flex-grow:1}.origin-top-left:where(.slabui-te,.slabui-te *){transform-origin:0 0}.-translate-x-1\\/2:where(.slabui-te,.slabui-te *){--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2:where(.slabui-te,.slabui-te *){--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform:where(.slabui-te,.slabui-te *){transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin:where(.slabui-te,.slabui-te *){animation:var(--animate-spin)}.cursor-default:where(.slabui-te,.slabui-te *){cursor:default}.cursor-pointer:where(.slabui-te,.slabui-te *){cursor:pointer}.touch-none:where(.slabui-te,.slabui-te *){touch-action:none}.list-disc:where(.slabui-te,.slabui-te *){list-style-type:disc}.\\[appearance\\:textfield\\]:where(.slabui-te,.slabui-te *){appearance:textfield}.auto-rows-min:where(.slabui-te,.slabui-te *){grid-auto-rows:min-content}.grid-cols-1:where(.slabui-te,.slabui-te *){grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3:where(.slabui-te,.slabui-te *){grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\\[6rem_1fr_3rem\\]:where(.slabui-te,.slabui-te *){grid-template-columns:6rem 1fr 3rem}.flex-col:where(.slabui-te,.slabui-te *){flex-direction:column}.flex-col-reverse:where(.slabui-te,.slabui-te *){flex-direction:column-reverse}.flex-row:where(.slabui-te,.slabui-te *){flex-direction:row}.flex-wrap:where(.slabui-te,.slabui-te *){flex-wrap:wrap}.place-items-center:where(.slabui-te,.slabui-te *){place-items:center}.items-baseline:where(.slabui-te,.slabui-te *){align-items:baseline}.items-center:where(.slabui-te,.slabui-te *){align-items:center}.items-end:where(.slabui-te,.slabui-te *){align-items:flex-end}.items-start:where(.slabui-te,.slabui-te *){align-items:flex-start}.items-stretch:where(.slabui-te,.slabui-te *){align-items:stretch}.justify-between:where(.slabui-te,.slabui-te *){justify-content:space-between}.justify-center:where(.slabui-te,.slabui-te *){justify-content:center}.gap-\\(--card-spacing\\):where(.slabui-te,.slabui-te *){gap:var(--card-spacing)}.gap-0:where(.slabui-te,.slabui-te *){gap:0}.gap-0\\.5:where(.slabui-te,.slabui-te *){gap:calc(var(--spacing) * .5)}.gap-1:where(.slabui-te,.slabui-te *){gap:var(--spacing)}.gap-1\\.5:where(.slabui-te,.slabui-te *){gap:calc(var(--spacing) * 1.5)}.gap-2:where(.slabui-te,.slabui-te *){gap:calc(var(--spacing) * 2)}.gap-3:where(.slabui-te,.slabui-te *){gap:calc(var(--spacing) * 3)}.gap-4:where(.slabui-te,.slabui-te *){gap:calc(var(--spacing) * 4)}.gap-6:where(.slabui-te,.slabui-te *){gap:calc(var(--spacing) * 6)}.self-center:where(.slabui-te,.slabui-te *){align-self:center}.self-start:where(.slabui-te,.slabui-te *){align-self:flex-start}.justify-self-end:where(.slabui-te,.slabui-te *){justify-self:flex-end}.truncate:where(.slabui-te,.slabui-te *){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden:where(.slabui-te,.slabui-te *){overflow:hidden}.overflow-x-auto:where(.slabui-te,.slabui-te *){overflow-x:auto}.rounded:where(.slabui-te,.slabui-te *){border-radius:.25rem}.rounded-\\[inherit\\]:where(.slabui-te,.slabui-te *){border-radius:inherit}.rounded-full:where(.slabui-te,.slabui-te *){border-radius:3.40282e38px}.rounded-lg:where(.slabui-te,.slabui-te *){border-radius:var(--radius)}.rounded-md:where(.slabui-te,.slabui-te *){border-radius:calc(var(--radius) * .8)}.rounded-sm:where(.slabui-te,.slabui-te *){border-radius:calc(var(--radius) * .6)}.rounded-xl:where(.slabui-te,.slabui-te *){border-radius:calc(var(--radius) * 1.4)}.rounded-t-lg:where(.slabui-te,.slabui-te *){border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-sm:where(.slabui-te,.slabui-te *){border-top-left-radius:calc(var(--radius) * .6);border-top-right-radius:calc(var(--radius) * .6)}.rounded-b-lg:where(.slabui-te,.slabui-te *){border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.border:where(.slabui-te,.slabui-te *){border-style:var(--tw-border-style);border-width:1px}.border-0:where(.slabui-te,.slabui-te *){border-style:var(--tw-border-style);border-width:0}.border-\\[1\\.5px\\]:where(.slabui-te,.slabui-te *){border-style:var(--tw-border-style);border-width:1.5px}.border-t:where(.slabui-te,.slabui-te *){border-top-style:var(--tw-border-style);border-top-width:1px}.border-b:where(.slabui-te,.slabui-te *){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed:where(.slabui-te,.slabui-te *){--tw-border-style:dashed;border-style:dashed}.border-border:where(.slabui-te,.slabui-te *){border-color:var(--border)}.border-danger\\/60:where(.slabui-te,.slabui-te *){border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\\/60:where(.slabui-te,.slabui-te *){border-color:color-mix(in oklab, var(--danger) 60%, transparent)}}.border-primary\\/50:where(.slabui-te,.slabui-te *){border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\\/50:where(.slabui-te,.slabui-te *){border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}.border-ring:where(.slabui-te,.slabui-te *){border-color:var(--ring)}.border-sidebar-border:where(.slabui-te,.slabui-te *){border-color:var(--sidebar-border)}.border-transparent:where(.slabui-te,.slabui-te *){border-color:#0000}.border-warning\\/60:where(.slabui-te,.slabui-te *){border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\\/60:where(.slabui-te,.slabui-te *){border-color:color-mix(in oklab, var(--warning) 60%, transparent)}}.bg-accent:where(.slabui-te,.slabui-te *){background-color:var(--accent)}.bg-background:where(.slabui-te,.slabui-te *){background-color:var(--background)}.bg-black\\/80:where(.slabui-te,.slabui-te *){background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\\/80:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-border:where(.slabui-te,.slabui-te *){background-color:var(--border)}.bg-card:where(.slabui-te,.slabui-te *){background-color:var(--card)}.bg-chart-1:where(.slabui-te,.slabui-te *){background-color:var(--chart-1)}.bg-chart-2:where(.slabui-te,.slabui-te *){background-color:var(--chart-2)}.bg-chart-3:where(.slabui-te,.slabui-te *){background-color:var(--chart-3)}.bg-chart-4:where(.slabui-te,.slabui-te *){background-color:var(--chart-4)}.bg-chart-5:where(.slabui-te,.slabui-te *){background-color:var(--chart-5)}.bg-danger\\/10:where(.slabui-te,.slabui-te *){background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\\/10:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--danger) 10%, transparent)}}.bg-input\\/20:where(.slabui-te,.slabui-te *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.bg-input\\/20:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--input) 20%, transparent)}}.bg-inverted:where(.slabui-te,.slabui-te *){background-color:var(--inverted)}.bg-muted:where(.slabui-te,.slabui-te *),.bg-muted\\/30:where(.slabui-te,.slabui-te *){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/30:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.bg-muted\\/40:where(.slabui-te,.slabui-te *){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/40:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.bg-popover:where(.slabui-te,.slabui-te *){background-color:var(--popover)}.bg-primary:where(.slabui-te,.slabui-te *),.bg-primary\\/15:where(.slabui-te,.slabui-te *){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\\/15:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--primary) 15%, transparent)}}.bg-secondary:where(.slabui-te,.slabui-te *){background-color:var(--secondary)}.bg-sidebar:where(.slabui-te,.slabui-te *){background-color:var(--sidebar)}.bg-sidebar-accent:where(.slabui-te,.slabui-te *){background-color:var(--sidebar-accent)}.bg-sidebar-primary:where(.slabui-te,.slabui-te *){background-color:var(--sidebar-primary)}.bg-success\\/10:where(.slabui-te,.slabui-te *){background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.bg-success\\/10:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--success) 10%, transparent)}}.bg-table:where(.slabui-te,.slabui-te *){background-color:var(--table)}.bg-table-content:where(.slabui-te,.slabui-te *){background-color:var(--table-content)}.bg-table-hover:where(.slabui-te,.slabui-te *){background-color:var(--table-hover)}.bg-transparent:where(.slabui-te,.slabui-te *){background-color:#0000}.bg-warning\\/10:where(.slabui-te,.slabui-te *){background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\\/10:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--warning) 10%, transparent)}}.bg-white:where(.slabui-te,.slabui-te *){background-color:var(--color-white)}.bg-zinc-950:where(.slabui-te,.slabui-te *){background-color:var(--color-zinc-950)}.p-0:where(.slabui-te,.slabui-te *){padding:0}.p-0\\.5:where(.slabui-te,.slabui-te *){padding:calc(var(--spacing) * .5)}.p-1:where(.slabui-te,.slabui-te *){padding:var(--spacing)}.p-2:where(.slabui-te,.slabui-te *){padding:calc(var(--spacing) * 2)}.p-2\\.5:where(.slabui-te,.slabui-te *){padding:calc(var(--spacing) * 2.5)}.p-3:where(.slabui-te,.slabui-te *){padding:calc(var(--spacing) * 3)}.p-4:where(.slabui-te,.slabui-te *){padding:calc(var(--spacing) * 4)}.p-6:where(.slabui-te,.slabui-te *){padding:calc(var(--spacing) * 6)}.p-\\[3px\\]:where(.slabui-te,.slabui-te *){padding:3px}.p-px:where(.slabui-te,.slabui-te *){padding:1px}.px-\\(--card-spacing\\):where(.slabui-te,.slabui-te *){padding-inline:var(--card-spacing)}.px-1:where(.slabui-te,.slabui-te *){padding-inline:var(--spacing)}.px-1\\.5:where(.slabui-te,.slabui-te *){padding-inline:calc(var(--spacing) * 1.5)}.px-2:where(.slabui-te,.slabui-te *){padding-inline:calc(var(--spacing) * 2)}.px-2\\.5:where(.slabui-te,.slabui-te *){padding-inline:calc(var(--spacing) * 2.5)}.px-3:where(.slabui-te,.slabui-te *){padding-inline:calc(var(--spacing) * 3)}.px-4:where(.slabui-te,.slabui-te *){padding-inline:calc(var(--spacing) * 4)}.py-\\(--card-spacing\\):where(.slabui-te,.slabui-te *){padding-block:var(--card-spacing)}.py-0\\.5:where(.slabui-te,.slabui-te *){padding-block:calc(var(--spacing) * .5)}.py-1:where(.slabui-te,.slabui-te *){padding-block:var(--spacing)}.py-1\\.5:where(.slabui-te,.slabui-te *){padding-block:calc(var(--spacing) * 1.5)}.py-2:where(.slabui-te,.slabui-te *){padding-block:calc(var(--spacing) * 2)}.py-3:where(.slabui-te,.slabui-te *){padding-block:calc(var(--spacing) * 3)}.pr-2:where(.slabui-te,.slabui-te *){padding-right:calc(var(--spacing) * 2)}.text-center:where(.slabui-te,.slabui-te *){text-align:center}.text-left:where(.slabui-te,.slabui-te *){text-align:left}.text-right:where(.slabui-te,.slabui-te *){text-align:right}.font-mono:where(.slabui-te,.slabui-te *){font-family:var(--font-mono)}.text-2xs:where(.slabui-te,.slabui-te *){font-size:calc(var(--font-size) * .813);line-height:var(--tw-leading,calc(1.125 / .813))}.text-2xs\\/relaxed:where(.slabui-te,.slabui-te *){font-size:calc(var(--font-size) * .813);line-height:var(--leading-relaxed)}.text-base:where(.slabui-te,.slabui-te *){font-size:var(--font-size);line-height:var(--tw-leading,calc(1.5 / 1))}.text-sm:where(.slabui-te,.slabui-te *){font-size:calc(var(--font-size) * .875);line-height:var(--tw-leading,calc(1.25 / .875))}.text-sm\\/relaxed:where(.slabui-te,.slabui-te *){font-size:calc(var(--font-size) * .875);line-height:var(--leading-relaxed)}.text-xs:where(.slabui-te,.slabui-te *){font-size:calc(var(--font-size) * .75);line-height:var(--tw-leading,calc(1 / .75))}.text-xs\\/relaxed:where(.slabui-te,.slabui-te *){font-size:calc(var(--font-size) * .75);line-height:var(--leading-relaxed)}.text-\\[0\\.65rem\\]:where(.slabui-te,.slabui-te *){font-size:.65rem}.text-\\[0\\.68rem\\]:where(.slabui-te,.slabui-te *){font-size:.68rem}.text-\\[0\\.625rem\\]:where(.slabui-te,.slabui-te *){font-size:.625rem}.leading-none:where(.slabui-te,.slabui-te *){--tw-leading:1;line-height:1}.leading-normal:where(.slabui-te,.slabui-te *){--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug:where(.slabui-te,.slabui-te *){--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium:where(.slabui-te,.slabui-te *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal:where(.slabui-te,.slabui-te *){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-nowrap:where(.slabui-te,.slabui-te *){white-space:nowrap}.text-accent-foreground:where(.slabui-te,.slabui-te *){color:var(--accent-foreground)}.text-card-foreground:where(.slabui-te,.slabui-te *){color:var(--card-foreground)}.text-danger:where(.slabui-te,.slabui-te *),.text-destructive:where(.slabui-te,.slabui-te *){color:var(--danger)}.text-foreground:where(.slabui-te,.slabui-te *),.text-foreground\\/60:where(.slabui-te,.slabui-te *){color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\\/60:where(.slabui-te,.slabui-te *){color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.text-inverted-foreground:where(.slabui-te,.slabui-te *){color:var(--inverted-foreground)}.text-muted-foreground:where(.slabui-te,.slabui-te *){color:var(--muted-foreground)}.text-popover-foreground:where(.slabui-te,.slabui-te *){color:var(--popover-foreground)}.text-primary:where(.slabui-te,.slabui-te *){color:var(--primary)}.text-primary-foreground:where(.slabui-te,.slabui-te *){color:var(--primary-foreground)}.text-secondary-foreground:where(.slabui-te,.slabui-te *){color:var(--secondary-foreground)}.text-sidebar-accent-foreground:where(.slabui-te,.slabui-te *){color:var(--sidebar-accent-foreground)}.text-sidebar-foreground:where(.slabui-te,.slabui-te *){color:var(--sidebar-foreground)}.text-sidebar-primary-foreground:where(.slabui-te,.slabui-te *){color:var(--sidebar-primary-foreground)}.text-success:where(.slabui-te,.slabui-te *){color:var(--success)}.text-warning:where(.slabui-te,.slabui-te *){color:var(--warning)}.text-zinc-50:where(.slabui-te,.slabui-te *){color:var(--color-zinc-50)}.text-zinc-950:where(.slabui-te,.slabui-te *){color:var(--color-zinc-950)}.lowercase:where(.slabui-te,.slabui-te *){text-transform:lowercase}.underline-offset-4:where(.slabui-te,.slabui-te *){text-underline-offset:4px}.accent-foreground:where(.slabui-te,.slabui-te *){accent-color:var(--foreground)}.opacity-40:where(.slabui-te,.slabui-te *){opacity:.4}.shadow-md:where(.slabui-te,.slabui-te *){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm:where(.slabui-te,.slabui-te *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring:where(.slabui-te,.slabui-te *),.ring-1:where(.slabui-te,.slabui-te *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-foreground\\/10:where(.slabui-te,.slabui-te *){--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\\/10:where(.slabui-te,.slabui-te *){--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.ring-ring\\/30:where(.slabui-te,.slabui-te *){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\\/30:where(.slabui-te,.slabui-te *){--tw-ring-color:color-mix(in oklab, var(--ring) 30%, transparent)}}.outline:where(.slabui-te,.slabui-te *){outline-style:var(--tw-outline-style);outline-width:1px}.outline-0:where(.slabui-te,.slabui-te *){outline-style:var(--tw-outline-style);outline-width:0}.outline-transparent:where(.slabui-te,.slabui-te *){outline-color:#0000}.transition-\\[color\\,box-shadow\\]:where(.slabui-te,.slabui-te *){transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all:where(.slabui-te,.slabui-te *){transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors:where(.slabui-te,.slabui-te *){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity:where(.slabui-te,.slabui-te *){transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100:where(.slabui-te,.slabui-te *){--tw-duration:.1s;transition-duration:.1s}.outline-none:where(.slabui-te,.slabui-te *){--tw-outline-style:none;outline-style:none}.select-none:where(.slabui-te,.slabui-te *){-webkit-user-select:none;user-select:none}.\\[--card-spacing\\:--spacing\\(4\\)\\]:where(.slabui-te,.slabui-te *){--card-spacing:calc(var(--spacing) * 4)}:is(.\\*\\:w-full>*):where(.slabui-te,.slabui-te *){width:100%}.group-has-data-horizontal\\/field\\:text-balance:is(:where(.group\\/field):has([data-horizontal]) *):where(.slabui-te,.slabui-te *){text-wrap:balance}.group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *):where(.slabui-te,.slabui-te *){pointer-events:none}.group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *):where(.slabui-te,.slabui-te *),.group-data-\\[disabled\\=true\\]\\/field\\:opacity-50:is(:where(.group\\/field)[data-disabled=true] *):where(.slabui-te,.slabui-te *){opacity:.5}.group-data-\\[orientation\\=horizontal\\]\\/tabs\\:h-8:is(:where(.group\\/tabs)[data-orientation=horizontal] *):where(.slabui-te,.slabui-te *){height:calc(var(--spacing) * 8)}.group-data-\\[orientation\\=vertical\\]\\/tabs\\:h-fit:is(:where(.group\\/tabs)[data-orientation=vertical] *):where(.slabui-te,.slabui-te *){height:fit-content}.group-data-\\[orientation\\=vertical\\]\\/tabs\\:w-full:is(:where(.group\\/tabs)[data-orientation=vertical] *):where(.slabui-te,.slabui-te *){width:100%}.group-data-\\[orientation\\=vertical\\]\\/tabs\\:flex-col:is(:where(.group\\/tabs)[data-orientation=vertical] *):where(.slabui-te,.slabui-te *){flex-direction:column}.group-data-\\[orientation\\=vertical\\]\\/tabs\\:justify-start:is(:where(.group\\/tabs)[data-orientation=vertical] *):where(.slabui-te,.slabui-te *){justify-content:flex-start}.group-data-\\[orientation\\=vertical\\]\\/tabs\\:py-\\[calc\\(--spacing\\(1\\.25\\)\\)\\]:is(:where(.group\\/tabs)[data-orientation=vertical] *):where(.slabui-te,.slabui-te *){padding-block:calc(calc(var(--spacing) * 1.25))}.group-data-\\[variant\\=line\\]\\/tabs-list\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *):where(.slabui-te,.slabui-te *){background-color:#0000}.group-data-\\[variant\\=outline\\]\\/field-group\\:-mb-2:is(:where(.group\\/field-group)[data-variant=outline] *):where(.slabui-te,.slabui-te *){margin-bottom:calc(var(--spacing) * -2)}.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*):where(.slabui-te,.slabui-te *){cursor:not-allowed}.peer-disabled\\:opacity-50:is(:where(.peer):disabled~*):where(.slabui-te,.slabui-te *){opacity:.5}.file\\:inline-flex:where(.slabui-te,.slabui-te *)::file-selector-button{display:inline-flex}.file\\:h-5\\.5:where(.slabui-te,.slabui-te *)::file-selector-button{height:calc(var(--spacing) * 5.5)}.file\\:h-7\\.5:where(.slabui-te,.slabui-te *)::file-selector-button{height:calc(var(--spacing) * 7.5)}.file\\:border-0:where(.slabui-te,.slabui-te *)::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent:where(.slabui-te,.slabui-te *)::file-selector-button{background-color:#0000}.file\\:py-0\\.5:where(.slabui-te,.slabui-te *)::file-selector-button{padding-block:calc(var(--spacing) * .5)}.file\\:py-1:where(.slabui-te,.slabui-te *)::file-selector-button{padding-block:var(--spacing)}.file\\:text-xs\\/relaxed:where(.slabui-te,.slabui-te *)::file-selector-button{font-size:calc(var(--font-size) * .75);line-height:var(--leading-relaxed)}.file\\:font-medium:where(.slabui-te,.slabui-te *)::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\\:text-foreground:where(.slabui-te,.slabui-te *)::file-selector-button{color:var(--foreground)}.placeholder\\:text-muted-foreground:where(.slabui-te,.slabui-te *)::placeholder{color:var(--muted-foreground)}.after\\:absolute:where(.slabui-te,.slabui-te *):after{content:var(--tw-content);position:absolute}.after\\:-inset-2:where(.slabui-te,.slabui-te *):after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\\:bg-foreground:where(.slabui-te,.slabui-te *):after{content:var(--tw-content);background-color:var(--foreground)}.after\\:opacity-0:where(.slabui-te,.slabui-te *):after{content:var(--tw-content);opacity:0}.after\\:transition-opacity:where(.slabui-te,.slabui-te *):after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\\[orientation\\=horizontal\\]\\/tabs\\:after\\:inset-x-0:is(:where(.group\\/tabs)[data-orientation=horizontal] *):where(.slabui-te,.slabui-te *):after{content:var(--tw-content);inset-inline:0}.group-data-\\[orientation\\=horizontal\\]\\/tabs\\:after\\:bottom-\\[-5px\\]:is(:where(.group\\/tabs)[data-orientation=horizontal] *):where(.slabui-te,.slabui-te *):after{content:var(--tw-content);bottom:-5px}.group-data-\\[orientation\\=horizontal\\]\\/tabs\\:after\\:h-0\\.5:is(:where(.group\\/tabs)[data-orientation=horizontal] *):where(.slabui-te,.slabui-te *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\\[orientation\\=vertical\\]\\/tabs\\:after\\:inset-y-0:is(:where(.group\\/tabs)[data-orientation=vertical] *):where(.slabui-te,.slabui-te *):after{content:var(--tw-content);inset-block:0}.group-data-\\[orientation\\=vertical\\]\\/tabs\\:after\\:-right-1:is(:where(.group\\/tabs)[data-orientation=vertical] *):where(.slabui-te,.slabui-te *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\\[orientation\\=vertical\\]\\/tabs\\:after\\:w-0\\.5:is(:where(.group\\/tabs)[data-orientation=vertical] *):where(.slabui-te,.slabui-te *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.last\\:mt-0:last-child:where(.slabui-te,.slabui-te *){margin-top:0}@media (hover:hover){.hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover:where(.slabui-te,.slabui-te *){background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\\:bg-danger\\/20:hover:where(.slabui-te,.slabui-te *){background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-danger\\/20:hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.hover\\:bg-input\\/50:hover:where(.slabui-te,.slabui-te *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-input\\/50:hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.hover\\:bg-inverted\\/90:hover:where(.slabui-te,.slabui-te *){background-color:var(--inverted)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-inverted\\/90:hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--inverted) 90%, transparent)}}.hover\\:bg-muted:hover:where(.slabui-te,.slabui-te *),.hover\\:bg-muted\\/50:hover:where(.slabui-te,.slabui-te *){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-muted\\/50:hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\\:bg-primary\\/20:hover:where(.slabui-te,.slabui-te *){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/20:hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.hover\\:bg-primary\\/80:hover:where(.slabui-te,.slabui-te *){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-primary\\/80:hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\\:bg-success\\/20:hover:where(.slabui-te,.slabui-te *){background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-success\\/20:hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--success) 20%, transparent)}}.hover\\:bg-warning\\/20:hover:where(.slabui-te,.slabui-te *){background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-warning\\/20:hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--warning) 20%, transparent)}}.hover\\:text-foreground:hover:where(.slabui-te,.slabui-te *){color:var(--foreground)}.hover\\:text-muted-foreground:hover:where(.slabui-te,.slabui-te *){color:var(--muted-foreground)}.hover\\:underline:hover:where(.slabui-te,.slabui-te *){text-decoration-line:underline}.hover\\:opacity-100:hover:where(.slabui-te,.slabui-te *){opacity:1}.hover\\:ring-2:hover:where(.slabui-te,.slabui-te *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\\:border-danger\\/30:focus-visible:where(.slabui-te,.slabui-te *){border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-danger\\/30:focus-visible:where(.slabui-te,.slabui-te *){border-color:color-mix(in oklab, var(--danger) 30%, transparent)}}.focus-visible\\:border-danger\\/40:focus-visible:where(.slabui-te,.slabui-te *){border-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-danger\\/40:focus-visible:where(.slabui-te,.slabui-te *){border-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.focus-visible\\:border-focus\\/30:focus-visible:where(.slabui-te,.slabui-te *){border-color:var(--focus)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-focus\\/30:focus-visible:where(.slabui-te,.slabui-te *){border-color:color-mix(in oklab, var(--focus) 30%, transparent)}}.focus-visible\\:border-ring:focus-visible:where(.slabui-te,.slabui-te *){border-color:var(--ring)}.focus-visible\\:border-success\\/40:focus-visible:where(.slabui-te,.slabui-te *){border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-success\\/40:focus-visible:where(.slabui-te,.slabui-te *){border-color:color-mix(in oklab, var(--success) 40%, transparent)}}.focus-visible\\:border-warning\\/30:focus-visible:where(.slabui-te,.slabui-te *){border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-warning\\/30:focus-visible:where(.slabui-te,.slabui-te *){border-color:color-mix(in oklab, var(--warning) 30%, transparent)}}.focus-visible\\:border-warning\\/40:focus-visible:where(.slabui-te,.slabui-te *){border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-warning\\/40:focus-visible:where(.slabui-te,.slabui-te *){border-color:color-mix(in oklab, var(--warning) 40%, transparent)}}.focus-visible\\:bg-muted:focus-visible:where(.slabui-te,.slabui-te *){background-color:var(--muted)}.focus-visible\\:opacity-100:focus-visible:where(.slabui-te,.slabui-te *){opacity:1}.focus-visible\\:ring-2:focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-\\[3px\\]:focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-danger\\/20:focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-danger\\/20:focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.focus-visible\\:ring-ring\\/50:focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\\:ring-success\\/20:focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-success\\/20:focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:color-mix(in oklab, var(--success) 20%, transparent)}}.focus-visible\\:ring-warning\\/20:focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-warning\\/20:focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:color-mix(in oklab, var(--warning) 20%, transparent)}}.focus-visible\\:outline-hidden:focus-visible:where(.slabui-te,.slabui-te *){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\\:outline-hidden:focus-visible:where(.slabui-te,.slabui-te *){outline-offset:2px;outline:2px solid #0000}}.focus-visible\\:outline-1:focus-visible:where(.slabui-te,.slabui-te *){outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\\:outline-2:focus-visible:where(.slabui-te,.slabui-te *){outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-\\[calc\\(var\\(--focus-size\\)\\)\\]:focus-visible:where(.slabui-te,.slabui-te *){outline-style:var(--tw-outline-style);outline-width:calc(var(--focus-size))}.focus-visible\\:outline-offset-\\[calc\\(var\\(--focus-offset\\)\\)\\]:focus-visible:where(.slabui-te,.slabui-te *){outline-offset:calc(var(--focus-offset))}.focus-visible\\:outline-cyan-500:focus-visible:where(.slabui-te,.slabui-te *){outline-color:var(--color-cyan-500)}.focus-visible\\:outline-danger\\/50:focus-visible:where(.slabui-te,.slabui-te *){outline-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:outline-danger\\/50:focus-visible:where(.slabui-te,.slabui-te *){outline-color:color-mix(in oklab, var(--danger) 50%, transparent)}}.focus-visible\\:outline-focus\\/50:focus-visible:where(.slabui-te,.slabui-te *){outline-color:var(--focus)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:outline-focus\\/50:focus-visible:where(.slabui-te,.slabui-te *){outline-color:color-mix(in oklab, var(--focus) 50%, transparent)}}.focus-visible\\:outline-ring:focus-visible:where(.slabui-te,.slabui-te *){outline-color:var(--ring)}.focus-visible\\:outline-warning\\/50:focus-visible:where(.slabui-te,.slabui-te *){outline-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:outline-warning\\/50:focus-visible:where(.slabui-te,.slabui-te *){outline-color:color-mix(in oklab, var(--warning) 50%, transparent)}}.focus-visible\\:outline-none:focus-visible:where(.slabui-te,.slabui-te *){--tw-outline-style:none;outline-style:none}.active\\:bg-inverted\\/80:active:where(.slabui-te,.slabui-te *){background-color:var(--inverted)}@supports (color:color-mix(in lab, red, red)){.active\\:bg-inverted\\/80:active:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--inverted) 80%, transparent)}}.active\\:bg-primary\\/25:active:where(.slabui-te,.slabui-te *){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.active\\:bg-primary\\/25:active:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--primary) 25%, transparent)}}.active\\:ring-2:active:where(.slabui-te,.slabui-te *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\\:not-aria-\\[haspopup\\]\\:translate-y-px:active:not([aria-haspopup]):where(.slabui-te,.slabui-te *){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\\:pointer-events-none:disabled:where(.slabui-te,.slabui-te *){pointer-events:none}.disabled\\:cursor-not-allowed:disabled:where(.slabui-te,.slabui-te *){cursor:not-allowed}.disabled\\:opacity-50:disabled:where(.slabui-te,.slabui-te *){opacity:.5}.has-data-checked\\:bg-primary\\/5:has([data-checked]):where(.slabui-te,.slabui-te *){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.has-data-checked\\:bg-primary\\/5:has([data-checked]):where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.has-data-\\[icon\\=inline-end\\]\\:pr-1:has([data-icon=inline-end]):where(.slabui-te,.slabui-te *){padding-right:var(--spacing)}.has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=inline-end]):where(.slabui-te,.slabui-te *){padding-right:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-start\\]\\:pl-1:has([data-icon=inline-start]):where(.slabui-te,.slabui-te *){padding-left:var(--spacing)}.has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=inline-start]):where(.slabui-te,.slabui-te *){padding-left:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-start\\]\\:pl-2\\.5:has([data-icon=inline-start]):where(.slabui-te,.slabui-te *){padding-left:calc(var(--spacing) * 2.5)}.has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]):where(.slabui-te,.slabui-te *){grid-template-columns:1fr auto}.has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\]:has([data-slot=card-description]):where(.slabui-te,.slabui-te *){grid-template-rows:auto auto}.has-\\[\\>\\[data-slot\\=checkbox-group\\]\\]\\:gap-3:has(>[data-slot=checkbox-group]):where(.slabui-te,.slabui-te *){gap:calc(var(--spacing) * 3)}.has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:items-start:has(>[data-slot=field-content]):where(.slabui-te,.slabui-te *){align-items:flex-start}.has-\\[\\>\\[data-slot\\=field\\]\\]\\:w-full:has(>[data-slot=field]):where(.slabui-te,.slabui-te *){width:100%}.has-\\[\\>\\[data-slot\\=field\\]\\]\\:flex-col:has(>[data-slot=field]):where(.slabui-te,.slabui-te *){flex-direction:column}.has-\\[\\>\\[data-slot\\=field\\]\\]\\:rounded-md:has(>[data-slot=field]):where(.slabui-te,.slabui-te *){border-radius:calc(var(--radius) * .8)}.has-\\[\\>\\[data-slot\\=field\\]\\]\\:border:has(>[data-slot=field]):where(.slabui-te,.slabui-te *){border-style:var(--tw-border-style);border-width:1px}.has-\\[\\>\\[data-slot\\=radio-group\\]\\]\\:gap-3:has(>[data-slot=radio-group]):where(.slabui-te,.slabui-te *){gap:calc(var(--spacing) * 3)}.has-\\[\\>img\\:first-child\\]\\:pt-0:has(>img:first-child):where(.slabui-te,.slabui-te *){padding-top:0}.aria-current\\:border-primary[aria-current=true]:where(.slabui-te,.slabui-te *){border-color:var(--primary)}.aria-disabled\\:pointer-events-none[aria-disabled=true]:where(.slabui-te,.slabui-te *){pointer-events:none}.aria-disabled\\:opacity-50[aria-disabled=true]:where(.slabui-te,.slabui-te *){opacity:.5}.aria-expanded\\:bg-muted[aria-expanded=true]:where(.slabui-te,.slabui-te *){background-color:var(--muted)}.aria-expanded\\:bg-secondary[aria-expanded=true]:where(.slabui-te,.slabui-te *){background-color:var(--secondary)}.aria-expanded\\:text-foreground[aria-expanded=true]:where(.slabui-te,.slabui-te *){color:var(--foreground)}.aria-expanded\\:text-secondary-foreground[aria-expanded=true]:where(.slabui-te,.slabui-te *){color:var(--secondary-foreground)}.aria-invalid\\:outline-\\[calc\\(var\\(--focus-size\\)\\)\\][aria-invalid=true]:where(.slabui-te,.slabui-te *){outline-style:var(--tw-outline-style);outline-width:calc(var(--focus-size))}.aria-invalid\\:outline-offset-\\[calc\\(var\\(--focus-offset\\)\\)\\][aria-invalid=true]:where(.slabui-te,.slabui-te *){outline-offset:calc(var(--focus-offset))}.aria-invalid\\:outline-danger\\/80[aria-invalid=true]:where(.slabui-te,.slabui-te *){outline-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:outline-danger\\/80[aria-invalid=true]:where(.slabui-te,.slabui-te *){outline-color:color-mix(in oklab, var(--danger) 80%, transparent)}}.data-active\\:bg-background[data-active]:where(.slabui-te,.slabui-te *){background-color:var(--background)}.data-active\\:text-foreground[data-active]:where(.slabui-te,.slabui-te *){color:var(--foreground)}.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-muted:is(:where(.group\\/tabs-list)[data-variant=line] *)[data-active]:where(.slabui-te,.slabui-te *){background-color:var(--muted)}.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=line] *)[data-active]:where(.slabui-te,.slabui-te *){background-color:#0000}.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-0:is(:where(.group\\/tabs-list)[data-variant=line] *)[data-active]:where(.slabui-te,.slabui-te *):after{content:var(--tw-content);opacity:0}.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100:is(:where(.group\\/tabs-list)[data-variant=line] *)[data-active]:where(.slabui-te,.slabui-te *):after{content:var(--tw-content);opacity:1}.data-closed\\:animate-out[data-closed]:where(.slabui-te,.slabui-te *){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\\:fade-out-0[data-closed]:where(.slabui-te,.slabui-te *){--tw-exit-opacity:0}.data-closed\\:zoom-out-95[data-closed]:where(.slabui-te,.slabui-te *){--tw-exit-scale:.95}.data-disabled\\:opacity-50[data-disabled]:where(.slabui-te,.slabui-te *){opacity:.5}.data-horizontal\\:h-2\\.5[data-horizontal]:where(.slabui-te,.slabui-te *){height:calc(var(--spacing) * 2.5)}.data-horizontal\\:flex-col[data-horizontal]:where(.slabui-te,.slabui-te *){flex-direction:column}.data-horizontal\\:border-t[data-horizontal]:where(.slabui-te,.slabui-te *){border-top-style:var(--tw-border-style);border-top-width:1px}.data-horizontal\\:border-t-transparent[data-horizontal]:where(.slabui-te,.slabui-te *){border-top-color:#0000}.data-open\\:animate-in[data-open]:where(.slabui-te,.slabui-te *){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\\:bg-muted\\/30[data-open]:where(.slabui-te,.slabui-te *){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.data-open\\:bg-muted\\/30[data-open]:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.data-open\\:fade-in-0[data-open]:where(.slabui-te,.slabui-te *){--tw-enter-opacity:0}.data-open\\:zoom-in-95[data-open]:where(.slabui-te,.slabui-te *){--tw-enter-scale:.95}.data-vertical\\:h-full[data-vertical]:where(.slabui-te,.slabui-te *){height:100%}.data-vertical\\:w-2\\.5[data-vertical]:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 2.5)}.data-vertical\\:border-l[data-vertical]:where(.slabui-te,.slabui-te *){border-left-style:var(--tw-border-style);border-left-width:1px}.data-vertical\\:border-l-transparent[data-vertical]:where(.slabui-te,.slabui-te *){border-left-color:#0000}.data-\\[invalid\\=true\\]\\:text-destructive[data-invalid=true]:where(.slabui-te,.slabui-te *){color:var(--danger)}.data-\\[orientation\\=horizontal\\]\\:h-1[data-orientation=horizontal]:where(.slabui-te,.slabui-te *){height:var(--spacing)}.data-\\[orientation\\=horizontal\\]\\:h-full[data-orientation=horizontal]:where(.slabui-te,.slabui-te *){height:100%}.data-\\[orientation\\=horizontal\\]\\:h-px[data-orientation=horizontal]:where(.slabui-te,.slabui-te *){height:1px}.data-\\[orientation\\=horizontal\\]\\:w-full[data-orientation=horizontal]:where(.slabui-te,.slabui-te *){width:100%}.data-\\[orientation\\=horizontal\\]\\:flex-col[data-orientation=horizontal]:where(.slabui-te,.slabui-te *){flex-direction:column}.data-\\[orientation\\=vertical\\]\\:h-full[data-orientation=vertical]:where(.slabui-te,.slabui-te *){height:100%}.data-\\[orientation\\=vertical\\]\\:min-h-40[data-orientation=vertical]:where(.slabui-te,.slabui-te *){min-height:calc(var(--spacing) * 40)}.data-\\[orientation\\=vertical\\]\\:w-1[data-orientation=vertical]:where(.slabui-te,.slabui-te *){width:var(--spacing)}.data-\\[orientation\\=vertical\\]\\:w-auto[data-orientation=vertical]:where(.slabui-te,.slabui-te *){width:auto}.data-\\[orientation\\=vertical\\]\\:w-full[data-orientation=vertical]:where(.slabui-te,.slabui-te *){width:100%}.data-\\[orientation\\=vertical\\]\\:w-px[data-orientation=vertical]:where(.slabui-te,.slabui-te *){width:1px}.data-\\[orientation\\=vertical\\]\\:flex-col[data-orientation=vertical]:where(.slabui-te,.slabui-te *){flex-direction:column}.data-\\[orientation\\=vertical\\]\\:self-stretch[data-orientation=vertical]:where(.slabui-te,.slabui-te *){align-self:stretch}.data-\\[size\\=sm\\]\\:\\[--card-spacing\\:--spacing\\(3\\)\\][data-size=sm]:where(.slabui-te,.slabui-te *){--card-spacing:calc(var(--spacing) * 3)}.data-\\[slot\\=checkbox-group\\]\\:gap-3[data-slot=checkbox-group]:where(.slabui-te,.slabui-te *){gap:calc(var(--spacing) * 3)}:is(.\\*\\:data-\\[slot\\=field\\]\\:p-2>*)[data-slot=field]:where(.slabui-te,.slabui-te *){padding:calc(var(--spacing) * 2)}:is(.\\*\\:data-\\[slot\\=field-group\\]\\:gap-4>*)[data-slot=field-group]:where(.slabui-te,.slabui-te *){gap:calc(var(--spacing) * 4)}:is(.\\*\\:data-\\[slot\\=field-label\\]\\:flex-auto>*)[data-slot=field-label]:where(.slabui-te,.slabui-te *){flex:auto}.data-\\[variant\\=label\\]\\:text-2xs\\/relaxed[data-variant=label]:where(.slabui-te,.slabui-te *){font-size:calc(var(--font-size) * .813);line-height:var(--leading-relaxed)}.data-\\[variant\\=legend\\]\\:text-2sm[data-variant=legend]:where(.slabui-te,.slabui-te *){font-size:calc(var(--font-size) * .938);line-height:var(--tw-leading,calc(1.625 / .938))}.data-\\[variant\\=line\\]\\:rounded-none[data-variant=line]:where(.slabui-te,.slabui-te *){border-radius:0}.nth-last-2\\:-mt-1:nth-last-child(2):where(.slabui-te,.slabui-te *){margin-top:calc(var(--spacing) * -1)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\\:backdrop-blur-xs:where(.slabui-te,.slabui-te *){--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media (min-width:40rem){.sm\\:max-w-\\[min\\(1560px\\,calc\\(100\\%-2rem\\)\\)\\]:where(.slabui-te,.slabui-te *){max-width:min(1560px,100% - 2rem)}.sm\\:max-w-sm:where(.slabui-te,.slabui-te *){max-width:var(--container-sm)}.sm\\:grid-cols-2:where(.slabui-te,.slabui-te *){grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:flex-row:where(.slabui-te,.slabui-te *){flex-direction:row}.sm\\:justify-between:where(.slabui-te,.slabui-te *){justify-content:space-between}.sm\\:justify-end:where(.slabui-te,.slabui-te *){justify-content:flex-end}}@media (min-width:64rem){.lg\\:grid-cols-\\[190px_380px\\]:where(.slabui-te,.slabui-te *){grid-template-columns:190px 380px}.lg\\:grid-cols-\\[570px_1fr\\]:where(.slabui-te,.slabui-te *){grid-template-columns:570px 1fr}.lg\\:border-r:where(.slabui-te,.slabui-te *){border-right-style:var(--tw-border-style);border-right-width:1px}.lg\\:border-b-0:where(.slabui-te,.slabui-te *){border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@container field-group (min-width:28rem){.\\@md\\/field-group\\:flex-row:where(.slabui-te,.slabui-te *){flex-direction:row}.\\@md\\/field-group\\:items-center:where(.slabui-te,.slabui-te *){align-items:center}:is(.\\@md\\/field-group\\:\\*\\:w-auto>*):where(.slabui-te,.slabui-te *){width:auto}.\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:items-start:has(>[data-slot=field-content]):where(.slabui-te,.slabui-te *){align-items:flex-start}:is(.\\@md\\/field-group\\:\\*\\:data-\\[slot\\=field-label\\]\\:flex-auto>*)[data-slot=field-label]:where(.slabui-te,.slabui-te *){flex:auto}}.dark\\:bg-danger\\/20:is(.dark *):not(.light *):where(.slabui-te,.slabui-te *){background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-danger\\/20:is(.dark *):not(.light *):where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.dark\\:bg-input\\/30:is(.dark *):not(.light *):where(.slabui-te,.slabui-te *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30:is(.dark *):not(.light *):where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\\:bg-success\\/20:is(.dark *):not(.light *):where(.slabui-te,.slabui-te *){background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-success\\/20:is(.dark *):not(.light *):where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--success) 20%, transparent)}}.dark\\:bg-warning\\/20:is(.dark *):not(.light *):where(.slabui-te,.slabui-te *){background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-warning\\/20:is(.dark *):not(.light *):where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--warning) 20%, transparent)}}.dark\\:text-muted-foreground:is(.dark *):not(.light *):where(.slabui-te,.slabui-te *){color:var(--muted-foreground)}.dark\\:text-zinc-50:is(.dark *):not(.light *):where(.slabui-te,.slabui-te *){color:var(--color-zinc-50)}@media (hover:hover){.dark\\:hover\\:bg-danger\\/30:is(.dark *):not(.light *):hover:where(.slabui-te,.slabui-te *){background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-danger\\/30:is(.dark *):not(.light *):hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--danger) 30%, transparent)}}.dark\\:hover\\:bg-muted\\/50:is(.dark *):not(.light *):hover:where(.slabui-te,.slabui-te *){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-muted\\/50:is(.dark *):not(.light *):hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.dark\\:hover\\:bg-success\\/30:is(.dark *):not(.light *):hover:where(.slabui-te,.slabui-te *){background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-success\\/30:is(.dark *):not(.light *):hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--success) 30%, transparent)}}.dark\\:hover\\:bg-warning\\/30:is(.dark *):not(.light *):hover:where(.slabui-te,.slabui-te *){background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-warning\\/30:is(.dark *):not(.light *):hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--warning) 30%, transparent)}}.dark\\:hover\\:text-foreground:is(.dark *):not(.light *):hover:where(.slabui-te,.slabui-te *){color:var(--foreground)}}.dark\\:focus-visible\\:ring-danger\\/40:is(.dark *):not(.light *):focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-danger\\/40:is(.dark *):not(.light *):focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.dark\\:focus-visible\\:ring-success\\/40:is(.dark *):not(.light *):focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-success\\/40:is(.dark *):not(.light *):focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:color-mix(in oklab, var(--success) 40%, transparent)}}.dark\\:focus-visible\\:ring-warning\\/40:is(.dark *):not(.light *):focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-warning\\/40:is(.dark *):not(.light *):focus-visible:where(.slabui-te,.slabui-te *){--tw-ring-color:color-mix(in oklab, var(--warning) 40%, transparent)}}.dark\\:has-data-checked\\:bg-primary\\/10:is(.dark *):not(.light *):has([data-checked]):where(.slabui-te,.slabui-te *){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark\\:has-data-checked\\:bg-primary\\/10:is(.dark *):not(.light *):has([data-checked]):where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.dark\\:data-active\\:border-input:is(.dark *):not(.light *)[data-active]:where(.slabui-te,.slabui-te *){border-color:var(--input)}.dark\\:data-active\\:bg-input\\/30:is(.dark *):not(.light *)[data-active]:where(.slabui-te,.slabui-te *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\\:data-active\\:bg-input\\/30:is(.dark *):not(.light *)[data-active]:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\\:data-active\\:text-foreground:is(.dark *):not(.light *)[data-active]:where(.slabui-te,.slabui-te *){color:var(--foreground)}.dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent:is(.dark *):not(.light *):is(:where(.group\\/tabs-list)[data-variant=line] *)[data-active]:where(.slabui-te,.slabui-te *){border-color:#0000}.dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-muted:is(.dark *):not(.light *):is(:where(.group\\/tabs-list)[data-variant=line] *)[data-active]:where(.slabui-te,.slabui-te *){background-color:var(--muted)}.dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(.dark *):not(.light *):is(:where(.group\\/tabs-list)[data-variant=line] *)[data-active]:where(.slabui-te,.slabui-te *){background-color:#0000}.\\[\\&_svg\\]\\:pointer-events-none svg:where(.slabui-te,.slabui-te *){pointer-events:none}.\\[\\&_svg\\]\\:shrink-0 svg:where(.slabui-te,.slabui-te *){flex-shrink:0}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-2\\.5 svg:not([class*=size-]):where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=size-]):where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 svg:not([class*=size-]):where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]):where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none:where(.slabui-te,.slabui-te *)::-webkit-inner-spin-button{appearance:none}.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none:where(.slabui-te,.slabui-te *)::-webkit-outer-spin-button{appearance:none}.\\[\\.border-b\\]\\:pb-\\(--card-spacing\\).border-b:where(.slabui-te,.slabui-te *){padding-bottom:var(--card-spacing)}.\\[\\.border-t\\]\\:pt-\\(--card-spacing\\).border-t:where(.slabui-te,.slabui-te *){padding-top:var(--card-spacing)}:is(.\\*\\:\\[a\\]\\:underline>*):is(a):where(.slabui-te,.slabui-te *){text-decoration-line:underline}:is(.\\*\\:\\[a\\]\\:underline-offset-3>*):is(a):where(.slabui-te,.slabui-te *){text-underline-offset:3px}@media (hover:hover){.\\[a\\]\\:hover\\:bg-danger\\/20:is(a):hover:where(.slabui-te,.slabui-te *){background-color:var(--danger)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-danger\\/20:is(a):hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.\\[a\\]\\:hover\\:bg-inverted\\/80:is(a):hover:where(.slabui-te,.slabui-te *){background-color:var(--inverted)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-inverted\\/80:is(a):hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--inverted) 80%, transparent)}}.\\[a\\]\\:hover\\:bg-muted:is(a):hover:where(.slabui-te,.slabui-te *){background-color:var(--muted)}.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover:where(.slabui-te,.slabui-te *){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover:where(.slabui-te,.slabui-te *){background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.\\[a\\]\\:hover\\:bg-success\\/20:is(a):hover:where(.slabui-te,.slabui-te *){background-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-success\\/20:is(a):hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--success) 20%, transparent)}}.\\[a\\]\\:hover\\:bg-warning\\/20:is(a):hover:where(.slabui-te,.slabui-te *){background-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-warning\\/20:is(a):hover:where(.slabui-te,.slabui-te *){background-color:color-mix(in oklab, var(--warning) 20%, transparent)}}.\\[a\\]\\:hover\\:text-muted-foreground:is(a):hover:where(.slabui-te,.slabui-te *){color:var(--muted-foreground)}:is(.\\*\\:\\[a\\]\\:hover\\:text-foreground>*):is(a):hover:where(.slabui-te,.slabui-te *){color:var(--foreground)}}:is(.\\*\\:\\[img\\:first-child\\]\\:rounded-t-lg>*):is(img:first-child):where(.slabui-te,.slabui-te *){border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}:is(.\\*\\:\\[img\\:last-child\\]\\:rounded-b-lg>*):is(img:last-child):where(.slabui-te,.slabui-te *){border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.\\[\\&\\>\\*\\]\\:outline-\\(length\\:--focus-size\\)>*:where(.slabui-te,.slabui-te *){outline-style:var(--tw-outline-style);outline-width:var(--focus-size)}.\\[\\&\\>\\*\\]\\:outline-offset-\\(length\\:--focus-offset\\)>*:where(.slabui-te,.slabui-te *){outline-offset:var(--focus-offset)}.\\[\\&\\>\\*\\]\\:outline-focus>*:where(.slabui-te,.slabui-te *){outline-color:var(--focus)}.\\[\\&\\>\\*\\]\\:outline-solid>*:where(.slabui-te,.slabui-te *){--tw-outline-style:solid;outline-style:solid}.\\[\\&\\>\\.sr-only\\]\\:w-auto>.sr-only:where(.slabui-te,.slabui-te *){width:auto}.has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content])>[role=checkbox]:where(.slabui-te,.slabui-te *),.has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content]) [role=radio]:where(.slabui-te,.slabui-te *){margin-top:1px}@container field-group (min-width:28rem){.\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content])>[role=checkbox]:where(.slabui-te,.slabui-te *),.\\@md\\/field-group\\:has-\\[\\>\\[data-slot\\=field-content\\]\\]\\:\\[\\&\\>\\[role\\=checkbox\\]\\,\\[role\\=radio\\]\\]\\:mt-px:has(>[data-slot=field-content]) [role=radio]:where(.slabui-te,.slabui-te *){margin-top:1px}}.\\[\\&\\>a\\]\\:underline>a:where(.slabui-te,.slabui-te *){text-decoration-line:underline}.\\[\\&\\>a\\]\\:underline-offset-4>a:where(.slabui-te,.slabui-te *){text-underline-offset:4px}.\\[\\&\\>a\\:hover\\]\\:text-primary>a:hover:where(.slabui-te,.slabui-te *){color:var(--primary)}.\\[\\&\\>svg\\]\\:pointer-events-none>svg:where(.slabui-te,.slabui-te *){pointer-events:none}.\\[\\&\\>svg\\]\\:size-2\\.5\\!>svg:where(.slabui-te,.slabui-te *){width:calc(var(--spacing) * 2.5)!important;height:calc(var(--spacing) * 2.5)!important}[data-variant=legend]+.\\[\\[data-variant\\=legend\\]\\+\\&\\]\\:-mt-1\\.5:where(.slabui-te,.slabui-te *){margin-top:calc(var(--spacing) * -1.5)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.slabui-te{--spacing:.25rem;--radius:.65rem;--font-size:1rem;--page-sm:768px;--page:1200px;--page-lg:1440px;--background:oklch(100% 0 0);--scrollbar-thumb:oklch(92.2% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--brand:oklch(70% .1435 227.76);--brand-foreground:oklch(98.5% 0 0);--primary:oklch(70% .1435 227.76);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--danger:oklch(57.7% .245 27.325);--danger-foreground:oklch(98.5% 0 0);--success:oklch(72.8% .125 139.6);--success-foreground:oklch(98.5% 0 0);--warning:oklch(78.4% .181 44.7);--warning-foreground:oklch(98.5% 0 0);--inverted:oklch(20.5% 0 0);--inverted-foreground:oklch(97% 0 0);--focus:oklch(70% .181 44.7);--focus-size:2.5px;--focus-offset:2px;--table:oklch(94% 0 0/.65);--table-content:oklch(100% 0 0);--table-hover:oklch(98% 0 0/.1)}.dark .slabui-te{--background:oklch(14.5% 0 0);--scrollbar-thumb:oklch(26.9% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0);--brand:oklch(66% .1435 227.76);--brand-foreground:oklch(98.5% 0 0);--primary:oklch(66% .1435 227.76);--primary-foreground:oklch(98.5% 0 0);--danger:oklch(70.4% .191 22.216);--danger-foreground:oklch(98.5% 0 0);--success:oklch(72.8% .125 139.6);--success-foreground:oklch(98.5% 0 0);--warning:oklch(78.4% .181 44.7);--warning-foreground:oklch(98.5% 0 0);--inverted:oklch(92.2% 0 0);--inverted-foreground:oklch(20.5% 0 0);--focus:oklch(70% .181 44.7);--table:oklch(26.5% 0 0);--table-content:oklch(20.5% 0 0);--table-hover:oklch(22% 0 0)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
-`}),/* @__PURE__ */ p(`button`,{"aria-label":`Open the theme editor`,className:`fixed top-1/2 left-1 z-2147483000 grid size-10 -translate-y-1/2 cursor-pointer place-items-center rounded-lg text-zinc-950 opacity-40 transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-cyan-500 dark:text-zinc-50`,onClick:()=>g(!0),title:`Theme editor (SlabUI)`,type:`button`,children:/* @__PURE__ */ p($o,{className:`size-7`})}),/* @__PURE__ */ p(`div`,{className:`relative z-2147483001`,ref:R}),/* @__PURE__ */ p(Jl,{onOpenChange:g,open:h,children:/* @__PURE__ */ m(Zl,{className:`flex h-[min(960px,calc(100vh-2rem))] max-w-[min(1560px,calc(100%-2rem))] flex-col gap-0 overflow-hidden p-0 sm:max-w-[min(1560px,calc(100%-2rem))]`,container:L,children:[/* @__PURE__ */ m(Ql,{className:`flex-row items-center gap-3 border-b px-4 py-3`,children:[/* @__PURE__ */ p(`span`,{className:`grid size-8 shrink-0 place-items-center rounded-lg bg-zinc-950 text-zinc-50`,children:/* @__PURE__ */ p($o,{className:`size-6`})}),/* @__PURE__ */ m(`div`,{className:`flex min-w-0 flex-1 flex-col gap-0.5`,children:[/* @__PURE__ */ p(eu,{children:`Theme editor`}),/* @__PURE__ */ p(tu,{children:b?`Editing the "${b}" theme: only what differs from the base.`:`Adjust, check the preview and save to your global CSS.`})]}),/* @__PURE__ */ m(`div`,{className:`mr-8 flex items-center gap-3`,children:[V&&ee&&ae.length>0&&/* @__PURE__ */ m(f,{children:[/* @__PURE__ */ m(`label`,{className:`flex items-center gap-2 text-muted-foreground`,children:[`Theme`,/* @__PURE__ */ p(`select`,{"aria-label":`Theme being edited`,className:`h-7 rounded-md border bg-background px-2 text-foreground`,onChange:e=>x(e.target.value),value:b,children:[``,...ae].map(e=>/* @__PURE__ */ m(`option`,{value:e,children:[e||`Base`,de.has(e)?` •`:``]},e||`base`))})]}),/* @__PURE__ */ m(`label`,{className:`flex items-center gap-1.5 text-muted-foreground`,children:[/* @__PURE__ */ p(`input`,{checked:S,onChange:e=>C(e.target.checked),type:`checkbox`}),`Show on page`]})]}),/* @__PURE__ */ p(Un,{account:z,onSignIn:()=>void H(),onSignOut:()=>void te(),waiting:B})]})]}),ee?re?/* @__PURE__ */ m(`div`,{className:`grid min-h-0 flex-1 grid-cols-1 lg:grid-cols-[570px_1fr]`,children:[/* @__PURE__ */ m(Rs,{className:`grid min-h-0 grid-cols-1 gap-0 lg:grid-cols-[190px_380px]`,onValueChange:e=>k(String(e)),orientation:`vertical`,value:O,children:[/* @__PURE__ */ p(`nav`,{"aria-label":`Theme sections`,className:`border-b p-2 lg:border-r lg:border-b-0`,children:/* @__PURE__ */ p(Bs,{className:`w-full bg-transparent`,variant:`line`,children:Yo.map(e=>/* @__PURE__ */ m(Vs,{className:`justify-between hover:bg-muted/50 group-data-[variant=line]/tabs-list:data-active:bg-muted group-data-[variant=line]/tabs-list:data-active:after:opacity-0 dark:group-data-[variant=line]/tabs-list:data-active:bg-muted`,disabled:e.soon,value:e.id,children:[e.label,e.soon&&/* @__PURE__ */ p(en,{variant:`outline`,children:`Soon`}),e.pro&&!V&&/* @__PURE__ */ p(en,{variant:`blend`,children:`Pro`})]},e.id))})}),/* @__PURE__ */ p(ju,{className:`min-h-0 border-b lg:border-r lg:border-b-0`,children:Yo.map(e=>/* @__PURE__ */ m(Hs,{className:`flex flex-col gap-6 p-4`,value:e.id,children:[/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-1`,children:[/* @__PURE__ */ m(`div`,{className:`flex items-center justify-between gap-2`,children:[/* @__PURE__ */ p(`h3`,{className:`font-medium text-sm`,children:e.label}),e.id===`colors`&&/* @__PURE__ */ m(en,{variant:`outline`,children:[`Editing: `,F===`dark`?`Dark`:`Light`]})]}),/* @__PURE__ */ p(`p`,{className:`text-muted-foreground`,children:e.description})]}),e.id===`themes`&&!V&&/* @__PURE__ */ p(Wn,{feature:`Multiple themes`,site:ne}),e.pro&&!V&&e.controls.length>0&&/* @__PURE__ */ p(Wn,{feature:e.label,site:ne}),e.id===`themes`&&V&&/* @__PURE__ */ p(qs,{current:b,onCreate:Ce,onDelete:Se,onEdit:x,onRename:xe,pending:de,themes:ae}),e.id===`colors`&&/* @__PURE__ */ p(ns,{inTheme:b!==``,locked:!V,onCreate:he,sources:De.toSorted(),taken:Oe}),e.id===`colors`&&/* @__PURE__ */ p(qo,{changed:e=>e in se.set[F],editor:(e,t)=>{let n=t?void 0:_r(e,Ne);return/* @__PURE__ */ p(Go,{name:e,onChange:t=>me(F,e,t),onRestore:()=>ve(F,e),origin:b?ge(F,e)?`from the theme`:`from the base`:void 0,pair:n?{name:n,value:ke[n]??``}:void 0,references:Ae(e),resolved:ke[e],restoreLabel:b?`Use the base value`:`Restore this color`,surface:ke.background,value:le[e]??``})},fromTheme:e=>ge(F,e),groups:Me,onSelect:M,resolved:ke,selected:Pe,values:le}),Jo.filter(({name:t})=>e.controls.includes(t)&&!(e.pro&&!V)).map(e=>{let t=Zo(le[e.name],e.unit);return/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-3`,children:[/* @__PURE__ */ m(`div`,{className:`flex items-baseline justify-between`,children:[/* @__PURE__ */ p(`span`,{className:`font-medium`,children:e.label}),/* @__PURE__ */ m(`code`,{className:`text-muted-foreground`,children:[le[e.name]??`—`,b&&(ge(`light`,e.name)?` (from the theme)`:` (from the base)`)]})]}),/* @__PURE__ */ p(`p`,{className:`text-muted-foreground`,children:e.description}),/* @__PURE__ */ p(Bo,{"aria-label":e.label,disabled:t===void 0,max:e.max,min:e.min,onValueChange:t=>me(`light`,e.name,Qo(typeof t==`number`?t:t[0],e.unit)),step:e.step,value:[t??e.min]}),/* @__PURE__ */ p(`div`,{className:`flex flex-wrap gap-1.5`,children:e.presets.map(n=>/* @__PURE__ */ p(Z,{"aria-pressed":t===n.value,onClick:()=>me(`light`,e.name,Qo(n.value,e.unit)),size:`xs`,variant:t===n.value?`default`:`outline`,children:n.label},n.label))})]},e.name)})]},e.id))})]}),/* @__PURE__ */ m(`div`,{className:`flex min-h-0 min-w-0 flex-col gap-3 bg-muted/40 p-4`,children:[/* @__PURE__ */ m(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[/* @__PURE__ */ p(Rs,{onValueChange:e=>P(e),value:N,children:/* @__PURE__ */ m(Bs,{"aria-label":`Preview`,children:[/* @__PURE__ */ p(Vs,{value:`components`,children:`Components`}),/* @__PURE__ */ m(Vs,{disabled:!V,title:V?void 0:`The page preview is part of Pro`,value:`page`,children:[`This page`,!V&&/* @__PURE__ */ p(en,{variant:`blend`,children:`Pro`})]})]})}),/* @__PURE__ */ p(Rs,{onValueChange:e=>I(e),value:F,children:/* @__PURE__ */ m(Bs,{"aria-label":`Mode`,children:[/* @__PURE__ */ p(Vs,{value:`light`,children:`Light`}),/* @__PURE__ */ p(Vs,{value:`dark`,children:`Dark`})]})})]}),N===`components`||!V?/* @__PURE__ */ p(ju,{className:J(`min-h-0 flex-1 rounded-xl border bg-background text-foreground`,F),"data-testid":`slabui-te-preview`,style:Ee,children:/* @__PURE__ */ p(`div`,{className:`p-6`,children:/* @__PURE__ */ p(Ks,{installed:ie,token:Fe,children:e})})}):/* @__PURE__ */ p(as,{dark:F===`dark`,theme:b,vars:Te})]})]}):/* @__PURE__ */ p(`p`,{className:J(`flex-1 p-6 text-muted-foreground`,t.status===`error`&&`text-danger`),children:t.status===`error`?t.message:`Loading the theme…`}):/* @__PURE__ */ p(`div`,{className:`grid flex-1 place-items-center p-6`,children:/* @__PURE__ */ m(`div`,{className:`flex max-w-sm flex-col items-center gap-3 text-center`,children:[/* @__PURE__ */ p(`span`,{className:`grid size-10 place-items-center rounded-lg bg-zinc-950 text-zinc-50`,children:/* @__PURE__ */ p($o,{className:`size-7`})}),/* @__PURE__ */ p(`h3`,{className:`font-medium text-base`,children:`Sign in to your SlabUI account`}),/* @__PURE__ */ m(`p`,{className:`text-muted-foreground`,children:[`The theme editor needs a SlabUI account, Free or Pro. The same login works for the CLI (as `,/* @__PURE__ */ p(`code`,{children:`npx slabui login`}),`).`]}),/* @__PURE__ */ p(Z,{disabled:B,onClick:()=>void H(),children:B?`Waiting for the login in the browser…`:`Sign in with the browser`})]})}),/* @__PURE__ */ m($l,{className:`mx-0 mb-0 flex-row items-center gap-2 border-t px-4 py-3 sm:justify-between`,children:[/* @__PURE__ */ p(`p`,{className:J(`min-w-0 flex-1 text-muted-foreground`,Le.tone===`error`&&`text-danger`,Le.tone===`success`&&`text-success`),role:`status`,children:Le.text}),/* @__PURE__ */ p(Z,{disabled:!re||!ee,onClick:ye,variant:`outline`,children:b?`Back to base`:`Restore defaults`}),/* @__PURE__ */ p(Z,{disabled:fe.length===0,onClick:()=>{y({}),D(void 0)},variant:`outline`,children:`Discard`}),/* @__PURE__ */ p(Z,{disabled:fe.length===0||w||!ee,onClick:()=>void be(),children:w?`Saving…`:`Save theme`})]})]})})]})}export{qu as ThemeEditor};
+`}),/* @__PURE__ */ p(`button`,{"aria-label":`Open the theme editor`,className:`fixed top-1/2 left-1 z-2147483000 grid size-10 -translate-y-1/2 cursor-pointer place-items-center rounded-lg text-zinc-950 opacity-40 transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-2 focus-visible:outline-cyan-500 dark:text-zinc-50`,onClick:()=>g(!0),title:`Theme editor (SlabUI)`,type:`button`,children:/* @__PURE__ */ p($o,{className:`size-7`})}),/* @__PURE__ */ p(`div`,{className:`relative z-2147483001`,ref:R}),/* @__PURE__ */ p(Jl,{onOpenChange:g,open:h,children:/* @__PURE__ */ m(Zl,{className:`flex h-[min(960px,calc(100vh-2rem))] max-w-[min(1560px,calc(100%-2rem))] flex-col gap-0 overflow-hidden p-0 sm:max-w-[min(1560px,calc(100%-2rem))]`,container:L,children:[/* @__PURE__ */ m(Ql,{className:`flex-row items-center gap-3 border-b px-4 py-3`,children:[/* @__PURE__ */ p(`span`,{className:`grid size-8 shrink-0 place-items-center rounded-lg bg-zinc-950 text-zinc-50`,children:/* @__PURE__ */ p($o,{className:`size-6`})}),/* @__PURE__ */ m(`div`,{className:`flex min-w-0 flex-1 flex-col gap-0.5`,children:[/* @__PURE__ */ p(eu,{children:`Theme editor`}),/* @__PURE__ */ p(tu,{children:b?`Editing the "${b}" theme: only what differs from the base.`:`Adjust, check the preview and save to your global CSS.`})]}),/* @__PURE__ */ m(`div`,{className:`mr-8 flex items-center gap-3`,children:[V&&ee&&ae.length>0&&/* @__PURE__ */ m(f,{children:[/* @__PURE__ */ m(`label`,{className:`flex items-center gap-2 text-muted-foreground`,children:[`Theme`,/* @__PURE__ */ p(`select`,{"aria-label":`Theme being edited`,className:`h-7 rounded-md border bg-background px-2 text-foreground`,onChange:e=>x(e.target.value),value:b,children:[``,...ae].map(e=>/* @__PURE__ */ m(`option`,{value:e,children:[e||`Base`,de.has(e)?` •`:``]},e||`base`))})]}),/* @__PURE__ */ m(`label`,{className:`flex items-center gap-1.5 text-muted-foreground`,children:[/* @__PURE__ */ p(`input`,{checked:S,onChange:e=>C(e.target.checked),type:`checkbox`}),`Show on page`]})]}),/* @__PURE__ */ p(Un,{account:z,onSignIn:()=>void H(),onSignOut:()=>void te(),waiting:B})]})]}),ee?re?/* @__PURE__ */ m(`div`,{className:`grid min-h-0 flex-1 grid-cols-1 lg:grid-cols-[570px_1fr]`,children:[/* @__PURE__ */ m(Rs,{className:`grid min-h-0 grid-cols-1 gap-0 lg:grid-cols-[190px_380px]`,onValueChange:e=>k(String(e)),orientation:`vertical`,value:O,children:[/* @__PURE__ */ p(`nav`,{"aria-label":`Theme sections`,className:`border-b p-2 lg:border-r lg:border-b-0`,children:/* @__PURE__ */ p(Bs,{className:`w-full bg-transparent`,variant:`line`,children:Yo.map(e=>/* @__PURE__ */ m(Vs,{className:`justify-between hover:bg-muted/50 group-data-[variant=line]/tabs-list:data-active:bg-muted group-data-[variant=line]/tabs-list:data-active:after:opacity-0 dark:group-data-[variant=line]/tabs-list:data-active:bg-muted`,disabled:e.soon,value:e.id,children:[e.label,e.soon&&/* @__PURE__ */ p(en,{variant:`outline`,children:`Soon`}),e.pro&&!V&&/* @__PURE__ */ p(en,{variant:`blend`,children:`Pro`})]},e.id))})}),/* @__PURE__ */ p(ju,{className:`min-h-0 border-b lg:border-r lg:border-b-0`,children:Yo.map(e=>/* @__PURE__ */ m(Hs,{className:`flex flex-col gap-6 p-4`,value:e.id,children:[/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-1`,children:[/* @__PURE__ */ m(`div`,{className:`flex items-center justify-between gap-2`,children:[/* @__PURE__ */ p(`h3`,{className:`font-medium text-sm`,children:e.label}),e.id===`colors`&&/* @__PURE__ */ m(en,{variant:`outline`,children:[`Editing: `,F===`dark`?`Dark`:`Light`]})]}),/* @__PURE__ */ p(`p`,{className:`text-muted-foreground`,children:e.description})]}),e.id===`themes`&&!V&&/* @__PURE__ */ p(Wn,{feature:`Multiple themes`,site:ne}),e.pro&&!V&&e.controls.length>0&&/* @__PURE__ */ p(Wn,{feature:e.label,site:ne}),e.id===`themes`&&V&&/* @__PURE__ */ p(qs,{current:b,onCreate:Ce,onDelete:Se,onEdit:x,onRename:xe,pending:de,themes:ae}),e.id===`colors`&&/* @__PURE__ */ p(ns,{inTheme:b!==``,locked:!V,onCreate:he,sources:Ae.toSorted(),taken:je}),e.id===`colors`&&/* @__PURE__ */ p(qo,{changed:e=>e in se.set[F],editor:(e,t)=>{let n=t?void 0:_r(e,Ie);return/* @__PURE__ */ p(Go,{name:e,onChange:t=>me(F,e,t),onRestore:()=>ve(F,e),origin:b?ge(F,e)?`from the theme`:`from the base`:void 0,pair:n?{name:n,value:Pe[n]??``}:void 0,resolved:Pe[e],restoreLabel:b?`Use the base value`:`Restore this color`,surface:Pe.background,value:le[e]??``})},fromTheme:e=>ge(F,e),groups:Fe,onSelect:M,resolved:Pe,selected:Le,values:le}),Jo.filter(({name:t})=>e.controls.includes(t)&&!(e.pro&&!V)).map(e=>{let t=Zo(le[e.name],e.unit);return/* @__PURE__ */ m(`div`,{className:`flex flex-col gap-3`,children:[/* @__PURE__ */ m(`div`,{className:`flex items-baseline justify-between`,children:[/* @__PURE__ */ p(`span`,{className:`font-medium`,children:e.label}),/* @__PURE__ */ m(`code`,{className:`text-muted-foreground`,children:[le[e.name]??`—`,b&&(ge(`light`,e.name)?` (from the theme)`:` (from the base)`)]})]}),/* @__PURE__ */ p(`p`,{className:`text-muted-foreground`,children:e.description}),/* @__PURE__ */ p(Bo,{"aria-label":e.label,disabled:t===void 0,max:e.max,min:e.min,onValueChange:t=>me(`light`,e.name,Qo(typeof t==`number`?t:t[0],e.unit)),step:e.step,value:[t??e.min]}),/* @__PURE__ */ p(`div`,{className:`flex flex-wrap gap-1.5`,children:e.presets.map(n=>/* @__PURE__ */ p(Z,{"aria-pressed":t===n.value,onClick:()=>me(`light`,e.name,Qo(n.value,e.unit)),size:`xs`,variant:t===n.value?`default`:`outline`,children:n.label},n.label))})]},e.name)})]},e.id))})]}),/* @__PURE__ */ m(`div`,{className:`flex min-h-0 min-w-0 flex-col gap-3 bg-muted/40 p-4`,children:[/* @__PURE__ */ m(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[/* @__PURE__ */ p(Rs,{onValueChange:e=>P(e),value:N,children:/* @__PURE__ */ m(Bs,{"aria-label":`Preview`,children:[/* @__PURE__ */ p(Vs,{value:`components`,children:`Components`}),/* @__PURE__ */ m(Vs,{disabled:!V,title:V?void 0:`The page preview is part of Pro`,value:`page`,children:[`This page`,!V&&/* @__PURE__ */ p(en,{variant:`blend`,children:`Pro`})]})]})}),/* @__PURE__ */ p(Rs,{onValueChange:e=>I(e),value:F,children:/* @__PURE__ */ m(Bs,{"aria-label":`Mode`,children:[/* @__PURE__ */ p(Vs,{value:`light`,children:`Light`}),/* @__PURE__ */ p(Vs,{value:`dark`,children:`Dark`})]})})]}),N===`components`||!V?/* @__PURE__ */ p(ju,{className:J(`min-h-0 flex-1 rounded-xl border bg-background text-foreground`,F),"data-testid":`slabui-te-preview`,style:Ee,children:/* @__PURE__ */ p(`div`,{className:`p-6`,children:/* @__PURE__ */ p(Ks,{installed:ie,token:Re,children:e})})}):/* @__PURE__ */ p(as,{dark:F===`dark`,theme:b,vars:Te})]})]}):/* @__PURE__ */ p(`p`,{className:J(`flex-1 p-6 text-muted-foreground`,t.status===`error`&&`text-danger`),children:t.status===`error`?t.message:`Loading the theme…`}):/* @__PURE__ */ p(`div`,{className:`grid flex-1 place-items-center p-6`,children:/* @__PURE__ */ m(`div`,{className:`flex max-w-sm flex-col items-center gap-3 text-center`,children:[/* @__PURE__ */ p(`span`,{className:`grid size-10 place-items-center rounded-lg bg-zinc-950 text-zinc-50`,children:/* @__PURE__ */ p($o,{className:`size-7`})}),/* @__PURE__ */ p(`h3`,{className:`font-medium text-base`,children:`Sign in to your SlabUI account`}),/* @__PURE__ */ m(`p`,{className:`text-muted-foreground`,children:[`The theme editor needs a SlabUI account, Free or Pro. The same login works for the CLI (as `,/* @__PURE__ */ p(`code`,{children:`npx slabui login`}),`).`]}),/* @__PURE__ */ p(Z,{disabled:B,onClick:()=>void H(),children:B?`Waiting for the login in the browser…`:`Sign in with the browser`})]})}),/* @__PURE__ */ m($l,{className:`mx-0 mb-0 flex-row items-center gap-2 border-t px-4 py-3 sm:justify-between`,children:[/* @__PURE__ */ p(`p`,{className:J(`min-w-0 flex-1 text-muted-foreground`,Be.tone===`error`&&`text-danger`,Be.tone===`success`&&`text-success`),role:`status`,children:Be.text}),/* @__PURE__ */ p(Z,{disabled:!re||!ee,onClick:ye,variant:`outline`,children:b?`Back to base`:`Restore defaults`}),/* @__PURE__ */ p(Z,{disabled:fe.length===0,onClick:()=>{y({}),D(void 0)},variant:`outline`,children:`Discard`}),/* @__PURE__ */ p(Z,{disabled:fe.length===0||w||!ee,onClick:()=>void be(),children:w?`Saving…`:`Save theme`})]})]})})]})}export{qu as ThemeEditor};
 //# sourceMappingURL=index.mjs.map