panelize 0.0.0-stage → 0.1.0

package/dist/panelize.cjs

@@ -0,0 +1,858 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("styled-components"),n=require("react/jsx-runtime"),r=require("react-dom");var i=[`muted`,`base`,`highlighted`],a=[`base`,`muted`,`highlighted`],o=[`dark`,`light`],s=[`primary`,`secondary`,`accent`],c=[`danger`,`warning`,`success`,`info`],l=[`base`,`hover`,`active`],u=[`none`,`extraSmall`,`small`,`base`,`large`,`extraLarge`],d=[`start`,`end`,`center`,`stretch`,`baseline`,`space-between`,`space-around`,`space-evenly`],f=[`vertical`,`horizontal`,`both`],p=[`sm`,`md`,`lg`],m=[`extraSmall`,`small`,`base`,`large`,`extraLarge`],h=[`thin`,`base`,`bold`,`heavy`],g=[`base`,`display`,`mono`],_=[1,2,3,4,5,6],v={none:`0rem`,extraSmall:`0.25rem`,small:`0.5rem`,base:`1rem`,large:`1.5rem`,extraLarge:`2rem`};function y(e){return u.includes(e)}function b(e,t,n){let r=e??t;return Object.hasOwn(n,r)?n[r]:r}function x(e,t,n,r){return e===void 0?t===void 0?n:y(t)?r[t]:t:y(e)?r[e]:e}function S(e,t,n){let r=b(e.padding,t.padding,n),i=b(e.margin,t.margin,n);return{paddingTop:x(e.paddingTop,e.paddingY,r,n),paddingRight:x(e.paddingRight,e.paddingX,r,n),paddingBottom:x(e.paddingBottom,e.paddingY,r,n),paddingLeft:x(e.paddingLeft,e.paddingX,r,n),marginTop:x(e.marginTop,e.marginY,i,n),marginRight:x(e.marginRight,e.marginX,i,n),marginBottom:x(e.marginBottom,e.marginY,i,n),marginLeft:x(e.marginLeft,e.marginX,i,n)}}function C(e){let{padding:t,margin:n,paddingX:r,paddingY:i,paddingTop:a,paddingRight:o,paddingBottom:s,paddingLeft:c,marginX:l,marginY:u,marginTop:d,marginRight:f,marginBottom:p,marginLeft:m,minWidth:h,maxWidth:g,minHeight:_,maxHeight:v,width:y,height:b,...x}=e;return{spacing:{padding:t,margin:n,paddingX:r,paddingY:i,paddingTop:a,paddingRight:o,paddingBottom:s,paddingLeft:c,marginX:l,marginY:u,marginTop:d,marginRight:f,marginBottom:p,marginLeft:m},size:{minWidth:h,maxWidth:g,minHeight:_,maxHeight:v,width:y,height:b},rest:x}}function w(e,t){return{minWidth:e.minWidth===void 0?void 0:b(e.minWidth,`none`,t),maxWidth:e.maxWidth===void 0?void 0:b(e.maxWidth,`none`,t),minHeight:e.minHeight===void 0?void 0:b(e.minHeight,`none`,t),maxHeight:e.maxHeight===void 0?void 0:b(e.maxHeight,`none`,t)}}function T(e,t,n){return{...w(e,t),width:e.width===void 0&&n?.width===void 0?void 0:b(e.width,n?.width??`auto`,t),height:e.height===void 0&&n?.height===void 0?void 0:b(e.height,n?.height??`auto`,t)}}function E(e,n){let r=e.width??(n?`100%`:void 0),i=e.height??(n?`100%`:void 0);return t.css`
+    box-sizing: border-box;
+    ${r===void 0?``:t.css`
+            width: ${r};
+          `}
+    ${i===void 0?``:t.css`
+            height: ${i};
+          `}
+    ${D(e)}
+  `}function D(e){return t.css`
+    ${e.minWidth===void 0?``:t.css`
+            min-width: ${e.minWidth};
+          `}
+    ${e.maxWidth===void 0?``:t.css`
+            max-width: ${e.maxWidth};
+          `}
+    ${e.minHeight===void 0?``:t.css`
+            min-height: ${e.minHeight};
+          `}
+    ${e.maxHeight===void 0?``:t.css`
+            max-height: ${e.maxHeight};
+          `}
+  `}function O(e){return t.css`
+    padding-top: ${e.paddingTop};
+    padding-right: ${e.paddingRight};
+    padding-bottom: ${e.paddingBottom};
+    padding-left: ${e.paddingLeft};
+    margin-top: ${e.marginTop};
+    margin-right: ${e.marginRight};
+    margin-bottom: ${e.marginBottom};
+    margin-left: ${e.marginLeft};
+  `}var k={none:`0`,extraSmall:`1px`,small:`2px`,base:`4px`,large:`8px`,extraLarge:`12px`},A={none:`0`,extraSmall:`0.125rem`,small:`0.25rem`,base:`0.5rem`,large:`0.75rem`,extraLarge:`1rem`};function j(e){return typeof e==`object`&&!!e}function M(e,t,n,r){return e===void 0?t===void 0?n:b(t,n,r):b(e,n,r)}function N(e,t,n){let r=b(e.borderWidth,t,n);return[M(e.borderTop,e.borderY,r,n),M(e.borderRight,e.borderX,r,n),M(e.borderBottom,e.borderY,r,n),M(e.borderLeft,e.borderX,r,n)].join(` `)}function P(e,t,n,r,a,o=`base`){if(e!==void 0){if(i.includes(e)){let r=n[e];return t===`background`?r.background:t===`text`?r.text.base:r.border}return s.includes(e)?r[e][o]:c.includes(e)?a[e][o]:e}}function F(e,t,n,r,i,a){if(e!==void 0){if(j(e)){let o=e[n];return o===void 0?void 0:P(o,t,r,i,a,n)}return P(e,t,r,i,a,`base`)}}function I(e,t,n,r,i){return P(e,`border`,n,r,i)??n[t].border}var L={sm:`40rem`,md:`48rem`,lg:`64rem`};function ee(e){return p.includes(e)}function te(e,t){if(e!==void 0)return ee(e)?t[e]:e}function ne(e,n=1){let r=Number.isFinite(n)&&n>=1?Math.floor(n):1,i=`repeat(${r}, minmax(0, 1fr))`;return t.css`
+    container-type: inline-size;
+    @container (max-width: ${e}) {
+      grid-template-columns: ${i};
+      justify-items: stretch;
+      align-items: stretch;
+      ${r===1?t.css`
+              & > * {
+                grid-column: auto / span 1;
+              }
+            `:``}
+    }
+  `}function re(e,n=`start`){return t.css`
+    container-type: inline-size;
+    @container (max-width: ${e}) {
+      flex-direction: column;
+      flex-wrap: nowrap;
+      align-items: stretch;
+      justify-content: ${n};
+      & > * {
+        width: auto;
+        max-width: 100%;
+      }
+    }
+  `}function ie(e,n){return t.css`
+    justify-items: ${e};
+    align-items: ${n};
+  `}function ae(e,n){if(e||n)return t.css`
+    ${e?t.css`
+            justify-self: ${e};
+          `:``}
+    ${n?t.css`
+            align-self: ${n};
+          `:``}
+  `}function oe(e){return e?{alignX:`stretch`,alignY:`start`}:{alignX:`start`,alignY:`stretch`}}function se(e,n,r){let i=e?r:n,a=e?n:r;if(i||a)return t.css`
+    ${i?t.css`
+            justify-content: ${i};
+          `:``}
+    ${a?t.css`
+            align-items: ${a};
+          `:``}
+  `}function R(e,t){return e??t}function z(e,n){if(e)return t.css`
+      flex: 1 1 0%;
+      min-width: 0;
+      min-height: 0;
+    `;if(n)return t.css`
+      flex-shrink: 0;
+    `}function ce(e){return e??`start`}function le(e){if(!e)return;let n=e===`vertical`||e===`both`,r=e===`horizontal`||e===`both`;return t.css`
+    overflow-x: ${r?`auto`:`hidden`};
+    overflow-y: ${n?`auto`:`hidden`};
+    ${n?t.css`
+            min-height: 0;
+          `:``}
+    ${r?t.css`
+            min-width: 0;
+          `:``}
+  `}var ue=(0,e.createContext)(void 0);function B({kind:e,children:t}){return(0,n.jsx)(ue.Provider,{value:e,children:t})}function de(){return(0,e.useContext)(ue)}function V(e,n,r){if(e===`column`)return n?t.css`
+      align-self: ${n};
+    `:void 0;if(e===`row`)return r?t.css`
+      align-self: ${r};
+    `:void 0;if(n||r)return t.css`
+    ${n?t.css`
+            justify-self: ${n};
+          `:``}
+    ${r?t.css`
+            align-self: ${r};
+          `:``}
+  `}var H=[`extraDark`,`dark`,`base`,`light`,`extraLight`],fe=[0,1,2,3,4,5,6],U=[`#000000`,`#292929`,`#4e4e4e`,`#777777`,`#a2a2a2`,`#d0d0d0`,`#ffffff`],W={black:U[0],white:U[6],gray:{0:U[0],1:U[1],2:U[2],3:U[3],4:U[4],5:U[5],6:U[6],extraDark:U[1],dark:U[2],base:U[3],light:U[4],extraLight:U[5]}};function pe(e){let t=e.trim(),n=/^#([\da-fA-F])([\da-fA-F])([\da-fA-F])$/.exec(t);if(n)return[Number.parseInt(n[1]+n[1],16),Number.parseInt(n[2]+n[2],16),Number.parseInt(n[3]+n[3],16)];let r=/^#([\da-fA-F]{2})([\da-fA-F]{2})([\da-fA-F]{2})$/.exec(t);return r?[Number.parseInt(r[1],16),Number.parseInt(r[2],16),Number.parseInt(r[3],16)]:null}function G(e,t,n){return`#${[e,t,n].map(e=>e.toString(16).padStart(2,`0`)).join(``)}`}function K(e,t,n){return Math.round(e+(t-e)*n)}function me(e,t,n){let r=pe(e);return r?G(K(r[0],t,n),K(r[1],t,n),K(r[2],t,n)):null}function q(e){return{base:e,hover:me(e,255,.25)??e,active:me(e,0,.055)??e}}var J={extraSmall:`0.75rem`,small:`0.875rem`,base:`1rem`,large:`1.25rem`,extraLarge:`1.5rem`},he={thin:`100`,base:`400`,bold:`700`,heavy:`800`},ge={base:`"Open Sans", sans-serif`,display:`Montserrat, sans-serif`,mono:`ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace`},_e=1.2,ve={padding:`none`,margin:`none`},ye={...ve,borderWidth:`none`,borderRadius:`none`},be={...ye,height:`auto`},Y={...ye,width:`auto`},xe={...ve,gap:`none`,alignX:`stretch`,alignY:`start`},Se={...ve,gap:`none`,alignX:`start`,alignY:`stretch`},Ce={...ve,gap:`none`,alignX:`stretch`,alignY:`stretch`},we={muted:{background:`#222222`,text:{base:W.gray.extraLight,muted:W.gray.base,highlighted:W.white},border:W.gray.dark},base:{background:`#333333`,text:{base:W.gray.extraLight,muted:W.gray.light,highlighted:W.white},border:W.gray.base},highlighted:{background:W.gray.dark,text:{base:W.white,muted:W.gray.light,highlighted:W.white},border:W.gray.base}},X={mode:`dark`,colorSchemes:{dark:we,light:{muted:{background:`#f2f2f2`,text:{base:`#222222`,muted:W.gray.base,highlighted:W.black},border:W.gray.light},base:{background:`#f7f7f7`,text:{base:`#333333`,muted:W.gray.base,highlighted:W.black},border:W.gray.base},highlighted:{background:W.white,text:{base:W.gray.dark,muted:W.gray.base,highlighted:W.black},border:W.gray.base}}},colors:we,brand:{primary:q(`#ff9f2e`),secondary:q(`#ff9f2e`),accent:q(`#ff9f2e`)},status:{danger:q(`#f2555a`),warning:q(`#ffd60a`),success:q(`#4ade80`),info:q(`#38bdf8`)},space:v,borderWidths:k,radii:A,breakpoints:{...L},fontSizes:J,fontWeights:he,fontFamilies:ge,lineHeight:_e,defaults:{panel:{...ye},panels:{...ve,gap:`none`},rows:{...xe},row:{...be},cols:{...Se},col:{...Y},grid:{...Ce},cell:{...ye},div:{...ye},text:{size:`base`,weight:`base`},heading:{size:{1:`2rem`,2:`1.5rem`,3:`1.17rem`,4:`1rem`,5:`0.83rem`,6:`0.67rem`},weight:`bold`,family:`display`},textLink:{color:`primary`,hover:`primary`,hoverUnderline:!1},button:{color:`primary`,size:`small`,weight:`bold`,ink:W.black,hover:{color:W.black},paddingX:`base`,paddingY:`small`,gap:`extraSmall`,borderWidth:`extraSmall`,borderRadius:`base`},chip:{color:`primary`,size:`extraSmall`,weight:`bold`,tint:`12%`,paddingX:`base`,paddingY:`extraSmall`,gap:`extraSmall`,borderRadius:`999px`,uppercase:!0},input:{color:`primary`,size:`small`,weight:`base`,paddingX:`base`,paddingY:`small`,borderWidth:`extraSmall`,borderRadius:`base`},textarea:{color:`primary`,size:`small`,weight:`base`,paddingX:`base`,paddingY:`small`,borderWidth:`extraSmall`,borderRadius:`base`,resize:!1,rows:3},select:{color:`primary`,size:`small`,weight:`base`,paddingX:`base`,paddingY:`small`,borderWidth:`extraSmall`,borderRadius:`base`,listMaxHeight:`16rem`,listOffset:`extraSmall`,optionPaddingX:`base`,optionPaddingY:`extraSmall`,listZIndex:1100,listShadow:`0 8px 24px rgb(0 0 0 / 35%)`},switch:{color:`primary`,size:`base`,ink:W.white,widthFactor:2,insetFactor:.2,borderRadius:`999px`},checkbox:{color:`primary`,size:`base`,ink:W.black,borderWidth:`extraSmall`,borderRadius:`small`},radio:{color:`primary`,size:`base`,borderWidth:`extraSmall`,borderRadius:`999px`,insetFactor:.22}}};function Te(e,t,n){let r={...t};if(!n)return r;for(let t of e){let e=n[t];e!==void 0&&(r[t]=e)}return r}function Ee(e,t){return Te(u,e,t)}function De(e,t){return Te(p,e,t)}function Oe(e,t){return{padding:t?.padding??e.padding,margin:t?.margin??e.margin}}function ke(e,t){return{...Oe(e,t),borderWidth:t?.borderWidth??e.borderWidth,borderRadius:t?.borderRadius??e.borderRadius}}function Ae(e,t){return{...ke(e,t),height:t?.height??e.height}}function je(e,t){return{...ke(e,t),width:t?.width??e.width}}function Me(e,t){return{...Oe(e,t),gap:t?.gap??e.gap}}function Ne(e,t){return{size:t?.size??e.size,weight:t?.weight??e.weight}}function Pe(e,t){let n={...e.size};for(let e of _){let r=t?.size?.[e];r!==void 0&&(n[e]=r)}return{size:n,weight:t?.weight??e.weight,family:t?.family??e.family}}function Fe(e,t){return{color:t?.color??e.color,hover:t?.hover??e.hover,hoverUnderline:t?.hoverUnderline??e.hoverUnderline}}function Ie(e,t){return{color:t?.color??e.color,size:t?.size??e.size,weight:t?.weight??e.weight,tint:t?.tint??e.tint,paddingX:t?.paddingX??e.paddingX,paddingY:t?.paddingY??e.paddingY,gap:t?.gap??e.gap,borderRadius:t?.borderRadius??e.borderRadius,uppercase:t?.uppercase??e.uppercase}}function Le(e,t){return{color:t?.color??e.color,size:t?.size??e.size,weight:t?.weight??e.weight,paddingX:t?.paddingX??e.paddingX,paddingY:t?.paddingY??e.paddingY,borderWidth:t?.borderWidth??e.borderWidth,borderRadius:t?.borderRadius??e.borderRadius}}function Re(e,t){return{...Le(e,t),resize:t?.resize??e.resize,rows:t?.rows??e.rows}}function ze(e,t){return{...Le(e,t),listMaxHeight:t?.listMaxHeight??e.listMaxHeight,listOffset:t?.listOffset??e.listOffset,optionPaddingX:t?.optionPaddingX??e.optionPaddingX,optionPaddingY:t?.optionPaddingY??e.optionPaddingY,listZIndex:t?.listZIndex??e.listZIndex,listShadow:t?.listShadow??e.listShadow}}function Be(e,t){return{color:t?.color??e.color,size:t?.size??e.size,ink:t?.ink??e.ink,widthFactor:t?.widthFactor??e.widthFactor,insetFactor:t?.insetFactor??e.insetFactor,borderRadius:t?.borderRadius??e.borderRadius}}function Ve(e,t){return{color:t?.color??e.color,size:t?.size??e.size,ink:t?.ink??e.ink,borderWidth:t?.borderWidth??e.borderWidth,borderRadius:t?.borderRadius??e.borderRadius}}function He(e,t){return{color:t?.color??e.color,size:t?.size??e.size,borderWidth:t?.borderWidth??e.borderWidth,borderRadius:t?.borderRadius??e.borderRadius,insetFactor:t?.insetFactor??e.insetFactor}}function Ue(e,t){return{color:t?.color??e.color,size:t?.size??e.size,weight:t?.weight??e.weight,ink:t?.ink??e.ink,hover:{color:t?.hover?.color??e.hover.color,background:t?.hover?.background??e.hover.background},paddingX:t?.paddingX??e.paddingX,paddingY:t?.paddingY??e.paddingY,gap:t?.gap??e.gap,borderWidth:t?.borderWidth??e.borderWidth,borderRadius:t?.borderRadius??e.borderRadius}}function Z(e,t){if(t===void 0)return{...e};if(typeof t==`string`)return q(t);let n=t.base??e.base,r=q(n);return{base:n,hover:t.hover??(t.base===void 0?e.hover:r.hover),active:t.active??(t.base===void 0?e.active:r.active)}}function We(e,t){return{danger:Z(e.danger,t?.danger),warning:Z(e.warning,t?.warning),success:Z(e.success,t?.success),info:Z(e.info,t?.info)}}function Ge(e,t){let n=Z(e.primary,t?.primary),r=t?.primary!==void 0;return{primary:n,secondary:Z(r?n:e.secondary,t?.secondary),accent:Z(r?n:e.accent,t?.accent)}}function Ke(e,t){return{...Oe(e,t),gap:t?.gap??e.gap,alignX:t?.alignX??e.alignX,alignY:t?.alignY??e.alignY}}function qe(e,t){return Te(a,e,t)}function Je(e,t){return{background:t?.background??e.background,border:t?.border??e.border,text:qe(e.text,t?.text)}}function Ye(e,t){let n={...e};for(let r of i)n[r]=Je(e[r],t?.[r]);let r=t?.app;return r?.background||r?.text?n.app={...e.app,...r}:e.app&&(n.app={...e.app}),n}function Xe(e,t){return{...e,mode:t,colors:e.colorSchemes[t]}}function Ze(e){let t={dark:Ye(X.colorSchemes.dark,e?.colors?.dark),light:Ye(X.colorSchemes.light,e?.colors?.light)},n=Le(X.defaults.input,e?.defaults?.input);return{mode:`dark`,colorSchemes:t,colors:t.dark,brand:Ge(X.brand,e?.brand),status:We(X.status,e?.status),space:Ee(X.space,e?.space),borderWidths:Ee(X.borderWidths,e?.borderWidths),radii:Ee(X.radii,e?.radii),breakpoints:De(X.breakpoints,e?.breakpoints),fontSizes:Te(m,X.fontSizes,e?.fontSizes),fontWeights:Te(h,X.fontWeights,e?.fontWeights),fontFamilies:Te(g,X.fontFamilies,e?.fontFamilies),lineHeight:e?.lineHeight??X.lineHeight,defaults:{panel:ke(X.defaults.panel,e?.defaults?.panel),panels:Me(X.defaults.panels,e?.defaults?.panels),rows:Ke(X.defaults.rows,e?.defaults?.rows),row:Ae(X.defaults.row,e?.defaults?.row),cols:Ke(X.defaults.cols,e?.defaults?.cols),col:je(X.defaults.col,e?.defaults?.col),grid:Ke(X.defaults.grid,e?.defaults?.grid),cell:ke(X.defaults.cell,e?.defaults?.cell),div:ke(X.defaults.div,e?.defaults?.div),text:Ne(X.defaults.text,e?.defaults?.text),heading:Pe(X.defaults.heading,e?.defaults?.heading),textLink:Fe(X.defaults.textLink,e?.defaults?.textLink),button:Ue(X.defaults.button,e?.defaults?.button),chip:Ie(X.defaults.chip,e?.defaults?.chip),input:n,textarea:Re({...n,resize:X.defaults.textarea.resize,rows:X.defaults.textarea.rows},e?.defaults?.textarea),select:ze({...n,listMaxHeight:X.defaults.select.listMaxHeight,listOffset:X.defaults.select.listOffset,optionPaddingX:X.defaults.select.optionPaddingX,optionPaddingY:X.defaults.select.optionPaddingY,listZIndex:X.defaults.select.listZIndex,listShadow:X.defaults.select.listShadow},e?.defaults?.select),switch:Be(X.defaults.switch,e?.defaults?.switch),checkbox:Ve(X.defaults.checkbox,e?.defaults?.checkbox),radio:He(X.defaults.radio,e?.defaults?.radio)}}}function Qe(e){return!!e&&`colorSchemes`in e&&e.colorSchemes?.dark?.muted!=null&&e.colorSchemes?.light?.muted!=null}var $e={background:`--panelize-app-bg`,text:`--panelize-app-text`},et=(0,e.createContext)(X),tt=t.styled.div`
+  position: relative;
+  min-height: 100%;
+  height: 100%;
+  color-scheme: ${({$colorScheme:e})=>e};
+  ${({$background:e})=>e?t.css`
+          ${$e.background}: ${e};
+          background: var(${$e.background});
+        `:``}
+  ${({$text:e})=>e?t.css`
+          ${$e.text}: ${e};
+          color: var(${$e.text});
+        `:``}
+`;function nt({theme:t,mode:r=`dark`,children:i}){let a=(0,e.useMemo)(()=>Qe(t)?t:Ze(t),[t]),o=(0,e.useMemo)(()=>Xe(a,r),[a,r]),s=o.colors.app;return(0,n.jsx)(et.Provider,{value:o,children:(0,n.jsx)(tt,{$colorScheme:r,$background:s?.background,$text:s?.text,children:i})})}function Q(){return(0,e.useContext)(et)}var $={background:`--panelize-bg`,text:`--panelize-text`,textMuted:`--panelize-text-muted`,textHighlighted:`--panelize-text-highlighted`,border:`--panelize-border`},rt=t.styled.div`
+  position: relative;
+  ${({$edges:e})=>O(e)}
+  ${({$size:e,$fill:t})=>E(e,t)}
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-radius: ${({$borderRadius:e})=>e};
+  background: var(${$.background});
+  color: var(${$.text});
+  border-color: var(${$.border});
+  ${({$colors:e,$borderColor:n})=>t.css`
+    ${$.background}: ${e.background};
+    ${$.text}: ${e.text.base};
+    ${$.textMuted}: ${e.text.muted};
+    ${$.textHighlighted}: ${e.text.highlighted};
+    ${$.border}: ${n};
+  `}
+  ${({$flex:e})=>z(e,!0)}
+  ${({$scroll:e})=>le(e)}
+  ${({$trackKind:e,$alignX:t,$alignY:n})=>V(e,t,n)}
+  ${({$customCss:e})=>e??``}
+`;function it(e){let{spacing:t,size:r,rest:i}=C(e),{flex:a,fill:o,alignX:s,alignY:c,variant:l=`base`,css:u,borderWidth:d,borderX:f,borderY:p,borderTop:m,borderRight:h,borderBottom:g,borderLeft:_,borderRadius:v,borderColor:y,scroll:x,...w}=i,{colors:E,space:D,borderWidths:O,radii:k,defaults:A,brand:j,status:M}=Q(),P=de();return(0,n.jsx)(rt,{$flex:a,$fill:o,$colors:E[l],$edges:S(t,A.panel,D),$size:T(r,D),$borderWidth:N({borderWidth:d,borderX:f,borderY:p,borderTop:m,borderRight:h,borderBottom:g,borderLeft:_},A.panel.borderWidth,O),$borderRadius:b(v,A.panel.borderRadius,k),$borderColor:I(y,l,E,j,M),$scroll:x,$alignX:s,$alignY:c,$trackKind:P,$customCss:u,...w})}function at(e){return!!e&&s.includes(e)}function ot(e){return!!e&&c.includes(e)}function st(e){return at(e)||ot(e)}function ct(e,t,n){return at(e)?t[e]:ot(e)?n[e]:{base:e,hover:e,active:e}}function lt(e,t,n){return ct(e,t,n).base}function ut(e,t,n,r,i){return e!==void 0&&st(e)?ct(e,r,i).base:e||(t?`var(${$.textHighlighted})`:n?`var(${$.textMuted})`:`var(${$.text})`)}function dt(e,t,n,r){let i=e!==void 0&&st(e)?ct(e,n,r):void 0;if(t===`inherit`){let e=`var(${$.text})`;return{hover:e,active:i?.active??e}}if(st(t)){let i=ct(t,n,r);return{hover:e===t?i.hover:i.base,active:i.active}}return{hover:t,active:i?.active??t}}var ft=t.styled.button`
+  appearance: none;
+  display: ${({$fill:e})=>e?`flex`:`inline-flex`};
+  align-items: center;
+  justify-content: center;
+  gap: ${({$gap:e})=>e};
+  ${({$fill:e})=>e?t.css`
+          width: 100%;
+          height: 100%;
+        `:``}
+  margin: 0;
+  box-sizing: border-box;
+  cursor: pointer;
+  font-family: ${({$family:e})=>e};
+  font-size: ${({$size:e})=>e};
+  font-weight: ${({$weight:e})=>e};
+  line-height: ${({$lineHeight:e})=>e};
+  padding: ${({$paddingY:e,$paddingX:t})=>`${e} ${t}`};
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-radius: ${({$borderRadius:e})=>e};
+  border-color: ${({$restBorder:e})=>e};
+  background: ${({$restBg:e})=>e};
+  color: ${({$restFg:e})=>e};
+  &:focus-visible {
+    outline: 2px solid currentColor;
+    outline-offset: 2px;
+  }
+  &:hover:not(:disabled) {
+    background: ${({$hoverBg:e})=>e};
+    color: ${({$hoverFg:e})=>e};
+    border-color: ${({$hoverBorder:e})=>e};
+  }
+  &:active:not(:disabled) {
+    background: ${({$activeBg:e})=>e};
+    color: ${({$activeFg:e})=>e};
+    border-color: ${({$activeBorder:e})=>e};
+  }
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.45;
+  }
+  ${({$italic:e})=>e?t.css`
+          font-style: italic;
+        `:``}
+  ${({$uppercase:e})=>e?t.css`
+          text-transform: uppercase;
+        `:``}
+  ${({$customCss:e})=>e??``}
+`;function pt(e,t,n,r){return st(e)?ct(e,t,n)[r]:e}function mt(e,t,n){return t!==void 0&&!st(t)?t:e[n]}function ht(e){let{color:t,outline:r,size:i,weight:a,family:o,italic:s,uppercase:c,fill:l,label:u,css:d,padding:f,paddingX:p,paddingY:m,borderWidth:h,borderRadius:g,background:_,ink:v,type:y=`button`,children:x,...S}=e,{fontSizes:C,fontWeights:w,fontFamilies:T,lineHeight:E,space:D,borderWidths:O,radii:k,defaults:A,brand:j,status:M,colors:N}=Q(),P=ct(t??A.button.color,j,M),I=!r,L=A.button.hover,ee=pt(L.color,j,M,`base`),te=(e,t,n)=>F(e,t,n,N,j,M),ne=e=>{let t=te(_,`background`,e);return t===void 0?I?e===`base`?P.base:mt(P,L.background,e):`transparent`:t},re=e=>{let t=te(v,`text`,e);return t===void 0?I?e===`base`?A.button.ink:ee:P[e]:t},ie=ne(`base`),ae=ne(`hover`),oe=ne(`active`),se=re(`base`),R=re(`hover`),z=re(`active`),ce=I?ie:P.base,le=I?ae:P.hover,ue=I?oe:P.active;return(0,n.jsx)(ft,{type:y,$family:T[o??`base`],$size:b(i,A.button.size,C),$weight:b(a,A.button.weight,w),$lineHeight:E,$paddingX:b(p??f,A.button.paddingX,D),$paddingY:b(m??f,A.button.paddingY,D),$gap:b(void 0,A.button.gap,D),$borderWidth:b(h,A.button.borderWidth,O),$borderRadius:b(g,A.button.borderRadius,k),$restBg:ie,$restFg:se,$restBorder:ce,$hoverBg:ae,$hoverFg:R,$hoverBorder:le,$activeBg:oe,$activeFg:z,$activeBorder:ue,$italic:s,$uppercase:c,$fill:l,$customCss:d,...S,children:x??u})}var gt=t.styled.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${({$gap:e})=>e};
+  margin: 0;
+  box-sizing: border-box;
+  white-space: nowrap;
+  font-family: ${({$family:e})=>e};
+  font-size: ${({$size:e})=>e};
+  font-weight: ${({$weight:e})=>e};
+  line-height: ${({$lineHeight:e})=>e};
+  padding: ${({$paddingY:e,$paddingX:t})=>`${e} ${t}`};
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-color: ${({$borderColor:e})=>e};
+  border-radius: ${({$borderRadius:e})=>e};
+  background: ${({$bg:e})=>e};
+  color: ${({$fg:e})=>e};
+  ${({$uppercase:e})=>e?`text-transform: uppercase;`:``}
+  ${({$customCss:e})=>e??``}
+`;function _t(e){let{color:t,size:r,weight:i,family:a,uppercase:o,label:s,css:c,padding:l,paddingX:u,paddingY:d,borderWidth:f,borderRadius:p,background:m,ink:h,borderColor:g,children:_,...v}=e,{fontSizes:y,fontWeights:x,fontFamilies:S,lineHeight:C,space:w,borderWidths:T,radii:E,defaults:D,brand:O,status:k,colors:A}=Q(),j=D.chip,M=ct(t??j.color,O,k).base,N=`color-mix(in srgb, ${M} ${j.tint}, var(${$.background}, transparent))`,F=P(m,`background`,A,O,k)??N,I=P(h,`text`,A,O,k)??M,L=P(g,`border`,A,O,k)??M;return(0,n.jsx)(gt,{$family:S[a??`base`],$size:b(r,j.size,y),$weight:b(i,j.weight,x),$lineHeight:C,$paddingX:b(u??l,j.paddingX,w),$paddingY:b(d??l,j.paddingY,w),$gap:b(void 0,j.gap,w),$borderWidth:b(f,`none`,T),$borderRadius:b(p,j.borderRadius,E),$borderColor:L,$bg:F,$fg:I,$uppercase:o??j.uppercase,$customCss:c,...v,children:_??s})}function vt(e,t){typeof e==`function`?e(t):e&&(e.current=t)}var yt=t.styled.input`
+  appearance: none;
+  margin: 0;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  color: inherit;
+  width: ${({$width:e})=>e};
+  height: ${({$height:e})=>e};
+  font-size: ${({$size:e})=>e};
+  padding: 0;
+  border: ${({$borderWidth:e})=>e} solid ${({$borderColor:e})=>e};
+  border-radius: ${({$radius:e})=>e};
+  background: ${({$off:e})=>e};
+  cursor: pointer;
+  transition:
+    background 120ms ease,
+    border-color 120ms ease,
+    box-shadow 120ms ease;
+  &::after {
+    content: '';
+    position: absolute;
+    box-sizing: border-box;
+    pointer-events: none;
+    opacity: 0;
+  }
+  &:hover:not(:disabled):not(:checked):not(:indeterminate) {
+    border-color: ${({$hoverBorder:e})=>e};
+  }
+  &:active:not(:disabled):not(:checked):not(:indeterminate) {
+    border-color: ${({$activeBorder:e})=>e};
+  }
+  &:checked,
+  &:indeterminate {
+    background: ${({$on:e})=>e};
+    border-color: ${({$on:e})=>e};
+  }
+  &:is(:checked, :indeterminate):hover:not(:disabled) {
+    background: ${({$hoverOn:e})=>e};
+    border-color: ${({$hoverOn:e})=>e};
+  }
+  &:is(:checked, :indeterminate):active:not(:disabled) {
+    background: ${({$activeOn:e})=>e};
+    border-color: ${({$activeOn:e})=>e};
+  }
+  &:checked:not(:indeterminate)::after {
+    opacity: ${({$hideCheckIcon:e})=>+!e};
+    left: 50%;
+    top: 42%;
+    width: 0.3em;
+    height: 0.52em;
+    border: solid ${({$ink:e})=>e};
+    border-width: 0 0.17em 0.17em 0;
+    transform: translate(-50%, -50%) rotate(45deg);
+  }
+  &:indeterminate::after {
+    opacity: 1;
+    left: 50%;
+    top: 50%;
+    width: 50%;
+    height: 0.17em;
+    border: none;
+    border-radius: 999px;
+    background: ${({$ink:e})=>e};
+    transform: translate(-50%, -50%);
+  }
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px color-mix(in srgb, ${({$on:e})=>e} 18%, transparent);
+  }
+  &:disabled {
+    cursor: not-allowed;
+  }
+  &:disabled:is(:checked, :indeterminate) {
+    opacity: 0.45;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+  ${({$customCss:e})=>e??``}
+`;function bt(e){let{color:t,size:r,css:i,background:a,ink:o,borderColor:s,borderWidth:c,borderRadius:l,width:u,height:d,indeterminate:f=!1,hideCheckIcon:p=!1,ref:m,...h}=e,{space:g,radii:_,fontSizes:v,borderWidths:y,defaults:x,brand:S,status:C,colors:w}=Q(),T=x.checkbox,E=ct(t??T.color,S,C),D=P(a,`background`,w,S,C)??`transparent`,O=F(o,`text`,`base`,w,S,C)??T.ink,k=P(s,`border`,w,S,C)??`currentColor`,A=b(r,T.size,v),j=A,M=u===void 0?j:b(u,A,g),N=d===void 0?j:b(d,A,g);return(0,n.jsx)(yt,{$width:M,$height:N,$size:A,$radius:b(l,T.borderRadius,_),$borderWidth:b(c,T.borderWidth,y),$borderColor:k,$hoverBorder:k,$activeBorder:k,$off:D,$on:E.base,$hoverOn:E.hover,$activeOn:E.active,$ink:O,$hideCheckIcon:p,$customCss:i,...h,ref:e=>{e&&(e.indeterminate=f),vt(m,e)},type:`checkbox`})}bt.displayName=`Checkbox`;var xt=t.css`
+  appearance: none;
+  margin: 0;
+  box-sizing: border-box;
+  min-width: 0;
+  ${({$fill:e})=>e?t.css`
+          display: block;
+          width: 100%;
+          height: 100%;
+        `:``}
+  font-family: ${({$family:e})=>e};
+  font-size: ${({$size:e})=>e};
+  font-weight: ${({$weight:e})=>e};
+  line-height: ${({$lineHeight:e})=>e};
+  padding: ${({$paddingY:e,$paddingX:t})=>`${e} ${t}`};
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-radius: ${({$borderRadius:e})=>e};
+  border-color: ${({$borderColor:e})=>e};
+  background: ${({$bg:e})=>e};
+  color: ${({$ink:e})=>e};
+  caret-color: ${({$focus:e})=>e};
+  &::placeholder {
+    color: var(${$.textMuted});
+    opacity: 1;
+  }
+  ${({$focus:e,$invalid:n})=>t.css`
+    &:focus {
+      outline: none;
+      border-color: ${e};
+      box-shadow: 0 0 0 2px color-mix(in srgb, ${e} 18%, transparent);
+    }
+    &:user-invalid,
+    &[aria-invalid='true'] {
+      border-color: ${n};
+      box-shadow: 0 0 0 2px color-mix(in srgb, ${n} 18%, transparent);
+      caret-color: ${n};
+    }
+    &:user-invalid:focus,
+    &[aria-invalid='true']:focus {
+      border-color: ${n};
+      box-shadow: 0 0 0 2px color-mix(in srgb, ${n} 18%, transparent);
+      caret-color: ${n};
+    }
+  `}
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.45;
+  }
+  &:is(input, textarea):read-only {
+    opacity: 0.45;
+  }
+  ${({$italic:e})=>e?t.css`
+          font-style: italic;
+        `:``}
+  ${({$uppercase:e})=>e?t.css`
+          text-transform: uppercase;
+        `:``}
+`,St=t.styled.input`
+  ${xt}
+  ${({$customCss:e})=>e??``}
+`;function Ct(e){let{color:t,size:r,weight:i,family:a,italic:o,uppercase:s,fill:c,css:l,padding:u,paddingX:d,paddingY:f,borderWidth:p,borderRadius:m,background:h,ink:g,borderColor:_,type:v=`text`,...y}=e,{fontSizes:x,fontWeights:S,fontFamilies:C,lineHeight:w,space:T,borderWidths:E,radii:D,defaults:O,brand:k,status:A,colors:j}=Q(),M=O.input;return(0,n.jsx)(St,{type:v,$family:C[a??`base`],$size:b(r,M.size,x),$weight:b(i,M.weight,S),$lineHeight:w,$paddingX:b(d??u,M.paddingX,T),$paddingY:b(f??u,M.paddingY,T),$borderWidth:b(p,M.borderWidth,E),$borderRadius:b(m,M.borderRadius,D),$bg:P(h,`background`,j,k,A)??`var(${$.background})`,$ink:P(g,`text`,j,k,A)??`var(${$.text})`,$borderColor:P(_,`border`,j,k,A)??`var(${$.border})`,$focus:lt(t??M.color,k,A),$invalid:A.danger.base,$italic:o,$uppercase:s,$fill:c,$customCss:l,...y})}var wt=(0,e.createContext)(null);function Tt(){return(0,e.useContext)(wt)}var Et=t.css`
+  margin: 0;
+  padding: 0;
+  font-family: ${({$family:e})=>e};
+  font-size: ${({$size:e})=>e};
+  color: ${({$color:e})=>e};
+  font-weight: ${({$weight:e})=>e};
+  line-height: ${({$lineHeight:e})=>e};
+  ${({$italic:e})=>e?t.css`
+          font-style: italic;
+        `:``}
+  ${({$underlined:e})=>e?t.css`
+          text-decoration: underline;
+        `:``}
+  ${({$uppercase:e})=>e?t.css`
+          text-transform: uppercase;
+        `:``}
+`,Dt=`:is(button, input, select, textarea)`,Ot=t.styled.label`
+  display: inline-block;
+  cursor: ${({$clickable:e})=>e?`pointer`:`default`};
+  ${Et}
+  line-height: 1;
+  text-box: trim-both cap alphabetic;
+  &[for],
+  &:has(${Dt}) {
+    cursor: pointer;
+  }
+  &:has(${Dt}:disabled) {
+    cursor: not-allowed;
+  }
+  &:has(${Dt}) {
+    text-box: unset;
+  }
+  ${({$customCss:e})=>e??``}
+`;function kt(e){let{size:t,color:r,muted:i,highlighted:a,weight:o,family:s,italic:c,underlined:l,uppercase:u,label:d,css:f,children:p,onClick:m,...h}=e,{fontSizes:g,fontWeights:_,fontFamilies:v,defaults:y,brand:x,status:S}=Q(),C=v[s??`base`],w=b(t,y.text.size,g),T=b(o,y.text.weight,_);return(0,n.jsx)(wt.Provider,{value:{family:C,size:w,weight:T,lineHeight:1},children:(0,n.jsx)(Ot,{$family:C,$size:w,$color:ut(r,a,i,x,S),$weight:T,$lineHeight:1,$italic:c,$underlined:l,$uppercase:u,$clickable:typeof m==`function`,$customCss:f,onClick:m,...h,children:p??d})})}kt.displayName=`Label`;function At(e){e.preventDefault(),e.currentTarget.blur()}function jt(e){let{onWheel:t,...r}=e;return(0,n.jsx)(Ct,{...r,type:`number`,onWheel:e=>{At(e),t?.(e)}})}jt.displayName=`NumberInput`;var Mt=t.styled.input`
+  appearance: none;
+  margin: 0;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  color: inherit;
+  width: ${({$width:e})=>e};
+  height: ${({$height:e})=>e};
+  font-size: ${({$size:e})=>e};
+  padding: 0;
+  border: ${({$borderWidth:e})=>e} solid ${({$borderColor:e})=>e};
+  border-radius: ${({$radius:e})=>e};
+  background: ${({$off:e})=>e};
+  cursor: pointer;
+  transition:
+    background 120ms ease,
+    border-color 120ms ease,
+    box-shadow 120ms ease;
+  &::after {
+    content: '';
+    position: absolute;
+    box-sizing: border-box;
+    pointer-events: none;
+    opacity: 0;
+    left: 50%;
+    top: 50%;
+    width: calc(100% - 2 * ${({$inset:e})=>e});
+    height: calc(100% - 2 * ${({$inset:e})=>e});
+    border-radius: min(${({$radius:e})=>e}, 50%);
+    background: ${({$dot:e})=>e};
+    transform: translate(-50%, -50%);
+    transition: background 120ms ease;
+  }
+  &:hover:not(:disabled):not(:checked) {
+    border-color: ${({$hoverBorder:e})=>e};
+  }
+  &:active:not(:disabled):not(:checked) {
+    border-color: ${({$activeBorder:e})=>e};
+  }
+  &:checked {
+    border-color: ${({$on:e})=>e};
+  }
+  &:checked::after {
+    opacity: 1;
+  }
+  &:checked:hover:not(:disabled) {
+    border-color: ${({$hoverOn:e})=>e};
+  }
+  &:checked:hover:not(:disabled)::after {
+    background: ${({$hoverDot:e})=>e};
+  }
+  &:checked:active:not(:disabled) {
+    border-color: ${({$activeOn:e})=>e};
+  }
+  &:checked:active:not(:disabled)::after {
+    background: ${({$activeDot:e})=>e};
+  }
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px color-mix(in srgb, ${({$on:e})=>e} 18%, transparent);
+  }
+  &:disabled {
+    cursor: not-allowed;
+  }
+  &:disabled:checked {
+    opacity: 0.45;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+    &::after {
+      transition: none;
+    }
+  }
+  ${({$customCss:e})=>e??``}
+`;function Nt(e){let{color:t,size:r,css:i,background:a,ink:o,borderColor:s,borderWidth:c,borderRadius:l,width:u,height:d,...f}=e,{space:p,radii:m,fontSizes:h,borderWidths:g,defaults:_,brand:v,status:y,colors:x}=Q(),S=_.radio,C=ct(t??S.color,v,y),w=P(a,`background`,x,v,y)??`transparent`,T=F(o,`text`,`base`,x,v,y),E=F(o,`text`,`hover`,x,v,y),D=F(o,`text`,`active`,x,v,y),O=P(s,`border`,x,v,y)??`currentColor`,k=b(r,S.size,h),A=k,j=u===void 0?A:b(u,k,p),M=d===void 0?A:b(d,k,p),N=b(l,S.borderRadius,m);return(0,n.jsx)(Mt,{$width:j,$height:M,$size:k,$radius:N,$borderWidth:b(c,S.borderWidth,g),$borderColor:O,$hoverBorder:O,$activeBorder:O,$off:w,$on:C.base,$hoverOn:C.hover,$activeOn:C.active,$dot:T??C.base,$hoverDot:E??T??C.hover,$activeDot:D??T??C.active,$inset:`calc(${k} * ${S.insetFactor})`,$customCss:i,...f,type:`radio`})}Nt.displayName=`Radio`;function Pt(e){return null}Pt.displayName=`Option`;function Ft(e){return e.label===void 0?typeof e.children==`string`?e.children:e.value:e.label}function It(t){return(0,e.isValidElement)(t)&&t.type===Pt}function Lt(t,n){let r=new Map;for(let e of t??[])r.set(e.value,{value:e.value,label:e.label,disabled:e.disabled});return e.Children.forEach(n,e=>{if(!It(e))return;let{value:t,disabled:n}=e.props;r.set(t,{value:t,label:Ft(e.props),disabled:n})}),[...r.values()]}function Rt(e,t,n,r){return!t||r||e.some(e=>e.value===``)?e:[{value:``,label:typeof t==`string`?t:n??``},...e]}function zt(e,t,n){if(!n||t===``)return e;let r=e.findIndex(e=>e.value===t);if(r<=0)return e;let i=e.slice(),[a]=i.splice(r,1);return a&&i.unshift(a),i}function Bt(e,t,n){if(!n||t.length===0)return e;let r=new Set(t),i=[],a=[];for(let t of e)r.has(t.value)?i.push(t):a.push(t);return[...i,...a]}function Vt(e){return e.findIndex(e=>!e.disabled)}function Ht(e){for(let t=e.length-1;t>=0;--t)if(!e[t]?.disabled)return t;return-1}function Ut(e,t,n){if(e.length===0)return-1;let r=t;for(let t=0;t<e.length;t+=1)if(r=(r+n+e.length)%e.length,!e[r]?.disabled)return r;return t}function Wt(e,t,n){let r=t.toLowerCase(),i=n<0?0:n,a=[...e.slice(i),...e.slice(0,i)].find(e=>!e.disabled&&e.label.toLowerCase().startsWith(r));return a?e.indexOf(a):-1}function Gt(e){let t=getComputedStyle(e),n={};for(let e of Object.values($))n[e]=t.getPropertyValue(e).trim();return n}function Kt(e,t=16){let n=Number.parseFloat(e);if(!Number.isFinite(n))return 256;if(e.endsWith(`rem`)){let e=Number.parseFloat(getComputedStyle(document.documentElement).fontSize);return n*(Number.isFinite(e)?e:16)}return e.endsWith(`em`)?n*t:n}function qt(e,t,n,r){let i=e.getBoundingClientRect(),a=Number.parseFloat(getComputedStyle(e).fontSize),o=Number.isFinite(a)?a:16,s=Kt(t,o),c=Kt(b(void 0,n,r),o),l=window.innerHeight-i.bottom-c,u=i.top-c,d=l<Math.min(s,120)&&u>l,f=Math.max(8,Math.min(s,d?u:l));return{vars:Gt(e),box:{top:d?i.top-f-c:i.bottom+c,left:i.left,width:i.width,maxHeight:f}}}function Jt({items:t,open:n,onOpenChange:r,activeOnOpen:i,listMaxHeight:a,listOffset:o,space:s}){let c=n!==void 0,[l,u]=(0,e.useState)(!1),d=c?n:l,[f,p]=(0,e.useState)(-1),[m,h]=(0,e.useState)(null),[g,_]=(0,e.useState)({}),v=(0,e.useRef)(null),y=(0,e.useRef)(null),b=(0,e.useRef)(null),x=(0,e.useRef)({buffer:``,timer:0}),S=(0,e.useRef)(void 0),C=e=>{p(e),S.current=e>=0?t[e]?.value:void 0},w=(e,t)=>{C(e?t??i:-1),c||u(e),r?.(e)},T=e=>{e>=0&&C(e)},E=()=>{let e=v.current;if(!e)return;let t=qt(e,a,o,s);_(t.vars),h(t.box)};return(0,e.useEffect)(()=>{let e=x.current;return()=>window.clearTimeout(e.timer)},[]),(0,e.useLayoutEffect)(()=>{if(!d)return;let e=S.current;if(e===void 0)return;let n=t.findIndex(t=>t.value===e);n>=0&&n!==f&&p(n)},[t,d,f]),(0,e.useLayoutEffect)(()=>{if(!d)return;E();let e=()=>E();return window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[d,a,o,s]),(0,e.useLayoutEffect)(()=>{if(!d)return;let e=b.current?.querySelector(`[data-active="true"]`);e instanceof HTMLElement&&e.scrollIntoView?.({block:`nearest`})},[d,f]),(0,e.useEffect)(()=>{if(!d)return;let e=e=>{let t=e.target;t instanceof Node&&(y.current?.contains(t)||b.current?.contains(t)||(w(!1),v.current?.blur()))};return document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[d,c,r,t,i]),{isOpen:d,activeIndex:f,box:m,listVars:g,triggerRef:v,wrapRef:y,listRef:b,typeRef:x,setOpen:w,moveActive:T,placeList:E}}function Yt(e,t){if(e.defaultPrevented||t.disabled)return;let n=e.key,{isOpen:r,items:i,activeIndex:a,showClear:o,readOnly:s,typeRef:c,placeList:l,setOpen:u,moveActive:d,openHighlightDown:f,openHighlightUp:p,onCommit:m,onClear:h,onClosedTypeahead:g,closedTypeaheadFrom:_}=t;if(!r&&(n===`ArrowDown`||n===`ArrowUp`||n===`Enter`||n===` `))e.preventDefault(),l(),n===`ArrowUp`?u(!0,p):u(!0,f);else if(!r){if((n===`Backspace`||n===`Delete`)&&o){e.preventDefault(),h();return}if(n.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&!s){let e=Wt(i,n,_+1);e>=0&&i[e]&&g(i[e])}}else if(n===`Escape`)e.preventDefault(),u(!1);else if(n===`ArrowDown`)e.preventDefault(),d(Ut(i,a,1));else if(n===`ArrowUp`)e.preventDefault(),d(Ut(i,a,-1));else if(n===`Home`)e.preventDefault(),d(Vt(i));else if(n===`End`)e.preventDefault(),d(Ht(i));else if(n===`Enter`||n===` `){e.preventDefault();let t=i[a];t&&!t.disabled&&m(t)}else if(n.length===1&&!e.metaKey&&!e.ctrlKey&&!e.altKey){e.preventDefault(),window.clearTimeout(c.current.timer),c.current.buffer+=n,c.current.timer=window.setTimeout(()=>{c.current.buffer=``},400);let t=Wt(i,c.current.buffer,a);t>=0&&d(t)}}var Xt=t.styled.span`
+  position: relative;
+  display: ${({$fill:e})=>e?`block`:`inline-block`};
+  ${({$fill:e})=>e?t.css`
+          width: 100%;
+        `:``}
+  min-width: 0;
+  vertical-align: top;
+`,Zt=t.styled.button`
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  inset-inline-end: ${({$end:e})=>e};
+  box-sizing: border-box;
+  width: 1.375rem;
+  height: 1.375rem;
+  margin: 0;
+  padding: 0.1875rem;
+  transform: translateY(-50%);
+  border: 0;
+  border-radius: 50%;
+  background: transparent;
+  background-clip: content-box;
+  cursor: pointer;
+  &::before,
+  &::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 0.58em;
+    height: 0.12em;
+    background: ${({$ink:e})=>e};
+  }
+  &::before {
+    transform: translate(-50%, -50%) rotate(45deg);
+  }
+  &::after {
+    transform: translate(-50%, -50%) rotate(-45deg);
+  }
+  &:hover {
+    background: color-mix(
+      in srgb,
+      var(${$.textHighlighted}) 16%,
+      var(${$.background})
+    );
+    background-clip: content-box;
+    &::before,
+    &::after {
+      background: ${({$hoverInk:e})=>e};
+    }
+  }
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.45;
+  }
+`,Qt=t.styled.span`
+  min-width: 0;
+  flex: 1 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: ${({$ink:e})=>e};
+  -webkit-text-fill-color: ${({$ink:e})=>e};
+`,$t=t.styled.button`
+  ${xt}
+  position: relative;
+  display: ${({$fill:e})=>e?`flex`:`inline-flex`};
+  align-items: center;
+  justify-content: flex-start;
+  text-align: left;
+  cursor: pointer;
+  color: ${({$ink:e})=>e};
+  -webkit-text-fill-color: ${({$ink:e})=>e};
+  border: ${({$borderWidth:e,$borderColor:t})=>`${e} solid ${t}`};
+  background-color: ${({$bg:e})=>e};
+  padding-inline-end: calc(
+    ${({$paddingX:e,$clearable:t})=>t?`${e} + 2.15em`:`${e} + 1.15em`}
+  );
+  ${({$focus:e,$invalid:n})=>t.css`
+    &:focus,
+    &[aria-expanded='true'] {
+      outline: none;
+      border-color: ${e};
+      box-shadow: 0 0 0 2px color-mix(in srgb, ${e} 18%, transparent);
+    }
+    &[aria-invalid='true'],
+    &[aria-invalid='true']:focus,
+    &[aria-invalid='true'][aria-expanded='true'] {
+      border-color: ${n};
+      box-shadow: 0 0 0 2px color-mix(in srgb, ${n} 18%, transparent);
+    }
+  `}
+  &::after {
+    content: '';
+    position: absolute;
+    inset-inline-end: ${({$paddingX:e})=>e};
+    top: 50%;
+    width: 0.4em;
+    height: 0.4em;
+    box-sizing: border-box;
+    border-right: 0.12em solid ${({$muted:e})=>e};
+    border-bottom: 0.12em solid ${({$muted:e})=>e};
+    transform: ${({$open:e})=>e?`translateY(calc(-50% + 0.06em)) rotate(-135deg)`:`translateY(calc(-50% - 0.06em)) rotate(45deg)`};
+    pointer-events: none;
+  }
+  &:disabled {
+    cursor: not-allowed;
+  }
+  ${({$customCss:e})=>e??``}
+`,en=t.styled.ul`
+  box-sizing: border-box;
+  position: fixed;
+  z-index: ${({$zIndex:e})=>e};
+  top: ${({$top:e})=>`${e}px`};
+  left: ${({$left:e})=>`${e}px`};
+  width: ${({$width:e})=>`${e}px`};
+  max-height: ${({$maxHeight:e})=>`${e}px`};
+  margin: 0;
+  padding: 0.25rem 0;
+  overflow: auto;
+  list-style: none;
+  font-family: ${({$family:e})=>e};
+  font-size: ${({$size:e})=>e};
+  font-weight: ${({$weight:e})=>e};
+  line-height: ${({$lineHeight:e})=>e};
+  color: ${({$ink:e})=>e};
+  -webkit-text-fill-color: ${({$ink:e})=>e};
+  border: ${({$borderWidth:e})=>e} solid ${({$borderColor:e})=>e};
+  border-radius: ${({$radius:e})=>e};
+  background: ${({$bg:e})=>e};
+  box-shadow: ${({$shadow:e})=>e};
+`,tn=t.styled.li`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.5em;
+  padding: ${({$padY:e,$padX:t})=>`${e} ${t}`};
+  cursor: ${({$disabled:e})=>e?`not-allowed`:`pointer`};
+  opacity: ${({$disabled:e})=>e?.45:1};
+  color: ${({$selected:e,$chroma:t,$ink:n})=>e?t:n};
+  -webkit-text-fill-color: ${({$selected:e,$chroma:t,$ink:n})=>e?t:n};
+  background: ${({$active:e,$disabled:t})=>e&&!t?`color-mix(in srgb, var(${$.textHighlighted}) 18%, var(${$.background}))`:`transparent`};
+`,nn=t.styled.span`
+  display: flex;
+  flex-shrink: 0;
+  pointer-events: none;
+`;function rn(t){let{ref:i,color:a,size:o,weight:s,family:c,italic:l,uppercase:u,fill:d,css:f,padding:p,paddingX:m,paddingY:h,borderWidth:g,borderRadius:_,background:v,ink:y,borderColor:x,value:S,defaultValue:C,onChange:w,open:T,onOpenChange:E,options:D,placeholder:O,name:k,required:A,clearable:j,selectedAtTop:M,children:N,disabled:F,readOnly:I,id:L,onKeyDown:ee,onClick:te,onBlur:ne,...re}=t,{fontSizes:ie,fontWeights:ae,fontFamilies:oe,lineHeight:se,space:R,borderWidths:z,radii:ce,defaults:le,brand:ue,status:B,colors:de}=Q(),V=le.select,H=S!==void 0,[fe,U]=(0,e.useState)(()=>C??[]),W=H?S??[]:fe,pe=new Set(W),G=Bt(Lt(D,N),W,!!M),K=G.findIndex(e=>pe.has(e.value)),me=K>=0?K:Vt(G),{isOpen:q,activeIndex:J,box:he,listVars:ge,triggerRef:_e,wrapRef:ve,listRef:ye,typeRef:be,setOpen:Y,moveActive:xe,placeList:Se}=Jt({items:G,open:T,onOpenChange:E,activeOnOpen:me,listMaxHeight:V.listMaxHeight,listOffset:V.listOffset,space:R}),Ce=(0,e.useId)(),we=e=>{_e.current=e,typeof i==`function`?i(e):i&&(i.current=e)},X=lt(a??V.color,ue,B),Te=B.danger.base,Ee=b(o,V.size,ie),De=b(m??p,V.paddingX,R),Oe=b(h??p,V.paddingY,R),ke=b(_,V.borderRadius,ce),Ae=b(g,V.borderWidth,z),je=P(v,`background`,de,ue,B)??`var(${$.background})`,Me=P(y,`text`,de,ue,B)??`var(${$.textHighlighted})`,Ne=P(x,`border`,de,ue,B)??`var(${$.border})`,Pe=W.length===0,Fe=!!j&&!A&&!Pe&&!F&&!I,Ie=`var(${$.textMuted})`,Le=Pe?Ie:Me,Re=Pe?O??``:`${W.length} selected`,ze=b(void 0,V.optionPaddingX,R),Be=b(void 0,V.optionPaddingY,R),Ve=b(s,V.weight,ae),He=oe[c??`base`],Ue=a??V.color,Z=e=>{H||U(e),w?.(e)},We=e=>{if(!I){if(pe.has(e)){if(A&&W.length<=1)return;Z(W.filter(t=>t!==e))}else Z([...W,e])}},Ge=e=>{I||A||Pe||(Z([]),Y(!1),e&&_e.current?.blur())},Ke=e=>{ee?.(e),Yt(e,{disabled:F,readOnly:I,isOpen:q,items:G,activeIndex:J,showClear:Fe,typeRef:be,placeList:Se,setOpen:Y,moveActive:xe,openHighlightDown:me,openHighlightUp:K>=0?K:Ht(G),closedTypeaheadFrom:K,onCommit:e=>We(e.value),onClear:()=>Ge(!1),onClosedTypeahead:e=>{let t=G.findIndex(t=>t.value===e.value);Se(),Y(!0,t>=0?t:void 0)}})},qe=q&&J>=0&&G[J]?`${Ce}-${G[J].value}`:void 0;return(0,n.jsxs)(n.Fragment,{children:[k===void 0?null:Pe?(0,n.jsx)(`input`,{type:`hidden`,name:k,value:``,required:A||void 0,disabled:F||void 0}):W.map(e=>(0,n.jsx)(`input`,{type:`hidden`,name:k,value:e,disabled:F||void 0},e)),(0,n.jsxs)(Xt,{ref:ve,$fill:d,children:[(0,n.jsx)($t,{...re,ref:we,id:L,type:`button`,disabled:F,role:`combobox`,"aria-haspopup":`listbox`,"aria-autocomplete":`none`,"aria-expanded":q,"aria-controls":q?Ce:void 0,"aria-activedescendant":qe,"aria-required":A||void 0,"aria-readonly":I||void 0,$family:He,$size:Ee,$weight:Ve,$lineHeight:se,$paddingX:De,$paddingY:Oe,$borderWidth:Ae,$borderRadius:ke,$bg:je,$ink:Me,$muted:Ie,$borderColor:Ne,$focus:X,$invalid:Te,$italic:l,$uppercase:u,$fill:d,$open:q,$clearable:Fe,$customCss:f,onKeyDown:Ke,onBlur:e=>{if(ne?.(e),e.defaultPrevented)return;let t=e.relatedTarget;t instanceof Node&&(ve.current?.contains(t)||ye.current?.contains(t))||q&&Y(!1)},onClick:e=>{te?.(e),!(e.defaultPrevented||F)&&(q?(Y(!1),_e.current?.blur()):(Se(),Y(!0)))},children:(0,n.jsx)(Qt,{$ink:Le,children:Re})}),Fe?(0,n.jsx)(Zt,{type:`button`,tabIndex:-1,"aria-label":`Clear`,$end:`calc(${De} + 0.95em)`,$ink:Ie,$hoverInk:Me,onMouseDown:e=>e.preventDefault(),onClick:e=>{e.stopPropagation(),Ge(!0)}}):null]}),q&&he&&typeof document<`u`?(0,r.createPortal)((0,n.jsx)(en,{ref:ye,id:Ce,role:`listbox`,"aria-multiselectable":!0,"aria-labelledby":L||void 0,style:ge,$top:he.top,$left:he.left,$width:he.width,$maxHeight:he.maxHeight,$zIndex:V.listZIndex,$shadow:V.listShadow,$radius:ke,$borderWidth:Ae,$borderColor:Ne,$bg:je,$ink:Me,$size:Ee,$weight:Ve,$family:He,$lineHeight:se,children:G.map((e,t)=>{let r=pe.has(e.value);return(0,n.jsxs)(tn,{id:`${Ce}-${e.value}`,role:`option`,"aria-selected":r,"aria-disabled":e.disabled||void 0,"data-active":t===J?`true`:void 0,$padX:ze,$padY:Be,$chroma:X,$ink:Me,$selected:r,$active:t===J,$disabled:!!e.disabled,onMouseEnter:()=>{e.disabled||xe(t)},onMouseDown:e=>e.preventDefault(),onClick:()=>{e.disabled||(xe(t),We(e.value))},children:[(0,n.jsx)(nn,{"aria-hidden":!0,children:(0,n.jsx)(bt,{tabIndex:-1,checked:r,disabled:e.disabled,color:Ue,size:o??V.size,onChange:()=>void 0})}),e.label]},e.value)})}),document.body):null]})}rn.displayName=`MultiSelect`;var an=t.styled.li`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75em;
+  padding: ${({$padY:e,$padX:t})=>`${e} ${t}`};
+  cursor: ${({$disabled:e})=>e?`not-allowed`:`pointer`};
+  opacity: ${({$disabled:e})=>e?.45:1};
+  color: ${({$selected:e,$chroma:t,$ink:n})=>e?t:n};
+  -webkit-text-fill-color: ${({$selected:e,$chroma:t,$ink:n})=>e?t:n};
+  background: ${({$active:e,$disabled:t})=>e&&!t?`color-mix(in srgb, var(${$.textHighlighted}) 18%, var(${$.background}))`:`transparent`};
+  ${({$selected:e,$chroma:t})=>e?`
+    &::after {
+      content: '';
+      flex-shrink: 0;
+      width: 0.28em;
+      height: 0.48em;
+      box-sizing: border-box;
+      border: solid ${t};
+      border-width: 0 0.14em 0.14em 0;
+      transform: translateY(-12%) rotate(45deg);
+    }
+  `:``}
+`;function on(t){let{ref:i,color:a,size:o,weight:s,family:c,italic:l,uppercase:u,fill:d,css:f,padding:p,paddingX:m,paddingY:h,borderWidth:g,borderRadius:_,background:v,ink:y,borderColor:x,value:S,defaultValue:C,onChange:w,open:T,onOpenChange:E,options:D,placeholder:O,name:k,required:A,clearable:j,selectedAtTop:M,emptyOption:N,children:F,disabled:I,readOnly:L,id:ee,onKeyDown:te,onClick:ne,onBlur:re,...ie}=t,{fontSizes:ae,fontWeights:oe,fontFamilies:se,lineHeight:R,space:z,borderWidths:ce,radii:le,defaults:ue,brand:B,status:de,colors:V}=Q(),H=ue.select,fe=S!==void 0,[U,W]=(0,e.useState)(C??``),pe=fe?S??``:U,G=Rt(zt(Lt(D,F),pe,!!M),N,O,A),K=G.findIndex(e=>e.value===pe),me=K>=0?K:Vt(G),{isOpen:q,activeIndex:J,box:he,listVars:ge,triggerRef:_e,wrapRef:ve,listRef:ye,typeRef:be,setOpen:Y,moveActive:xe,placeList:Se}=Jt({items:G,open:T,onOpenChange:E,activeOnOpen:me,listMaxHeight:H.listMaxHeight,listOffset:H.listOffset,space:z}),Ce=(0,e.useId)(),we=e=>{_e.current=e,typeof i==`function`?i(e):i&&(i.current=e)},X=lt(a??H.color,B,de),Te=de.danger.base,Ee=b(o,H.size,ae),De=b(m??p,H.paddingX,z),Oe=b(h??p,H.paddingY,z),ke=b(_,H.borderRadius,le),Ae=b(g,H.borderWidth,ce),je=P(v,`background`,V,B,de)??`var(${$.background})`,Me=P(y,`text`,V,B,de)??`var(${$.textHighlighted})`,Ne=P(x,`border`,V,B,de)??`var(${$.border})`,Pe=G.find(e=>e.value===pe),Fe=pe===``,Ie=!!j&&!A&&!Fe&&!I&&!L,Le=`var(${$.textMuted})`,Re=Fe?Le:Me,ze=Fe?Pe?.label||O||``:Pe?.label??pe,Be=b(void 0,H.optionPaddingX,z),Ve=b(void 0,H.optionPaddingY,z),He=b(s,H.weight,oe),Ue=se[c??`base`],Z=e=>{fe||W(e),w?.(e)},We=(e,t)=>{L?q&&(Y(!1),t&&_e.current?.blur()):!A&&pe===e?(Z(``),Y(!1),t&&_e.current?.blur()):(Z(e),Y(!1),t&&_e.current?.blur())},Ge=e=>{L||A||Fe||(Z(``),Y(!1),e&&_e.current?.blur())},Ke=e=>{te?.(e),Yt(e,{disabled:I,readOnly:L,isOpen:q,items:G,activeIndex:J,showClear:Ie,typeRef:be,placeList:Se,setOpen:Y,moveActive:xe,openHighlightDown:me,openHighlightUp:K>=0?K:Ht(G),closedTypeaheadFrom:K,onCommit:e=>We(e.value,!1),onClear:()=>Ge(!1),onClosedTypeahead:e=>We(e.value,!1)})},qe=q&&J>=0&&G[J]?`${Ce}-${G[J].value}`:void 0;return(0,n.jsxs)(n.Fragment,{children:[k===void 0?null:(0,n.jsx)(`input`,{type:`hidden`,name:k,value:pe,required:A||void 0,disabled:I||void 0}),(0,n.jsxs)(Xt,{ref:ve,$fill:d,children:[(0,n.jsx)($t,{...ie,ref:we,id:ee,type:`button`,disabled:I,role:`combobox`,"aria-haspopup":`listbox`,"aria-autocomplete":`none`,"aria-expanded":q,"aria-controls":q?Ce:void 0,"aria-activedescendant":qe,"aria-required":A||void 0,"aria-readonly":L||void 0,$family:Ue,$size:Ee,$weight:He,$lineHeight:R,$paddingX:De,$paddingY:Oe,$borderWidth:Ae,$borderRadius:ke,$bg:je,$ink:Me,$muted:Le,$borderColor:Ne,$focus:X,$invalid:Te,$italic:l,$uppercase:u,$fill:d,$open:q,$clearable:Ie,$customCss:f,onKeyDown:Ke,onBlur:e=>{if(re?.(e),e.defaultPrevented)return;let t=e.relatedTarget;t instanceof Node&&(ve.current?.contains(t)||ye.current?.contains(t))||q&&Y(!1)},onClick:e=>{ne?.(e),!(e.defaultPrevented||I)&&(q?(Y(!1),_e.current?.blur()):(Se(),Y(!0)))},children:(0,n.jsx)(Qt,{$ink:Re,children:ze})}),Ie?(0,n.jsx)(Zt,{type:`button`,tabIndex:-1,"aria-label":`Clear`,$end:`calc(${De} + 0.95em)`,$ink:Le,$hoverInk:Me,onMouseDown:e=>e.preventDefault(),onClick:e=>{e.stopPropagation(),Ge(!0)}}):null]}),q&&he&&typeof document<`u`?(0,r.createPortal)((0,n.jsx)(en,{ref:ye,id:Ce,role:`listbox`,"aria-labelledby":ee||void 0,style:ge,$top:he.top,$left:he.left,$width:he.width,$maxHeight:he.maxHeight,$zIndex:H.listZIndex,$shadow:H.listShadow,$radius:ke,$borderWidth:Ae,$borderColor:Ne,$bg:je,$ink:Me,$size:Ee,$weight:He,$family:Ue,$lineHeight:R,children:G.map((e,t)=>(0,n.jsx)(an,{id:`${Ce}-${e.value}`,role:`option`,"aria-selected":e.value===pe,"aria-disabled":e.disabled||void 0,"data-active":t===J?`true`:void 0,$padX:Be,$padY:Ve,$chroma:X,$ink:Me,$selected:e.value===pe,$active:t===J,$disabled:!!e.disabled,onMouseEnter:()=>{e.disabled||xe(t)},onMouseDown:e=>e.preventDefault(),onClick:()=>{e.disabled||We(e.value,!0)},children:e.label},e.value))}),document.body):null]})}on.displayName=`Select`;var sn=t.styled.input`
+  appearance: none;
+  margin: 0;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  width: ${({$width:e})=>e};
+  height: ${({$height:e})=>e};
+  font-size: ${({$size:e})=>e};
+  padding: 0;
+  border: none;
+  border-radius: ${({$radius:e})=>e};
+  background: ${({$off:e})=>e};
+  cursor: pointer;
+  transition:
+    background 120ms ease,
+    box-shadow 120ms ease;
+  &::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: ${({$inset:e})=>e};
+    width: ${({$thumb:e})=>e};
+    height: ${({$thumb:e})=>e};
+    margin-top: calc(${({$thumb:e})=>e} / -2);
+    border-radius: min(${({$radius:e})=>e}, 50%);
+    background: ${({$ink:e})=>e};
+    box-shadow: 0 1px 2px rgb(0 0 0 / 35%);
+    transition: left 120ms ease;
+  }
+  &:checked {
+    background: ${({$on:e})=>e};
+  }
+  &:checked:hover:not(:disabled) {
+    background: ${({$hoverOn:e})=>e};
+  }
+  &:checked:active:not(:disabled) {
+    background: ${({$activeOn:e})=>e};
+  }
+  &:checked::before {
+    left: calc(100% - ${({$inset:e,$thumb:t})=>`${e} - ${t}`});
+  }
+  &:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px color-mix(in srgb, ${({$on:e})=>e} 18%, transparent);
+  }
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.45;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+    &::before {
+      transition: none;
+    }
+  }
+  ${({$customCss:e})=>e??``}
+`;function cn(e){let{color:t,size:r,css:i,background:a,ink:o,width:s,height:c,borderRadius:l,...u}=e,{space:d,radii:f,fontSizes:p,defaults:m,brand:h,status:g,colors:_,lineHeight:v}=Q(),y=m.switch,x=ct(t??y.color,h,g),S=P(a,`background`,_,h,g)??`color-mix(in srgb, var(${$.text}) 28%, var(${$.background}))`,C=P(o,`text`,_,h,g)??y.ink,w=b(r,y.size,p),T=c===void 0?`calc(${w} * ${v})`:b(c,w,d),E=s===void 0?`calc(${w} * ${y.widthFactor})`:b(s,w,d),D=`calc(${w} * ${y.insetFactor})`,O=`calc(${T} - 2 * ${D})`;return(0,n.jsx)(sn,{$width:E,$height:T,$size:w,$thumb:O,$inset:D,$radius:b(l,y.borderRadius,f),$off:S,$on:x.base,$hoverOn:x.hover,$activeOn:x.active,$ink:C,$customCss:i,...u,type:`checkbox`,role:`switch`})}cn.displayName=`Switch`;var ln=t.styled.textarea`
+  ${xt}
+  vertical-align: top;
+  overflow: auto;
+  resize: ${({$resize:e})=>e?`vertical`:`none`};
+  &:disabled {
+    resize: none;
+  }
+  ${({$customCss:e})=>e??``}
+`;function un(e){let{color:t,size:r,weight:i,family:a,italic:o,uppercase:s,fill:c,resize:l,css:u,padding:d,paddingX:f,paddingY:p,borderWidth:m,borderRadius:h,background:g,ink:_,borderColor:v,rows:y,...x}=e,{fontSizes:S,fontWeights:C,fontFamilies:w,lineHeight:T,space:E,borderWidths:D,radii:O,defaults:k,brand:A,status:j,colors:M}=Q(),N=k.textarea;return(0,n.jsx)(ln,{rows:y??N.rows,$family:w[a??`base`],$size:b(r,N.size,S),$weight:b(i,N.weight,C),$lineHeight:T,$paddingX:b(f??d,N.paddingX,E),$paddingY:b(p??d,N.paddingY,E),$borderWidth:b(m,N.borderWidth,D),$borderRadius:b(h,N.borderRadius,O),$bg:P(g,`background`,M,A,j)??`var(${$.background})`,$ink:P(_,`text`,M,A,j)??`var(${$.text})`,$borderColor:P(v,`border`,M,A,j)??`var(${$.border})`,$focus:lt(t??N.color,A,j),$invalid:j.danger.base,$resize:l??N.resize,$italic:o,$uppercase:s,$fill:c,$customCss:u,...x})}function dn(e,n){if(n===void 0||!Number.isFinite(n)||n<1||Math.floor(n)===1)return;let r=Math.floor(n);return e===`column`?t.css`
+        grid-column: span ${r};
+      `:t.css`
+        grid-row: span ${r};
+      `}var fn=t.styled.div`
+  position: relative;
+  min-width: 0;
+  min-height: 0;
+  ${({$edges:e})=>O(e)}
+  ${({$size:e})=>D(e)}
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-radius: ${({$borderRadius:e})=>e};
+  border-color: ${({$borderColor:e})=>e};
+  ${({$spanX:e})=>dn(`column`,e)}
+  ${({$spanY:e})=>dn(`row`,e)}
+  ${({$alignX:e,$alignY:t})=>ae(e,t)}
+  ${({$customCss:e})=>e??``}
+`;function pn(e){let{spacing:t,size:r,rest:i}=C(e),{spanX:a,spanY:o,alignX:s,alignY:c,css:l,borderWidth:u,borderX:d,borderY:f,borderTop:p,borderRight:m,borderBottom:h,borderLeft:g,borderRadius:_,borderColor:v,...y}=i,{colors:x,space:T,borderWidths:E,radii:D,defaults:O,brand:k,status:A}=Q();return(0,n.jsx)(fn,{$spanX:a,$spanY:o,$alignX:s,$alignY:c,$edges:S(t,O.cell,T),$size:w(r,T),$borderWidth:N({borderWidth:u,borderX:d,borderY:f,borderTop:p,borderRight:m,borderBottom:h,borderLeft:g},O.cell.borderWidth,E),$borderRadius:b(_,O.cell.borderRadius,D),$borderColor:I(v,`base`,x,k,A),$customCss:l,...y})}var mn=t.styled.div`
+  position: relative;
+  ${({$edges:e})=>O(e)}
+  ${({$size:e,$fill:t})=>E(e,t)}
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-radius: ${({$borderRadius:e})=>e};
+  border-color: ${({$borderColor:e})=>e};
+  ${({$flex:e})=>z(e,!0)}
+  ${({$trackKind:e,$alignX:t,$alignY:n})=>V(e,t,n)}
+  ${({$customCss:e})=>e??``}
+`;function hn(e){let{spacing:t,size:r,rest:i}=C(e),{flex:a,fill:o,alignX:s,alignY:c,css:l,borderWidth:u,borderX:d,borderY:f,borderTop:p,borderRight:m,borderBottom:h,borderLeft:g,borderRadius:_,borderColor:v,...y}=i,{colors:x,space:w,borderWidths:E,radii:D,defaults:O,brand:k,status:A}=Q(),j=de();return(0,n.jsx)(mn,{$flex:a,$fill:o,$edges:S(t,O.col,w),$size:T(r,w,{width:O.col.width}),$borderWidth:N({borderWidth:u,borderX:d,borderY:f,borderTop:p,borderRight:m,borderBottom:h,borderLeft:g},O.col.borderWidth,E),$borderRadius:b(_,O.col.borderRadius,D),$borderColor:I(v,`base`,x,k,A),$alignX:s,$alignY:c,$trackKind:j,$customCss:l,...y})}var gn=t.styled.div`
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  flex-wrap: ${({$wrap:e})=>e?`wrap`:`nowrap`};
+  gap: ${({$gap:e})=>e};
+  ${({$alignX:e,$alignY:t})=>se(!1,e,t)}
+  ${({$edges:e})=>O(e)}
+  ${({$size:e,$fill:t})=>E(e,t)}
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-radius: ${({$borderRadius:e})=>e};
+  border-color: ${({$borderColor:e})=>e};
+  ${({$flex:e})=>z(e)}
+  ${({$stackMax:e,$stackedJustify:t})=>e?re(e,t):``}
+  ${({$customCss:e})=>e??``}
+`;function _n(e){let{spacing:t,size:r,rest:i}=C(e),{flex:a,fill:o,gap:s,alignX:c,alignY:l,wrap:u,stack:d,css:f,borderWidth:p,borderX:m,borderY:h,borderTop:g,borderRight:_,borderBottom:v,borderLeft:y,borderRadius:x,borderColor:w,...E}=i,{space:D,breakpoints:O,defaults:k,colors:A,borderWidths:j,radii:M,brand:P,status:F}=Q();return(0,n.jsx)(B,{kind:`row`,children:(0,n.jsx)(gn,{$flex:a,$fill:o,$gap:b(s,k.cols.gap,D),$alignX:R(c,k.cols.alignX),$alignY:R(l,k.cols.alignY),$wrap:u,$stackMax:te(d,O),$stackedJustify:ce(l),$edges:S(t,k.cols,D),$size:T(r,D),$borderWidth:N({borderWidth:p,borderX:m,borderY:h,borderTop:g,borderRight:_,borderBottom:v,borderLeft:y},`none`,j),$borderRadius:b(x,`none`,M),$borderColor:I(w,`base`,A,P,F),$customCss:f,...E})})}var vn=t.styled.div`
+  position: relative;
+  ${({$edges:e})=>O(e)}
+  ${({$size:e,$fill:t})=>E(e,t)}
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-radius: ${({$borderRadius:e})=>e};
+  border-color: ${({$borderColor:e})=>e};
+  ${({$flex:e})=>z(e,!0)}
+  ${({$trackKind:e,$alignX:t,$alignY:n})=>V(e,t,n)}
+  ${({$customCss:e})=>e??``}
+`;function yn(e){let{spacing:t,size:r,rest:i}=C(e),{flex:a,fill:o,alignX:s,alignY:c,css:l,borderWidth:u,borderX:d,borderY:f,borderTop:p,borderRight:m,borderBottom:h,borderLeft:g,borderRadius:_,borderColor:v,...y}=i,{colors:x,space:w,borderWidths:E,radii:D,defaults:O,brand:k,status:A}=Q(),j=de();return(0,n.jsx)(vn,{$flex:a,$fill:o,$edges:S(t,O.div,w),$size:T(r,w),$borderWidth:N({borderWidth:u,borderX:d,borderY:f,borderTop:p,borderRight:m,borderBottom:h,borderLeft:g},O.div.borderWidth,E),$borderRadius:b(_,O.div.borderRadius,D),$borderColor:v===void 0?`var(${$.border})`:I(v,`base`,x,k,A),$alignX:s,$alignY:c,$trackKind:j,$customCss:l,...y})}function bn(e){if(!(e===void 0||!Number.isFinite(e)||e<1))return`repeat(${Math.floor(e)}, minmax(0, 1fr))`}var xn=t.styled.div`
+  display: grid;
+  position: relative;
+  gap: ${({$gap:e})=>e};
+  ${({$columns:e})=>e?t.css`
+          grid-template-columns: ${e};
+        `:``}
+  ${({$rows:e})=>e?t.css`
+          grid-template-rows: ${e};
+        `:``}
+  ${({$alignX:e,$alignY:t})=>ie(e,t)}
+  ${({$edges:e})=>O(e)}
+  ${({$size:e,$fill:t})=>E(e,t)}
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-radius: ${({$borderRadius:e})=>e};
+  border-color: ${({$borderColor:e})=>e};
+  ${({$flex:e})=>z(e)}
+  ${({$stackMax:e,$stackCols:t})=>e?ne(e,t):``}
+  ${({$customCss:e})=>e??``}
+`;function Sn(e){let{spacing:t,size:r,rest:i}=C(e),{flex:a,fill:o,gap:s,alignX:c,alignY:l,numCols:u,numRows:d,stack:f,stackCols:p,css:m,borderWidth:h,borderX:g,borderY:_,borderTop:v,borderRight:y,borderBottom:x,borderLeft:w,borderRadius:E,borderColor:D,...O}=i,{space:k,breakpoints:A,defaults:j,colors:M,borderWidths:P,radii:F,brand:L,status:ee}=Q();return(0,n.jsx)(B,{kind:`grid`,children:(0,n.jsx)(xn,{$flex:a,$fill:o,$gap:b(s,j.grid.gap,k),$columns:bn(u),$rows:bn(d),$alignX:R(c,j.grid.alignX),$alignY:R(l,j.grid.alignY),$stackMax:te(f,A),$stackCols:p!==void 0&&Number.isFinite(p)&&p>=1?Math.floor(p):1,$edges:S(t,j.grid,k),$size:T(r,k),$borderWidth:N({borderWidth:h,borderX:g,borderY:_,borderTop:v,borderRight:y,borderBottom:x,borderLeft:w},`none`,P),$borderRadius:b(E,`none`,F),$borderColor:I(D,`base`,M,L,ee),$customCss:m,...O})})}function Cn(e,n,r){if(!n||r)return E(e,n);let i=e.width===void 0,a=e.height===void 0;return t.css`
+    ${a?t.css`
+            top: 0;
+            bottom: 0;
+          `:``}
+    ${i?t.css`
+            left: 0;
+            right: 0;
+          `:``}
+    ${E(e,!1)}
+  `}var wn=t.styled.div`
+  display: flex;
+  flex-direction: ${({$horizontal:e})=>e?`row`:`column`};
+  position: ${({$relative:e})=>e?`relative`:`absolute`};
+  gap: ${({$gap:e})=>e};
+  ${({$edges:e})=>O(e)}
+  ${({$size:e,$fill:t,$relative:n})=>Cn(e,t,n)}
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-radius: ${({$borderRadius:e})=>e};
+  border-color: ${({$borderColor:e})=>e};
+  ${({$flex:e})=>z(e)}
+  ${({$horizontal:e,$alignX:t,$alignY:n})=>se(!e,t,n)}
+  ${({$stackMax:e,$stackedJustify:t})=>e?re(e,t):``}
+  ${({$scroll:e})=>le(e)}
+  ${({$customCss:e})=>e??``}
+`;function Tn(e){let{spacing:t,size:r,rest:i}=C(e),{horizontal:a,flex:o,fill:s,relative:c,stack:l,scroll:u,alignX:d,alignY:f,gap:p,css:m,borderWidth:h,borderX:g,borderY:_,borderTop:v,borderRight:y,borderBottom:x,borderLeft:w,borderRadius:E,borderColor:D,...O}=i,{space:k,breakpoints:A,defaults:j,colors:M,borderWidths:P,radii:F,brand:L,status:ee}=Q(),ne=oe(!a);return(0,n.jsx)(B,{kind:a?`row`:`column`,children:(0,n.jsx)(wn,{$horizontal:a,$flex:o,$fill:s,$relative:c,$gap:b(p,j.panels.gap,k),$stackMax:a?te(l,A):void 0,$stackedJustify:ce(f),$scroll:u,$alignX:R(d,ne.alignX),$alignY:R(f,ne.alignY),$edges:S(t,j.panels,k),$size:T(r,k),$borderWidth:N({borderWidth:h,borderX:g,borderY:_,borderTop:v,borderRight:y,borderBottom:x,borderLeft:w},`none`,P),$borderRadius:b(E,`none`,F),$borderColor:I(D,`base`,M,L,ee),$customCss:m,...O})})}var En=t.styled.div`
+  position: relative;
+  ${({$edges:e})=>O(e)}
+  ${({$size:e,$fill:t})=>E(e,t)}
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-radius: ${({$borderRadius:e})=>e};
+  border-color: ${({$borderColor:e})=>e};
+  ${({$flex:e})=>z(e,!0)}
+  ${({$trackKind:e,$alignX:t,$alignY:n})=>V(e,t,n)}
+  ${({$customCss:e})=>e??``}
+`;function Dn(e){let{spacing:t,size:r,rest:i}=C(e),{flex:a,fill:o,alignX:s,alignY:c,css:l,borderWidth:u,borderX:d,borderY:f,borderTop:p,borderRight:m,borderBottom:h,borderLeft:g,borderRadius:_,borderColor:v,...y}=i,{colors:x,space:w,borderWidths:E,radii:D,defaults:O,brand:k,status:A}=Q(),j=de();return(0,n.jsx)(En,{$flex:a,$fill:o,$edges:S(t,O.row,w),$size:T(r,w,{height:O.row.height}),$borderWidth:N({borderWidth:u,borderX:d,borderY:f,borderTop:p,borderRight:m,borderBottom:h,borderLeft:g},O.row.borderWidth,E),$borderRadius:b(_,O.row.borderRadius,D),$borderColor:I(v,`base`,x,k,A),$alignX:s,$alignY:c,$trackKind:j,$customCss:l,...y})}var On=t.styled.div`
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  flex-wrap: ${({$wrap:e})=>e?`wrap`:`nowrap`};
+  gap: ${({$gap:e})=>e};
+  ${({$alignX:e,$alignY:t})=>se(!0,e,t)}
+  ${({$edges:e})=>O(e)}
+  ${({$size:e,$fill:t})=>E(e,t)}
+  border-width: ${({$borderWidth:e})=>e};
+  border-style: solid;
+  border-radius: ${({$borderRadius:e})=>e};
+  border-color: ${({$borderColor:e})=>e};
+  ${({$flex:e})=>z(e)}
+  ${({$customCss:e})=>e??``}
+`;function kn(e){let{spacing:t,size:r,rest:i}=C(e),{flex:a,fill:o,gap:s,alignX:c,alignY:l,wrap:u,css:d,borderWidth:f,borderX:p,borderY:m,borderTop:h,borderRight:g,borderBottom:_,borderLeft:v,borderRadius:y,borderColor:x,...w}=i,{space:E,defaults:D,colors:O,borderWidths:k,radii:A,brand:j,status:M}=Q();return(0,n.jsx)(B,{kind:`column`,children:(0,n.jsx)(On,{$flex:a,$fill:o,$gap:b(s,D.rows.gap,E),$alignX:R(c,D.rows.alignX),$alignY:R(l,D.rows.alignY),$wrap:u,$edges:S(t,D.rows,E),$size:T(r,E),$borderWidth:N({borderWidth:f,borderX:p,borderY:m,borderTop:h,borderRight:g,borderBottom:_,borderLeft:v},`none`,k),$borderRadius:b(y,`none`,A),$borderColor:I(x,`base`,O,j,M),$customCss:d,...w})})}var An={1:`h1`,2:`h2`,3:`h3`,4:`h4`,5:`h5`,6:`h6`},jn=t.styled.h1`
+  ${Et}
+  line-height: 1;
+  text-box: trim-both cap alphabetic;
+  ${({$customCss:e})=>e??``}
+`;function Mn(e){let{level:t,size:r,color:i,muted:a,highlighted:o,weight:s,family:c,italic:l,underlined:u,uppercase:d,css:f,...p}=e,{fontSizes:m,fontWeights:h,fontFamilies:g,defaults:_,brand:v,status:y}=Q(),x=g[c??_.heading.family],S=_.heading.size[t],C=r===void 0?S:b(r,S,m),w=b(s,_.heading.weight,h);return(0,n.jsx)(wt.Provider,{value:{family:x,size:C,weight:w,lineHeight:1},children:(0,n.jsx)(jn,{as:An[t],$family:x,$size:C,$color:ut(i,o,a,v,y),$weight:w,$lineHeight:1,$italic:l,$underlined:u,$uppercase:d,$customCss:f,...p})})}var Nn=t.styled.span`
+  ${Et}
+  ${({$customCss:e})=>e??``}
+`;function Pn(e){let{size:t,color:r,muted:i,highlighted:a,weight:o,family:s,italic:c,underlined:l,uppercase:u,css:d,...f}=e,{fontSizes:p,fontWeights:m,fontFamilies:h,lineHeight:g,defaults:_,brand:v,status:y}=Q(),x=Tt(),S=s===void 0?x?.family??h.base:h[s],C=t===void 0?x?.size??b(void 0,_.text.size,p):b(t,_.text.size,p),w=o===void 0?x?.weight??b(void 0,_.text.weight,m):b(o,_.text.weight,m),T=x?.lineHeight??g,E=r!==void 0||a||i?ut(r,a,i,v,y):`inherit`;return(0,n.jsx)(wt.Provider,{value:{family:S,size:C,weight:w,lineHeight:T},children:(0,n.jsx)(Nn,{$family:S,$size:C,$color:E,$weight:w,$lineHeight:T,$italic:c,$underlined:l,$uppercase:u,$customCss:d,...f})})}var Fn=t.styled.p`
+  ${Et}
+  ${({$customCss:e})=>e??``}
+`;function In(e){let{size:t,color:r,muted:i,highlighted:a,weight:o,family:s,italic:c,underlined:l,uppercase:u,css:d,...f}=e,{fontSizes:p,fontWeights:m,fontFamilies:h,lineHeight:g,defaults:_,brand:v,status:y}=Q(),x=h[s??`base`],S=b(t,_.text.size,p),C=b(o,_.text.weight,m);return(0,n.jsx)(wt.Provider,{value:{family:x,size:S,weight:C,lineHeight:g},children:(0,n.jsx)(Fn,{$family:x,$size:S,$color:ut(r,a,i,v,y),$weight:C,$lineHeight:g,$italic:c,$underlined:l,$uppercase:u,$customCss:d,...f})})}var Ln=t.css`
+  text-decoration: underline;
+`,Rn=t.styled.a`
+  padding: 0;
+  border: 0;
+  background: none;
+  cursor: pointer;
+  text-decoration: none;
+  ${Et}
+  &:focus-visible {
+    outline: 2px solid currentColor;
+    outline-offset: 2px;
+  }
+  &:hover {
+    color: ${({$hover:e})=>e};
+    ${({$hoverUnderline:e,$underlined:t})=>e||t?Ln:``}
+  }
+  &:active {
+    color: ${({$active:e})=>e};
+    ${({$hoverUnderline:e,$underlined:t})=>e||t?Ln:``}
+  }
+  ${({$customCss:e})=>e??``}
+`;function zn(e){let{size:t,color:r,muted:i,highlighted:a,weight:o,family:s,italic:c,underlined:l,uppercase:u,css:d,...f}=e,{fontSizes:p,fontWeights:m,fontFamilies:h,lineHeight:g,defaults:_,brand:v,status:y}=Q(),x=Tt(),S=r??(i||a?void 0:_.textLink.color),{hover:C,active:w}=dt(S,_.textLink.hover===`inherit`?`inherit`:st(r)?r:_.textLink.hover,v,y),T=s===void 0?x?.family??h.base:h[s],E=t===void 0?x?.size??b(void 0,_.text.size,p):b(t,_.text.size,p),D=o===void 0?x?.weight??b(void 0,_.text.weight,m):b(o,_.text.weight,m);return(0,n.jsx)(Rn,{$family:T,$size:E,$color:ut(S,a,i,v,y),$hover:C,$active:w,$weight:D,$lineHeight:x?.lineHeight??g,$italic:c,$underlined:l,$hoverUnderline:_.textLink.hoverUnderline,$uppercase:u,$customCss:d,...f})}exports.Button=ht,exports.Cell=pn,exports.Checkbox=bt,exports.Chip=_t,exports.Col=hn,exports.Cols=_n,exports.Div=yn,exports.Grid=Sn,exports.Heading=Mn,exports.Input=Ct,exports.Label=kt,exports.MultiSelect=rn,exports.NumberInput=jt,exports.Option=Pt,exports.Panel=it,exports.PanelizeProvider=nt,exports.Panels=Tn,exports.Radio=Nt,exports.Row=Dn,exports.Rows=kn,exports.Select=on,exports.Span=Pn,exports.Switch=cn,exports.Text=In,exports.TextLink=zn,exports.Textarea=un,exports.alignValues=d,exports.appCssVars=$e,exports.brandStateTokens=l,exports.brandTokens=s,exports.breakpointTokens=p,exports.colorSchemeTokens=o,exports.createPanelizeTheme=Ze,exports.defaultBorderWidths=k,exports.defaultBreakpoints=L,exports.defaultFontFamilies=ge,exports.defaultFontSizes=J,exports.defaultFontWeights=he,exports.defaultLineHeight=_e,exports.defaultRadii=A,exports.defaultSpace=v,exports.defaultTheme=X,exports.fontFamilyTokens=g,exports.fontSizeTokens=m,exports.fontWeightTokens=h,exports.grayRampTokens=fe,exports.grayTokens=H,exports.headingLevels=_,exports.palette=W,exports.panelCssVars=$,exports.panelTextRoles=a,exports.panelVariants=i,exports.scrollValues=f,exports.spaceTokens=u,exports.statusTokens=c,exports.usePanelizeTheme=Q;
+//# sourceMappingURL=panelize.cjs.map