@pg-labs-incubator/cobweb 0.0.4 → 0.0.6

package/target/esbuild/surface/menu.jsx

@@ -1,7 +1,7 @@
-import{createComponent as oe,createContext as se,createSignal as V,createUniqueId as A,mergeProps as re,onCleanup as W,onMount as ae,splitProps as K,untrack as d,useContext as O}from"solid-js";import{insert as F}from"solid-js/web";import{defineDomComponent as U}from"..";import{ELEVATION_SHADOW_CSS_CLASS as D}from"../container/elevation-shadow";import{DomController as B}from"../dom/client";import{FocusState as z,HoverState as le,PressState as ue,defineInteractableComponent as H}from"../state";import{InteractableController as de}from"../state/controller";import{deferAfterDelegatedCancellation as k}from"../util";import{isElementNode as g}from"./interactive";import{resolveSurfaceSlots as ce}from"./slots";import"../container/elevation-shadow.css";import"./surface.css";import"./menu.css";const L="[role=menuitem], [role=menuitemcheckbox], [role=menuitemradio]",R="[role=menuitemradio]",he="button, a[href], input, [tabindex]:not([tabindex='-1']), [role=button], [role=link], [role=menuitem]",me="button, a[href], input, [role=button], [role=link], [role=menuitem]",pe="button, a[href], input, [tabindex], [role=button], [role=link], [role=menuitem]",$="cw-menu-select",Y="cw-menu-radio-uncheck",j="cw-menu-radio-normalize",X=z|le|ue,T=48,I=8,fe=150,be=300,Ee=500,ge=50,ve=8,Q="_cw-Menu-expressive";function y(i,e,t){return i==null?void 0:{view:i,id:i.setTimeout(t,e)}}function f(i){i?.view.clearTimeout(i.id)}const x=se(),C=new WeakMap,J=new WeakSet;function G(i,e){return i.matches(L)&&i.closest("[role=menu]")===e&&i.closest("[hidden], [inert], [aria-hidden='true']")===null&&i.getClientRects().length>0&&i.ownerDocument.defaultView?.getComputedStyle(i).visibility==="visible"}function Z(i){return i==="expressive"||i==="segmented"}function Me(i){return(i.textContent??"").trim().replace(/\s+/gu," ").toLocaleLowerCase()}function q(i,e,t,n){const o=i+e;return i>=n?0:o<=t?1:e===0?0:((Math.max(t,i)+Math.min(n,o))/2-i)/e}function we(i,e,t,n,o){return[q(e,n,i.left,i.right),q(t,o,i.top,i.bottom)]}function ye(i,e){return{menuId:i,open:e,attrs:{get"aria-controls"(){return i()},get"aria-expanded"(){return e()?"true":"false"},"aria-haspopup":"menu"}}}function Ce(i,e,t){return typeof i!="function"?i:d(()=>i(ye(e,t)))}function ee(i,e,t){const n=("open"in e?e.open:e.defaultOpen)===!0,o=t?.menuId()??e.id??A(),[s,r]=K(i,["aria-label"]),a=t?.menuId??(()=>o),c=t?.open??(()=>n);return<div{...r}classList={{...i.classList,"cw-Menu":!0,"cw-SubMenu":e.submenu===!0,"cw-Menu-open":n,[`_cw-Menu-${e.placement??"bottom-start"}`]:!0,[Q]:Z(e.variant)}}data-cw-menu="true"data-cw-menu-color={e.color??"standard"}data-cw-menu-orientation={e.orientation??"vertical"}data-cw-menu-variant={e.variant??"baseline"}>
+import{createComponent as oe,createContext as se,createSignal as V,createUniqueId as A,mergeProps as re,onCleanup as W,onMount as ae,splitProps as K,untrack as d,useContext as O}from"solid-js";import{insert as F}from"solid-js/web";import{defineDomComponent as U}from"..";import{ELEVATION_SHADOW_CSS_CLASS as D}from"../container/elevation-shadow";import{DomController as B}from"../dom/client";import{FocusState as z,HoverState as le,PressState as ue,defineInteractableComponent as H}from"../state";import{InteractableController as de}from"../state/controller";import{deferAfterDelegatedCancellation as k}from"../util";import{isElementNode as g}from"./interactive";import{resolveSurfaceSlots as ce}from"./slots";import"../container/elevation-shadow.css";import"./surface.css";import"./menu.css";const L="[role=menuitem], [role=menuitemcheckbox], [role=menuitemradio]",R="[role=menuitemradio]",he="button, a[href], input, [tabindex]:not([tabindex='-1']), [role=button], [role=link], [role=menuitem]",me="button, a[href], input, [role=button], [role=link], [role=menuitem]",pe="button, a[href], input, [tabindex], [role=button], [role=link], [role=menuitem]",$="cw-menu-select",Y="cw-menu-radio-uncheck",j="cw-menu-radio-normalize",X=z|le|ue,T=48,I=8,fe=150,be=300,Ee=500,ge=50,ve=8,Q="_cw-Menu-expressive";function y(i,e,t){return i==null?void 0:{view:i,id:i.setTimeout(t,e)};}function f(i){i?.view.clearTimeout(i.id);}const x=se(),C=/* @__PURE__ */new WeakMap(),J=/* @__PURE__ */new WeakSet();function G(i,e){return i.matches(L)&&i.closest("[role=menu]")===e&&i.closest("[hidden], [inert], [aria-hidden='true']")===null&&i.getClientRects().length>0&&i.ownerDocument.defaultView?.getComputedStyle(i).visibility==="visible";}function Z(i){return i==="expressive"||i==="segmented";}function Me(i){return(i.textContent??"").trim().replace(/\s+/gu," ").toLocaleLowerCase();}function q(i,e,t,n){const o=i+e;return i>=n?0:o<=t?1:e===0?0:((Math.max(t,i)+Math.min(n,o))/2-i)/e;}function we(i,e,t,n,o){return[q(e,n,i.left,i.right),q(t,o,i.top,i.bottom)];}function ye(i,e){return{menuId:i,open:e,attrs:{get"aria-controls"(){return i();},get"aria-expanded"(){return e()?"true":"false";},"aria-haspopup":"menu"}};}function Ce(i,e,t){return typeof i!="function"?i:d(()=>i(ye(e,t)));}function ee(i,e,t){const n=("open"in e?e.open:e.defaultOpen)===!0,o=t?.menuId()??e.id??A(),[s,r]=K(i,["aria-label"]),a=t?.menuId??(()=>o),c=t?.open??(()=>n);return<div{...r}classList={{...i.classList,"cw-Menu":!0,"cw-SubMenu":e.submenu===!0,"cw-Menu-open":n,[`_cw-Menu-${e.placement??"bottom-start"}`]:!0,[Q]:Z(e.variant)}}data-cw-menu="true"data-cw-menu-color={e.color??"standard"}data-cw-menu-orientation={e.orientation??"vertical"}data-cw-menu-variant={e.variant??"baseline"}>
 		<span class="cw-Menu-trigger"data-cw-menu-trigger="true">{Ce(e.trigger,a,c)}</span>
 		<div aria-label={s["aria-label"]??e.label??"Menu"}aria-orientation={e.orientation??"vertical"}class={`cw-Menu-popup ${D}`}data-cw-menu-popup="true"hidden={!n}id={o}popover={e.submenu===!0||e.modal===!1?"manual":"auto"}role="menu"tabIndex={-1}>{i.children}</div>
-	</div>}class Se extends B{#n;#i;#h;#d;#M;#u;#A;#m;#o;#w;#e;#s;#t;#p;#f;#y;#C;#S;#L;#c;#T;#x;#r;#b;#a;#E;#g;#v;#k;constructor(e){const[t,n]=K(e,["attr:aria-label"]),o=d(()=>("open"in e?e.open:e.defaultOpen)===!0),s=d(()=>e.id??""),[r,a]=V(o),[c,l]=V(s);super(n,{styleElementIsFunction:!0}),this.#n=t,this.#i="open"in e,this.#t=o,this.#h=r,this.#d=a,this.#m=s,this.#M=c,this.#u=l,this.#A=new WeakSet,this.#o=null,this.#w=null,this.#e=null,this.#s=null,this.#p="",this.#f=void 0,this.#y=!1,this.#C=!0,this.#S=!1,this.#L=void 0,this.#c=void 0,this.#T=void 0,this.#x=0,this.#r=void 0,this.#b=void 0,this.#a=!1,this.#E=void 0,this.#g=void 0,this.#v=void 0,this.#k=void 0,ae(()=>{this.#z(),this.#V(),this.#t&&this.#l(!0,!1)}),W(()=>this.#de())}isOpen(){return this.#t}open(e){this.#l(!0,!0,e)}close(e){this.#l(!1,!0,e)}#D(e,t){d(()=>this.props.onOpenChange?.(e,t))}#H(){const e=this.#e;return e!==null&&e.hasAttribute("popover")&&typeof e.showPopover=="function"}#q(e,t){!this.#i||e===this.#t||this.#L===e||(this.#L=e,this.#D(e,t),f(this.#c),this.#c=y(this.#o?.ownerDocument.defaultView,ge,()=>{this.#L=void 0,this.#c=void 0}))}#W(){const e=this.#e;if(!(e===null||!this.#H()||!this.#t||this.#a)){e.hidden=!1;try{e.matches(":popover-open")||e.showPopover()}catch{}e.matches(":popover-open")||this.#K()}}#K(){const e=this.#e;e===null||!this.#t||this.#T!==void 0||this.#x>=ve||(this.#x++,this.#T=y(e.ownerDocument.defaultView,0,()=>{this.#T=void 0,e.isConnected?this.#W():this.#K()}))}#I=()=>{const e=this.#e?.ownerDocument.defaultView;this.#b!==void 0||e==null||(this.#b={view:e,id:e.requestAnimationFrame(()=>{this.#b=void 0,this.#F()})})};#_(){this.#b?.view.cancelAnimationFrame(this.#b.id),this.#b=void 0}#F(){const e=this.#e,t=this.#s,n=e?.ownerDocument.defaultView;if(e===null||t===null||n==null||!this.#t||this.#a)return;const o=n.getComputedStyle(e),s=Number.parseFloat(o.getPropertyValue("--cw-menu-popup-inset")),r=Number.isFinite(s)?s:0,a=t.getBoundingClientRect(),c=e.querySelector(L),l=e.offsetWidth-2*r,m=e.offsetHeight-2*r,v=this.props.placement??"bottom-start",p=o.direction==="rtl",M=u=>u>=I&&u+l<=n.innerWidth-I,w=u=>u>=T&&u+m<=n.innerHeight-T;let h,b;if(v.startsWith("inline-")){const u=v.endsWith("-end")!==p,E=u?a.left-l:a.right;h=u?a.right:a.left-l,!M(h)&&M(E)&&(h=E),b=a.top-(c===null?0:c.offsetTop-r)}else{const u=v.startsWith("top-"),E=u?a.bottom:a.top-m;h=v.endsWith("-end")!==p?a.right-l:a.left,b=u?a.top-m:a.bottom,!w(b)&&w(E)&&(b=E)}h=Math.max(I,Math.min(h,n.innerWidth-l-I)),b=Math.max(T,Math.min(b,n.innerHeight-m-T));const[S,P]=we(a,h,b,l,m);e.style.position="fixed",e.style.inset="auto",e.style.left=`${h}px`,e.style.top=`${b}px`,e.style.transformOrigin=`${r+S*l}px ${r+P*m}px`}#U(){const e=this.#o?.parentElement?.closest("[data-cw-menu=true]");return e==null?void 0:C.get(e)}#P(){return Array.from(this.#e?.querySelectorAll("[data-cw-menu=true]")??[]).map(e=>C.get(e)).filter(e=>e!==void 0&&e.#U()===this)}#N(e){for(const t of this.#P()){const n=t.#e;t.#r=f(t.#r),t.#a=!0,t.#l(!1,!0,e),n!==null&&(n.matches(":popover-open")&&n.hidePopover(),n.hidden=!0),t.#N(e)}}#$=e=>{this.props.submenu!==!0||e.pointerType==="touch"||(this.#r=f(this.#r),!(this.#t||!g(e.target)||this.#s?.contains(e.target)!==!0||this.#s.matches(":disabled, [aria-disabled=true]"))&&(this.#r=y(this.#o?.ownerDocument.defaultView,fe,()=>{this.#r=void 0,this.#C=!1,this.open(e)})))};#Y=e=>{this.props.submenu!==!0||e.pointerType==="touch"||g(e.relatedTarget)&&this.#o?.contains(e.relatedTarget)===!0||(this.#r=f(this.#r),this.#r=y(this.#o?.ownerDocument.defaultView,be,()=>{this.#r=void 0,this.#l(!1,!0,e)}))};#j(){const e=this.#w;if(e===null)return null;const t=Array.from(e.querySelectorAll(he)).filter(n=>!n.matches(":disabled, [aria-disabled='true']"));return t.length===1?t[0]:t.length>1||e.querySelector(pe)!==null?null:e}#B(){const e=this.#e;return e===null?[]:Array.from(e.querySelectorAll(L)).filter(t=>G(t,e))}#V(){const e=this.#e,t=new Set;if(e!==null)for(const n of Array.from(e.querySelectorAll(R))){const o=n.dataset.cwMenuName??"";n.closest("[role=menu]")!==e||o.length===0||n.getAttribute("aria-checked")!=="true"||(t.has(o)?n.dispatchEvent(new CustomEvent(j,{detail:{name:o}})):t.add(o))}}#Q=e=>{const t=this.#e,n=t?.ownerDocument.activeElement;let o=!1,s=!1;for(const r of e)r.type==="childList"||r.attributeName==="data-cw-menu-name"?o=!0:r.target!==t&&n!==null&&n!==void 0&&r.target.contains(n)&&(s=!0);o&&this.#V(),s&&this.#t&&t!==null&&n!==null&&n!==void 0&&n!==t&&n.closest("[role=menu]")===t&&!G(n,t)&&this.#X()};#X(e=!1){const t=this.#B(),n=(e?t[t.length-1]:t[0])??this.#e;queueMicrotask(()=>{this.#t&&!this.#a&&n?.focus()})}#Z(e){e.getAttribute("aria-haspopup")==="menu"&&e.removeAttribute("aria-haspopup"),e.getAttribute("aria-controls")===(this.#e?.id??this.#m)&&e.removeAttribute("aria-controls"),e.getAttribute("aria-expanded")===(this.#t?"true":"false")&&e.removeAttribute("aria-expanded")}#J(){const e=this.#w,t=this.#j();this.#s!==null&&this.#s!==t&&this.#Z(this.#s),e!==null&&t!==e&&e.dataset.cwMenuFallbackTrigger==="true"&&(e.removeAttribute("role"),e.removeAttribute("tabindex"),delete e.dataset.cwMenuFallbackTrigger),this.#s=t,t!==null&&(t===e&&!t.matches(me)&&(t.hasAttribute("role")||t.setAttribute("role","button"),t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.dataset.cwMenuFallbackTrigger="true"),t.hasAttribute("aria-haspopup")||t.setAttribute("aria-haspopup","menu"),t.hasAttribute("aria-controls")||t.setAttribute("aria-controls",this.#e?.id??this.#m),t.hasAttribute("aria-expanded")||t.setAttribute("aria-expanded",this.#t?"true":"false"))}#ee(){const e=this.#e;if(e!==null){e.hidden=!1,this.#W(),this.#F(),this.#C&&this.#X(this.#S),this.#C=!0,this.#S=!1;for(const t of this.#P())t.#a=!1,t.#t&&t.#l(!0,!1)}}#te(e){const t=this.#e;t!==null&&(this.#_(),this.#H()&&t.matches(":popover-open")&&(this.#y=!0,t.hidePopover(),this.#y=!1),t.hidden=!0,e&&queueMicrotask(()=>this.#s?.focus()))}#l(e,t,n){const o=this.#e,s=e!==this.#t,r=o?.ownerDocument.activeElement;if(t&&this.#i){this.#q(e,n);return}if(!(!s&&(o===null||!this.#H()&&o.hidden===!e))){if(e){const a=this.#U();if(this.#a=a!==void 0&&(!a.#t||a.#a),a!==void 0&&!this.#a)for(const c of a.#P())c!==this&&c.#l(!1,!0,n)}else this.#N(n);this.#t=e,this.#d(e),e||(this.#x=0),super.setClass("cw-Menu-open",e),this.#J(),this.#s?.setAttribute("aria-expanded",e?"true":"false"),e&&!this.#a?this.#ee():this.#te(s&&r!==null&&r!==void 0&&o?.contains(r)===!0),this.#O(e&&!this.#a),t&&s&&this.#D(e,n)}}#ne=e=>{const t=this.#s;this.#A.add(e),!(e.defaultPrevented||t===null||!g(e.target)||!t.contains(e.target)||t.matches(":disabled, [aria-disabled=true]"))&&k(e,this.#o,()=>{this.#S=!1,this.#C=!0,this.#l(!this.#t,!0,e)},!1)};#R=e=>{const t=this.#o;this.#O(this.#t&&!this.#a),!(this.#A.has(e)||t===null||!g(e.target)||e.target.ownerDocument!==this.#v)&&(this.#A.add(e),!e.defaultPrevented&&this.#t&&!e.composedPath().includes(t)&&this.#l(!1,!0,e))};#ie=e=>{const t=this.#o;if(e.defaultPrevented||J.has(e)||t===null||!g(e.target))return;const n=this.#s?.contains(e.target)===!0,o=t.ownerDocument.defaultView?.getComputedStyle(t).direction==="rtl",s=o?"ArrowLeft":"ArrowRight",r=o?"ArrowRight":"ArrowLeft",a=this.props.submenu===!0,l=this.props.orientation==="horizontal"?["ArrowLeft","ArrowRight"]:["ArrowDown","ArrowUp"],m=n&&(e.key==="Enter"||e.key===" "||(a?e.key===s:e.key==="ArrowDown"||e.key==="ArrowUp")),v=this.#t&&e.target.closest("[role=menu]")===this.#e&&(["Escape","Home","End","Enter"," ",...l].includes(e.key)||a&&e.key===r||e.key.length===1&&!e.altKey&&!e.ctrlKey&&!e.metaKey);!m&&!v||(J.add(e),k(e,t,()=>{if(!m){e.key==="Escape"||a&&e.key===r?this.close(e):this.#se(e);return}this.#s===null||this.#s.matches(":disabled, [aria-disabled=true]")||(this.#C=!0,this.#S=e.key==="ArrowUp",this.#t?this.#X(this.#S):this.open(e))}))};#oe(){this.#f=f(this.#f),this.#f=y(this.#e?.ownerDocument.defaultView,Ee,()=>{this.#p="",this.#f=void 0})}#se(e){const t=this.#e,n=this.#o;if(!this.#t||t===null||n===null||!g(e.target))return;const o=this.#B(),s=e.target.closest(L);if(s===null||s.closest("[role=menu]")!==t)return;const r=o.indexOf(s),a=this.props.loopFocus!==!1,c=this.props.orientation==="horizontal",l=n.ownerDocument.defaultView?.getComputedStyle(n).direction==="rtl",m=c?l?"ArrowLeft":"ArrowRight":"ArrowDown",v=c?l?"ArrowRight":"ArrowLeft":"ArrowUp",p=e.key,M=o.length-1,w=p===m?a?(r+1)%o.length:Math.min(M,r+1):p===v?a?(r+M)%o.length:Math.max(0,r-1):p==="Home"?0:p==="End"?M:-1;if(p==="Enter"||p===" "){e.preventDefault(),s.click();return}if(w<0&&p.length===1&&!e.altKey&&!e.ctrlKey&&!e.metaKey){const h=p.toLocaleLowerCase(),b=this.#p.length>0&&Array.from(this.#p).every(E=>E===h),S=r+1,P=o.slice(S).concat(o.slice(0,S));this.#p=b?h:this.#p+h;const u=P.find(E=>Me(E).startsWith(this.#p));u!==void 0&&(e.preventDefault(),u.focus()),this.#oe();return}o[w]!==void 0&&(e.preventDefault(),o[w].focus())}#re=e=>{!this.#t||g(e.relatedTarget)&&this.#o?.contains(e.relatedTarget)===!0||queueMicrotask(()=>{const t=this.#o;this.#t&&t!==null&&!t.contains(t.ownerDocument.activeElement)&&this.#l(!1,!0,e)})};#O(e){const t=this.#o,n=e?t?.getRootNode():void 0,o=n?.nodeType===11&&"host"in n?n:void 0,s=e&&t?.ownerDocument.defaultView!=null?t.ownerDocument:void 0;o!==this.#k&&(this.#k?.removeEventListener("click",this.#R),this.#k=o,this.#k?.addEventListener("click",this.#R)),s!==this.#v&&(this.#v?.removeEventListener("click",this.#R),this.#v?.removeEventListener("scroll",this.#I,!0),this.#v?.defaultView?.removeEventListener("resize",this.#I),this.#v=s,s?.addEventListener("click",this.#R),s?.addEventListener("scroll",this.#I,!0),s?.defaultView?.addEventListener("resize",this.#I))}#ae=e=>{const t=e.detail;if(!(!g(e.target)||this.#e?.contains(e.target)!==!0)){if(t?.close===!1||this.props.closeOnSelect===!1){e.stopPropagation();return}this.close(e)}};#le=e=>{const t=this.#e;if(this.#y||this.#a||t===null)return;const n="newState"in e?e.newState:void 0,o=n===void 0?t.matches(":popover-open"):n==="open";if(o!==this.#t){if(!this.#i){this.#l(o,!1,e),this.#D(o,e);return}this.#q(o,e),queueMicrotask(()=>{this.#y=!0;try{this.#t?t.showPopover():t.hidePopover()}catch{t.hidden=!this.#t}this.#y=!1})}};#ue=e=>{if(!(e.target!==this.#e||e.propertyName!=="transform"||!this.#t))for(const t of this.#P())t.#t&&t.#I()};#z(){const e=this.#o?.ownerDocument.defaultView;e!=null&&(this.#E===void 0&&this.#w!==null&&(this.#E=new e.MutationObserver(()=>this.#J()),this.#E.observe(this.#w,{attributeFilter:["aria-disabled","disabled","role","tabindex"],attributes:!0,childList:!0,subtree:!0})),this.#g===void 0&&this.#e!==null&&(this.#g=new e.MutationObserver(this.#Q),this.#g.observe(this.#e,{attributeFilter:["aria-hidden","class","data-cw-menu-name","hidden","inert","style"],attributes:!0,childList:!0,subtree:!0})))}#G(e,t,n){const o=n?"addEventListener":"removeEventListener";e?.[o]("click",this.#ne),e?.[o]("keydown",this.#ie),e?.[o]("focusout",this.#re),e?.[o]("pointerover",this.#$),e?.[o]("pointerout",this.#Y),e?.[o]($,this.#ae),t?.[o]("toggle",this.#le),t?.[o]("transitionend",this.#ue)}applyComponentProps(){const e=super.readProps(["color","id","label","modal","open","orientation","placement","submenu","variant"]),t=this.#e,n=this.#n["attr:aria-label"]??e.label??"Menu";if(e.variantChanged&&(super.setAttribute("data-cw-menu-variant",e.variant??"baseline"),super.setClass(Q,Z(e.variant))),e.colorChanged&&super.setAttribute("data-cw-menu-color",e.color??"standard"),e.orientationChanged&&(super.setAttribute("data-cw-menu-orientation",e.orientation??"vertical"),t?.setAttribute("aria-orientation",e.orientation??"vertical")),e.submenuChanged&&super.setClass("cw-SubMenu",e.submenu===!0),e.placementChanged&&(super.setClass("placement",`_cw-Menu-${e.placement??"bottom-start"}`),this.#I()),e.idChanged){const o=e.id??this.#m;t!==null&&(this.#s?.getAttribute("aria-controls")===t.id&&this.#s.setAttribute("aria-controls",o),t.id=o),this.#u(o)}(e.modalChanged||e.submenuChanged)&&t!==null&&t.setAttribute("popover",e.submenu===!0||e.modal===!1?"manual":"auto"),t!==null&&t.getAttribute("aria-label")!==n&&t.setAttribute("aria-label",n),e.openChanged&&this.#i&&(this.#L=void 0,this.#c=f(this.#c),this.#l(e.open===!0,!1))}onStyleElementChanged(e){const t=e;this.#G(this.#o,this.#e,!1),this.#O(!1),this.#_(),this.#r=f(this.#r),this.#E?.disconnect(),this.#g?.disconnect(),this.#E=void 0,this.#g=void 0,this.#o!==null&&C.delete(this.#o),super.onStyleElementChanged(e),this.#o=t,this.#w=t?.querySelector(":scope > [data-cw-menu-trigger]")??null,this.#e=t?.querySelector(":scope > [data-cw-menu-popup]")??null,t!==null&&(C.set(t,this),this.#G(t,this.#e,!0),this.#z(),this.#J(),this.#V(),this.#t?this.#l(!0,!1):(this.#e?.setAttribute("hidden",""),this.#N()))}render(e){const t=this.props,n=this.#n;return this.#m===""&&(this.#m=A(),this.#u(this.#m)),d(()=>ee({"aria-label":n["attr:aria-label"],children:e},{color:t.color,label:t.label,modal:t.modal,open:this.#t,orientation:t.orientation,placement:t.placement,submenu:t.submenu,get trigger(){return t.trigger},variant:t.variant},{menuId:this.#M,open:this.#h}))}#de(){this.#f=f(this.#f),this.#c=f(this.#c),this.#T=f(this.#T),this.#r=f(this.#r),this.#_(),this.#E?.disconnect(),this.#g?.disconnect(),this.#G(this.#o,this.#e,!1),this.#O(!1),this.#o!==null&&C.delete(this.#o)}}const Te=U(()=>ee,()=>Se),Ie=i=>{const e=new Set,t={claimRadio:n=>n.length===0||e.has(n)?n.length===0:(e.add(n),!0),variant:d(()=>i.variant),color:d(()=>i.color)};return oe(x.Provider,{value:t,get children(){return d(()=>Te(ce(i,["children","trigger"],["trigger"])))}})},We=i=>{const e=O(x),t=re({placement:"inline-end"},i,{color:e?.color,submenu:!0,variant:e?.variant});return Ie(t)};function _(i,e){return<>
+	</div>;}class Se extends B{#n;#i;#h;#d;#M;#u;#A;#m;#o;#w;#e;#s;#t;#p;#f;#y;#C;#S;#L;#c;#T;#x;#r;#b;#a;#E;#g;#v;#k;constructor(e){const[t,n]=K(e,["attr:aria-label"]),o=d(()=>("open"in e?e.open:e.defaultOpen)===!0),s=d(()=>e.id??""),[r,a]=V(o),[c,l]=V(s);super(n,{styleElementIsFunction:!0}),this.#n=t,this.#i="open"in e,this.#t=o,this.#h=r,this.#d=a,this.#m=s,this.#M=c,this.#u=l,this.#A=/* @__PURE__ */new WeakSet(),this.#o=null,this.#w=null,this.#e=null,this.#s=null,this.#p="",this.#f=void 0,this.#y=!1,this.#C=!0,this.#S=!1,this.#L=void 0,this.#c=void 0,this.#T=void 0,this.#x=0,this.#r=void 0,this.#b=void 0,this.#a=!1,this.#E=void 0,this.#g=void 0,this.#v=void 0,this.#k=void 0,ae(()=>{this.#z(),this.#V(),this.#t&&this.#l(!0,!1);}),W(()=>this.#de());}isOpen(){return this.#t;}open(e){this.#l(!0,!0,e);}close(e){this.#l(!1,!0,e);}#D(e,t){d(()=>this.props.onOpenChange?.(e,t));}#H(){const e=this.#e;return e!==null&&e.hasAttribute("popover")&&typeof e.showPopover=="function";}#q(e,t){!this.#i||e===this.#t||this.#L===e||(this.#L=e,this.#D(e,t),f(this.#c),this.#c=y(this.#o?.ownerDocument.defaultView,ge,()=>{this.#L=void 0,this.#c=void 0;}));}#W(){const e=this.#e;if(!(e===null||!this.#H()||!this.#t||this.#a)){e.hidden=!1;try{e.matches(":popover-open")||e.showPopover();}catch{}e.matches(":popover-open")||this.#K();}}#K(){const e=this.#e;e===null||!this.#t||this.#T!==void 0||this.#x>=ve||(this.#x++,this.#T=y(e.ownerDocument.defaultView,0,()=>{this.#T=void 0,e.isConnected?this.#W():this.#K();}));}#I=()=>{const e=this.#e?.ownerDocument.defaultView;this.#b!==void 0||e==null||(this.#b={view:e,id:e.requestAnimationFrame(()=>{this.#b=void 0,this.#F();})});};#_(){this.#b?.view.cancelAnimationFrame(this.#b.id),this.#b=void 0;}#F(){const e=this.#e,t=this.#s,n=e?.ownerDocument.defaultView;if(e===null||t===null||n==null||!this.#t||this.#a)return;const o=n.getComputedStyle(e),s=Number.parseFloat(o.getPropertyValue("--cw-menu-popup-inset")),r=Number.isFinite(s)?s:0,a=t.getBoundingClientRect(),c=e.querySelector(L),l=e.offsetWidth-2*r,m=e.offsetHeight-2*r,v=this.props.placement??"bottom-start",p=o.direction==="rtl",M=u=>u>=I&&u+l<=n.innerWidth-I,w=u=>u>=T&&u+m<=n.innerHeight-T;let h,b;if(v.startsWith("inline-")){const u=v.endsWith("-end")!==p,E=u?a.left-l:a.right;h=u?a.right:a.left-l,!M(h)&&M(E)&&(h=E),b=a.top-(c===null?0:c.offsetTop-r);}else{const u=v.startsWith("top-"),E=u?a.bottom:a.top-m;h=v.endsWith("-end")!==p?a.right-l:a.left,b=u?a.top-m:a.bottom,!w(b)&&w(E)&&(b=E);}h=Math.max(I,Math.min(h,n.innerWidth-l-I)),b=Math.max(T,Math.min(b,n.innerHeight-m-T));const[S,P]=we(a,h,b,l,m);e.style.position="fixed",e.style.inset="auto",e.style.left=`${h}px`,e.style.top=`${b}px`,e.style.transformOrigin=`${r+S*l}px ${r+P*m}px`;}#U(){const e=this.#o?.parentElement?.closest("[data-cw-menu=true]");return e==null?void 0:C.get(e);}#P(){return Array.from(this.#e?.querySelectorAll("[data-cw-menu=true]")??[]).map(e=>C.get(e)).filter(e=>e!==void 0&&e.#U()===this);}#N(e){for(const t of this.#P()){const n=t.#e;t.#r=f(t.#r),t.#a=!0,t.#l(!1,!0,e),n!==null&&(n.matches(":popover-open")&&n.hidePopover(),n.hidden=!0),t.#N(e);}}#$=e=>{this.props.submenu!==!0||e.pointerType==="touch"||(this.#r=f(this.#r),!(this.#t||!g(e.target)||this.#s?.contains(e.target)!==!0||this.#s.matches(":disabled, [aria-disabled=true]"))&&(this.#r=y(this.#o?.ownerDocument.defaultView,fe,()=>{this.#r=void 0,this.#C=!1,this.open(e);})));};#Y=e=>{this.props.submenu!==!0||e.pointerType==="touch"||g(e.relatedTarget)&&this.#o?.contains(e.relatedTarget)===!0||(this.#r=f(this.#r),this.#r=y(this.#o?.ownerDocument.defaultView,be,()=>{this.#r=void 0,this.#l(!1,!0,e);}));};#j(){const e=this.#w;if(e===null)return null;const t=Array.from(e.querySelectorAll(he)).filter(n=>!n.matches(":disabled, [aria-disabled='true']"));return t.length===1?t[0]:t.length>1||e.querySelector(pe)!==null?null:e;}#B(){const e=this.#e;return e===null?[]:Array.from(e.querySelectorAll(L)).filter(t=>G(t,e));}#V(){const e=this.#e,t=/* @__PURE__ */new Set();if(e!==null)for(const n of Array.from(e.querySelectorAll(R))){const o=n.dataset.cwMenuName??"";n.closest("[role=menu]")!==e||o.length===0||n.getAttribute("aria-checked")!=="true"||(t.has(o)?n.dispatchEvent(new CustomEvent(j,{detail:{name:o}})):t.add(o));}}#Q=e=>{const t=this.#e,n=t?.ownerDocument.activeElement;let o=!1,s=!1;for(const r of e)r.type==="childList"||r.attributeName==="data-cw-menu-name"?o=!0:r.target!==t&&n!==null&&n!==void 0&&r.target.contains(n)&&(s=!0);o&&this.#V(),s&&this.#t&&t!==null&&n!==null&&n!==void 0&&n!==t&&n.closest("[role=menu]")===t&&!G(n,t)&&this.#X();};#X(e=!1){const t=this.#B(),n=(e?t[t.length-1]:t[0])??this.#e;queueMicrotask(()=>{this.#t&&!this.#a&&n?.focus();});}#Z(e){e.getAttribute("aria-haspopup")==="menu"&&e.removeAttribute("aria-haspopup"),e.getAttribute("aria-controls")===(this.#e?.id??this.#m)&&e.removeAttribute("aria-controls"),e.getAttribute("aria-expanded")===(this.#t?"true":"false")&&e.removeAttribute("aria-expanded");}#J(){const e=this.#w,t=this.#j();this.#s!==null&&this.#s!==t&&this.#Z(this.#s),e!==null&&t!==e&&e.dataset.cwMenuFallbackTrigger==="true"&&(e.removeAttribute("role"),e.removeAttribute("tabindex"),delete e.dataset.cwMenuFallbackTrigger),this.#s=t,t!==null&&(t===e&&!t.matches(me)&&(t.hasAttribute("role")||t.setAttribute("role","button"),t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.dataset.cwMenuFallbackTrigger="true"),t.hasAttribute("aria-haspopup")||t.setAttribute("aria-haspopup","menu"),t.hasAttribute("aria-controls")||t.setAttribute("aria-controls",this.#e?.id??this.#m),t.hasAttribute("aria-expanded")||t.setAttribute("aria-expanded",this.#t?"true":"false"));}#ee(){const e=this.#e;if(e!==null){e.hidden=!1,this.#W(),this.#F(),this.#C&&this.#X(this.#S),this.#C=!0,this.#S=!1;for(const t of this.#P())t.#a=!1,t.#t&&t.#l(!0,!1);}}#te(e){const t=this.#e;t!==null&&(this.#_(),this.#H()&&t.matches(":popover-open")&&(this.#y=!0,t.hidePopover(),this.#y=!1),t.hidden=!0,e&&queueMicrotask(()=>this.#s?.focus()));}#l(e,t,n){const o=this.#e,s=e!==this.#t,r=o?.ownerDocument.activeElement;if(t&&this.#i){this.#q(e,n);return;}if(!(!s&&(o===null||!this.#H()&&o.hidden===!e))){if(e){const a=this.#U();if(this.#a=a!==void 0&&(!a.#t||a.#a),a!==void 0&&!this.#a)for(const c of a.#P())c!==this&&c.#l(!1,!0,n);}else this.#N(n);this.#t=e,this.#d(e),e||(this.#x=0),super.setClass("cw-Menu-open",e),this.#J(),this.#s?.setAttribute("aria-expanded",e?"true":"false"),e&&!this.#a?this.#ee():this.#te(s&&r!==null&&r!==void 0&&o?.contains(r)===!0),this.#O(e&&!this.#a),t&&s&&this.#D(e,n);}}#ne=e=>{const t=this.#s;this.#A.add(e),!(e.defaultPrevented||t===null||!g(e.target)||!t.contains(e.target)||t.matches(":disabled, [aria-disabled=true]"))&&k(e,this.#o,()=>{this.#S=!1,this.#C=!0,this.#l(!this.#t,!0,e);},!1);};#R=e=>{const t=this.#o;this.#O(this.#t&&!this.#a),!(this.#A.has(e)||t===null||!g(e.target)||e.target.ownerDocument!==this.#v)&&(this.#A.add(e),!e.defaultPrevented&&this.#t&&!e.composedPath().includes(t)&&this.#l(!1,!0,e));};#ie=e=>{const t=this.#o;if(e.defaultPrevented||J.has(e)||t===null||!g(e.target))return;const n=this.#s?.contains(e.target)===!0,o=t.ownerDocument.defaultView?.getComputedStyle(t).direction==="rtl",s=o?"ArrowLeft":"ArrowRight",r=o?"ArrowRight":"ArrowLeft",a=this.props.submenu===!0,l=this.props.orientation==="horizontal"?["ArrowLeft","ArrowRight"]:["ArrowDown","ArrowUp"],m=n&&(e.key==="Enter"||e.key===" "||(a?e.key===s:e.key==="ArrowDown"||e.key==="ArrowUp")),v=this.#t&&e.target.closest("[role=menu]")===this.#e&&(["Escape","Home","End","Enter"," ",...l].includes(e.key)||a&&e.key===r||e.key.length===1&&!e.altKey&&!e.ctrlKey&&!e.metaKey);!m&&!v||(J.add(e),k(e,t,()=>{if(!m){e.key==="Escape"||a&&e.key===r?this.close(e):this.#se(e);return;}this.#s===null||this.#s.matches(":disabled, [aria-disabled=true]")||(this.#C=!0,this.#S=e.key==="ArrowUp",this.#t?this.#X(this.#S):this.open(e));}));};#oe(){this.#f=f(this.#f),this.#f=y(this.#e?.ownerDocument.defaultView,Ee,()=>{this.#p="",this.#f=void 0;});}#se(e){const t=this.#e,n=this.#o;if(!this.#t||t===null||n===null||!g(e.target))return;const o=this.#B(),s=e.target.closest(L);if(s===null||s.closest("[role=menu]")!==t)return;const r=o.indexOf(s),a=this.props.loopFocus!==!1,c=this.props.orientation==="horizontal",l=n.ownerDocument.defaultView?.getComputedStyle(n).direction==="rtl",m=c?l?"ArrowLeft":"ArrowRight":"ArrowDown",v=c?l?"ArrowRight":"ArrowLeft":"ArrowUp",p=e.key,M=o.length-1,w=p===m?a?(r+1)%o.length:Math.min(M,r+1):p===v?a?(r+M)%o.length:Math.max(0,r-1):p==="Home"?0:p==="End"?M:-1;if(p==="Enter"||p===" "){e.preventDefault(),s.click();return;}if(w<0&&p.length===1&&!e.altKey&&!e.ctrlKey&&!e.metaKey){const h=p.toLocaleLowerCase(),b=this.#p.length>0&&Array.from(this.#p).every(E=>E===h),S=r+1,P=o.slice(S).concat(o.slice(0,S));this.#p=b?h:this.#p+h;const u=P.find(E=>Me(E).startsWith(this.#p));u!==void 0&&(e.preventDefault(),u.focus()),this.#oe();return;}o[w]!==void 0&&(e.preventDefault(),o[w].focus());}#re=e=>{!this.#t||g(e.relatedTarget)&&this.#o?.contains(e.relatedTarget)===!0||queueMicrotask(()=>{const t=this.#o;this.#t&&t!==null&&!t.contains(t.ownerDocument.activeElement)&&this.#l(!1,!0,e);});};#O(e){const t=this.#o,n=e?t?.getRootNode():void 0,o=n?.nodeType===11&&"host"in n?n:void 0,s=e&&t?.ownerDocument.defaultView!=null?t.ownerDocument:void 0;o!==this.#k&&(this.#k?.removeEventListener("click",this.#R),this.#k=o,this.#k?.addEventListener("click",this.#R)),s!==this.#v&&(this.#v?.removeEventListener("click",this.#R),this.#v?.removeEventListener("scroll",this.#I,!0),this.#v?.defaultView?.removeEventListener("resize",this.#I),this.#v=s,s?.addEventListener("click",this.#R),s?.addEventListener("scroll",this.#I,!0),s?.defaultView?.addEventListener("resize",this.#I));}#ae=e=>{const t=e.detail;if(!(!g(e.target)||this.#e?.contains(e.target)!==!0)){if(t?.close===!1||this.props.closeOnSelect===!1){e.stopPropagation();return;}this.close(e);}};#le=e=>{const t=this.#e;if(this.#y||this.#a||t===null)return;const n="newState"in e?e.newState:void 0,o=n===void 0?t.matches(":popover-open"):n==="open";if(o!==this.#t){if(!this.#i){this.#l(o,!1,e),this.#D(o,e);return;}this.#q(o,e),queueMicrotask(()=>{this.#y=!0;try{this.#t?t.showPopover():t.hidePopover();}catch{t.hidden=!this.#t;}this.#y=!1;});}};#ue=e=>{if(!(e.target!==this.#e||e.propertyName!=="transform"||!this.#t))for(const t of this.#P())t.#t&&t.#I();};#z(){const e=this.#o?.ownerDocument.defaultView;e!=null&&(this.#E===void 0&&this.#w!==null&&(this.#E=new e.MutationObserver(()=>this.#J()),this.#E.observe(this.#w,{attributeFilter:["aria-disabled","disabled","role","tabindex"],attributes:!0,childList:!0,subtree:!0})),this.#g===void 0&&this.#e!==null&&(this.#g=new e.MutationObserver(this.#Q),this.#g.observe(this.#e,{attributeFilter:["aria-hidden","class","data-cw-menu-name","hidden","inert","style"],attributes:!0,childList:!0,subtree:!0})));}#G(e,t,n){const o=n?"addEventListener":"removeEventListener";e?.[o]("click",this.#ne),e?.[o]("keydown",this.#ie),e?.[o]("focusout",this.#re),e?.[o]("pointerover",this.#$),e?.[o]("pointerout",this.#Y),e?.[o]($,this.#ae),t?.[o]("toggle",this.#le),t?.[o]("transitionend",this.#ue);}applyComponentProps(){const e=super.readProps(["color","id","label","modal","open","orientation","placement","submenu","variant"]),t=this.#e,n=this.#n["attr:aria-label"]??e.label??"Menu";if(e.variantChanged&&(super.setAttribute("data-cw-menu-variant",e.variant??"baseline"),super.setClass(Q,Z(e.variant))),e.colorChanged&&super.setAttribute("data-cw-menu-color",e.color??"standard"),e.orientationChanged&&(super.setAttribute("data-cw-menu-orientation",e.orientation??"vertical"),t?.setAttribute("aria-orientation",e.orientation??"vertical")),e.submenuChanged&&super.setClass("cw-SubMenu",e.submenu===!0),e.placementChanged&&(super.setClass("placement",`_cw-Menu-${e.placement??"bottom-start"}`),this.#I()),e.idChanged){const o=e.id??this.#m;t!==null&&(this.#s?.getAttribute("aria-controls")===t.id&&this.#s.setAttribute("aria-controls",o),t.id=o),this.#u(o);}(e.modalChanged||e.submenuChanged)&&t!==null&&t.setAttribute("popover",e.submenu===!0||e.modal===!1?"manual":"auto"),t!==null&&t.getAttribute("aria-label")!==n&&t.setAttribute("aria-label",n),e.openChanged&&this.#i&&(this.#L=void 0,this.#c=f(this.#c),this.#l(e.open===!0,!1));}onStyleElementChanged(e){const t=e;this.#G(this.#o,this.#e,!1),this.#O(!1),this.#_(),this.#r=f(this.#r),this.#E?.disconnect(),this.#g?.disconnect(),this.#E=void 0,this.#g=void 0,this.#o!==null&&C.delete(this.#o),super.onStyleElementChanged(e),this.#o=t,this.#w=t?.querySelector(":scope > [data-cw-menu-trigger]")??null,this.#e=t?.querySelector(":scope > [data-cw-menu-popup]")??null,t!==null&&(C.set(t,this),this.#G(t,this.#e,!0),this.#z(),this.#J(),this.#V(),this.#t?this.#l(!0,!1):(this.#e?.setAttribute("hidden",""),this.#N()));}render(e){const t=this.props,n=this.#n;return this.#m===""&&(this.#m=A(),this.#u(this.#m)),d(()=>ee({"aria-label":n["attr:aria-label"],children:e},{color:t.color,label:t.label,modal:t.modal,open:this.#t,orientation:t.orientation,placement:t.placement,submenu:t.submenu,get trigger(){return t.trigger;},variant:t.variant},{menuId:this.#M,open:this.#h}));}#de(){this.#f=f(this.#f),this.#c=f(this.#c),this.#T=f(this.#T),this.#r=f(this.#r),this.#_(),this.#E?.disconnect(),this.#g?.disconnect(),this.#G(this.#o,this.#e,!1),this.#O(!1),this.#o!==null&&C.delete(this.#o);}}const Te=/* @__PURE__ */U(()=>ee,()=>Se),Ie=i=>{const e=/* @__PURE__ */new Set(),t={claimRadio:n=>n.length===0||e.has(n)?n.length===0:(e.add(n),!0),variant:d(()=>i.variant),color:d(()=>i.color)};return oe(x.Provider,{value:t,get children(){return d(()=>Te(ce(i,["children","trigger"],["trigger"])));}});},We=i=>{const e=O(x),t=re({placement:"inline-end"},i,{color:e?.color,submenu:!0,variant:e?.variant});return Ie(t);};function _(i,e){return<>
 		<span class="cw-MenuItem-leading">{i.leading}</span>
 		<span class="cw-MenuItem-content">
 			<span class="cw-MenuItem-label">{i.label??e}</span>
@@ -9,4 +9,4 @@ import{createComponent as oe,createContext as se,createSignal as V,createUniqueI
 		</span>
 		<span class="cw-MenuItem-trailing">{i.trailing}</span>
 		<span class="cw-MenuItem-badge">{i.badge}</span>
-	</>}function N(i,e,t,n){const o=O(x),s=t==="menuitemradio"&&n===!0&&e.name!==void 0?o?.claimRadio(e.name)===!0:n===!0;return<div{...i}aria-checked={t==="menuitem"?void 0:s?"true":"false"}aria-disabled={e.disabled===!0?"true":void 0}classList={{...i.classList,"cw-MenuItem":!0,"cw-MenuItem-checked":s,"cw-MenuItem-disabled":e.disabled===!0}}data-cw-menu-close={e.closeOnSelect===!1?"false":void 0}data-cw-menu-item="true"data-cw-menu-name={e.name}data-cw-menu-value={e.value}role={t}tabIndex={e.tabIndex??-1}>{_(e,i.children)}</div>}class te extends de{itemRole;#n;constructor(e,t="menuitem"){super(e,{baseInteractionCssClassName:"cw-MenuItem",enabledInteractionStates:X,styleElementIsFunction:!0}),this.itemRole=t,this.#n=null,W(()=>this.#u(this.#n,!1))}onRadioUncheck(e){}onRadioNormalize(e){}activate(e){this.props.disabled===!0||e.defaultPrevented||(d(()=>this.props.onSelect?.(e)),!e.defaultPrevented&&this.#n?.dispatchEvent(new CustomEvent($,{bubbles:!0,detail:{close:this.props.closeOnSelect??this.itemRole!=="menuitemcheckbox"}})))}#i=e=>{const t=this.#n;t!==null&&g(e.target)&&e.target.closest("[data-cw-menu-item]")===t&&t.getAttribute("aria-haspopup")!=="menu"&&k(e,t,()=>this.activate(e),!1)};#h=e=>{const t=this.#n;t!==null&&(e.key==="Enter"||e.key===" ")&&t.closest("[role=menu]")===null&&k(e,t,()=>t.click())};#d=e=>this.onRadioUncheck(e);#M=e=>this.onRadioNormalize(e);#u(e,t){const n=t?"addEventListener":"removeEventListener";e?.[n]("click",this.#i),e?.[n]("keydown",this.#h),e?.[n](Y,this.#d),e?.[n](j,this.#M)}applyComponentProps(){const e=super.readProps(["closeOnSelect","disabled","name","tabIndex","value"]);e.disabledChanged&&(super.setClass("cw-MenuItem-disabled",e.disabled===!0),super.setAttribute("aria-disabled",e.disabled===!0?"true":void 0),this.setEnabledInteractionStates(e.disabled===!0?z:X)),e.tabIndexChanged&&super.setAttribute("tabindex",e.tabIndex??-1),e.valueChanged&&super.setAttribute("data-cw-menu-value",e.value),e.nameChanged&&super.setAttribute("data-cw-menu-name",e.name),e.closeOnSelectChanged&&super.setAttribute("data-cw-menu-close",e.closeOnSelect===!1?"false":void 0)}onStyleElementChanged(e){this.#u(this.#n,!1),super.onStyleElementChanged(e),this.#n=e,this.#u(this.#n,!0)}render(e){const t=<div class="cw-MenuItem"data-cw-menu-item="true"role={this.itemRole}tabIndex={-1}/>;return F(t,_(this.props,e)),t}}const Ke=H(()=>(i,e)=>N(i,e,"menuitem"),()=>te);class ne extends te{#n;#i;constructor(e,t="menuitemcheckbox"){const n=d(()=>e.name)??"";super(e,t),this.#n="checked"in e,this.#i=d(()=>this.#n?e.checked:e.defaultChecked)===!0,t==="menuitemradio"&&this.#i&&n.length>0&&(this.#i=O(x)?.claimRadio(n)===!0)}#h(e,t){d(()=>this.props.onCheckedChange?.(e,t))}#d(e){this.#i=e,super.setAttribute("aria-checked",e?"true":"false"),super.setClass("cw-MenuItem-checked",e)}activate(e){const t=this.itemRole==="menuitemradio"?!0:!this.#i;if(this.props.disabled!==!0){if(t!==this.#i){if(this.#h(t,e),e.defaultPrevented)return;this.#n||this.#d(t)}this.itemRole==="menuitemradio"&&this.#i&&this.#M(),super.activate(e)}}#M(){const e=super.styleElement,t=e?.dataset.cwMenuName??"",n=e?.closest("[role=menu]");if(!(e===null||t.length===0||n===null||n===void 0))for(const o of Array.from(n.querySelectorAll(R)))o!==e&&o.closest("[role=menu]")===n&&(o.dataset.cwMenuName??"")===t&&o.dispatchEvent(new CustomEvent(Y,{detail:{name:t}}))}#u(e){const t=super.styleElement,n=e.detail;return this.itemRole==="menuitemradio"&&t!==null&&(t.dataset.cwMenuName??"")===(n.name??"")}onRadioUncheck(e){this.#u(e)&&(this.#n?this.#i&&this.#h(!1,e):this.#d(!1))}onRadioNormalize(e){!this.#n&&this.#u(e)&&this.#d(!1)}onStyleElementChanged(e){const t=d(()=>this.props.name)??"",n=e?.closest("[role=menu]");if(super.onStyleElementChanged(e),e===null||n===null||n===void 0||t.length===0||this.itemRole!=="menuitemradio"||this.#n||!this.#i)return;const o=Array.from(n.querySelectorAll(R)).filter(r=>r.closest("[role=menu]")===n),s=o.indexOf(e);s>0&&o.slice(0,s).some(r=>(r.dataset.cwMenuName??"")===t&&r.getAttribute("aria-checked")==="true")&&this.#d(!1)}applyComponentProps(){const e=super.readProps(["checked"]);super.applyComponentProps(),e.checkedChanged&&this.#n&&(this.#i=e.checked===!0),super.setAttribute("aria-checked",this.#i?"true":"false"),super.setClass("cw-MenuItem-checked",this.#i)}render(e){const t=<div aria-checked={this.#i?"true":"false"}class="cw-MenuItem"data-cw-menu-item="true"data-cw-menu-name={d(()=>this.props.name)}role={this.itemRole}tabIndex={-1}/>;return F(t,_(this.props,e)),t}}const Fe=H(()=>(i,e)=>N(i,e,"menuitemcheckbox","checked"in e?e.checked:e.defaultChecked),()=>ne);class Le extends ne{constructor(e){super(e,"menuitemradio")}}const Ue=H(()=>(i,e)=>N(i,e,"menuitemradio","checked"in e?e.checked:e.defaultChecked),()=>Le);function ie(i,e){return<div aria-hidden="true"class="cw-MenuGroup-label"hidden={i===void 0}id={e}>{i}</div>}function ke(i,e){const t=A(),n=ie(e.label,t);return<div{...i}aria-labelledby={e.label===void 0?void 0:t}classList={{...i.classList,"cw-MenuGroup":!0,[D]:!0}}role="group">{n}{i.children}</div>}class Ae extends B{#n;constructor(e){super(e,{styleElementIsFunction:!0}),this.#n=null}applyComponentProps(){const e=super.readProps(["label"]),t=this.#n;!e.labelChanged||t===null||(t.textContent=e.label??"",t.hidden=e.label===void 0,super.setAttribute("aria-labelledby",e.label===void 0?void 0:t.id))}onStyleElementChanged(e){super.onStyleElementChanged(e),this.#n=e?.querySelector(":scope > .cw-MenuGroup-label")??null}render(e){const t=ie(void 0,A());return<div class={`cw-MenuGroup ${D}`}role="group">{t}{e}</div>}}const Be=U(()=>ke,()=>Ae);export{Ie as Menu,Fe as MenuCheckboxItem,ne as MenuCheckboxItemController,Se as MenuController,Be as MenuGroup,Ae as MenuGroupController,Ke as MenuItem,te as MenuItemController,Ue as MenuRadioItem,Le as MenuRadioItemController,We as SubMenu};
+	</>;}function N(i,e,t,n){const o=O(x),s=t==="menuitemradio"&&n===!0&&e.name!==void 0?o?.claimRadio(e.name)===!0:n===!0;return<div{...i}aria-checked={t==="menuitem"?void 0:s?"true":"false"}aria-disabled={e.disabled===!0?"true":void 0}classList={{...i.classList,"cw-MenuItem":!0,"cw-MenuItem-checked":s,"cw-MenuItem-disabled":e.disabled===!0}}data-cw-menu-close={e.closeOnSelect===!1?"false":void 0}data-cw-menu-item="true"data-cw-menu-name={e.name}data-cw-menu-value={e.value}role={t}tabIndex={e.tabIndex??-1}>{_(e,i.children)}</div>;}class te extends de{itemRole;#n;constructor(e,t="menuitem"){super(e,{baseInteractionCssClassName:"cw-MenuItem",enabledInteractionStates:X,styleElementIsFunction:!0}),this.itemRole=t,this.#n=null,W(()=>this.#u(this.#n,!1));}onRadioUncheck(e){}onRadioNormalize(e){}activate(e){this.props.disabled===!0||e.defaultPrevented||(d(()=>this.props.onSelect?.(e)),!e.defaultPrevented&&this.#n?.dispatchEvent(new CustomEvent($,{bubbles:!0,detail:{close:this.props.closeOnSelect??this.itemRole!=="menuitemcheckbox"}})));}#i=e=>{const t=this.#n;t!==null&&g(e.target)&&e.target.closest("[data-cw-menu-item]")===t&&t.getAttribute("aria-haspopup")!=="menu"&&k(e,t,()=>this.activate(e),!1);};#h=e=>{const t=this.#n;t!==null&&(e.key==="Enter"||e.key===" ")&&t.closest("[role=menu]")===null&&k(e,t,()=>t.click());};#d=e=>this.onRadioUncheck(e);#M=e=>this.onRadioNormalize(e);#u(e,t){const n=t?"addEventListener":"removeEventListener";e?.[n]("click",this.#i),e?.[n]("keydown",this.#h),e?.[n](Y,this.#d),e?.[n](j,this.#M);}applyComponentProps(){const e=super.readProps(["closeOnSelect","disabled","name","tabIndex","value"]);e.disabledChanged&&(super.setClass("cw-MenuItem-disabled",e.disabled===!0),super.setAttribute("aria-disabled",e.disabled===!0?"true":void 0),this.setEnabledInteractionStates(e.disabled===!0?z:X)),e.tabIndexChanged&&super.setAttribute("tabindex",e.tabIndex??-1),e.valueChanged&&super.setAttribute("data-cw-menu-value",e.value),e.nameChanged&&super.setAttribute("data-cw-menu-name",e.name),e.closeOnSelectChanged&&super.setAttribute("data-cw-menu-close",e.closeOnSelect===!1?"false":void 0);}onStyleElementChanged(e){this.#u(this.#n,!1),super.onStyleElementChanged(e),this.#n=e,this.#u(this.#n,!0);}render(e){const t=<div class="cw-MenuItem"data-cw-menu-item="true"role={this.itemRole}tabIndex={-1}/>;return F(t,_(this.props,e)),t;}}const Ke=/* @__PURE__ */H(()=>(i,e)=>N(i,e,"menuitem"),()=>te);class ne extends te{#n;#i;constructor(e,t="menuitemcheckbox"){const n=d(()=>e.name)??"";super(e,t),this.#n="checked"in e,this.#i=d(()=>this.#n?e.checked:e.defaultChecked)===!0,t==="menuitemradio"&&this.#i&&n.length>0&&(this.#i=O(x)?.claimRadio(n)===!0);}#h(e,t){d(()=>this.props.onCheckedChange?.(e,t));}#d(e){this.#i=e,super.setAttribute("aria-checked",e?"true":"false"),super.setClass("cw-MenuItem-checked",e);}activate(e){const t=this.itemRole==="menuitemradio"?!0:!this.#i;if(this.props.disabled!==!0){if(t!==this.#i){if(this.#h(t,e),e.defaultPrevented)return;this.#n||this.#d(t);}this.itemRole==="menuitemradio"&&this.#i&&this.#M(),super.activate(e);}}#M(){const e=super.styleElement,t=e?.dataset.cwMenuName??"",n=e?.closest("[role=menu]");if(!(e===null||t.length===0||n===null||n===void 0))for(const o of Array.from(n.querySelectorAll(R)))o!==e&&o.closest("[role=menu]")===n&&(o.dataset.cwMenuName??"")===t&&o.dispatchEvent(new CustomEvent(Y,{detail:{name:t}}));}#u(e){const t=super.styleElement,n=e.detail;return this.itemRole==="menuitemradio"&&t!==null&&(t.dataset.cwMenuName??"")===(n.name??"");}onRadioUncheck(e){this.#u(e)&&(this.#n?this.#i&&this.#h(!1,e):this.#d(!1));}onRadioNormalize(e){!this.#n&&this.#u(e)&&this.#d(!1);}onStyleElementChanged(e){const t=d(()=>this.props.name)??"",n=e?.closest("[role=menu]");if(super.onStyleElementChanged(e),e===null||n===null||n===void 0||t.length===0||this.itemRole!=="menuitemradio"||this.#n||!this.#i)return;const o=Array.from(n.querySelectorAll(R)).filter(r=>r.closest("[role=menu]")===n),s=o.indexOf(e);s>0&&o.slice(0,s).some(r=>(r.dataset.cwMenuName??"")===t&&r.getAttribute("aria-checked")==="true")&&this.#d(!1);}applyComponentProps(){const e=super.readProps(["checked"]);super.applyComponentProps(),e.checkedChanged&&this.#n&&(this.#i=e.checked===!0),super.setAttribute("aria-checked",this.#i?"true":"false"),super.setClass("cw-MenuItem-checked",this.#i);}render(e){const t=<div aria-checked={this.#i?"true":"false"}class="cw-MenuItem"data-cw-menu-item="true"data-cw-menu-name={d(()=>this.props.name)}role={this.itemRole}tabIndex={-1}/>;return F(t,_(this.props,e)),t;}}const Fe=/* @__PURE__ */H(()=>(i,e)=>N(i,e,"menuitemcheckbox","checked"in e?e.checked:e.defaultChecked),()=>ne);class Le extends ne{constructor(e){super(e,"menuitemradio");}}const Ue=/* @__PURE__ */H(()=>(i,e)=>N(i,e,"menuitemradio","checked"in e?e.checked:e.defaultChecked),()=>Le);function ie(i,e){return<div aria-hidden="true"class="cw-MenuGroup-label"hidden={i===void 0}id={e}>{i}</div>;}function ke(i,e){const t=A(),n=ie(e.label,t);return<div{...i}aria-labelledby={e.label===void 0?void 0:t}classList={{...i.classList,"cw-MenuGroup":!0,[D]:!0}}role="group">{n}{i.children}</div>;}class Ae extends B{#n;constructor(e){super(e,{styleElementIsFunction:!0}),this.#n=null;}applyComponentProps(){const e=super.readProps(["label"]),t=this.#n;!e.labelChanged||t===null||(t.textContent=e.label??"",t.hidden=e.label===void 0,super.setAttribute("aria-labelledby",e.label===void 0?void 0:t.id));}onStyleElementChanged(e){super.onStyleElementChanged(e),this.#n=e?.querySelector(":scope > .cw-MenuGroup-label")??null;}render(e){const t=ie(void 0,A());return<div class={`cw-MenuGroup ${D}`}role="group">{t}{e}</div>;}}const Be=/* @__PURE__ */U(()=>ke,()=>Ae);export{Ie as Menu,Fe as MenuCheckboxItem,ne as MenuCheckboxItemController,Se as MenuController,Be as MenuGroup,Ae as MenuGroupController,Ke as MenuItem,te as MenuItemController,Ue as MenuRadioItem,Le as MenuRadioItemController,We as SubMenu};

package/target/esbuild/surface/scaffold.jsx

@@ -1,4 +1,4 @@
-import{createSignal as b,getOwner as C,onCleanup as E}from"solid-js";import{isServer as L}from"solid-js/web";import{defineDomComponent as i}from"..";import{DomController as d}from"../dom/client";import{resolveSurfaceSlots as r}from"./slots";import"./surface.css";const c=[[600,"medium"],[840,"expanded"],[1200,"large"],[1600,"extraLarge"]],f=["bottomBar","bottomSheet","children","content","floatingActionButton","snackbarHost","topBar"],p=["children","detail","extra","list","main","supporting"],S="--_cw-Scaffold-sheetPeekHeight";function W(t){let e="compact";for(const[o,a]of c)t>=o&&(e=a);return e}function I(t=L?void 0:window){const e=t===void 0?[]:c.map(([n])=>t.matchMedia(`(min-width: ${n}px)`)),o=()=>{const n=e.filter(y=>y.matches).length;return n===0?"compact":c[n-1][1]},[a,h]=b(o()),l=()=>{h(o())};for(const n of e)n.addEventListener("change",l);return C()!==null&&E(()=>{for(const n of e)n.removeEventListener("change",l)}),a}function m(t){return typeof t!="number"?t:Number.isFinite(t)?`${Math.max(0,t)}px`:void 0}function u(t){return`_cw-Scaffold-fab-${t??"end"}`}function P(t,e,o){return<div{...e}classList={{...e.classList,[u(o.floatingActionButtonPosition)]:!0,[t]:!0,"cw-Scaffold":!0,"cw-Scaffold-safeArea":o.safeArea===!0}}style={{...e.style,[S]:m(o.sheetPeekHeight)}}>
+import{createSignal as b,getOwner as C,onCleanup as E}from"solid-js";import{isServer as L}from"solid-js/web";import{defineDomComponent as i}from"..";import{DomController as d}from"../dom/client";import{resolveSurfaceSlots as r}from"./slots";import"./surface.css";const c=[[600,"medium"],[840,"expanded"],[1200,"large"],[1600,"extraLarge"]],f=["bottomBar","bottomSheet","children","content","floatingActionButton","snackbarHost","topBar"],p=["children","detail","extra","list","main","supporting"],S="--_cw-Scaffold-sheetPeekHeight";function W(t){let e="compact";for(const[o,a]of c)t>=o&&(e=a);return e;}function I(t=L?void 0:window){const e=t===void 0?[]:c.map(([n])=>t.matchMedia(`(min-width: ${n}px)`)),o=()=>{const n=e.filter(y=>y.matches).length;return n===0?"compact":c[n-1][1];},[a,h]=b(o()),l=()=>{h(o());};for(const n of e)n.addEventListener("change",l);return C()!==null&&E(()=>{for(const n of e)n.removeEventListener("change",l);}),a;}function m(t){return typeof t!="number"?t:Number.isFinite(t)?`${Math.max(0,t)}px`:void 0;}function u(t){return`_cw-Scaffold-fab-${t??"end"}`;}function P(t,e,o){return<div{...e}classList={{...e.classList,[u(o.floatingActionButtonPosition)]:!0,[t]:!0,"cw-Scaffold":!0,"cw-Scaffold-safeArea":o.safeArea===!0}}style={{...e.style,[S]:m(o.sheetPeekHeight)}}>
 		<div class="cw-Scaffold-topBar">{o.topBar}</div>
 		<div aria-label={o.contentLabel}class="cw-Scaffold-content"role={o.contentRole}tabIndex={0}>{o.content??e.children}</div>
 		<div class="cw-Scaffold-bottomBar">{o.bottomBar}</div>
@@ -9,7 +9,7 @@ import{createSignal as b,getOwner as C,onCleanup as E}from"solid-js";import{isSe
 			</div>
 			<div class="cw-Scaffold-sheet">{o.bottomSheet}</div>
 		</div>
-	</div>}class v extends d{#t;#e;constructor(e,o="cw-Scaffold"){super(e,{styleElementIsFunction:!0}),this.#t=o,this.#e=null}#o(){const e=this.#e,o=this.props.contentRole,a=this.props.contentLabel;o===void 0?e?.removeAttribute("role"):e?.setAttribute("role",o),a===void 0?e?.removeAttribute("aria-label"):e?.setAttribute("aria-label",a)}applyComponentProps(){const e=super.readProps(["contentLabel","contentRole","floatingActionButtonPosition","safeArea","sheetPeekHeight"]);(e.contentLabelChanged||e.contentRoleChanged)&&this.#o(),e.floatingActionButtonPositionChanged&&super.setClass("fabPosition",u(e.floatingActionButtonPosition)),e.safeAreaChanged&&super.setClass("cw-Scaffold-safeArea",e.safeArea===!0),e.sheetPeekHeightChanged&&super.setStyle(S,m(e.sheetPeekHeight))}onStyleElementChanged(e){super.onStyleElementChanged(e),this.#e=e?.querySelector(":scope > .cw-Scaffold-content")??null,this.#o()}render(e){const o=this.props;return<div class={`cw-Scaffold ${this.#t}`}>
+	</div>;}class v extends d{#t;#e;constructor(e,o="cw-Scaffold"){super(e,{styleElementIsFunction:!0}),this.#t=o,this.#e=null;}#o(){const e=this.#e,o=this.props.contentRole,a=this.props.contentLabel;o===void 0?e?.removeAttribute("role"):e?.setAttribute("role",o),a===void 0?e?.removeAttribute("aria-label"):e?.setAttribute("aria-label",a);}applyComponentProps(){const e=super.readProps(["contentLabel","contentRole","floatingActionButtonPosition","safeArea","sheetPeekHeight"]);(e.contentLabelChanged||e.contentRoleChanged)&&this.#o(),e.floatingActionButtonPositionChanged&&super.setClass("fabPosition",u(e.floatingActionButtonPosition)),e.safeAreaChanged&&super.setClass("cw-Scaffold-safeArea",e.safeArea===!0),e.sheetPeekHeightChanged&&super.setStyle(S,m(e.sheetPeekHeight));}onStyleElementChanged(e){super.onStyleElementChanged(e),this.#e=e?.querySelector(":scope > .cw-Scaffold-content")??null,this.#o();}render(e){const o=this.props;return<div class={`cw-Scaffold ${this.#t}`}>
 			<div class="cw-Scaffold-topBar">{o.topBar}</div>
 			<div class="cw-Scaffold-content"tabIndex={0}>{o.content??e}</div>
 			<div class="cw-Scaffold-bottomBar">{o.bottomBar}</div>
@@ -20,28 +20,28 @@ import{createSignal as b,getOwner as C,onCleanup as E}from"solid-js";import{isSe
 				</div>
 				<div class="cw-Scaffold-sheet">{o.bottomSheet}</div>
 			</div>
-		</div>}}const D=i(()=>(t,e)=>P("cw-Scaffold",t,e),()=>v),N=t=>D(r(t,f));class x extends v{constructor(e){super(e,"cw-BottomSheetScaffold")}}const B=i(()=>(t,e)=>P("cw-BottomSheetScaffold",t,e),()=>x),$=t=>B(r(t,f));function s(t){return`_cw-PaneScaffold-active-${t}`}function w(t){return t==="detail"?"primary":t==="extra"?"tertiary":"secondary"}function g(t){return t==="supporting"?"secondary":t==="extra"?"tertiary":"primary"}function A(t,e){return<div{...t}classList={{...t.classList,[s(w(e.activePane))]:!0,"cw-ListDetailPaneScaffold":!0,"cw-PaneScaffold":!0}}>
+		</div>;}}const D=/* @__PURE__ */i(()=>(t,e)=>P("cw-Scaffold",t,e),()=>v),N=t=>D(r(t,f));class x extends v{constructor(e){super(e,"cw-BottomSheetScaffold");}}const B=/* @__PURE__ */i(()=>(t,e)=>P("cw-BottomSheetScaffold",t,e),()=>x),$=t=>B(r(t,f));function s(t){return`_cw-PaneScaffold-active-${t}`;}function w(t){return t==="detail"?"primary":t==="extra"?"tertiary":"secondary";}function g(t){return t==="supporting"?"secondary":t==="extra"?"tertiary":"primary";}function A(t,e){return<div{...t}classList={{...t.classList,[s(w(e.activePane))]:!0,"cw-ListDetailPaneScaffold":!0,"cw-PaneScaffold":!0}}>
 		<div class="cw-PaneScaffold-pane _cw-PaneScaffold-secondary">{e.list}</div>
 		<div class="cw-PaneScaffold-pane _cw-PaneScaffold-primary">
 			{e.detail??t.children}
 		</div>
 		<div class="cw-PaneScaffold-pane _cw-PaneScaffold-tertiary">{e.extra}</div>
-	</div>}class J extends d{constructor(e){super(e,{styleElementIsFunction:!0})}applyComponentProps(){const e=super.readProps(["activePane"]);e.activePaneChanged&&super.setClass("activePane",s(w(e.activePane)))}render(e){const o=this.props;return<div class="cw-PaneScaffold cw-ListDetailPaneScaffold">
+	</div>;}class J extends d{constructor(e){super(e,{styleElementIsFunction:!0});}applyComponentProps(){const e=super.readProps(["activePane"]);e.activePaneChanged&&super.setClass("activePane",s(w(e.activePane)));}render(e){const o=this.props;return<div class="cw-PaneScaffold cw-ListDetailPaneScaffold">
 			<div class="cw-PaneScaffold-pane _cw-PaneScaffold-secondary">{o.list}</div>
 			<div class="cw-PaneScaffold-pane _cw-PaneScaffold-primary">
 				{o.detail??e}
 			</div>
 			<div class="cw-PaneScaffold-pane _cw-PaneScaffold-tertiary">{o.extra}</div>
-		</div>}}const X=i(()=>A,()=>J),q=t=>X(r(t,p));function H(t,e){return<div{...t}classList={{...t.classList,[s(g(e.activePane))]:!0,"cw-PaneScaffold":!0,"cw-SupportingPaneScaffold":!0}}>
+		</div>;}}const X=/* @__PURE__ */i(()=>A,()=>J),q=t=>X(r(t,p));function H(t,e){return<div{...t}classList={{...t.classList,[s(g(e.activePane))]:!0,"cw-PaneScaffold":!0,"cw-SupportingPaneScaffold":!0}}>
 		<div class="cw-PaneScaffold-pane _cw-PaneScaffold-primary">
 			{e.main??t.children}
 		</div>
 		<div class="cw-PaneScaffold-pane _cw-PaneScaffold-secondary">{e.supporting}</div>
 		<div class="cw-PaneScaffold-pane _cw-PaneScaffold-tertiary">{e.extra}</div>
-	</div>}class _ extends d{constructor(e){super(e,{styleElementIsFunction:!0})}applyComponentProps(){const e=super.readProps(["activePane"]);e.activePaneChanged&&super.setClass("activePane",s(g(e.activePane)))}render(e){const o=this.props;return<div class="cw-PaneScaffold cw-SupportingPaneScaffold">
+	</div>;}class _ extends d{constructor(e){super(e,{styleElementIsFunction:!0});}applyComponentProps(){const e=super.readProps(["activePane"]);e.activePaneChanged&&super.setClass("activePane",s(g(e.activePane)));}render(e){const o=this.props;return<div class="cw-PaneScaffold cw-SupportingPaneScaffold">
 			<div class="cw-PaneScaffold-pane _cw-PaneScaffold-primary">
 				{o.main??e}
 			</div>
 			<div class="cw-PaneScaffold-pane _cw-PaneScaffold-secondary">{o.supporting}</div>
 			<div class="cw-PaneScaffold-pane _cw-PaneScaffold-tertiary">{o.extra}</div>
-		</div>}}const k=i(()=>H,()=>_),j=t=>k(r(t,p));export{$ as BottomSheetScaffold,q as ListDetailPaneScaffold,J as ListDetailPaneScaffoldController,N as Scaffold,v as ScaffoldController,j as SupportingPaneScaffold,_ as SupportingPaneScaffoldController,I as createWindowSizeClass,W as windowSizeClassOf};
+		</div>;}}const k=/* @__PURE__ */i(()=>H,()=>_),j=t=>k(r(t,p));export{$ as BottomSheetScaffold,q as ListDetailPaneScaffold,J as ListDetailPaneScaffoldController,N as Scaffold,v as ScaffoldController,j as SupportingPaneScaffold,_ as SupportingPaneScaffoldController,I as createWindowSizeClass,W as windowSizeClassOf};

package/target/esbuild/surface/sheet.jsx

@@ -1,21 +1,21 @@
-import{untrack as b}from"solid-js";import{defineDomComponent as L}from"..";import{ELEVATION_SHADOW_CSS_CLASS as c}from"../container/elevation-shadow";import{DomController as k}from"../dom/client";import{applySpringMotion as _}from"../motion/spring";import{VelocityTracker as I}from"../motion/velocity";import{computedStyleOf as E,ownerWindow as v}from"../navigation/base";import{deferAfterDelegatedCancellation as y}from"../util/event";import{DialogController as A,activeElementOf as p,dialogAttributesOf as R,isInitiallyOpen as B}from"./dialog";import{coalescedEventsOf as N}from"./drag";import{isElementNode as u}from"./interactive";import{resolveSurfaceSlots as x}from"./slots";import"../container/elevation-shadow.css";import"./surface.css";const X=8,F=40,Y=56,g=125,G=8e3,S=125,h="cw-BottomSheet-dragging",M="_cw-BottomSheet-tracking",l="_cw-ModalBottomSheet-hiding",m="cw-BottomSheet-noDragHandle",f="--_cw-BottomSheet-offset",C="--_cw-BottomSheet-height",J=.4,D="--_cw-BottomSheet-peekHeight",q="input, textarea, select, [contenteditable]:not([contenteditable=false])";function H(i){return typeof i!="number"?i:Number.isFinite(i)?`${Math.max(0,i)}px`:void 0}function V(i,e){for(let t=i;t!==null&&t!==e;t=t.parentElement){const s=E(t).overflowY;if(t.scrollHeight>t.clientHeight&&(s==="auto"||s==="scroll"))return t}return null}function d(i,e,t){let s=i[0]??0,n=1/0;for(const o of i){const r=t===0?Math.abs(o-e):(o-e)*t;r>=0&&r<n&&(s=o,n=r)}return s}function P(i,e,t){const s=Math.sign(t);if(s===0)return d(i,e,0);if(Math.abs(t)>=g)return d(i,e,s);const n=d(i,e,-s);return Math.abs(e-n)<Y?n:d(i,e,s)}function $(i,e,t){const s=Math.max(0,t-e);if(i<=0||s>=S)return i;const n=s/S,o=i*n*n;return i>=g?Math.max(o,g):o}class w{#t;#s;#e;#o;#a;#n;#r;#i;#l;#c;#m;#d;#h;constructor(e){this.#t=e,this.#s=new I,this.#e=null,this.#o=null,this.#a=void 0,this.#n=void 0,this.#r=0,this.#i=0,this.#l=0,this.#c=!1,this.#m=!1,this.#d=null,this.#h=!1}attach(e,t){this.reset(),this.#e?.removeEventListener("touchstart",this.#L),this.#e?.removeEventListener("touchmove",this.#b),this.#e?.removeEventListener("touchend",this.#g),this.#e?.removeEventListener("touchcancel",this.#g),this.#e?.removeEventListener("wheel",this.#y),this.#o?.removeEventListener("pointerdown",this.#v),this.#o?.removeEventListener("pointermove",this.#u),this.#o?.removeEventListener("pointerup",this.#E),this.#o?.removeEventListener("pointercancel",this.#E),this.#o?.removeEventListener("lostpointercapture",this.#E),this.#e=e,this.#o=t,e?.addEventListener("touchstart",this.#L,{passive:!0}),e?.addEventListener("touchmove",this.#b,{passive:!1}),e?.addEventListener("touchend",this.#g),e?.addEventListener("touchcancel",this.#g),e?.addEventListener("wheel",this.#y,{passive:!1}),t?.addEventListener("pointerdown",this.#v),t?.addEventListener("pointermove",this.#u),t?.addEventListener("pointerup",this.#E),t?.addEventListener("pointercancel",this.#E),t?.addEventListener("lostpointercapture",this.#E)}consumeClick(){const e=this.#h;return this.#h=!1,e}reset(){const e=this.#a;this.#a=void 0,this.#n=void 0,this.#c=!1,this.#m=!1,this.#d=null,this.#s.resetTracking(),e!==void 0&&this.#o?.hasPointerCapture(e)===!0&&this.#o.releasePointerCapture(e)}#C(e,t){this.#r=t,this.#i=0,this.#l=e,this.#s.resetTracking(),this.#s.addDataPoint(e,t)}#f(e,t){if(this.#i=t-this.#r,this.#l=e,this.#s.addDataPoint(e,t),!this.#c){if(Math.abs(this.#i)<X)return;this.#c=!0,this.#t.dragStarted()}this.#t.dragMoved(this.#i)}#p(e,t){const s=this.#c;let n=0;s&&t&&e.timeStamp-this.#l<=F&&(n=this.#s.calculateVelocity(G)),this.reset(),s&&this.#t.dragEnded(this.#i,n,e)}#v=e=>{this.#h=!1,!(!e.isPrimary||e.pointerType==="mouse"&&e.button!==0||this.#a!==void 0||this.#n!==void 0||!this.#t.canDrag())&&(this.#a=e.pointerId,this.#C(e.timeStamp,e.clientY),this.#o?.setPointerCapture(e.pointerId))};#u=e=>{if(e.pointerId===this.#a){for(const t of N(e).slice(0,-1))this.#s.addDataPoint(t.timeStamp,t.clientY);this.#f(e.timeStamp,e.clientY)}};#E=e=>{const t=e.type==="pointerup";e.pointerId===this.#a&&(this.#h=this.#c&&t,this.#p(e,t))};#L=e=>{const t=e.changedTouches[0],s=e.target;t===void 0||e.touches.length!==1||this.#a!==void 0||this.#n!==void 0||this.#e===null||!u(s)||this.#o?.contains(s)===!0||s.closest(q)!==null||!this.#t.canDrag()||(this.#n=t.identifier,this.#m=!1,this.#d=V(s,this.#e),this.#C(e.timeStamp,t.clientY))};#b=e=>{const t=Array.from(e.changedTouches).find(s=>s.identifier===this.#n);if(t!==void 0){if(!this.#m){const s=t.clientY-this.#r,n=this.#d;if(s===0)return;if(this.#m=!0,!e.cancelable||n!==null&&(s>0?n.scrollTop>0:!this.#t.canExpand())){this.reset();return}}e.preventDefault(),this.#f(e.timeStamp,t.clientY)}};#g=e=>{Array.from(e.changedTouches).some(t=>t.identifier===this.#n)&&this.#p(e,e.type==="touchend")};#y=e=>{e.deltaY<=0||e.ctrlKey||e.defaultPrevented||this.#c||!this.#t.canDrag()||!this.#t.canExpand()||(e.preventDefault(),this.#t.expand(e))}}class T{#t;#s;#e;constructor(){this.#t=null,this.#s=void 0,this.#e=void 0}attach(e){this.clear(),this.#t=e}track(e,t){this.#t?.style.setProperty(C,`${e}`),this.set(t)}set(e){this.#t?.style.setProperty(f,`${e}`)}interrupt(){const e=this.#s;return this.#s=void 0,this.#e=void 0,e?.cancel(),e?.value}settle(e,t,s,n){const o=this.#t;if(this.interrupt(),o===null){n();return}const r=_(o,f,e,t,{role:"spatial",speed:"default",threshold:J,velocity:s});this.#s=r,this.#e=n,r.finished.then(()=>this.#o(r),()=>{})}retarget(e){this.#s?.playState==="running"&&this.#s.retarget(e)}clear(){this.interrupt(),this.#t?.style.removeProperty(f),this.#t?.style.removeProperty(C)}#o(e){const t=this.#e,s=this.#t;e===this.#s&&(this.#s=void 0,this.#e=void 0,s!==null&&E(s).getPropertyValue("translate"),t?.())}}function z(i,e){const t=e.skipPartiallyExpanded===!0;return<dialog{...R(i,e,{classes:{[c]:!0,[m]:e.dragHandle===!1,"cw-ModalBottomSheet":!0,"cw-ModalBottomSheet-expanded":t,"cw-ModalBottomSheet-open":B(e)},label:"Bottom sheet",role:"dialog"})}>
+import{untrack as b}from"solid-js";import{defineDomComponent as L}from"..";import{ELEVATION_SHADOW_CSS_CLASS as c}from"../container/elevation-shadow";import{DomController as k}from"../dom/client";import{applySpringMotion as _}from"../motion/spring";import{VelocityTracker as I}from"../motion/velocity";import{computedStyleOf as E,ownerWindow as v}from"../navigation/base";import{deferAfterDelegatedCancellation as y}from"../util/event";import{DialogController as A,activeElementOf as p,dialogAttributesOf as R,isInitiallyOpen as B}from"./dialog";import{coalescedEventsOf as N}from"./drag";import{isElementNode as u}from"./interactive";import{resolveSurfaceSlots as x}from"./slots";import"../container/elevation-shadow.css";import"./surface.css";const X=8,F=40,Y=56,g=125,G=8e3,S=125,h="cw-BottomSheet-dragging",M="_cw-BottomSheet-tracking",l="_cw-ModalBottomSheet-hiding",m="cw-BottomSheet-noDragHandle",f="--_cw-BottomSheet-offset",C="--_cw-BottomSheet-height",J=0.4,D="--_cw-BottomSheet-peekHeight",q="input, textarea, select, [contenteditable]:not([contenteditable=false])";function H(i){return typeof i!="number"?i:Number.isFinite(i)?`${Math.max(0,i)}px`:void 0;}function V(i,e){for(let t=i;t!==null&&t!==e;t=t.parentElement){const s=E(t).overflowY;if(t.scrollHeight>t.clientHeight&&(s==="auto"||s==="scroll"))return t;}return null;}function d(i,e,t){let s=i[0]??0,n=1/0;for(const o of i){const r=t===0?Math.abs(o-e):(o-e)*t;r>=0&&r<n&&(s=o,n=r);}return s;}function P(i,e,t){const s=Math.sign(t);if(s===0)return d(i,e,0);if(Math.abs(t)>=g)return d(i,e,s);const n=d(i,e,-s);return Math.abs(e-n)<Y?n:d(i,e,s);}function $(i,e,t){const s=Math.max(0,t-e);if(i<=0||s>=S)return i;const n=s/S,o=i*n*n;return i>=g?Math.max(o,g):o;}class w{#t;#s;#e;#o;#a;#n;#r;#i;#l;#c;#m;#d;#h;constructor(e){this.#t=e,this.#s=new I(),this.#e=null,this.#o=null,this.#a=void 0,this.#n=void 0,this.#r=0,this.#i=0,this.#l=0,this.#c=!1,this.#m=!1,this.#d=null,this.#h=!1;}attach(e,t){this.reset(),this.#e?.removeEventListener("touchstart",this.#L),this.#e?.removeEventListener("touchmove",this.#b),this.#e?.removeEventListener("touchend",this.#g),this.#e?.removeEventListener("touchcancel",this.#g),this.#e?.removeEventListener("wheel",this.#y),this.#o?.removeEventListener("pointerdown",this.#v),this.#o?.removeEventListener("pointermove",this.#u),this.#o?.removeEventListener("pointerup",this.#E),this.#o?.removeEventListener("pointercancel",this.#E),this.#o?.removeEventListener("lostpointercapture",this.#E),this.#e=e,this.#o=t,e?.addEventListener("touchstart",this.#L,{passive:!0}),e?.addEventListener("touchmove",this.#b,{passive:!1}),e?.addEventListener("touchend",this.#g),e?.addEventListener("touchcancel",this.#g),e?.addEventListener("wheel",this.#y,{passive:!1}),t?.addEventListener("pointerdown",this.#v),t?.addEventListener("pointermove",this.#u),t?.addEventListener("pointerup",this.#E),t?.addEventListener("pointercancel",this.#E),t?.addEventListener("lostpointercapture",this.#E);}consumeClick(){const e=this.#h;return this.#h=!1,e;}reset(){const e=this.#a;this.#a=void 0,this.#n=void 0,this.#c=!1,this.#m=!1,this.#d=null,this.#s.resetTracking(),e!==void 0&&this.#o?.hasPointerCapture(e)===!0&&this.#o.releasePointerCapture(e);}#C(e,t){this.#r=t,this.#i=0,this.#l=e,this.#s.resetTracking(),this.#s.addDataPoint(e,t);}#f(e,t){if(this.#i=t-this.#r,this.#l=e,this.#s.addDataPoint(e,t),!this.#c){if(Math.abs(this.#i)<X)return;this.#c=!0,this.#t.dragStarted();}this.#t.dragMoved(this.#i);}#p(e,t){const s=this.#c;let n=0;s&&t&&e.timeStamp-this.#l<=F&&(n=this.#s.calculateVelocity(G)),this.reset(),s&&this.#t.dragEnded(this.#i,n,e);}#v=e=>{this.#h=!1,!(!e.isPrimary||e.pointerType==="mouse"&&e.button!==0||this.#a!==void 0||this.#n!==void 0||!this.#t.canDrag())&&(this.#a=e.pointerId,this.#C(e.timeStamp,e.clientY),this.#o?.setPointerCapture(e.pointerId));};#u=e=>{if(e.pointerId===this.#a){for(const t of N(e).slice(0,-1))this.#s.addDataPoint(t.timeStamp,t.clientY);this.#f(e.timeStamp,e.clientY);}};#E=e=>{const t=e.type==="pointerup";e.pointerId===this.#a&&(this.#h=this.#c&&t,this.#p(e,t));};#L=e=>{const t=e.changedTouches[0],s=e.target;t===void 0||e.touches.length!==1||this.#a!==void 0||this.#n!==void 0||this.#e===null||!u(s)||this.#o?.contains(s)===!0||s.closest(q)!==null||!this.#t.canDrag()||(this.#n=t.identifier,this.#m=!1,this.#d=V(s,this.#e),this.#C(e.timeStamp,t.clientY));};#b=e=>{const t=Array.from(e.changedTouches).find(s=>s.identifier===this.#n);if(t!==void 0){if(!this.#m){const s=t.clientY-this.#r,n=this.#d;if(s===0)return;if(this.#m=!0,!e.cancelable||n!==null&&(s>0?n.scrollTop>0:!this.#t.canExpand())){this.reset();return;}}e.preventDefault(),this.#f(e.timeStamp,t.clientY);}};#g=e=>{Array.from(e.changedTouches).some(t=>t.identifier===this.#n)&&this.#p(e,e.type==="touchend");};#y=e=>{e.deltaY<=0||e.ctrlKey||e.defaultPrevented||this.#c||!this.#t.canDrag()||!this.#t.canExpand()||(e.preventDefault(),this.#t.expand(e));};}class T{#t;#s;#e;constructor(){this.#t=null,this.#s=void 0,this.#e=void 0;}attach(e){this.clear(),this.#t=e;}track(e,t){this.#t?.style.setProperty(C,`${e}`),this.set(t);}set(e){this.#t?.style.setProperty(f,`${e}`);}interrupt(){const e=this.#s;return this.#s=void 0,this.#e=void 0,e?.cancel(),e?.value;}settle(e,t,s,n){const o=this.#t;if(this.interrupt(),o===null){n();return;}const r=_(o,f,e,t,{role:"spatial",speed:"default",threshold:J,velocity:s});this.#s=r,this.#e=n,r.finished.then(()=>this.#o(r),()=>{});}retarget(e){this.#s?.playState==="running"&&this.#s.retarget(e);}clear(){this.interrupt(),this.#t?.style.removeProperty(f),this.#t?.style.removeProperty(C);}#o(e){const t=this.#e,s=this.#t;e===this.#s&&(this.#s=void 0,this.#e=void 0,s!==null&&E(s).getPropertyValue("translate"),t?.());}}function z(i,e){const t=e.skipPartiallyExpanded===!0;return<dialog{...R(i,e,{classes:{[c]:!0,[m]:e.dragHandle===!1,"cw-ModalBottomSheet":!0,"cw-ModalBottomSheet-expanded":t,"cw-ModalBottomSheet-open":B(e)},label:"Bottom sheet",role:"dialog"})}>
 		<section class="cw-BottomSheet-surface"tabIndex={-1}>
 			<button aria-label={t?e.closeLabel??"Close bottom sheet":e.expandLabel??"Expand bottom sheet"}class="cw-BottomSheet-dragHandle"data-cw-sheet-handle="true"type="button">{e.dragHandleContent}</button>
 			<div class="cw-BottomSheet-content">{i.children}</div>
 		</section>
-	</dialog>}class W extends A{#t;#s;#e;#o;#a;#n;#r;#i;#l;#c;#m;#d;constructor(e){super(e,"cw-ModalBottomSheet"),this.#t=super.consumeProps([],["onDismiss"]).onDismiss,this.#e=new T,this.#o=void 0,this.#a=null,this.#n=b(()=>e.skipPartiallyExpanded===!0),this.#r=!1,this.#i=!1,this.#l=void 0,this.#c=0,this.#m=0,this.#d=[],this.#s=new w({canDrag:()=>this.isOpen(),canExpand:()=>!this.#n&&this.#f()>0,dragEnded:(t,s,n)=>this.#x(t,s,n),dragMoved:t=>this.#y(t),dragStarted:()=>this.#g(),expand:()=>this.#u(!0)})}defaultLabel(){return this.props.label??"Bottom sheet"}allowDismiss(e,t){return this.props.dismissible===!1?!1:(this.#t?.(t),t?.defaultPrevented!==!0)}requestDismiss(e,t){e==="cancel"&&this.#n&&this.#f()>0?this.#u(!1):super.requestDismiss(e,t)}onOpenStateChanged(e){const t=e?this.#C():void 0;this.#b(),this.#i=e,this.#l=t,e&&(this.#u(this.props.skipPartiallyExpanded===!0,!1),this.#v())}onShown(){const e=this.#l;this.#i&&(this.#i=!1,this.#l=void 0,this.#E(e??this.#h()))}#h(){return this.styleElement?.getBoundingClientRect().height??0}#C(){const e=this.styleElement;return e===null||e.getClientRects().length===0?void 0:e.getBoundingClientRect().top-e.offsetTop}#f(){const e=v(this.styleElement);return this.props.skipPartiallyExpanded===!0||e===void 0?0:Math.max(0,this.#h()-e.innerHeight/2)}#p(){return this.#n?0:this.#f()}#v(){this.isOpen()&&!this.#n&&this.#h()>0&&this.#f()===0&&this.#u(!0,!1)}#u(e,t=!0){let s;t&&!this.#r&&e!==this.#n&&this.isOpen()&&(s=this.#p()),this.#n=e,super.setClass("cw-ModalBottomSheet-expanded",e),this.#a?.setAttribute("aria-label",e?this.props.closeLabel??"Close bottom sheet":this.props.expandLabel??"Expand bottom sheet"),this.#r?this.#e.retarget(this.#p()):s!==void 0&&this.#E(s)}#E(e){const t=this.#h(),s=this.#p();t===0||e===s||(this.#e.track(t,e),this.#L(!0),this.#e.settle(e,s,0,()=>this.#b()))}#L(e){this.#r=e,super.setClass(M,e)}#b(){this.#s.reset(),this.#e.clear(),this.#L(!1),super.setClass(h,!1),super.setClass(l,!1)}#g(){const e=this.#e.interrupt(),t=this.#f();t===0&&!this.#n&&this.#u(!0,!1),this.#m=this.#h(),this.#d=t>0?[0,t,this.#m]:[0,this.#m],this.#c=e??this.#p(),this.#e.track(this.#m,this.#c),this.#L(!0),super.setClass(h,!0),super.setClass(l,!1)}#y(e){this.#e.set(Math.min(Math.max(this.#c+e,0),this.#m))}#x(e,t,s){const n=this.#m,o=Math.min(Math.max(this.#c+e,0),n),r=$(t,o,n),a=P(this.#d,o,r);if(super.setClass(h,!1),a===n&&n>0&&this.allowDismiss("dismiss",s)){super.setClass(l,!0),this.#e.settle(o,n,r,()=>{this.close("dismiss",s),this.isOpen()&&(super.setClass(l,!1),this.#e.settle(n,this.#p(),0,()=>this.#b()))});return}a!==n&&a!==this.#p()&&this.#u(a===0),this.#e.settle(o,this.#p(),r,()=>this.#b())}#S=e=>{const t=this.#a;this.#s.consumeClick()||y(e,t,()=>{this.#a!==t||!this.isOpen()||(!this.#n&&this.#f()>0?this.#u(!0):this.requestDismiss("dismiss",e))},!1)};applyComponentProps(){const e=super.readProps(["closeLabel","dragHandle","expandLabel"]);super.applyComponentProps(),(e.closeLabelChanged||e.expandLabelChanged)&&this.#u(this.#n,!1),e.dragHandleChanged&&super.setClass(m,e.dragHandle===!1)}onStyleElementChanged(e){const t=e===null?void 0:v(e);this.#a?.removeEventListener("click",this.#S),this.#o?.disconnect(),this.#b(),this.#a=e?.querySelector("[data-cw-sheet-handle]")??null,this.#s.attach(e?.querySelector(".cw-BottomSheet-surface")??null,this.#a),this.#e.attach(e),this.#a?.addEventListener("click",this.#S),this.#o=void 0,e!==null&&t?.ResizeObserver!==void 0&&(this.#o=new t.ResizeObserver(()=>this.#v()),this.#o.observe(e)),super.onStyleElementChanged(e)}render(e){const t=this.props;return<dialog class={`cw-ModalBottomSheet ${c}`}>
+	</dialog>;}class W extends A{#t;#s;#e;#o;#a;#n;#r;#i;#l;#c;#m;#d;constructor(e){super(e,"cw-ModalBottomSheet"),this.#t=super.consumeProps([],["onDismiss"]).onDismiss,this.#e=new T(),this.#o=void 0,this.#a=null,this.#n=b(()=>e.skipPartiallyExpanded===!0),this.#r=!1,this.#i=!1,this.#l=void 0,this.#c=0,this.#m=0,this.#d=[],this.#s=new w({canDrag:()=>this.isOpen(),canExpand:()=>!this.#n&&this.#f()>0,dragEnded:(t,s,n)=>this.#x(t,s,n),dragMoved:t=>this.#y(t),dragStarted:()=>this.#g(),expand:()=>this.#u(!0)});}defaultLabel(){return this.props.label??"Bottom sheet";}allowDismiss(e,t){return this.props.dismissible===!1?!1:(this.#t?.(t),t?.defaultPrevented!==!0);}requestDismiss(e,t){e==="cancel"&&this.#n&&this.#f()>0?this.#u(!1):super.requestDismiss(e,t);}onOpenStateChanged(e){const t=e?this.#C():void 0;this.#b(),this.#i=e,this.#l=t,e&&(this.#u(this.props.skipPartiallyExpanded===!0,!1),this.#v());}onShown(){const e=this.#l;this.#i&&(this.#i=!1,this.#l=void 0,this.#E(e??this.#h()));}#h(){return this.styleElement?.getBoundingClientRect().height??0;}#C(){const e=this.styleElement;return e===null||e.getClientRects().length===0?void 0:e.getBoundingClientRect().top-e.offsetTop;}#f(){const e=v(this.styleElement);return this.props.skipPartiallyExpanded===!0||e===void 0?0:Math.max(0,this.#h()-e.innerHeight/2);}#p(){return this.#n?0:this.#f();}#v(){this.isOpen()&&!this.#n&&this.#h()>0&&this.#f()===0&&this.#u(!0,!1);}#u(e,t=!0){let s;t&&!this.#r&&e!==this.#n&&this.isOpen()&&(s=this.#p()),this.#n=e,super.setClass("cw-ModalBottomSheet-expanded",e),this.#a?.setAttribute("aria-label",e?this.props.closeLabel??"Close bottom sheet":this.props.expandLabel??"Expand bottom sheet"),this.#r?this.#e.retarget(this.#p()):s!==void 0&&this.#E(s);}#E(e){const t=this.#h(),s=this.#p();t===0||e===s||(this.#e.track(t,e),this.#L(!0),this.#e.settle(e,s,0,()=>this.#b()));}#L(e){this.#r=e,super.setClass(M,e);}#b(){this.#s.reset(),this.#e.clear(),this.#L(!1),super.setClass(h,!1),super.setClass(l,!1);}#g(){const e=this.#e.interrupt(),t=this.#f();t===0&&!this.#n&&this.#u(!0,!1),this.#m=this.#h(),this.#d=t>0?[0,t,this.#m]:[0,this.#m],this.#c=e??this.#p(),this.#e.track(this.#m,this.#c),this.#L(!0),super.setClass(h,!0),super.setClass(l,!1);}#y(e){this.#e.set(Math.min(Math.max(this.#c+e,0),this.#m));}#x(e,t,s){const n=this.#m,o=Math.min(Math.max(this.#c+e,0),n),r=$(t,o,n),a=P(this.#d,o,r);if(super.setClass(h,!1),a===n&&n>0&&this.allowDismiss("dismiss",s)){super.setClass(l,!0),this.#e.settle(o,n,r,()=>{this.close("dismiss",s),this.isOpen()&&(super.setClass(l,!1),this.#e.settle(n,this.#p(),0,()=>this.#b()));});return;}a!==n&&a!==this.#p()&&this.#u(a===0),this.#e.settle(o,this.#p(),r,()=>this.#b());}#S=e=>{const t=this.#a;this.#s.consumeClick()||y(e,t,()=>{this.#a!==t||!this.isOpen()||(!this.#n&&this.#f()>0?this.#u(!0):this.requestDismiss("dismiss",e));},!1);};applyComponentProps(){const e=super.readProps(["closeLabel","dragHandle","expandLabel"]);super.applyComponentProps(),(e.closeLabelChanged||e.expandLabelChanged)&&this.#u(this.#n,!1),e.dragHandleChanged&&super.setClass(m,e.dragHandle===!1);}onStyleElementChanged(e){const t=e===null?void 0:v(e);this.#a?.removeEventListener("click",this.#S),this.#o?.disconnect(),this.#b(),this.#a=e?.querySelector("[data-cw-sheet-handle]")??null,this.#s.attach(e?.querySelector(".cw-BottomSheet-surface")??null,this.#a),this.#e.attach(e),this.#a?.addEventListener("click",this.#S),this.#o=void 0,e!==null&&t?.ResizeObserver!==void 0&&(this.#o=new t.ResizeObserver(()=>this.#v()),this.#o.observe(e)),super.onStyleElementChanged(e);}render(e){const t=this.props;return<dialog class={`cw-ModalBottomSheet ${c}`}>
 			<section class="cw-BottomSheet-surface"tabIndex={-1}>
 				<button class="cw-BottomSheet-dragHandle"data-cw-sheet-handle="true"type="button">{t.dragHandleContent}</button>
 				<div class="cw-BottomSheet-content">{e}</div>
 			</section>
-		</dialog>}onControllerCleanup(){this.#a?.removeEventListener("click",this.#S),this.#o?.disconnect(),this.#s.attach(null,null),this.#e.attach(null),super.onControllerCleanup()}}const O=["children","dragHandleContent"],K=L(()=>z,()=>W),me=i=>K(x(i,O));function j(i,e){const t=B(e),s=("expanded"in e?e.expanded:e.defaultExpanded)===!0;return<div aria-label={e.label??"Bottom sheet"}{...i}aria-hidden={t?void 0:"true"}classList={{...i.classList,[m]:e.dragHandle===!1,"cw-BottomSheet":!0,"cw-BottomSheet-expanded":s,"cw-BottomSheet-open":t}}role="region"style={{...i.style,[D]:H(e.peekHeight)}}>
+		</dialog>;}onControllerCleanup(){this.#a?.removeEventListener("click",this.#S),this.#o?.disconnect(),this.#s.attach(null,null),this.#e.attach(null),super.onControllerCleanup();}}const O=["children","dragHandleContent"],K=/* @__PURE__ */L(()=>z,()=>W),me=i=>K(x(i,O));function j(i,e){const t=B(e),s=("expanded"in e?e.expanded:e.defaultExpanded)===!0;return<div aria-label={e.label??"Bottom sheet"}{...i}aria-hidden={t?void 0:"true"}classList={{...i.classList,[m]:e.dragHandle===!1,"cw-BottomSheet":!0,"cw-BottomSheet-expanded":s,"cw-BottomSheet-open":t}}role="region"style={{...i.style,[D]:H(e.peekHeight)}}>
 		<section class={`cw-BottomSheet-surface ${c}`}tabIndex={-1}>
 			<button aria-expanded={s?"true":"false"}aria-label={s?e.collapseLabel??"Collapse bottom sheet":e.expandLabel??"Expand bottom sheet"}class="cw-BottomSheet-dragHandle"data-cw-sheet-handle="true"type="button">{e.dragHandleContent}</button>
 			<div class="cw-BottomSheet-content">{i.children}</div>
 		</section>
-	</div>}class U extends k{#t;#s;#e;#o;#a;#n;#r;#i;#l;#c;#m;#d;#h;#C;#f;#p;constructor(e){super(e,{styleElementIsFunction:!0}),this.#t="open"in e,this.#s="expanded"in e,this.#r=new T,this.#i=null,this.#l=null,this.#c=null,this.#m=null,this.#d=b(()=>(this.#t?e.open:e.defaultOpen)===!0),this.#h=b(()=>(this.#s?e.expanded:e.defaultExpanded)===!0),this.#C=!1,this.#f=0,this.#p=[],this.#n=new w({canDrag:()=>this.#d,canExpand:()=>!this.#h,dragEnded:(s,n,o)=>this.#O(s,n,o),dragMoved:s=>this.#T(s),dragStarted:()=>this.#w(),expand:s=>this.#u(!0,!0,s)});const t=super.consumeProps([],["onOpenChange","onDismiss","onExpandedChange"]);this.#e=t.onOpenChange,this.#o=t.onDismiss,this.#a=t.onExpandedChange}open(){this.#v(!0,!0)}close(e){this.#v(!1,!0,e)}expand(e){this.#u(!0,!0,e)}collapse(e){this.#u(!1,!0,e)}#v(e,t,s){let n;if(e!==this.#d){if(t&&this.#t){this.#e?.(e,s);return}e&&(n=this.#y()),this.#d=e,this.#B(),e||this.#L(),super.setClass("cw-BottomSheet-open",e),super.setAttribute("aria-hidden",e?void 0:"true"),e&&this.#P(n??this.#g()),t&&this.#e?.(e,s)}}#u(e,t,s){const n=this.#c;let o;if(e!==this.#h){if(t&&this.#s){this.#a?.(e,s);return}!this.#C&&this.#d&&(o=this.#S()),this.#h=e,super.setClass("cw-BottomSheet-expanded",e),this.#b(),!e&&n!==null&&n.contains(p(n))&&this.#l?.focus(),this.#C?this.#r.retarget(this.#S()):o!==void 0&&this.#P(o),t&&this.#a?.(e,s)}}#E(e){return!this.#d||this.props.dismissible!==!0?!1:(this.#o?.(e),e?.defaultPrevented!==!0)}#L(){const e=this.#i,t=e===null?null:p(e),s=this.#m;this.#m=null,!(e===null||t===null||!e.contains(t))&&(s?.isConnected===!0&&s.focus(),p(e)===t&&t.blur())}#b(){this.#l?.setAttribute("aria-expanded",this.#h?"true":"false"),this.#l?.setAttribute("aria-label",this.#h?this.props.collapseLabel??"Collapse bottom sheet":this.props.expandLabel??"Expand bottom sheet")}#g(){return this.#i?.getBoundingClientRect().height??0}#y(){const e=this.#i,t=e?.offsetParent;return e===null||!u(t)?void 0:e.getBoundingClientRect().top-t.getBoundingClientRect().top-e.offsetTop}#x(){const e=this.#i,t=e===null?void 0:E(e),s=Number.parseFloat(t?.minBlockSize??"");return Math.max(0,this.#g()-(Number.isFinite(s)?s:0))}#S(){return this.#d?this.#h?0:this.#x():this.#g()}#M(e){this.#C=e,super.setClass(M,e)}#P(e){const t=this.#g(),s=this.#S();t===0||e===s||(this.#r.track(t,e),this.#M(!0),this.#r.settle(e,s,0,()=>this.#B()))}#B(){this.#n.reset(),this.#r.clear(),this.#M(!1),super.setClass(h,!1)}#w(){const e=this.#r.interrupt(),t=this.#x(),s=this.#g();this.#p=this.props.dismissible===!0?[0,t,s]:[0,t],this.#f=e??this.#S(),this.#r.track(s,this.#f),this.#M(!0),super.setClass(h,!0)}#T(e){this.#r.set(Math.min(Math.max(this.#f+e,0),this.#p.at(-1)??0))}#O(e,t,s){const n=this.#p.length===3,o=this.#p.at(-1)??0,r=Math.min(Math.max(this.#f+e,0),o),a=P(this.#p,r,t);if(super.setClass(h,!1),n&&a===o&&this.#E(s)){this.#r.settle(r,o,t,()=>{this.#v(!1,!0,s),this.#d&&this.#r.settle(o,this.#S(),0,()=>this.#B())});return}(!n||a!==o)&&this.#u(a===0,!0,s),this.#r.settle(r,this.#S(),t,()=>this.#B())}#D=e=>{const t=this.#l;this.#n.consumeClick()||y(e,t,()=>{this.#l===t&&this.#d&&this.#u(!this.#h,!0,e)},!1)};#H=e=>{const t=this.#i,s=e.relatedTarget;t===null||!u(e.target)||(u(s)&&!t.contains(s)&&(this.#m=s),!this.#h&&this.#d&&this.#c?.contains(e.target)===!0&&this.#u(!0,!0,e))};applyComponentProps(){const e=super.readProps(["attr:aria-label","collapseLabel","dragHandle","expandLabel","expanded","label","open","peekHeight"]),t=e["attr:aria-label"]??e.label??"Bottom sheet";e.openChanged&&this.#t&&this.#v(e.open===!0,!1),e.expandedChanged&&this.#s&&this.#u(e.expanded===!0,!1),this.styleElement?.getAttribute("aria-label")!==t&&super.setAttribute("aria-label",t),(e.collapseLabelChanged||e.expandLabelChanged)&&this.#b(),e.dragHandleChanged&&super.setClass(m,e.dragHandle===!1),e.peekHeightChanged&&super.setStyle(D,H(e.peekHeight))}onStyleElementChanged(e){super.onStyleElementChanged(e),this.#l?.removeEventListener("click",this.#D),this.#i?.removeEventListener("focusin",this.#H),this.#B(),this.#i=e?.querySelector(".cw-BottomSheet-surface")??null,this.#l=e?.querySelector("[data-cw-sheet-handle]")??null,this.#c=e?.querySelector(".cw-BottomSheet-content")??null,this.#n.attach(this.#i,this.#l),this.#r.attach(this.#i),this.#l?.addEventListener("click",this.#D),this.#i?.addEventListener("focusin",this.#H),super.setClass("cw-BottomSheet-open",this.#d),super.setClass("cw-BottomSheet-expanded",this.#h),super.setAttribute("aria-hidden",this.#d?void 0:"true"),this.#b()}render(e){const t=this.props;return<div class="cw-BottomSheet"role="region">
+	</div>;}class U extends k{#t;#s;#e;#o;#a;#n;#r;#i;#l;#c;#m;#d;#h;#C;#f;#p;constructor(e){super(e,{styleElementIsFunction:!0}),this.#t="open"in e,this.#s="expanded"in e,this.#r=new T(),this.#i=null,this.#l=null,this.#c=null,this.#m=null,this.#d=b(()=>(this.#t?e.open:e.defaultOpen)===!0),this.#h=b(()=>(this.#s?e.expanded:e.defaultExpanded)===!0),this.#C=!1,this.#f=0,this.#p=[],this.#n=new w({canDrag:()=>this.#d,canExpand:()=>!this.#h,dragEnded:(s,n,o)=>this.#O(s,n,o),dragMoved:s=>this.#T(s),dragStarted:()=>this.#w(),expand:s=>this.#u(!0,!0,s)});const t=super.consumeProps([],["onOpenChange","onDismiss","onExpandedChange"]);this.#e=t.onOpenChange,this.#o=t.onDismiss,this.#a=t.onExpandedChange;}open(){this.#v(!0,!0);}close(e){this.#v(!1,!0,e);}expand(e){this.#u(!0,!0,e);}collapse(e){this.#u(!1,!0,e);}#v(e,t,s){let n;if(e!==this.#d){if(t&&this.#t){this.#e?.(e,s);return;}e&&(n=this.#y()),this.#d=e,this.#B(),e||this.#L(),super.setClass("cw-BottomSheet-open",e),super.setAttribute("aria-hidden",e?void 0:"true"),e&&this.#P(n??this.#g()),t&&this.#e?.(e,s);}}#u(e,t,s){const n=this.#c;let o;if(e!==this.#h){if(t&&this.#s){this.#a?.(e,s);return;}!this.#C&&this.#d&&(o=this.#S()),this.#h=e,super.setClass("cw-BottomSheet-expanded",e),this.#b(),!e&&n!==null&&n.contains(p(n))&&this.#l?.focus(),this.#C?this.#r.retarget(this.#S()):o!==void 0&&this.#P(o),t&&this.#a?.(e,s);}}#E(e){return!this.#d||this.props.dismissible!==!0?!1:(this.#o?.(e),e?.defaultPrevented!==!0);}#L(){const e=this.#i,t=e===null?null:p(e),s=this.#m;this.#m=null,!(e===null||t===null||!e.contains(t))&&(s?.isConnected===!0&&s.focus(),p(e)===t&&t.blur());}#b(){this.#l?.setAttribute("aria-expanded",this.#h?"true":"false"),this.#l?.setAttribute("aria-label",this.#h?this.props.collapseLabel??"Collapse bottom sheet":this.props.expandLabel??"Expand bottom sheet");}#g(){return this.#i?.getBoundingClientRect().height??0;}#y(){const e=this.#i,t=e?.offsetParent;return e===null||!u(t)?void 0:e.getBoundingClientRect().top-t.getBoundingClientRect().top-e.offsetTop;}#x(){const e=this.#i,t=e===null?void 0:E(e),s=Number.parseFloat(t?.minBlockSize??"");return Math.max(0,this.#g()-(Number.isFinite(s)?s:0));}#S(){return this.#d?this.#h?0:this.#x():this.#g();}#M(e){this.#C=e,super.setClass(M,e);}#P(e){const t=this.#g(),s=this.#S();t===0||e===s||(this.#r.track(t,e),this.#M(!0),this.#r.settle(e,s,0,()=>this.#B()));}#B(){this.#n.reset(),this.#r.clear(),this.#M(!1),super.setClass(h,!1);}#w(){const e=this.#r.interrupt(),t=this.#x(),s=this.#g();this.#p=this.props.dismissible===!0?[0,t,s]:[0,t],this.#f=e??this.#S(),this.#r.track(s,this.#f),this.#M(!0),super.setClass(h,!0);}#T(e){this.#r.set(Math.min(Math.max(this.#f+e,0),this.#p.at(-1)??0));}#O(e,t,s){const n=this.#p.length===3,o=this.#p.at(-1)??0,r=Math.min(Math.max(this.#f+e,0),o),a=P(this.#p,r,t);if(super.setClass(h,!1),n&&a===o&&this.#E(s)){this.#r.settle(r,o,t,()=>{this.#v(!1,!0,s),this.#d&&this.#r.settle(o,this.#S(),0,()=>this.#B());});return;}(!n||a!==o)&&this.#u(a===0,!0,s),this.#r.settle(r,this.#S(),t,()=>this.#B());}#D=e=>{const t=this.#l;this.#n.consumeClick()||y(e,t,()=>{this.#l===t&&this.#d&&this.#u(!this.#h,!0,e);},!1);};#H=e=>{const t=this.#i,s=e.relatedTarget;t===null||!u(e.target)||(u(s)&&!t.contains(s)&&(this.#m=s),!this.#h&&this.#d&&this.#c?.contains(e.target)===!0&&this.#u(!0,!0,e));};applyComponentProps(){const e=super.readProps(["attr:aria-label","collapseLabel","dragHandle","expandLabel","expanded","label","open","peekHeight"]),t=e["attr:aria-label"]??e.label??"Bottom sheet";e.openChanged&&this.#t&&this.#v(e.open===!0,!1),e.expandedChanged&&this.#s&&this.#u(e.expanded===!0,!1),this.styleElement?.getAttribute("aria-label")!==t&&super.setAttribute("aria-label",t),(e.collapseLabelChanged||e.expandLabelChanged)&&this.#b(),e.dragHandleChanged&&super.setClass(m,e.dragHandle===!1),e.peekHeightChanged&&super.setStyle(D,H(e.peekHeight));}onStyleElementChanged(e){super.onStyleElementChanged(e),this.#l?.removeEventListener("click",this.#D),this.#i?.removeEventListener("focusin",this.#H),this.#B(),this.#i=e?.querySelector(".cw-BottomSheet-surface")??null,this.#l=e?.querySelector("[data-cw-sheet-handle]")??null,this.#c=e?.querySelector(".cw-BottomSheet-content")??null,this.#n.attach(this.#i,this.#l),this.#r.attach(this.#i),this.#l?.addEventListener("click",this.#D),this.#i?.addEventListener("focusin",this.#H),super.setClass("cw-BottomSheet-open",this.#d),super.setClass("cw-BottomSheet-expanded",this.#h),super.setAttribute("aria-hidden",this.#d?void 0:"true"),this.#b();}render(e){const t=this.props;return<div class="cw-BottomSheet"role="region">
 			<section class={`cw-BottomSheet-surface ${c}`}tabIndex={-1}>
 				<button class="cw-BottomSheet-dragHandle"data-cw-sheet-handle="true"type="button">{t.dragHandleContent}</button>
 				<div class="cw-BottomSheet-content">{e}</div>
 			</section>
-		</div>}onControllerCleanup(){this.#l?.removeEventListener("click",this.#D),this.#i?.removeEventListener("focusin",this.#H),this.#n.attach(null,null),this.#r.attach(null),super.onControllerCleanup()}}const Z=L(()=>j,()=>U),pe=i=>Z(x(i,O));export{pe as BottomSheet,U as BottomSheetController,me as ModalBottomSheet,W as ModalBottomSheetController};
+		</div>;}onControllerCleanup(){this.#l?.removeEventListener("click",this.#D),this.#i?.removeEventListener("focusin",this.#H),this.#n.attach(null,null),this.#r.attach(null),super.onControllerCleanup();}}const Z=/* @__PURE__ */L(()=>j,()=>U),pe=i=>Z(x(i,O));export{pe as BottomSheet,U as BottomSheetController,me as ModalBottomSheet,W as ModalBottomSheetController};

package/target/esbuild/surface/side-sheet.jsx

@@ -6,7 +6,7 @@ import{createUniqueId as d,mergeProps as f}from"solid-js";import{defineDomCompon
 		</header>
 		<div class="cw-SideSheet-body">{e.body??i.children}</div>
 		<footer class="cw-SideSheet-actions">{e.actions}</footer>
-	</dialog>}class P extends C{#e;constructor(e){super(e,"cw-SideSheet"),this.#e=d()}defaultLabel(){return this.props.label??(this.props.header===void 0?"Side sheet":void 0)}defaultLabelledBy(){return this.props.label===void 0&&this.props.header!==void 0?this.#e:void 0}allowDismiss(e,t){return this.props.dismissible!==!1}#t=e=>{E(this.styleElement,e)==="dismiss"&&this.requestDismiss("dismiss",e)};applyComponentProps(){const e=super.readProps(["detached","dismissible","edge","modal"]);super.applyComponentProps(),e.detachedChanged&&super.setClass("cw-SideSheet-detached",e.detached===!0),e.dismissibleChanged&&super.setClass(m,e.dismissible===!1),e.edgeChanged&&super.setAttribute(y,e.edge??"end"),e.modalChanged&&super.setClass("cw-SideSheet-modal",e.modal)}onStyleElementChanged(e){this.styleElement?.removeEventListener("click",this.#t),super.onStyleElementChanged(e),e?.addEventListener("click",this.#t)}render(e){const t=this.props,u=this.#e;return<dialog class={`cw-SideSheet ${h}`}>
+	</dialog>;}class P extends C{#e;constructor(e){super(e,"cw-SideSheet"),this.#e=d();}defaultLabel(){return this.props.label??(this.props.header===void 0?"Side sheet":void 0);}defaultLabelledBy(){return this.props.label===void 0&&this.props.header!==void 0?this.#e:void 0;}allowDismiss(e,t){return this.props.dismissible!==!1;}#t=e=>{E(this.styleElement,e)==="dismiss"&&this.requestDismiss("dismiss",e);};applyComponentProps(){const e=super.readProps(["detached","dismissible","edge","modal"]);super.applyComponentProps(),e.detachedChanged&&super.setClass("cw-SideSheet-detached",e.detached===!0),e.dismissibleChanged&&super.setClass(m,e.dismissible===!1),e.edgeChanged&&super.setAttribute(y,e.edge??"end"),e.modalChanged&&super.setClass("cw-SideSheet-modal",e.modal);}onStyleElementChanged(e){this.styleElement?.removeEventListener("click",this.#t),super.onStyleElementChanged(e),e?.addEventListener("click",this.#t);}render(e){const t=this.props,u=this.#e;return<dialog class={`cw-SideSheet ${h}`}>
 			<header class="cw-SideSheet-header">
 				<div class="cw-SideSheet-icon">{t.leadingIcon}</div>
 				<h2 class="cw-SideSheet-title"id={u}>{t.header}</h2>
@@ -14,4 +14,4 @@ import{createUniqueId as d,mergeProps as f}from"solid-js";import{defineDomCompon
 			</header>
 			<div class="cw-SideSheet-body">{t.body??e}</div>
 			<footer class="cw-SideSheet-actions">{t.actions}</footer>
-		</dialog>}onControllerCleanup(){this.styleElement?.removeEventListener("click",this.#t),super.onControllerCleanup()}}function c(i,e){return f(w(i,D),{modal:e})}const p=g(()=>L,()=>P),T=i=>p(c(i,!1)),x=i=>p(c(i,!0));export{x as ModalSideSheet,P as SideSheetController,T as StandardSideSheet};
+		</dialog>;}onControllerCleanup(){this.styleElement?.removeEventListener("click",this.#t),super.onControllerCleanup();}}function c(i,e){return f(w(i,D),{modal:e});}const p=/* @__PURE__ */g(()=>L,()=>P),T=i=>p(c(i,!1)),x=i=>p(c(i,!0));export{x as ModalSideSheet,P as SideSheetController,T as StandardSideSheet};

package/target/esbuild/surface/slots.jsx

@@ -1 +1 @@
-import{children as c,createMemo as i,mergeProps as u}from"solid-js";function d(e,t){return t?i(e):c(e)}function a(e,t,n=[]){const r=e,s={};for(const o of Object.keys(e).filter(l=>t.includes(l)))Object.defineProperty(s,o,{enumerable:!0,get:d(()=>r[o],n.includes(o))});return u(e,s)}export{a as resolveSurfaceSlots};
+import{children as c,createMemo as i,mergeProps as u}from"solid-js";function d(e,t){return t?i(e):c(e);}function a(e,t,n=[]){const r=e,s={};for(const o of Object.keys(e).filter(l=>t.includes(l)))Object.defineProperty(s,o,{enumerable:!0,get:d(()=>r[o],n.includes(o))});return u(e,s);}export{a as resolveSurfaceSlots};

package/target/esbuild/surface/surface.jsx

@@ -1 +1 @@
-import{untrack as E}from"solid-js";import{insert as v}from"solid-js/web";import{ELEVATION_SHADOW_CSS_CLASS as l}from"../container/elevation-shadow";import{FocusState as g,HoverState as y,PressState as L,defineInteractableComponent as k}from"../state";import{InteractableController as I}from"../state/controller";import{deferAfterDelegatedCancellation as i}from"../util/event";import{hasNestedInteractive as w,isElementNode as A}from"./interactive";import"../container/elevation-shadow.css";import"./surface.css";const P=g|y|L,c=new Set(["none","extra-small","small","medium","large","extra-large","full"]),d="cw-Surface-clickable",u="cw-Surface-disabled",f="cw-Surface-selectable",p="cw-Surface-selected";function h(r){return`_cw-Surface-${r??"surface-container"}`}function S(r){return`_cw-Surface-elevation-${r??0}`}function b(r){return r!==void 0&&c.has(r)?`_cw-Surface-shape-${r}`:void 0}function m(r){return r!==void 0&&!c.has(r)?r:void 0}function C(r,e,t){return r?e?-1:t??0:t}function x(r,e){const t=e.disabled===!0,s=e.selectable===!0,a=e.clickable===!0||s,n=s&&("selected"in e?e.selected:e.defaultSelected)===!0,o=b(e.shape);return<div{...r}aria-disabled={t?"true":void 0}aria-pressed={s?n?"true":"false":void 0}classList={{...r.classList,[l]:!0,[d]:e.clickable===!0,[u]:t,[f]:s,[p]:n,[h(e.color)]:!0,[S(e.elevation)]:!0,[o??""]:o!==void 0,"cw-Surface":!0}}data-cw-surface="true"role={a?"button":void 0}style={{...r.style,"--_cw-Surface-shape":m(e.shape)}}tabIndex={C(a,t,e.tabIndex)}/>}class D extends I{#s;#a;#t;#e;#n;constructor(e){super(e,{baseInteractionCssClassName:"cw-Surface",enabledInteractionStates:0,styleElementIsFunction:!0}),this.#s="selected"in e,this.#t=E(()=>(this.#s?e.selected:e.defaultSelected)===!0),this.#a=super.consumeProps([],["onSelectedChange"]).onSelectedChange,this.#e=!1,this.#n=null}#r(){return!this.isControllerDisposed&&this.props.disabled!==!0&&(this.props.clickable===!0||this.props.selectable===!0)}#i(e){const t=this.#n;t!==e&&(t!==null&&(t.removeEventListener("keydown",this.#c),t.removeEventListener("keyup",this.#d),t.removeEventListener("blur",this.#u),t.removeEventListener("click",this.#l,!0)),this.#n=e,e!==null&&(e.addEventListener("keydown",this.#c),e.addEventListener("keyup",this.#d),e.addEventListener("blur",this.#u),e.addEventListener("click",this.#l,!0)))}#o(e){super.setClass(p,e&&this.#t),super.setAttribute("aria-pressed",e?this.#t?"true":"false":void 0)}#l=e=>{this.props.disabled===!0&&(e.preventDefault(),e.stopImmediatePropagation())};#c=e=>{const t=this.functionElement;e.defaultPrevented||e.target!==t||!this.#r()||(e.key==="Enter"?i(e,t,()=>{!e.repeat&&this.#r()&&t?.matches(":focus")===!0&&t.click()}):e.key===" "&&i(e,t,()=>{!e.repeat&&this.#r()&&t?.matches(":focus")===!0&&(this.#e=!0)}))};#d=e=>{const t=this.functionElement,s=this.#e;e.target!==t||e.key!==" "||(this.#e=!1,s&&this.#r()&&i(e,t,()=>{this.#r()&&t?.matches(":focus")===!0&&t.click()}))};#u=()=>{this.#e=!1};applyComponentProps(){const e=super.readProps(["clickable","color","disabled","elevation","selectable","selected","shape","tabIndex"]),t=e.clickable===!0,s=e.disabled===!0,a=e.selectable===!0,n=t||a;e.colorChanged&&super.setClass("color",h(e.color)),e.elevationChanged&&super.setClass("elevation",S(e.elevation)),e.shapeChanged&&(super.setClass("shape",b(e.shape)),super.setStyle("--_cw-Surface-shape",m(e.shape))),e.disabledChanged&&(super.setClass(u,s),super.setAttribute("aria-disabled",s?"true":void 0)),(e.clickableChanged||e.selectableChanged||e.disabledChanged)&&((!n||s)&&(this.#e=!1),super.setClass(d,t),super.setClass(f,a),super.setAttribute("role",n?"button":void 0),super.setEnabledInteractionStates(!n||s?0:P),this.#i(n?super.functionElement:null),e.tabIndexChanged=!0),(e.selectedChanged||e.selectableChanged)&&(this.#s&&e.selectedChanged&&(this.#t=e.selected===!0),this.#o(a)),e.tabIndexChanged&&super.setAttribute("tabindex",C(n,s,e.tabIndex))}onEvent(e){const t=super.functionElement;if(this.isControllerDisposed||this.props.disabled===!0||(super.onEvent(e),e.type!=="click"||e.defaultPrevented||this.props.selectable!==!0)||t!==null&&A(e.target)&&e.target!==t&&(e.target.closest("[data-cw-surface]")!==t||w(e.target,t,e.composedPath())))return;const s=!this.#t;this.#a?.(s,e),this.#s||(this.#t=s,this.#o(!0))}render(e){const t=<div class={`cw-Surface ${l}`}data-cw-surface="true"/>;return v(t,e),t}onControllerCleanup(){this.#e=!1,this.#i(null),super.onControllerCleanup()}}const X=k(()=>x,()=>D);export{X as Surface,D as SurfaceController};
+import{untrack as E}from"solid-js";import{insert as v}from"solid-js/web";import{ELEVATION_SHADOW_CSS_CLASS as l}from"../container/elevation-shadow";import{FocusState as g,HoverState as y,PressState as L,defineInteractableComponent as k}from"../state";import{InteractableController as I}from"../state/controller";import{deferAfterDelegatedCancellation as i}from"../util/event";import{hasNestedInteractive as w,isElementNode as A}from"./interactive";import"../container/elevation-shadow.css";import"./surface.css";const P=g|y|L,c=/* @__PURE__ */new Set(["none","extra-small","small","medium","large","extra-large","full"]),d="cw-Surface-clickable",u="cw-Surface-disabled",f="cw-Surface-selectable",p="cw-Surface-selected";function h(r){return`_cw-Surface-${r??"surface-container"}`;}function S(r){return`_cw-Surface-elevation-${r??0}`;}function b(r){return r!==void 0&&c.has(r)?`_cw-Surface-shape-${r}`:void 0;}function m(r){return r!==void 0&&!c.has(r)?r:void 0;}function C(r,e,t){return r?e?-1:t??0:t;}function x(r,e){const t=e.disabled===!0,s=e.selectable===!0,a=e.clickable===!0||s,n=s&&("selected"in e?e.selected:e.defaultSelected)===!0,o=b(e.shape);return<div{...r}aria-disabled={t?"true":void 0}aria-pressed={s?n?"true":"false":void 0}classList={{...r.classList,[l]:!0,[d]:e.clickable===!0,[u]:t,[f]:s,[p]:n,[h(e.color)]:!0,[S(e.elevation)]:!0,[o??""]:o!==void 0,"cw-Surface":!0}}data-cw-surface="true"role={a?"button":void 0}style={{...r.style,"--_cw-Surface-shape":m(e.shape)}}tabIndex={C(a,t,e.tabIndex)}/>;}class D extends I{#s;#a;#t;#e;#n;constructor(e){super(e,{baseInteractionCssClassName:"cw-Surface",enabledInteractionStates:0,styleElementIsFunction:!0}),this.#s="selected"in e,this.#t=E(()=>(this.#s?e.selected:e.defaultSelected)===!0),this.#a=super.consumeProps([],["onSelectedChange"]).onSelectedChange,this.#e=!1,this.#n=null;}#r(){return!this.isControllerDisposed&&this.props.disabled!==!0&&(this.props.clickable===!0||this.props.selectable===!0);}#i(e){const t=this.#n;t!==e&&(t!==null&&(t.removeEventListener("keydown",this.#c),t.removeEventListener("keyup",this.#d),t.removeEventListener("blur",this.#u),t.removeEventListener("click",this.#l,!0)),this.#n=e,e!==null&&(e.addEventListener("keydown",this.#c),e.addEventListener("keyup",this.#d),e.addEventListener("blur",this.#u),e.addEventListener("click",this.#l,!0)));}#o(e){super.setClass(p,e&&this.#t),super.setAttribute("aria-pressed",e?this.#t?"true":"false":void 0);}#l=e=>{this.props.disabled===!0&&(e.preventDefault(),e.stopImmediatePropagation());};#c=e=>{const t=this.functionElement;e.defaultPrevented||e.target!==t||!this.#r()||(e.key==="Enter"?i(e,t,()=>{!e.repeat&&this.#r()&&t?.matches(":focus")===!0&&t.click();}):e.key===" "&&i(e,t,()=>{!e.repeat&&this.#r()&&t?.matches(":focus")===!0&&(this.#e=!0);}));};#d=e=>{const t=this.functionElement,s=this.#e;e.target!==t||e.key!==" "||(this.#e=!1,s&&this.#r()&&i(e,t,()=>{this.#r()&&t?.matches(":focus")===!0&&t.click();}));};#u=()=>{this.#e=!1;};applyComponentProps(){const e=super.readProps(["clickable","color","disabled","elevation","selectable","selected","shape","tabIndex"]),t=e.clickable===!0,s=e.disabled===!0,a=e.selectable===!0,n=t||a;e.colorChanged&&super.setClass("color",h(e.color)),e.elevationChanged&&super.setClass("elevation",S(e.elevation)),e.shapeChanged&&(super.setClass("shape",b(e.shape)),super.setStyle("--_cw-Surface-shape",m(e.shape))),e.disabledChanged&&(super.setClass(u,s),super.setAttribute("aria-disabled",s?"true":void 0)),(e.clickableChanged||e.selectableChanged||e.disabledChanged)&&((!n||s)&&(this.#e=!1),super.setClass(d,t),super.setClass(f,a),super.setAttribute("role",n?"button":void 0),super.setEnabledInteractionStates(!n||s?0:P),this.#i(n?super.functionElement:null),e.tabIndexChanged=!0),(e.selectedChanged||e.selectableChanged)&&(this.#s&&e.selectedChanged&&(this.#t=e.selected===!0),this.#o(a)),e.tabIndexChanged&&super.setAttribute("tabindex",C(n,s,e.tabIndex));}onEvent(e){const t=super.functionElement;if(this.isControllerDisposed||this.props.disabled===!0||(super.onEvent(e),e.type!=="click"||e.defaultPrevented||this.props.selectable!==!0)||t!==null&&A(e.target)&&e.target!==t&&(e.target.closest("[data-cw-surface]")!==t||w(e.target,t,e.composedPath())))return;const s=!this.#t;this.#a?.(s,e),this.#s||(this.#t=s,this.#o(!0));}render(e){const t=<div class={`cw-Surface ${l}`}data-cw-surface="true"/>;return v(t,e),t;}onControllerCleanup(){this.#e=!1,this.#i(null),super.onControllerCleanup();}}const X=/* @__PURE__ */k(()=>x,()=>D);export{X as Surface,D as SurfaceController};

package/target/esbuild/text/index.jsx

@@ -1 +1 @@
-import{Text as o}from"./text";import{Typography as r}from"./typography";export{o as Text,r as Typography};
+import{Text as o}from"./text";import{Typography as r}from"./typography";export{o as Text,r as Typography};

package/target/esbuild/text/text.jsx

@@ -1,3 +1,3 @@
-import{defineDomComponent as a}from"..";import"./text.css";function s(e){return`_cw-Text-${e??"body-large"}`}const i=a(()=>(e,t)=><span{...e}classList={{...e.classList,[s(t.scale)]:!0,"cw-Text":!0}}>
+import{defineDomComponent as a}from"..";import"./text.css";function s(e){return`_cw-Text-${e??"body-large"}`;}const i=/* @__PURE__ */a(()=>(e,t)=><span{...e}classList={{...e.classList,[s(t.scale)]:!0,"cw-Text":!0}}>
 		{t.value??""}
-	</span>,e=>class extends e{constructor(t){super(t,{styleElementIsFunction:!0})}applyComponentProps(){const[t,o]=super.readProp("scale");o&&super.setClass("scale",s(t));const[p,r]=super.readProp("value");r&&(super.styleElement.textContent=p??"")}render(){return<span class="cw-Text"/>}});export{i as Text};
+	</span>,e=>class extends e{constructor(t){super(t,{styleElementIsFunction:!0});}applyComponentProps(){const[t,o]=super.readProp("scale");o&&super.setClass("scale",s(t));const[p,r]=super.readProp("value");r&&(super.styleElement.textContent=p??"");}render(){return<span class="cw-Text"/>;}});export{i as Text};

package/target/esbuild/text/typography.jsx

@@ -1 +1 @@
-import{insert as p}from"solid-js/web";import{defineDomComponent as s}from"..";import"./typography.css";function r(o){return`_cw-Typography-${o??"auto"}`}const h=s(()=>(o,e)=><div{...o}classList={{...o.classList,[r(e.height)]:!0,"cw-Typography":!0}}/>,o=>class extends o{constructor(e){super(e,{styleElementIsFunction:!0})}applyComponentProps(){const[e,t]=super.readProp("height");t&&super.setClass("height",r(e))}render(e){const t=<div class="cw-Typography"/>;return p(t,e),t}});export{h as Typography};
+import{insert as p}from"solid-js/web";import{defineDomComponent as s}from"..";import"./typography.css";function r(o){return`_cw-Typography-${o??"auto"}`;}const h=/* @__PURE__ */s(()=>(o,e)=><div{...o}classList={{...o.classList,[r(e.height)]:!0,"cw-Typography":!0}}/>,o=>class extends o{constructor(e){super(e,{styleElementIsFunction:!0});}applyComponentProps(){const[e,t]=super.readProp("height");t&&super.setClass("height",r(e));}render(e){const t=<div class="cw-Typography"/>;return p(t,e),t;}});export{h as Typography};

package/target/esbuild/util/box-side.jsx

@@ -1 +1 @@
-import{isServer as a}from"solid-js/web";const e=0,r=1,o=2,i=3;function B(l){return l===i||l===r?0:1}function d(l,x){const n=a?null:l.ownerDocument.defaultView;if(n===null)return[e,r,o,i];const s=n.getComputedStyle(l,x??null),c=s.getPropertyValue("writing-mode"),t=s.getPropertyValue("direction")==="rtl";switch(c){case"sideways-rl":case"tb":case"tb-rl":case"vertical-rl":return[r,t?e:o,i,t?o:e];case"tb-lr":case"vertical-lr":return[i,t?e:o,r,t?o:e];case"sideways-lr":return[i,t?o:e,r,t?e:o];case"horizontal-tb":default:return[e,t?i:r,o,t?r:i]}}export{o as BoxBottom,i as BoxLeft,r as BoxRight,e as BoxTop,B as axisOfBoxSide,d as logicalBoxSidesOf};
+import{isServer as a}from"solid-js/web";const e=0,r=1,o=2,i=3;function B(l){return l===i||l===r?0:1;}function d(l,x){const n=a?null:l.ownerDocument.defaultView;if(n===null)return[e,r,o,i];const s=n.getComputedStyle(l,x??null),c=s.getPropertyValue("writing-mode"),t=s.getPropertyValue("direction")==="rtl";switch(c){case"sideways-rl":case"tb":case"tb-rl":case"vertical-rl":return[r,t?e:o,i,t?o:e];case"tb-lr":case"vertical-lr":return[i,t?e:o,r,t?o:e];case"sideways-lr":return[i,t?o:e,r,t?e:o];case"horizontal-tb":default:return[e,t?i:r,o,t?r:i];}}export{o as BoxBottom,i as BoxLeft,r as BoxRight,e as BoxTop,B as axisOfBoxSide,d as logicalBoxSidesOf};

package/target/esbuild/util/debug.jsx

@@ -1 +1 @@
-import{DEV as e}from"solid-js";function r(n,o){if(e&&(typeof n=="function"&&(n=n()),!n))throw new Error(o===void 0?"assertion failed":`assertion failed: ${o}`)}function t(n,...o){e&&console.log(n,...o)}export{r as assertDebug,t as printDebug};
+import{DEV as e}from"solid-js";function r(n,o){if(e&&(typeof n=="function"&&(n=n()),!n))throw new Error(o===void 0?"assertion failed":`assertion failed: ${o}`);}function t(n,...o){e&&console.log(n,...o);}export{r as assertDebug,t as printDebug};

package/target/esbuild/util/dom.jsx

@@ -1 +1 @@
-const i=new Map([["contenteditable",["true","false"]],["draggable",["true","false"]],["spellcheck",["true","false"]],["translate",["yes","no"]]]);function o(e,t){return t==null?null:typeof t!="boolean"||e.startsWith("aria-")?t.toString():i.get(e)?.[t?0:1]??(t?"":null)}function s(e,t,n){const r=n==null||typeof n=="boolean"||typeof n=="number"||typeof n=="string"?o(t,n):void 0;r===null?e.removeAttribute(t):r!==void 0&&e.setAttribute(t,r)}export{o as attributeValueOf,s as setAttribute};
+const i=/* @__PURE__ */new Map([["contenteditable",["true","false"]],["draggable",["true","false"]],["spellcheck",["true","false"]],["translate",["yes","no"]]]);function o(e,t){return t==null?null:typeof t!="boolean"||e.startsWith("aria-")?t.toString():i.get(e)?.[t?0:1]??(t?"":null);}function s(e,t,n){const r=n==null||typeof n=="boolean"||typeof n=="number"||typeof n=="string"?o(t,n):void 0;r===null?e.removeAttribute(t):r!==void 0&&e.setAttribute(t,r);}export{o as attributeValueOf,s as setAttribute};

package/target/esbuild/util/environment.jsx

@@ -0,0 +1 @@
+import{isServer as e}from"solid-js/web";import{checkState as r}from"./preconditions";function c(){r(!e,"expected browser environment");}function n(){r(e,"expected server environment");}export{c as checkBrowser,n as checkServer};

package/target/esbuild/util/event.jsx

@@ -1 +1 @@
-import{isServer as d}from"solid-js/web";import{printDebug as l}from"./debug";const i=["stopPropagation","stopImmediatePropagation"],a=new WeakMap,u=!d&&(()=>{let t=!1;const e={get passive(){return t=!0,!1}},o=()=>{};try{try{window.addEventListener("test",o,e)}finally{window.removeEventListener("test",o,e)}return l(`passive event listeners are${t?"":" not"} supported`),t}catch(n){return l("passive event listeners are not supported",n),!1}})();function h(t,e){return u?t:t.capture??!1}function c(t){for(const e of t.composedPath())if(e.nodeType===Node.DOCUMENT_NODE)return e;return null}function f(t,e){const o=i.map(n=>Object.getOwnPropertyDescriptor(t,n));for(const n of i){const r=t[n];Object.defineProperty(t,n,{configurable:!0,writable:!0,value(){r.call(this),e()}})}return()=>i.forEach((n,r)=>{const s=o[r];s===void 0?Reflect.deleteProperty(t,n):Object.defineProperty(t,n,s)})}class p{#i;#e;#t;#n;#o;#r;#a;#l;#s;constructor(e){const o=e.bubbles&&!e.cancelBubble?c(e):null,n=()=>this.#d();this.#i=e,this.#e=[],this.#t=o,this.#n=o?.defaultView??null,this.#o=r=>{r===e&&e.cancelBubble&&n()},this.#r=r=>{r===e&&n()},this.#a=o===null?null:f(e,()=>queueMicrotask(n)),this.#l=o!==null&&e.isTrusted?setTimeout(n,0):void 0,this.#s=!1,this.#t?.addEventListener(e.type,this.#o),this.#n?.addEventListener(e.type,this.#r),(o===null||!e.isTrusted)&&queueMicrotask(n)}request(e,o){this.#e.push({action:e,preventDefault:o})}#d(){const e=this.#i,o=e.eventPhase!==Event.NONE;let n=e.defaultPrevented;if(!this.#s){this.#s=!0,a.delete(e),this.#t?.removeEventListener(e.type,this.#o),this.#n?.removeEventListener(e.type,this.#r),this.#a?.(),clearTimeout(this.#l);for(const{action:r,preventDefault:s}of this.#e){if(n)return;s&&(n=!0,o&&e.preventDefault()),queueMicrotask(r)}}}}function y(t,e,o,n=!0){let r=a.get(t);t.defaultPrevented||(r===void 0&&(r=new p(t),a.set(t,r)),r.request(o,n))}function m(t,e){const o=t.relatedTarget;return o?.nodeType===Node.ELEMENT_NODE&&e.contains(o)}export{u as HAS_PASSIVE_EVENT_LISTENERS,y as deferAfterDelegatedCancellation,h as eventListenerOptionsOf,m as isLeaveWithin};
+import{isServer as d}from"solid-js/web";import{printDebug as l}from"./debug";const i=["stopPropagation","stopImmediatePropagation"],a=/* @__PURE__ */new WeakMap(),u=!d&&(()=>{let t=!1;const e={get passive(){return t=!0,!1;}},o=()=>{};try{try{window.addEventListener("test",o,e);}finally{window.removeEventListener("test",o,e);}return l(`passive event listeners are${t?"":" not"} supported`),t;}catch(n){return l("passive event listeners are not supported",n),!1;}})();function h(t,e){return u?t:t.capture??!1;}function c(t){for(const e of t.composedPath())if(e.nodeType===Node.DOCUMENT_NODE)return e;return null;}function f(t,e){const o=i.map(n=>Object.getOwnPropertyDescriptor(t,n));for(const n of i){const r=t[n];Object.defineProperty(t,n,{configurable:!0,writable:!0,value(){r.call(this),e();}});}return()=>i.forEach((n,r)=>{const s=o[r];s===void 0?Reflect.deleteProperty(t,n):Object.defineProperty(t,n,s);});}class p{#i;#e;#t;#n;#o;#r;#a;#l;#s;constructor(e){const o=e.bubbles&&!e.cancelBubble?c(e):null,n=()=>this.#d();this.#i=e,this.#e=[],this.#t=o,this.#n=o?.defaultView??null,this.#o=r=>{r===e&&e.cancelBubble&&n();},this.#r=r=>{r===e&&n();},this.#a=o===null?null:f(e,()=>queueMicrotask(n)),this.#l=o!==null&&e.isTrusted?setTimeout(n,0):void 0,this.#s=!1,this.#t?.addEventListener(e.type,this.#o),this.#n?.addEventListener(e.type,this.#r),(o===null||!e.isTrusted)&&queueMicrotask(n);}request(e,o){this.#e.push({action:e,preventDefault:o});}#d(){const e=this.#i,o=e.eventPhase!==Event.NONE;let n=e.defaultPrevented;if(!this.#s){this.#s=!0,a.delete(e),this.#t?.removeEventListener(e.type,this.#o),this.#n?.removeEventListener(e.type,this.#r),this.#a?.(),clearTimeout(this.#l);for(const{action:r,preventDefault:s}of this.#e){if(n)return;s&&(n=!0,o&&e.preventDefault()),queueMicrotask(r);}}}}function y(t,e,o,n=!0){let r=a.get(t);t.defaultPrevented||(r===void 0&&(r=new p(t),a.set(t,r)),r.request(o,n));}function m(t,e){const o=t.relatedTarget;return o?.nodeType===Node.ELEMENT_NODE&&e.contains(o);}export{u as HAS_PASSIVE_EVENT_LISTENERS,y as deferAfterDelegatedCancellation,h as eventListenerOptionsOf,m as isLeaveWithin};

package/target/esbuild/util/index.jsx

@@ -1 +1 @@
-import{BoxBottom as t,BoxLeft as r,BoxRight as c,BoxTop as i,axisOfBoxSide as x,logicalBoxSidesOf as f}from"./box-side";import{assertDebug as p,printDebug as s}from"./debug";import{attributeValueOf as h,setAttribute as m}from"./dom";import{HAS_PASSIVE_EVENT_LISTENERS as B,deferAfterDelegatedCancellation as k,eventListenerOptionsOf as l}from"./event";import{checkArgument as d,checkArray as g,checkBoolean as b,checkBrowser as A,checkNumber as O,checkObject as E,checkServer as D,checkState as L,checkString as V,checkValueDefined as v}from"./preconditions";import{consumeProps as P,isPropReactive as R}from"./reactive";export{t as BoxBottom,r as BoxLeft,c as BoxRight,i as BoxTop,B as HAS_PASSIVE_EVENT_LISTENERS,p as assertDebug,h as attributeValueOf,x as axisOfBoxSide,d as checkArgument,g as checkArray,b as checkBoolean,A as checkBrowser,O as checkNumber,E as checkObject,D as checkServer,L as checkState,V as checkString,v as checkValueDefined,P as consumeProps,k as deferAfterDelegatedCancellation,l as eventListenerOptionsOf,R as isPropReactive,f as logicalBoxSidesOf,s as printDebug,m as setAttribute};
+import{BoxBottom as r,BoxLeft as t,BoxRight as c,BoxTop as i,axisOfBoxSide as x,logicalBoxSidesOf as f}from"./box-side";import{assertDebug as p,printDebug as s}from"./debug";import{attributeValueOf as S,setAttribute as h}from"./dom";import{checkBrowser as B,checkServer as k}from"./environment";import{HAS_PASSIVE_EVENT_LISTENERS as u,deferAfterDelegatedCancellation as d,eventListenerOptionsOf as g}from"./event";import{checkArgument as A,checkArray as O,checkBoolean as E,checkNumber as D,checkObject as L,checkState as V,checkString as v,checkValueDefined as N}from"./preconditions";import{consumeProps as R,isPropReactive as T}from"./reactive";export{r as BoxBottom,t as BoxLeft,c as BoxRight,i as BoxTop,u as HAS_PASSIVE_EVENT_LISTENERS,p as assertDebug,S as attributeValueOf,x as axisOfBoxSide,A as checkArgument,O as checkArray,E as checkBoolean,B as checkBrowser,D as checkNumber,L as checkObject,k as checkServer,V as checkState,v as checkString,N as checkValueDefined,R as consumeProps,d as deferAfterDelegatedCancellation,g as eventListenerOptionsOf,T as isPropReactive,f as logicalBoxSidesOf,s as printDebug,h as setAttribute};

package/target/esbuild/util/preconditions.jsx

@@ -1 +1 @@
-import{isServer as t}from"solid-js/web";function i(n,e){if(!n)throw new Error(e===void 0?"invalid state":`invalid state: ${e}`)}function a(){i(!t,"expected browser environment")}function c(){i(t,"expected server environment")}function u(n,e){if(!n)throw new Error(e===void 0?"invalid argument":`invalid argument: ${e}`)}function l(n,e){if(n==null)throw new ReferenceError(`${e??"value"} is 'null' or 'undefined'`)}function r(n,e,o){if(typeof e!==n)throw new TypeError(`${o??"value"} is not a ${n}`)}function f(n,e){r("boolean",n,e)}function v(n,e){r("number",n,e)}function d(n,e){r("string",n,e)}function w(n,e){r("object",n,e)}function k(n,e){if(!Array.isArray(n))throw new TypeError(`${e??"value"} is not an array`)}export{u as checkArgument,k as checkArray,f as checkBoolean,a as checkBrowser,v as checkNumber,w as checkObject,c as checkServer,i as checkState,d as checkString,l as checkValueDefined};
+function i(n,e){if(!n)throw new Error(e===void 0?"invalid state":`invalid state: ${e}`);}function o(n,e){if(!n)throw new Error(e===void 0?"invalid argument":`invalid argument: ${e}`);}function s(n,e){if(n==null)throw new ReferenceError(`${e??"value"} is 'null' or 'undefined'`);}function r(n,e,t){if(typeof e!==n)throw new TypeError(`${t??"value"} is not a ${n}`);}function a(n,e){r("boolean",n,e);}function u(n,e){r("number",n,e);}function c(n,e){r("string",n,e);}function l(n,e){r("object",n,e);}function f(n,e){if(!Array.isArray(n))throw new TypeError(`${e??"value"} is not an array`);}export{o as checkArgument,f as checkArray,a as checkBoolean,u as checkNumber,l as checkObject,i as checkState,c as checkString,s as checkValueDefined};

package/target/esbuild/util/reactive.jsx

@@ -1 +1 @@
-import{$PROXY as i,untrack as c}from"solid-js";function u(e,t){return i in e||Object.getOwnPropertyDescriptor(e,t)?.get!==void 0}function d(e,t,P){const r={};if(!(i in e))for(const n of t){const o=Object.getOwnPropertyDescriptor(e,n);o?.get===void 0&&(r[n]=o?.value)}return P!==void 0&&P.length>0&&c(()=>{for(const n of P)r[n]=e[n]}),r}export{d as consumeProps,u as isPropReactive};
+import{$PROXY as i,untrack as c}from"solid-js";function u(e,t){return i in e||Object.getOwnPropertyDescriptor(e,t)?.get!==void 0;}function d(e,t,P){const r={};if(!(i in e))for(const n of t){const o=Object.getOwnPropertyDescriptor(e,n);o?.get===void 0&&(r[n]=o?.value);}return P!==void 0&&P.length>0&&c(()=>{for(const n of P)r[n]=e[n];}),r;}export{d as consumeProps,u as isPropReactive};

package/target/node/color.js

@@ -0,0 +1 @@
+var ye=.008856451679035631,pe=24389/27,He=1.02117770275752,Ae=.9863077294280124,Le=.9339605082802299,Q=.3884814537800353,be=29.980997194447333,q=1.0169191804458755,_e=1.3173270022537198,Ie=.759112960023724,Ne=.8834525670408592,Ke=1.1319226830134397,Be=5,ze=8,k=he(0,256),Ye=he(.5,255),je=new Float64Array(3),Ue=new Float64Array(3),Ce=new Float64Array(3);function Ge(e){let n=e/255;return n<=.040449936?n/12.92*100:Math.pow((n+.055)/1.055,2.4)*100}function he(e,n){let r=new Float64Array(n);for(let o=0;o<n;o++)r[o]=Ge(e+o);return r}function N(e){let n=e/100;return(n<=.0031308?n*12.92:1.055*Math.pow(n,1/2.4)-.055)*255}function X(e){return x(0,255,Math.round(N(e)))}function Se(e,n,r){return(4278190080|X(e)<<16|X(n)<<8|X(r))>>>0}function K(e){return e>ye?Math.pow(e,1/3):(pe*e+16)/116}function $e(e){let n=e*e*e;return n>ye?n:(116*e-16)/pe}function xe(e){return e<0?-1:e===0?0:1}function P(e){let n=Math.pow(Math.abs(e),.42);return xe(e)*400*n/(n+27.13)}function ee(e){let n=Math.abs(e);return xe(e)*Math.pow(Math.max(0,27.13*n/(400-n)),1/.42)}function fe(e,n,r){let o=P(.001200833568784504*e+.002389694492170889*n+.0002795742885861124*r),t=P(.0005891086651375999*e+.0029785502573438758*n+.0003270666104008398*r),a=P(.00010146692491640572*e+.0005364214359186694*n+.0032979401770712076*r);return Math.atan2((o+t-2*a)/9,(11*o-12*t+a)/11)}function me(e){return(e+Math.PI*8)%(Math.PI*2)}function re(e,n,r){return me(n-e)<me(r-e)}function We(e,n){let r=Ce,o=n%4<=1?0:100,t=n%2===0?0:100,a;return n<4?(a=(e-o*.7152-t*.0722)/.2126,r[0]=a,r[1]=o,r[2]=t):n<8?(a=(e-t*.2126-o*.0722)/.7152,r[0]=t,r[1]=a,r[2]=o):(a=(e-o*.2126-t*.7152)/.0722,r[0]=o,r[1]=t,r[2]=a),a>=0&&a<=100}function Xe(e,n,r){let o=3846.153846153846*(.25*(Math.cos(e+2)+3.8))*q,t=Math.sin(e),a=Math.cos(e),i=Math.sqrt(r)*11;for(let c=0;;c++){let u=i/100,s=n===0||i===0?0:n/Math.sqrt(u),d=Math.pow(s*Ke,1/.9),m=be*Math.pow(u,Ie)/q,y=23*(m+.305)*d/(23*o+11*d*a+108*d*t),b=y*a,C=y*t,f=ee((460*m+451*b+288*C)/1403),p=ee((460*m-891*b-261*C)/1403),M=ee((460*m-220*b-6300*C)/1403),V=1373.2198709594231*f-1100.4251190754821*p-7.278681089101213*M,G=-271.815969077903*f+559.6580465940733*p-32.46047482791194*M,$=1.9622899599665666*f-57.173814538844006*p+308.7233197812385*M;if(V<0||G<0||$<0)return 0;let W=.2126*V+.7152*G+.0722*$;if(W<=0)return 0;if(c===Be-1||Math.abs(W-r)<.002)return V>100.01||G>100.01||$>100.01?0:Se(V,G,$);i-=(W-r)*i/(2*W)}}function qe(e,n){let r=je,o=Ue,t=Ce,a=0,i=0,c=!1,u=!1;for(let s=0;s<12;s++){if(!We(n,s))continue;let d=fe(t[0],t[1],t[2]);c?(!u||re(a,d,i))&&(u=!0,re(a,e,d)?(o.set(t),i=d):(r.set(t),a=d)):(r.set(t),o.set(t),a=d,i=d,c=!0)}for(let s=0;s<3;s++){let d=r[s],m=o[s];if(d===m)continue;let y=d<m?Math.floor(N(d)-.5):Math.ceil(N(d)-.5),b=d<m?Math.ceil(N(m)-.5):Math.floor(N(m)-.5);for(let C=0;C<ze&&Math.abs(b-y)>1;C++){let f=Math.floor((y+b)/2),p=(Ye[f]-r[s])/(o[s]-r[s]);for(let V=0;V<3;V++)t[V]=r[V]+(o[V]-r[V])*p;let M=fe(t[0],t[1],t[2]);re(a,e,M)?(o.set(t),b=f):(r.set(t),a=M,y=f)}}return Se((r[0]+o[0])/2,(r[1]+o[1])/2,(r[2]+o[2])/2)}function x(e,n,r){return r<e?e:r>n?n:r}function S(e){let n=e%360;return n<0?n+360:n}function H(e){return 100*$e((e+16)/116)}function ne(e){return K(e/100)*116-16}function Re(e){let n=k[e>>16&255],r=k[e>>8&255],o=k[e&255],t=K((.41233895*n+.35762064*r+.18051042*o)/95.047),a=K((.2126*n+.7152*r+.0722*o)/100),i=K((.01932141*n+.11916382*r+.95034478*o)/108.883);return[116*a-16,500*(t-a),200*(a-i)]}function A(e){let n=k[e>>16&255],r=k[e>>8&255],o=k[e&255],t=.41233895*n+.35762064*r+.18051042*o,a=.2126*n+.7152*r+.0722*o,i=.01932141*n+.11916382*r+.95034478*o,c=P(Q*(He*(.401288*t+.650173*a-.051461*i))/100),u=P(Q*(Ae*(-.250268*t+1.204414*a+.045854*i))/100),s=P(Q*(Le*(-.002079*t+.048952*a+.953127*i))/100),d=(11*c-12*u+s)/11,m=(c+u-2*s)/9,y=S(Math.atan2(m,d)*180/Math.PI),b=100*Math.pow((40*c+20*u+s)/20*q/be,_e),C=.25*(Math.cos((y<20.14?y+360:y)*Math.PI/180+2)+3.8),f=5e4/13*C*q*Math.sqrt(d*d+m*m)/((20*c+20*u+21*s)/20+.305);return{argb:e,hue:y,chroma:Math.pow(f,.9)*Ne*Math.sqrt(b/100),tone:116*K(a/100)-16}}function T(e,n,r){let o=H(r);if(n<1e-4||r<1e-4||r>99.9999){let i=X(o);return(4278190080|i<<16|i<<8|i)>>>0}let t=S(e)/180*Math.PI,a=Xe(t,n,o);return a!==0?a:qe(t,o)}function w(e,n,r){return A(T(e,n,r))}function oe(e){return`#${(e&16777215).toString(16).padStart(6,"0")}`}var Fe=.04;function te(e,n){return e>n?(e+5)/(n+5):(n+5)/(e+5)}function E(e,n){return te(H(x(0,100,e)),H(x(0,100,n)))}function ae(e,n){if(e<0||e>100)return-1;let r=H(e),o=n*(r+5)-5,t=te(o,r);if(t<n&&Math.abs(t-n)>Fe)return-1;let a=ne(o)+.4;return a<0||a>100?-1:a}function ie(e,n){if(e<0||e>100)return-1;let r=H(e),o=(r+5)/n-5,t=te(r,o);if(t<n&&Math.abs(t-n)>Fe)return-1;let a=ne(o)-.4;return a<0||a>100?-1:a}function Z(e){return Math.round(e)<60}function B(e,n){let r=ae(e,n),o=ie(e,n),t=r<0?100:r,a=o<0?0:o,i=E(t,e),c=E(a,e);return Z(e)?i>=n||i>=c||Math.abs(i-c)<.1&&i<n&&c<n?t:a:c>=n||c>=i?a:t}function z(e){return e>=105&&e<125}function ce(e,n,r){if(r!==99||!z(e))return T(e,n,r);let o=T(e,n,98),t=T(e,n,100),a=4278190080;for(let i of[16,8,0])a|=Math.round(((o>>i&255)+(t>>i&255))/2)<<i;return a>>>0}function Ze(e){let n=Math.round(e.hue);return n>=90&&n<=111&&Math.round(e.chroma)>16&&Math.round(e.tone)<65}function le(e){return Ze(e)?w(e.hue,e.chroma,70):e}var D=361;function Je(e){let[,n,r]=Re(e),o=S(Math.atan2(r,n)*180/Math.PI),t=Math.sqrt(n*n+r*r);return-.5+.02*Math.pow(t,1.07)*Math.cos(S(o-50)*Math.PI/180)}function Ve(e){let n=new Uint32Array(D),r=new Float64Array(D+1),o=0,t=0;for(let a=0;a<D;a++)n[a]=T(a,e.chroma,e.tone);for(let a=0;a<=D;a++){let i=Je(a<D?n[a]:e.argb);r[a]=i,i<r[o]&&(o=a),i>=r[t]&&(t=a)}return{source:e,colors:n,temperatures:r,coldest:o,warmest:t}}function J(e,n){return n<D?A(e.colors[n]):e.source}function Y(e,n){let{temperatures:r,coldest:o,warmest:t}=e,a=r[t]-r[o];return a===0?.5:(r[n]-r[o])/a}function ge(e,n,r){return n<r?n<=e&&e<=r:n<=e||e<=r}function ve(e){let n=Ve(e),r=Math.round(e.hue),o=Y(n,r),t=0;for(let c=1;c<360;c++){let u=Y(n,(r+c)%360);t+=Math.abs(u-o),o=u}let a=t/6,i=0;o=Y(n,r);for(let c=1;;c++){let u=(r+c)%360,s=Y(n,u);if(i+=Math.abs(s-o),i>=a)return J(n,u);o=s}}function Te(e){let n=Ve(e),{temperatures:r,coldest:o,warmest:t}=n,a=J(n,o).hue,i=J(n,t).hue,c=ge(e.hue,a,i),u=c?i:a,s=c?a:i,d=1-Y(n,D),m=Math.round(e.hue),y=1e3;for(let b=0;b<=360;b++){let C=S(u+b);if(!ge(C,u,s))continue;let f=Math.round(C),p=Math.abs(d-(r[f]-r[o])/(r[t]-r[o]));p<y&&(y=p,m=f)}return J(n,m)}var j={error:["error","onError","errorContainer","onErrorContainer"],primary:["primary","onPrimary","primaryContainer","onPrimaryContainer","primaryFixed","primaryFixedDim","onPrimaryFixed","onPrimaryFixedVariant","inversePrimary"],secondary:["secondary","onSecondary","secondaryContainer","onSecondaryContainer","secondaryFixed","secondaryFixedDim","onSecondaryFixed","onSecondaryFixedVariant"],tertiary:["tertiary","onTertiary","tertiaryContainer","onTertiaryContainer","tertiaryFixed","tertiaryFixedDim","onTertiaryFixed","onTertiaryFixedVariant"]},Qe=dr(),L=10,er=[[0,18],[41,15],[61,10],[101,12],[131,15],[181,18],[251,15],[301,12]],rr=[[0,35],[41,30],[61,20],[101,25],[131,30],[181,35],[251,30],[301,25]],nr=[[0,45],[21,95],[51,45],[121,20],[151,45],[191,90],[271,45],[321,45]],or=[[0,120],[21,120],[51,20],[121,45],[151,20],[191,15],[271,20],[321,120]],tr=[[0,-40],[20,48],[71,-32],[161,40],[333,-32]],ar=[[0,-32],[38,26],[105,10],[161,-39],[204,24],[278,-15],[333,-32]],Oe=[[0,-14],[38,10],[105,-14],[140,10],[333,-14]],ir=[[0,-72],[38,35],[71,24],[105,-24],[140,62],[161,50],[253,62],[333,-72]],cr=[[0,-160],[105,155],[140,-100],[204,96],[253,-96],[278,-156],[300,-165],[333,-160]],lr=[[0,-165],[105,160],[140,-105],[204,101],[253,-101],[278,-160],[300,-170],[333,-165]],sr=[[0,10],[71,0],[124,10],[253,0],[278,10],[300,0]],ur=[[0,12],[3,22],[13,32],[23,12],[33,22],[43,32],[153,22],[273,12]];function dr(){let e=new Map;for(let n of Object.keys(j))j[n].forEach((r,o)=>e.set(r,[n,o]));return e}function fr(e){return e>=170&&e<207}function Ee(e){return e>=250&&e<270}function De(e,n){let r=0;for(let[o,t]of e)n>=o&&(r=t);return S(r)}function g(e,n){return S(n+De(e,n))}function l(e,n){return{hue:e,chroma:n,lightTone:void 0,darkTone:void 0}}function mr(e,n){let{hue:r,chroma:o}=e,t=l(25,84);switch(n){case"content":case"fidelity":{let a=le(n==="content"?ve(e):Te(e));return{primary:l(r,o),secondary:l(r,Math.max(o-32,o*.5)),tertiary:l(a.hue,a.chroma),error:t,neutral:l(r,o/8),neutralVariant:l(r,o/8+4)}}case"expressive":return{primary:l(S(r+240),40),secondary:l(g(nr,r),24),tertiary:l(g(or,r),32),error:t,neutral:l(S(r+15),8),neutralVariant:l(S(r+15),12)};case"fruitSalad":return{primary:l(S(r-50),48),secondary:l(S(r-50),36),tertiary:l(r,36),error:t,neutral:l(r,10),neutralVariant:l(r,16)};case"monochrome":return{primary:l(r,0),secondary:l(r,0),tertiary:l(r,0),error:t,neutral:l(r,0),neutralVariant:l(r,0)};case"neutral":return{primary:l(r,12),secondary:l(r,8),tertiary:l(r,16),error:t,neutral:l(r,2),neutralVariant:l(r,2)};case"rainbow":return{primary:l(r,48),secondary:l(r,16),tertiary:l(S(r+60),24),error:t,neutral:l(r,0),neutralVariant:l(r,0)};case"tonalSpot":return{primary:l(r,36),secondary:l(r,16),tertiary:l(S(r+60),24),error:t,neutral:l(r,6),neutralVariant:l(r,8)};case"vibrant":return{primary:l(r,200),secondary:l(g(er,r),24),tertiary:l(g(rr,r),32),error:t,neutral:l(r,10),neutralVariant:l(r,12)}}}function yr(e,n,r){let o=De(ur,e);switch(n){case"expressive":{let t=g(sr,e);return{primary:l(e,r?36:48),secondary:l(g(cr,e),r?16:24),tertiary:l(g(lr,e),48),error:l(o,64),neutral:l(t,r?z(t)?6:14:18)}}case"neutral":return{primary:l(e,Ee(e)?12:8),secondary:l(e,Ee(e)?6:4),tertiary:l(g(ar,e),20),error:l(o,50),neutral:l(e,1.4)};case"tonalSpot":return{primary:l(e,r?26:32),secondary:l(e,16),tertiary:l(g(tr,e),28),error:l(o,60),neutral:l(e,5)};case"vibrant":return{primary:l(e,74),secondary:l(g(Oe,e),56),tertiary:l(g(ir,e),56),error:l(o,80),neutral:l(g(Oe,e),28)}}}function se(e,n,r){return(1-r)*e+r*n}function v(e,n){let[r,o,t,a]=e;return n<=-1?r:n<0?se(r,o,n+1):n<.5?se(o,t,n/.5):n<1?se(t,a,(n-.5)/.5):a}function ue(e,n,r){let o=r?-1:1,t=r?100:0,a=w(e,n,t).chroma,i=t;for(;a<n&&t>=0&&t<=100;){t+=o;let c=w(e,n,t).chroma;a<c&&(a=c,i=t)}return i}function h(e,n,r){return e.lightTone??=ue(e.hue,e.chroma,!0),x(n,r,e.lightTone)}function _(e,n,r){return e.darkTone??=ue(e.hue,e.chroma,!1),x(n,r,e.darkTone)}function pr(e,n,r){let{hue:o,chroma:t}=n,a=e.isDark?1:-1,i=w(o,t,r).chroma,c=i,u=r;for(;i<t;){u+=a;let s=w(o,t,u).chroma;if(c>s||Math.abs(s-t)<.4)break;Math.abs(s-t)<Math.abs(i-t)&&(i=s),c=Math.max(c,s)}return u}function br(e){return e.fixed??=!e.isDark&&e.contrastLevel===0?e:{...e,isDark:!1,contrastLevel:0,definitions:new Map,tones:new Map,fixed:void 0},e.fixed}function F(e){return e.isDark?"surfaceBright":"surfaceDim"}function Cr(e,n,r){let{isDark:o,palettes:t,source:a,variant:i}=e,c=i==="monochrome",u=i==="content"||i==="fidelity",s=t[n],d=j[n];switch(r){case 0:return c&&n==="primary"?o?100:0:c&&n==="tertiary"?o?90:25:o?80:40;case 1:return c&&n==="secondary"?o?10:100:c&&n!=="error"?o?10:90:o?20:100;case 2:return u&&n==="primary"?a.tone:u&&n==="secondary"?pr(e,s,o?30:90):u&&n==="tertiary"?le(A(ce(s.hue,s.chroma,a.tone))).tone:c&&n==="primary"?o?85:25:c&&n==="secondary"?o?30:85:c&&n==="tertiary"?o?60:49:o?30:90;case 3:return u&&n!=="error"?B(O(e,d[2]).tone,4.5):c&&(n==="primary"||n==="tertiary")?o?0:100:c?o?90:10:o?90:30;case 4:return c?n==="secondary"?80:40:90;case 5:return c?n==="secondary"?70:30:80;case 6:return c&&n!=="secondary"?100:10;case 7:return c?n==="secondary"?25:90:30;case 8:return o?40:80}}function hr(e,n,r){let o=j[n],t=e.palettes[n],a=Cr(e,n,r);switch(r){case 0:case 2:return{palette:t,tone:a,background:F(e),curve:r===0?[3,4.5,7,7]:[1,1,3,4.5],pair:{nearer:o[2],farther:o[0],together:!1}};case 1:return{palette:t,tone:a,background:o[0],curve:[4.5,7,11,21]};case 3:return{palette:t,tone:a,background:o[2],curve:[3,4.5,7,11]};case 4:case 5:{let i=o[4],c=o[5];return{palette:t,tone:a,background:F(e),curve:[1,1,3,4.5],pair:{nearer:e.isDark?c:i,farther:e.isDark?i:c,together:!0}}}case 6:case 7:return{palette:t,tone:a,background:o[5],secondBackground:o[4],curve:r===6?[4.5,7,11,21]:[3,4.5,7,11]};case 8:return{palette:t,tone:a,background:"inverseSurface",curve:[3,4.5,7,7]}}}function Sr(e,n){let{contrastLevel:r,isDark:o}=e,{neutral:t,primary:a}=e.palettes,i=e.palettes.neutralVariant;switch(n){case"background":case"surface":return{palette:t,tone:o?6:98};case"surfaceDim":return{palette:t,tone:o?6:v([87,87,80,75],r)};case"surfaceBright":return{palette:t,tone:o?v([24,24,29,34],r):98};case"surfaceContainerLowest":return{palette:t,tone:o?v([4,4,2,0],r):100};case"surfaceContainerLow":return{palette:t,tone:v(o?[10,10,11,12]:[96,96,96,95],r)};case"surfaceContainer":return{palette:t,tone:v(o?[12,12,16,20]:[94,94,92,90],r)};case"surfaceContainerHigh":return{palette:t,tone:v(o?[17,17,21,25]:[92,92,88,85],r)};case"surfaceContainerHighest":return{palette:t,tone:v(o?[22,22,26,30]:[90,90,84,80],r)};case"surfaceVariant":return{palette:i,tone:o?30:90};case"inverseSurface":return{palette:t,tone:o?90:20};case"surfaceTint":return{palette:a,tone:o?80:40};case"onBackground":return{palette:t,tone:o?90:10,background:"background",curve:[3,3,4.5,7]};case"onSurface":return{palette:t,tone:o?90:10,background:F(e),curve:[4.5,7,11,21]};case"onSurfaceVariant":return{palette:i,tone:o?80:30,background:F(e),curve:[3,4.5,7,11]};case"inverseOnSurface":return{palette:t,tone:o?20:95,background:"inverseSurface",curve:[4.5,7,11,21]};case"outline":return{palette:i,tone:o?60:50,background:F(e),curve:[1.5,3,4.5,7]};case"outlineVariant":return{palette:i,tone:o?30:80,background:F(e),curve:[1,1,3,4.5]};default:return{palette:t,tone:0}}}function I(e,n,r,o,t){return e.variant==="neutral"?n:e.variant==="tonalSpot"?r:e.variant==="expressive"?o:t}function we(e,n,r){let{isDark:o,variant:t}=e,a=e.palettes[n],i=fr(a.hue);if(r===2)switch(n){case"error":return o?_(a,30,93):h(a,0,90);case"primary":return t==="neutral"?o?30:90:t==="tonalSpot"&&o?_(a,35,93):t==="tonalSpot"?h(a,0,90):t==="expressive"&&o?h(a,30,93):t==="expressive"?h(a,78,i?88:90):o?_(a,66,93):h(a,66,i?88:93);case"secondary":return t==="vibrant"&&o?_(a,30,40):t==="vibrant"?h(a,84,90):t==="expressive"?o?15:h(a,90,95):o?25:90;case"tertiary":return t==="neutral"?h(a,0,o?93:96):t==="tonalSpot"?h(a,0,o?93:100):t==="expressive"&&i?h(a,75,88):t==="expressive"?h(a,75,o?93:100):o?h(a,0,93):h(a,72,100)}switch(n){case"error":return o?_(a,0,98):h(a,0,100);case"primary":return t==="neutral"?o?80:40:t==="tonalSpot"?o?80:h(a,0,100):t==="expressive"&&z(a.hue)?h(a,0,25):h(a,0,i?88:98);case"secondary":return t==="neutral"&&o?_(a,0,98):t==="vibrant"?h(a,0,o?90:98):o?80:h(a,0,100);case"tertiary":return h(a,0,i&&(t==="expressive"||t==="vibrant")?88:o?98:100)}}function xr(e,n,r){let o=j[n],t=e.palettes[n],a=o[2],i=o[5];switch(r){case 0:{let c=we(e,n,0),u=R(e,a);return{palette:t,tone:e.isDark?x(u+5,100,c):x(0,u-5,c),background:F(e),curve:[4.5,4.5,7,11],isBackground:!0}}case 1:return{palette:t,tone:R(e,o[0]),background:o[0],curve:[6,6,7,11]};case 2:return{palette:t,tone:we(e,n,2),background:F(e),curve:e.contrastLevel>0?[1.5,1.5,3,5.5]:void 0,isBackground:!0};case 4:return{palette:t,tone:R(br(e),a),background:F(e),curve:e.contrastLevel>0?[1.5,1.5,3,5.5]:void 0,isBackground:!0};case 3:return{palette:t,tone:R(e,a),background:a,curve:n==="error"?[4.5,4.5,7,11]:[6,6,7,11]};case 5:return{palette:t,tone:x(0,100,R(e,o[4])-5)};case 6:case 7:return{palette:t,tone:R(e,i),background:i,curve:r===6?[7,7,11,21]:[4.5,4.5,7,11]};case 8:return{palette:t,tone:h(t,0,100),background:"inverseSurface",curve:[6,6,7,11]}}}function Rr(e,n){let{isDark:r,variant:o}=e,t=e.palettes.neutral,a=z(t.hue),i=o==="vibrant",c=I(e,2.2,1.7,a?r?3:2.3:1.6,1);switch(n){case"background":return O(e,"surface");case"surfaceVariant":return O(e,"surfaceContainerHighest");case"surfaceTint":return O(e,"primary");case"surface":return{palette:t,tone:r?4:a?99:i?97:98};case"surfaceDim":case"surfaceBright":{let u=I(e,2.5,1.7,a?2.7:1.75,1.36);return n==="surfaceDim"?{palette:t,chromaFactor:r?1:u,tone:r?4:a?90:i?85:87}:{palette:t,chromaFactor:r?u:1,tone:r?18:a?99:i?97:98}}case"surfaceContainerLowest":return{palette:t,tone:r?0:100};case"surfaceContainerLow":return{palette:t,chromaFactor:I(e,1.3,1.25,a?1.3:1.15,1.08),tone:r?6:a?98:i?95:96};case"surfaceContainer":return{palette:t,chromaFactor:I(e,1.6,1.4,a?1.6:1.3,1.15),tone:r?9:a?96:i?92:94};case"surfaceContainerHigh":return{palette:t,chromaFactor:I(e,1.9,1.5,a?1.95:1.45,1.22),tone:r?12:a?94:i?90:92};case"surfaceContainerHighest":return{palette:t,chromaFactor:I(e,2.2,1.7,a?2.3:1.6,1.29),tone:r?15:a?92:i?88:90};case"inverseSurface":return{palette:t,tone:r?98:4};case"onBackground":return{...O(e,"onSurface"),tone:R(e,"onSurface")};case"onSurface":{let u=i?x(0,100,ue(t.hue,t.chroma*1.1,!0)):R(e,F(e));return{palette:t,chromaFactor:c,tone:u,background:F(e),curve:r?[11,11,21,21]:[9,9,11,21]}}case"onSurfaceVariant":case"outline":case"outlineVariant":return{palette:t,chromaFactor:c,tone:R(e,F(e)),background:F(e),curve:n==="outline"?[3,3,4.5,7]:n==="outlineVariant"?[1.5,1.5,3,5.5]:r?[6,6,7,11]:[4.5,4.5,7,11]};case"inverseOnSurface":return{palette:t,tone:R(e,"inverseSurface"),background:"inverseSurface",curve:[7,7,11,21]};default:return{palette:t,tone:0}}}function O(e,n){let r=e.definitions.get(n);if(r===void 0){let o=Qe.get(n),t=e.specVersion==="2021";r=o===void 0&&t?Sr(e,n):o===void 0?Rr(e,n):t?hr(e,...o):xr(e,...o),e.definitions.set(n,r)}return r}function Fr(e,n,r,o){let{contrastLevel:t,isDark:a}=e,{nearer:i,farther:c,together:u}=o,s=a?1:-1,d=R(e,r.background),m=O(e,i),y=O(e,c),b=v(m.curve,t),C=v(y.curve,t),f=m.tone,p=y.tone;return(t<0||E(d,f)<b)&&(f=B(d,b)),(t<0||E(d,p)<C)&&(p=B(d,C)),(p-f)*s<L&&(p=x(0,100,f+L*s),(p-f)*s<L&&(f=x(0,100,p-L*s))),f>=50&&f<60||u&&p>=50&&p<60?(f=a?60:49,p=a?Math.max(p,f+L):Math.min(p,f-L)):p>=50&&p<60&&(p=a?60:49),n===i?f:p}function gr(e,n){let r=O(e,n),{background:o,curve:t,pair:a,secondBackground:i}=r,c=e.contrastLevel;if(a!==void 0)return Fr(e,n,r,a);if(o===void 0||t===void 0)return r.tone;let u=R(e,o),s=v(t,c),d=c<0||E(u,r.tone)<s?B(u,s):r.tone;if(r.isBackground&&(d=d>=57?x(65,100,d):x(0,49,d)),i!==void 0){let m=R(e,i),y=Math.max(u,m),b=Math.min(u,m);if(E(y,d)<s||E(b,d)<s){let C=ae(y,s),f=ie(b,s);d=Z(u)||Z(m)?C<0?100:C:C<0!=f<0?C<0?f:C:f<0?0:f}}return d}function R(e,n){let r=e.tones.get(n);return r===void 0&&(r=gr(e,n),e.tones.set(n,r)),r}function Me(e,n,r,o,t){let a=A(e),i=t==="2025"?yr(a.hue,n,r):void 0;return{specVersion:i!==void 0?"2025":"2021",variant:n,isDark:r,contrastLevel:o,source:a,palettes:i??mr(a,n),definitions:new Map,tones:new Map,fixed:void 0}}function ke(e,n){let{chromaFactor:r,palette:o}=O(e,n),t=R(e,n);return e.specVersion==="2021"?ce(o.hue,o.chroma,t):T(o.hue,o.chroma*(r??1),t)}var de=Object.freeze([{role:"primary",cssRole:"primary-fill"},{role:"onPrimary",cssRole:"primary-onFill"},{role:"primaryContainer",cssRole:"primary-container"},{role:"onPrimaryContainer",cssRole:"primary-onContainer"},{role:"inversePrimary",cssRole:"primary-inverseFill"},{role:"primaryFixed",cssRole:"primary-fixedFill"},{role:"primaryFixedDim",cssRole:"primary-fixedFillDim"},{role:"onPrimaryFixed",cssRole:"primary-onFixedFill"},{role:"onPrimaryFixedVariant",cssRole:"primary-onFixedFillVariant"},{role:"secondary",cssRole:"secondary-fill"},{role:"onSecondary",cssRole:"secondary-onFill"},{role:"secondaryContainer",cssRole:"secondary-container"},{role:"onSecondaryContainer",cssRole:"secondary-onContainer"},{role:"secondaryFixed",cssRole:"secondary-fixedFill"},{role:"secondaryFixedDim",cssRole:"secondary-fixedFillDim"},{role:"onSecondaryFixed",cssRole:"secondary-onFixedFill"},{role:"onSecondaryFixedVariant",cssRole:"secondary-onFixedFillVariant"},{role:"tertiary",cssRole:"tertiary-fill"},{role:"onTertiary",cssRole:"tertiary-onFill"},{role:"tertiaryContainer",cssRole:"tertiary-container"},{role:"onTertiaryContainer",cssRole:"tertiary-onContainer"},{role:"tertiaryFixed",cssRole:"tertiary-fixedFill"},{role:"tertiaryFixedDim",cssRole:"tertiary-fixedFillDim"},{role:"onTertiaryFixed",cssRole:"tertiary-onFixedFill"},{role:"onTertiaryFixedVariant",cssRole:"tertiary-onFixedFillVariant"},{role:"error",cssRole:"error-fill"},{role:"onError",cssRole:"error-onFill"},{role:"errorContainer",cssRole:"error-container"},{role:"onErrorContainer",cssRole:"error-onContainer"},{role:"background",cssRole:"background"},{role:"onBackground",cssRole:"onBackground"},{role:"surface",cssRole:"surface-fill"},{role:"onSurface",cssRole:"surface-onFill"},{role:"surfaceVariant",cssRole:"surface-fillVariant"},{role:"onSurfaceVariant",cssRole:"surface-onFillVariant"},{role:"surfaceTint",cssRole:"surface-tint"},{role:"inverseSurface",cssRole:"surface-inverseFill"},{role:"inverseOnSurface",cssRole:"surface-inverseOnFill"},{role:"surfaceBright",cssRole:"surface-fillBright"},{role:"surfaceDim",cssRole:"surface-fillDim"},{role:"surfaceContainer",cssRole:"surface-container"},{role:"surfaceContainerHigh",cssRole:"surface-containerHigh"},{role:"surfaceContainerHighest",cssRole:"surface-containerHighest"},{role:"surfaceContainerLow",cssRole:"surface-containerLow"},{role:"surfaceContainerLowest",cssRole:"surface-containerLowest"},{role:"outline",cssRole:"outline"},{role:"outlineVariant",cssRole:"outlineVariant"},{role:"scrim",cssRole:"scrim"},{role:"shadow",cssRole:"shadow"}].map(e=>Object.freeze(e))),Vr=Object.freeze(de.map(({cssRole:e})=>e)),vr=new Set(["tonalSpot","expressive","vibrant","fidelity","content","monochrome","neutral","rainbow","fruitSalad"]),Tr=/^(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,U=new WeakMap;function Or(e){if(typeof e=="number"){if(!Number.isFinite(e))throw new TypeError("sourceColor must be a CSS hexadecimal color or ARGB number");if(!Number.isInteger(e)||e<0||e>4294967295)throw new RangeError("sourceColor ARGB number must be an integer in [0, 0xffffffff]");return e>>>0}let n=typeof e=="string"?e.trim().replace(/^#/,""):"";if(!Tr.test(n))throw new TypeError("sourceColor must be a CSS hexadecimal color or ARGB number");let r=n.length<=4?n.replace(/./g,"$&$&"):n;return((r.length===8?parseInt(r.slice(6),16):255)<<24|parseInt(r.slice(0,6),16))>>>0}function Er(e,n,r){let o=e===void 0?{}:typeof e=="string"?{mode:e}:typeof e=="boolean"?{isDark:e}:e;if(typeof o!="object"||o===null||Array.isArray(o))throw new TypeError("color-scheme options must be an object");if(o.isDark!==void 0&&typeof o.isDark!="boolean")throw new TypeError("isDark must be a boolean");let t=o.isDark===void 0?o.mode??"light":o.isDark?"dark":"light",a=n??o.contrastLevel??0,i=r??o.variant??"tonalSpot",c=o.specVersion??"2025";if(o.mode!==void 0&&o.mode!==t)throw new RangeError("mode and isDark select different color-scheme modes");if(t!=="light"&&t!=="dark")throw new TypeError("mode must be 'light' or 'dark'");if(!Number.isFinite(a)||a<-1||a>1)throw new RangeError("contrastLevel must be a finite number in [-1, 1]");if(!vr.has(i))throw new TypeError("variant is not a supported Material 3 color style");if(c!=="2021"&&c!=="2025")throw new TypeError("specVersion must be '2021' or '2025'");return{mode:t,contrastLevel:a,variant:i,specVersion:c}}function wr(e,n,r,o){let t=Or(e),a=Er(n,r,o),i=Me(t,a.variant,a.mode==="dark",a.contrastLevel,a.specVersion),c={},u={},s={},d={},m="";for(let{role:y,cssRole:b}of de){let C=ke(i,y),f=oe(C);c[y]=C,u[y]=f,s[b]=f,d[`--cw-Color-${b}`]=f,m+=`--cw-Color-${b}:${f};`}return Object.freeze({...u,specVersion:i.specVersion,sourceColor:oe(t),sourceColorArgb:t,mode:a.mode,isDark:a.mode==="dark",contrastLevel:a.contrastLevel,variant:a.variant,argb:Object.freeze(c),values:Object.freeze(s),variables:Object.freeze(d),cssText:`${m}color-scheme:${a.mode}`})}function Pe(e,n){let{style:r}=e;for(let[o,t]of n.properties)r.getPropertyValue(o)!==t.applied||r.getPropertyPriority(o)!==""||(t.value===""?r.removeProperty(o):r.setProperty(o,t.value,t.priority));U.delete(e)}function Dr(e,n){if(typeof e?.style?.setProperty!="function")throw new TypeError("target must be an Element with inline CSS styles");if(typeof n?.variables!="object"||typeof n.cssText!="string")throw new TypeError("scheme must be a color scheme created by createColorScheme");let{style:r}=e,o=U.get(e),t=new Map,a={properties:t},i=[...Object.entries(n.variables),["color-scheme",n.mode]];for(let[c,u]of i){let s=o?.properties.get(c),d=s!==void 0&&r.getPropertyValue(c)===s.applied&&r.getPropertyPriority(c)==="";t.set(c,{value:d?s.value:r.getPropertyValue(c),priority:d?s.priority:r.getPropertyPriority(c),applied:u}),r.setProperty(c,u)}return U.set(e,a),()=>{U.get(e)===a&&Pe(e,a)}}function Mr(e){let n=U.get(e);n!==void 0&&Pe(e,n)}export{Vr as COLOR_SCHEME_CSS_ROLES,de as COLOR_SCHEME_ROLE_MAPPINGS,Dr as applyColorScheme,wr as createColorScheme,Mr as removeColorScheme};