@warp-ds/elements 2.2.0-next.4 → 2.2.0-next.6

package/dist/packages/button/react.js

@@ -0,0 +1,2480 @@
+var gr=Object.create;var le=Object.defineProperty;var $e=Object.getOwnPropertyDescriptor;var pr=Object.getOwnPropertyNames;var br=Object.getPrototypeOf,mr=Object.prototype.hasOwnProperty;var K=(e,r)=>()=>(r||e((r={exports:{}}).exports,r),r.exports);var hr=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of pr(r))!mr.call(e,i)&&i!==t&&le(e,i,{get:()=>r[i],enumerable:!(o=$e(r,i))||o.enumerable});return e};var _e=(e,r,t)=>(t=e!=null?gr(br(e)):{},hr(r||!e||!e.__esModule?le(t,"default",{value:e,enumerable:!0}):t,e));var L=(e,r,t,o)=>{for(var i=o>1?void 0:o?$e(r,t):r,n=e.length-1,a;n>=0;n--)(a=e[n])&&(i=(o?a(r,t,i):a(i))||i);return o&&i&&le(r,t,i),i};var Ae=K(p=>{"use strict";var de=Symbol.for("react.transitional.element"),vr=Symbol.for("react.portal"),fr=Symbol.for("react.fragment"),wr=Symbol.for("react.strict_mode"),yr=Symbol.for("react.profiler"),xr=Symbol.for("react.consumer"),kr=Symbol.for("react.context"),$r=Symbol.for("react.forward_ref"),_r=Symbol.for("react.suspense"),Cr=Symbol.for("react.memo"),ze=Symbol.for("react.lazy"),Ce=Symbol.iterator;function Er(e){return e===null||typeof e!="object"?null:(e=Ce&&e[Ce]||e["@@iterator"],typeof e=="function"?e:null)}var Te={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Pe=Object.assign,Oe={};function H(e,r,t){this.props=e,this.context=r,this.refs=Oe,this.updater=t||Te}H.prototype.isReactComponent={};H.prototype.setState=function(e,r){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,r,"setState")};H.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Re(){}Re.prototype=H.prototype;function ue(e,r,t){this.props=e,this.context=r,this.refs=Oe,this.updater=t||Te}var ge=ue.prototype=new Re;ge.constructor=ue;Pe(ge,H.prototype);ge.isPureReactComponent=!0;var Ee=Array.isArray,x={H:null,A:null,T:null,S:null,V:null},De=Object.prototype.hasOwnProperty;function pe(e,r,t,o,i,n){return t=n.ref,{$$typeof:de,type:e,key:r,ref:t!==void 0?t:null,props:n}}function Sr(e,r){return pe(e.type,r,void 0,void 0,void 0,e.props)}function be(e){return typeof e=="object"&&e!==null&&e.$$typeof===de}function Mr(e){var r={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(t){return r[t]})}var Se=/\/+/g;function ce(e,r){return typeof e=="object"&&e!==null&&e.key!=null?Mr(""+e.key):r.toString(36)}function Me(){}function Lr(e){switch(e.status){case"fulfilled":return e.value;case"rejected":throw e.reason;default:switch(typeof e.status=="string"?e.then(Me,Me):(e.status="pending",e.then(function(r){e.status==="pending"&&(e.status="fulfilled",e.value=r)},function(r){e.status==="pending"&&(e.status="rejected",e.reason=r)})),e.status){case"fulfilled":return e.value;case"rejected":throw e.reason}}throw e}function V(e,r,t,o,i){var n=typeof e;(n==="undefined"||n==="boolean")&&(e=null);var a=!1;if(e===null)a=!0;else switch(n){case"bigint":case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case de:case vr:a=!0;break;case ze:return a=e._init,V(a(e._payload),r,t,o,i)}}if(a)return i=i(e),a=o===""?"."+ce(e,0):o,Ee(i)?(t="",a!=null&&(t=a.replace(Se,"$&/")+"/"),V(i,r,t,"",function(h){return h})):i!=null&&(be(i)&&(i=Sr(i,t+(i.key==null||e&&e.key===i.key?"":(""+i.key).replace(Se,"$&/")+"/")+a)),r.push(i)),1;a=0;var s=o===""?".":o+":";if(Ee(e))for(var l=0;l<e.length;l++)o=e[l],n=s+ce(o,l),a+=V(o,r,t,n,i);else if(l=Er(e),typeof l=="function")for(e=l.call(e),l=0;!(o=e.next()).done;)o=o.value,n=s+ce(o,l++),a+=V(o,r,t,n,i);else if(n==="object"){if(typeof e.then=="function")return V(Lr(e),r,t,o,i);throw r=String(e),Error("Objects are not valid as a React child (found: "+(r==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":r)+"). If you meant to render a collection of children, use an array instead.")}return a}function ee(e,r,t){if(e==null)return e;var o=[],i=0;return V(e,o,"","",function(n){return r.call(t,n,i++)}),o}function zr(e){if(e._status===-1){var r=e._result;r=r(),r.then(function(t){(e._status===0||e._status===-1)&&(e._status=1,e._result=t)},function(t){(e._status===0||e._status===-1)&&(e._status=2,e._result=t)}),e._status===-1&&(e._status=0,e._result=r)}if(e._status===1)return e._result.default;throw e._result}var Le=typeof reportError=="function"?reportError:function(e){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var r=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof e=="object"&&e!==null&&typeof e.message=="string"?String(e.message):String(e),error:e});if(!window.dispatchEvent(r))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",e);return}console.error(e)};function Tr(){}p.Children={map:ee,forEach:function(e,r,t){ee(e,function(){r.apply(this,arguments)},t)},count:function(e){var r=0;return ee(e,function(){r++}),r},toArray:function(e){return ee(e,function(r){return r})||[]},only:function(e){if(!be(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};p.Component=H;p.Fragment=fr;p.Profiler=yr;p.PureComponent=ue;p.StrictMode=wr;p.Suspense=_r;p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=x;p.__COMPILER_RUNTIME={__proto__:null,c:function(e){return x.H.useMemoCache(e)}};p.cache=function(e){return function(){return e.apply(null,arguments)}};p.cloneElement=function(e,r,t){if(e==null)throw Error("The argument must be a React element, but you passed "+e+".");var o=Pe({},e.props),i=e.key,n=void 0;if(r!=null)for(a in r.ref!==void 0&&(n=void 0),r.key!==void 0&&(i=""+r.key),r)!De.call(r,a)||a==="key"||a==="__self"||a==="__source"||a==="ref"&&r.ref===void 0||(o[a]=r[a]);var a=arguments.length-2;if(a===1)o.children=t;else if(1<a){for(var s=Array(a),l=0;l<a;l++)s[l]=arguments[l+2];o.children=s}return pe(e.type,i,void 0,void 0,n,o)};p.createContext=function(e){return e={$$typeof:kr,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},e.Provider=e,e.Consumer={$$typeof:xr,_context:e},e};p.createElement=function(e,r,t){var o,i={},n=null;if(r!=null)for(o in r.key!==void 0&&(n=""+r.key),r)De.call(r,o)&&o!=="key"&&o!=="__self"&&o!=="__source"&&(i[o]=r[o]);var a=arguments.length-2;if(a===1)i.children=t;else if(1<a){for(var s=Array(a),l=0;l<a;l++)s[l]=arguments[l+2];i.children=s}if(e&&e.defaultProps)for(o in a=e.defaultProps,a)i[o]===void 0&&(i[o]=a[o]);return pe(e,n,void 0,void 0,null,i)};p.createRef=function(){return{current:null}};p.forwardRef=function(e){return{$$typeof:$r,render:e}};p.isValidElement=be;p.lazy=function(e){return{$$typeof:ze,_payload:{_status:-1,_result:e},_init:zr}};p.memo=function(e,r){return{$$typeof:Cr,type:e,compare:r===void 0?null:r}};p.startTransition=function(e){var r=x.T,t={};x.T=t;try{var o=e(),i=x.S;i!==null&&i(t,o),typeof o=="object"&&o!==null&&typeof o.then=="function"&&o.then(Tr,Le)}catch(n){Le(n)}finally{x.T=r}};p.unstable_useCacheRefresh=function(){return x.H.useCacheRefresh()};p.use=function(e){return x.H.use(e)};p.useActionState=function(e,r,t){return x.H.useActionState(e,r,t)};p.useCallback=function(e,r){return x.H.useCallback(e,r)};p.useContext=function(e){return x.H.useContext(e)};p.useDebugValue=function(){};p.useDeferredValue=function(e,r){return x.H.useDeferredValue(e,r)};p.useEffect=function(e,r,t){var o=x.H;if(typeof t=="function")throw Error("useEffect CRUD overload is not enabled in this build of React.");return o.useEffect(e,r)};p.useId=function(){return x.H.useId()};p.useImperativeHandle=function(e,r,t){return x.H.useImperativeHandle(e,r,t)};p.useInsertionEffect=function(e,r){return x.H.useInsertionEffect(e,r)};p.useLayoutEffect=function(e,r){return x.H.useLayoutEffect(e,r)};p.useMemo=function(e,r){return x.H.useMemo(e,r)};p.useOptimistic=function(e,r){return x.H.useOptimistic(e,r)};p.useReducer=function(e,r,t){return x.H.useReducer(e,r,t)};p.useRef=function(e){return x.H.useRef(e)};p.useState=function(e){return x.H.useState(e)};p.useSyncExternalStore=function(e,r,t){return x.H.useSyncExternalStore(e,r,t)};p.useTransition=function(){return x.H.useTransition()};p.version="19.1.1"});var Ne=K((st,je)=>{"use strict";je.exports=Ae()});var Fe=K(F=>{"use strict";Object.defineProperty(F,"__esModule",{value:!0});F.errorMessages=F.ErrorType=void 0;var I;(function(e){e.MalformedUnicode="MALFORMED_UNICODE",e.MalformedHexadecimal="MALFORMED_HEXADECIMAL",e.CodePointLimit="CODE_POINT_LIMIT",e.OctalDeprecation="OCTAL_DEPRECATION",e.EndOfString="END_OF_STRING"})(I=F.ErrorType||(F.ErrorType={}));F.errorMessages=new Map([[I.MalformedUnicode,"malformed Unicode character escape sequence"],[I.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[I.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[I.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[I.EndOfString,"malformed escape sequence at end of string"]])});var Ve=K(j=>{"use strict";Object.defineProperty(j,"__esModule",{value:!0});j.unraw=j.errorMessages=j.ErrorType=void 0;var M=Fe();Object.defineProperty(j,"ErrorType",{enumerable:!0,get:function(){return M.ErrorType}});Object.defineProperty(j,"errorMessages",{enumerable:!0,get:function(){return M.errorMessages}});function Or(e){return!e.match(/[^a-f0-9]/i)?parseInt(e,16):NaN}function re(e,r,t){let o=Or(e);if(Number.isNaN(o)||t!==void 0&&t!==e.length)throw new SyntaxError(M.errorMessages.get(r));return o}function Rr(e){let r=re(e,M.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(r)}function Ye(e,r){let t=re(e,M.ErrorType.MalformedUnicode,4);if(r!==void 0){let o=re(r,M.ErrorType.MalformedUnicode,4);return String.fromCharCode(t,o)}return String.fromCharCode(t)}function Dr(e){return e.charAt(0)==="{"&&e.charAt(e.length-1)==="}"}function Ar(e){if(!Dr(e))throw new SyntaxError(M.errorMessages.get(M.ErrorType.MalformedUnicode));let r=e.slice(1,-1),t=re(r,M.ErrorType.MalformedUnicode);try{return String.fromCodePoint(t)}catch(o){throw o instanceof RangeError?new SyntaxError(M.errorMessages.get(M.ErrorType.CodePointLimit)):o}}function jr(e,r=!1){if(r)throw new SyntaxError(M.errorMessages.get(M.ErrorType.OctalDeprecation));let t=parseInt(e,8);return String.fromCharCode(t)}var Nr=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Qr(e){return Nr.get(e)||e}var qr=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function Ue(e,r=!1){return e.replace(qr,function(t,o,i,n,a,s,l,h,y){if(o!==void 0)return"\\";if(i!==void 0)return Rr(i);if(n!==void 0)return Ar(n);if(a!==void 0)return Ye(a,s);if(l!==void 0)return Ye(l);if(h==="0")return"\0";if(h!==void 0)return jr(h,!r);if(y!==void 0)return Qr(y);throw new SyntaxError(M.errorMessages.get(M.ErrorType.EndOfString))})}j.unraw=Ue;j.default=Ue});var dr=_e(Ne(),1);var Pr=new Set(["children","localName","ref","style","className"]),Qe=new WeakMap,qe=(e,r,t,o,i)=>{let n=i==null?void 0:i[r];n===void 0?(e[r]=t,t==null&&r in HTMLElement.prototype&&e.removeAttribute(r)):t!==o&&((a,s,l)=>{let h=Qe.get(a);h===void 0&&Qe.set(a,h=new Map);let y=h.get(s);l!==void 0?y===void 0?(h.set(s,y={handleEvent:l}),a.addEventListener(s,y)):y.handleEvent=l:y!==void 0&&(h.delete(s),a.removeEventListener(s,y))})(e,n,t)},me=({react:e,tagName:r,elementClass:t,events:o,displayName:i})=>{let n=new Set(Object.keys(o!=null?o:{})),a=e.forwardRef((s,l)=>{let h=e.useRef(new Map),y=e.useRef(null),z={},D={};for(let[v,$]of Object.entries(s))Pr.has(v)?z[v==="className"?"class":v]=$:n.has(v)||v in t.prototype?D[v]=$:z[v]=$;return e.useLayoutEffect(()=>{if(y.current===null)return;let v=new Map;for(let $ in D)qe(y.current,$,s[$],h.current.get($),o),h.current.delete($),v.set($,s[$]);for(let[$,R]of h.current)qe(y.current,$,void 0,R,o);h.current=v}),e.useLayoutEffect(()=>{var v;(v=y.current)==null||v.removeAttribute("defer-hydration")},[]),z.suppressHydrationWarning=!0,e.createElement(r,{...z,ref:e.useCallback(v=>{y.current=v,typeof l=="function"?l(v):l!==null&&(l.current=v)},[l])})});return a.displayName=i!=null?i:t.name,a};import{html as ie,LitElement as tt}from"lit";var he=function(){for(var e=[],r=arguments.length;r--;)e[r]=arguments[r];return e.reduce(function(t,o){return t.concat(typeof o=="string"?o:Array.isArray(o)?he.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};var Xe=_e(Ve(),1);var N=e=>typeof e=="string",Fr=e=>typeof e=="function",He=new Map,Ze="en";function ye(e){return[...Array.isArray(e)?e:[e],Ze]}function xe(e,r,t){let o=ye(e);t||(t="default");let i;if(typeof t=="string")switch(i={day:"numeric",month:"short",year:"numeric"},t){case"full":i.weekday="long";case"long":i.month="long";break;case"short":i.month="numeric";break}else i=t;return te(()=>oe("date",o,t),()=>new Intl.DateTimeFormat(o,i)).format(N(r)?new Date(r):r)}function Yr(e,r,t){let o;if(t||(t="default"),typeof t=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},t){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=t;return xe(e,r,o)}function ve(e,r,t){let o=ye(e);return te(()=>oe("number",o,t),()=>new Intl.NumberFormat(o,t)).format(r)}function Ie(e,r,t,{offset:o=0,...i}){var s,l;let n=ye(e),a=r?te(()=>oe("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):te(()=>oe("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(l=(s=i[t])!=null?s:i[a.select(t-o)])!=null?l:i.other}function te(e,r){let t=e(),o=He.get(t);return o||(o=r(),He.set(t,o)),o}function oe(e,r,t){let o=r.join("-");return`${e}-${o}-${JSON.stringify(t)}`}var We=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Ge="%__lingui_octothorpe__%",Ur=(e,r,t={})=>{let o=r||e,i=a=>typeof a=="object"?a:t[a],n=(a,s)=>{let l=Object.keys(t).length?i("number"):void 0,h=ve(o,a,l);return s.replace(new RegExp(Ge,"g"),h)};return{plural:(a,s)=>{let{offset:l=0}=s,h=Ie(o,!1,a,s);return n(a-l,h)},selectordinal:(a,s)=>{let{offset:l=0}=s,h=Ie(o,!0,a,s);return n(a-l,h)},select:Vr,number:(a,s)=>ve(o,a,i(s)||{style:s}),date:(a,s)=>xe(o,a,i(s)||s),time:(a,s)=>Yr(o,a,i(s)||s)}},Vr=(e,r)=>{var t;return(t=r[e])!=null?t:r.other};function Hr(e,r,t){return(o={},i)=>{let n=Ur(r,t,i),a=(l,h=!1)=>Array.isArray(l)?l.reduce((y,z)=>{if(z==="#"&&h)return y+Ge;if(N(z))return y+z;let[D,v,$]=z,R={};v==="plural"||v==="selectordinal"||v==="select"?Object.entries($).forEach(([q,X])=>{R[q]=a(X,v==="plural"||v==="selectordinal")}):R=$;let T;if(v){let q=n[v];T=q(o[D],R)}else T=o[D];return T==null?y:y+T},""):l,s=a(e);return N(s)&&We.test(s)?(0,Xe.unraw)(s):N(s)?s:s?String(s):""}}var Ir=Object.defineProperty,Xr=(e,r,t)=>r in e?Ir(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,Zr=(e,r,t)=>(Xr(e,typeof r!="symbol"?r+"":r,t),t),fe=class{constructor(){Zr(this,"_events",{})}on(r,t){var i;var o;return(i=(o=this._events)[r])!=null||(o[r]=[]),this._events[r].push(t),()=>this.removeListener(r,t)}removeListener(r,t){let o=this._getListeners(r);if(!o)return;let i=o.indexOf(t);~i&&o.splice(i,1)}emit(r,...t){let o=this._getListeners(r);o&&o.map(i=>i.apply(this,t))}_getListeners(r){let t=this._events[r];return Array.isArray(t)?t:!1}},Wr=Object.defineProperty,Gr=(e,r,t)=>r in e?Wr(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,Y=(e,r,t)=>(Gr(e,typeof r!="symbol"?r+"":r,t),t),we=class extends fe{constructor(r){var t;super(),Y(this,"_locale",""),Y(this,"_locales"),Y(this,"_localeData",{}),Y(this,"_messages",{}),Y(this,"_missing"),Y(this,"_messageCompiler"),Y(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate((t=r.locale)!=null?t:Ze,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var r;return(r=this._messages[this._locale])!=null?r:{}}get localeData(){var r;return(r=this._localeData[this._locale])!=null?r:{}}_loadLocaleData(r,t){let o=this._localeData[r];o?Object.assign(o,t):this._localeData[r]=t}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,t){typeof r=="string"?this._loadLocaleData(r,t):Object.keys(r).forEach(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,t){let o=this._messages[r];o?Object.assign(o,t):this._messages[r]=t}load(r,t){typeof r=="string"&&typeof t=="object"?this._load(r,t):Object.entries(r).forEach(([o,i])=>this._load(o,i)),this.emit("change")}loadAndActivate({locale:r,locales:t,messages:o}){this._locale=r,this._locales=t||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,t){this._locale=r,this._locales=t,this.emit("change")}_(r,t,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let i=o==null?void 0:o.message;r||(r=""),N(r)||(t=r.values||t,i=r.message,r=r.id);let n=this.messages[r],a=n===void 0,s=this._missing;if(s&&a)return Fr(s)?s(this._locale,r):s;a&&this.emit("missing",{id:r,locale:this._locale});let l=n||i||r;return N(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
+
+> ${l}
+
+That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
+ICU features such as interpolation and plurals will not work properly for that message. 
+
+Please compile your catalog first. 
+`)),N(l)&&We.test(l)?JSON.parse(`"${l}"`):N(l)?l:Hr(l,this._locale,this._locales)(t,o==null?void 0:o.formats)}date(r,t){return xe(this._locales||this._locale,r,t)}number(r,t){return ve(this._locales||this._locale,r,t)}};function Jr(e={}){return new we(e)}var B=Jr();var w=function(e,r,t,o){if(t==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof r=="function"?e!==r||!o:!r.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return t==="m"?o:t==="a"?o.call(e):o?o.value:r.get(e)},E=function(e,r,t,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof r=="function"?e!==r||!i:!r.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(e,t):i?i.value=t:r.set(e,t),t};function Je(e){var r,t,o,i,n,a,s,l,h,y,z,D,v,$,R,T,q,X,ae;class ur extends e{constructor(...b){var f,C,S;super(...b),r.add(this),this.internals=this.attachInternals(),t.set(this,!1),o.set(this,!1),i.set(this,!1),n.set(this,void 0),a.set(this,void 0),s.set(this,!0),h.set(this,""),y.set(this,()=>{E(this,i,!0,"f"),E(this,t,!0,"f"),w(this,r,"m",T).call(this)}),z.set(this,()=>{E(this,t,!1,"f"),w(this,r,"m",q).call(this,this.shouldFormValueUpdate()?w(this,h,"f"):""),!this.validity.valid&&w(this,i,"f")&&E(this,o,!0,"f");let A=w(this,r,"m",T).call(this);this.validationMessageCallback&&this.validationMessageCallback(A?this.internals.validationMessage:"")}),D.set(this,()=>{var A;w(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),E(this,s,!1,"f")),E(this,i,!0,"f"),E(this,o,!0,"f"),w(this,r,"m",T).call(this),(A=this===null||this===void 0?void 0:this.validationMessageCallback)===null||A===void 0||A.call(this,this.showError?this.internals.validationMessage:"")}),v.set(this,void 0),$.set(this,!1),R.set(this,Promise.resolve()),(f=this.addEventListener)===null||f===void 0||f.call(this,"focus",w(this,y,"f")),(C=this.addEventListener)===null||C===void 0||C.call(this,"blur",w(this,z,"f")),(S=this.addEventListener)===null||S===void 0||S.call(this,"invalid",w(this,D,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let b=this.validators.map(S=>S.attribute).flat(),f=super.observedAttributes||[];return[...new Set([...f,...b])]}static getValidator(b){return this.validators.find(f=>f.attribute===b)||null}static getValidators(b){return this.validators.filter(f=>{var C;if(f.attribute===b||!((C=f.attribute)===null||C===void 0)&&C.includes(b))return!0})}get form(){return this.internals.form}get showError(){return w(this,r,"m",T).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(b,f,C){var S;(S=super.attributeChangedCallback)===null||S===void 0||S.call(this,b,f,C);let W=this.constructor.getValidators(b);W!=null&&W.length&&this.validationTarget&&this.setValue(w(this,h,"f"))}setValue(b){var f;E(this,o,!1,"f"),(f=this.validationMessageCallback)===null||f===void 0||f.call(this,""),E(this,h,b,"f");let S=this.shouldFormValueUpdate()?b:null;this.internals.setFormValue(S),w(this,r,"m",q).call(this,S),this.valueChangedCallback&&this.valueChangedCallback(S),w(this,r,"m",T).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(b=>b(w(this,R,"f")))}formResetCallback(){var b,f;E(this,i,!1,"f"),E(this,o,!1,"f"),w(this,r,"m",T).call(this),(b=this.resetFormControl)===null||b===void 0||b.call(this),(f=this.validationMessageCallback)===null||f===void 0||f.call(this,w(this,r,"m",T).call(this)?this.validationMessage:"")}}return t=new WeakMap,o=new WeakMap,i=new WeakMap,n=new WeakMap,a=new WeakMap,s=new WeakMap,h=new WeakMap,y=new WeakMap,z=new WeakMap,D=new WeakMap,v=new WeakMap,$=new WeakMap,R=new WeakMap,r=new WeakSet,l=function(){let b=this.getRootNode(),f=`${this.localName}[name="${this.getAttribute("name")}"]`;return b.querySelectorAll(f)},T=function(){if(this.hasAttribute("disabled"))return!1;let b=w(this,o,"f")||w(this,i,"f")&&!this.validity.valid&&!w(this,t,"f");return b&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),b},q=function(b){let f=this.constructor,C={},S=f.validators,A=[],W=S.some(O=>O.isValid instanceof Promise);w(this,$,"f")||(E(this,R,new Promise(O=>{E(this,v,O,"f")}),"f"),E(this,$,!0,"f")),w(this,n,"f")&&(w(this,n,"f").abort(),E(this,a,w(this,n,"f"),"f"));let G=new AbortController;E(this,n,G,"f");let J,ke=!1;S.length&&(S.forEach(O=>{let ne=O.key||"customError",U=O.isValid(this,b,G.signal);U instanceof Promise?(A.push(U),U.then(se=>{se!=null&&(C[ne]=!se,J=w(this,r,"m",ae).call(this,O,b),w(this,r,"m",X).call(this,C,J))})):(C[ne]=!U,this.validity[ne]!==!U&&(ke=!0),!U&&!J&&(J=w(this,r,"m",ae).call(this,O,b)))}),Promise.allSettled(A).then(()=>{var O;G!=null&&G.signal.aborted||(E(this,$,!1,"f"),(O=w(this,v,"f"))===null||O===void 0||O.call(this))}),(ke||!W)&&w(this,r,"m",X).call(this,C,J))},X=function(b,f){if(this.validationTarget)this.internals.setValidity(b,f,this.validationTarget),E(this,s,!1,"f");else{if(this.internals.setValidity(b,f),this.internals.validity.valid)return;E(this,s,!0,"f")}},ae=function(b,f){if(this.validityCallback){let C=this.validityCallback(b.key||"customError");if(C)return C}return b.message instanceof Function?b.message(this,f):b.message},ur}import ot from"@warp-ds/elements-core";import{property as P}from"lit/decorators.js";var Br=["en","nb","fi","da","sv"],Ke="en",Be=e=>Br.find(r=>e===r||e.toLowerCase().includes(r))||Ke;function Kr(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Be(e)}try{let e=document.documentElement.lang;return Be(e)}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ke}}var et=(e,r,t,o,i,n)=>e==="nb"?t:e==="fi"?o:e==="da"?i:e==="sv"?n:r,er=(e,r,t,o,i)=>{let n=Kr(),a=et(n,e,r,t,o,i);B.load(n,a),B.activate(n)};import{css as rr}from"lit";var tr=rr`
+  *,
+  :before,
+  :after {
+    box-sizing: border-box;
+    border-style: solid;
+    border-width: 0;
+    border-color: var(--w-s-color-border);
+  }
+  html {
+    font-size: 62.5%;
+  }
+  body {
+    background-color: var(--w-s-color-background);
+    min-height: 100%;
+    margin: 0;
+    overflow-y: scroll;
+  }
+  body,
+  :host {
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    -webkit-tap-highlight-color: transparent;
+    font-family: var(--w-font-family);
+    font-size: var(--w-font-size-m);
+    line-height: var(--w-line-height-m);
+    color: var(--w-s-color-text);
+  }
+  hr {
+    color: inherit;
+    border-top-width: 1px;
+    height: 0;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-size: inherit;
+    font-weight: 700;
+  }
+  a {
+    cursor: pointer;
+    color: var(--w-s-color-text-link);
+    text-decoration: none;
+  }
+  a:hover,
+  a:focus,
+  a:active {
+    text-decoration: underline;
+  }
+  a:focus-visible {
+    outline: 2px solid var(--w-s-color-border-focus);
+    outline-offset: 1px;
+  }
+  b,
+  strong {
+    font-weight: 700;
+  }
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family:
+      ui-monospace,
+      SFMono-Regular,
+      Menlo,
+      Monaco,
+      Consolas,
+      Liberation Mono,
+      Courier New,
+      monospace;
+    font-size: 1em;
+  }
+  sub,
+  sup {
+    vertical-align: baseline;
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit;
+    font-size: 100%;
+    font-weight: inherit;
+    line-height: inherit;
+    color: inherit;
+    margin: 0;
+    padding: 0;
+  }
+  button,
+  select {
+    text-transform: none;
+  }
+  button,
+  [type='button'],
+  [type='reset'],
+  [type='submit'] {
+    -webkit-appearance: button;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  ::-webkit-inner-spin-button {
+    height: auto;
+  }
+  ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [type='search'] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button;
+    font: inherit;
+  }
+  summary {
+    display: list-item;
+  }
+  blockquote,
+  dl,
+  dd,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  hr,
+  figure,
+  p,
+  pre {
+    margin: 0;
+  }
+  fieldset {
+    margin: 0;
+    padding: 0;
+  }
+  legend {
+    padding: 0;
+  }
+  ol,
+  ul,
+  menu {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+  textarea {
+    resize: vertical;
+  }
+  input::placeholder,
+  textarea::placeholder {
+    opacity: 1;
+    color: var(--w-s-color-text-placeholder);
+  }
+  button,
+  [role='button'] {
+    cursor: pointer;
+  }
+  :disabled {
+    cursor: default;
+  }
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
+    vertical-align: middle;
+    display: block;
+  }
+  img,
+  video {
+    max-width: 100%;
+    height: auto;
+  }
+  h1 {
+    font-size: var(--w-font-size-xxl);
+    line-height: var(--w-line-height-xxl);
+  }
+  h2 {
+    font-size: var(--w-font-size-xl);
+    line-height: var(--w-line-height-xl);
+  }
+  h3 {
+    font-size: var(--w-font-size-l);
+    line-height: var(--w-line-height-l);
+  }
+  h4 {
+    font-size: var(--w-font-size-m);
+    line-height: var(--w-line-height-m);
+  }
+  h5 {
+    font-size: var(--w-font-size-s);
+    line-height: var(--w-line-height-s);
+  }
+  dt,
+  dd {
+    margin: 0 16px;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  ul,
+  ol,
+  dl,
+  p,
+  blockquote {
+    margin: 0 0 8px;
+  }
+  [hidden] {
+    display: none !important;
+  }
+  [tabindex='-1']:focus:not(:focus-visible) {
+    outline: none;
+  }
+  legend {
+    float: left;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    display: table;
+  }
+  legend + * {
+    clear: both;
+  }
+  fieldset {
+    border: 0;
+    min-width: 0;
+    margin: 0;
+    padding: 0.01em 0 0;
+  }
+  body:not(:-moz-handler-blocked) fieldset {
+    display: table-cell;
+  }
+  svg {
+    pointer-events: none;
+  }
+`,yt=rr`*, :before, :after {
+            --w-rotate: 0;
+            --w-rotate-x: 0;
+            --w-rotate-y: 0;
+            --w-rotate-z: 0;
+            --w-scale-x: 1;
+            --w-scale-y: 1;
+            --w-scale-z: 1;
+            --w-skew-x: 0;
+            --w-skew-y: 0;
+            --w-translate-x: 0;
+            --w-translate-y: 0;
+            --w-translate-z: 0
+        }
+
+            .h4, .t4 {
+                font-weight: 700;
+                font-size: var(--w-font-size-m);
+                line-height: var(--w-line-height-m)
+            }
+
+            .t3 {
+                font-weight: 700;
+                font-size: var(--w-font-size-l);
+                line-height: var(--w-line-height-l)
+            }
+
+            @media (min-width: 480px) {
+                .sm\\:h3 {
+                    font-weight: 700;
+                    font-size: var(--w-font-size-l);
+                    line-height: var(--w-line-height-l)
+                }
+            }
+
+            .text-center {
+                text-align: center
+            }
+
+            .before\\:text-center:before {
+                text-align: center
+            }
+
+            .text-left {
+                text-align: left
+            }
+
+            .text-right {
+                text-align: right
+            }
+
+            .align-middle {
+                vertical-align: middle
+            }
+
+            .animate-inprogress {
+                background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;
+                background-size: 30px 30px;
+                animation: animate-inprogress 3s linear infinite
+            }
+
+            @keyframes animate-inprogress {
+                0% {
+                    background-position: 0 0
+                }
+                to {
+                    background-position: 60px 0
+                }
+            }
+
+            .\\[--w-modal-max-height\\:80\\%\\] {
+                --w-modal-max-height: 80%
+            }
+
+            .\\[--w-modal-width\\:640px\\] {
+                --w-modal-width: 640px
+            }
+
+            .focus\\:\\[--w-outline-offset\\:-2px\\]:focus {
+                --w-outline-offset: -2px
+            }
+
+            .backdrop-blur {
+                -webkit-backdrop-filter: blur(4px);
+                backdrop-filter: blur(4px)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:bg-center:before {
+                background-position: center
+            }
+
+            .hover\\:bg-clip-padding:hover {
+                -webkit-background-clip: padding-box;
+                background-clip: padding-box
+            }
+
+            .bg-transparent, .group\\/steph:first-child .group-first\\/steph\\:bg-transparent, .group\\/steph:last-child .group-last\\/steph\\:bg-transparent {
+                background-color: transparent
+            }
+
+            .bg-\\[--w-black\\/25\\] {
+                background-color: rgba(var(--w-rgb-black), .25)
+            }
+
+            .bg-\\[--w-black\\/70\\], .bg-\\[var\\(--w-black\\)\\/70\\] {
+                background-color: rgba(var(--w-rgb-black), .7)
+            }
+
+            .bg-\\[--w-color-badge-info-background\\] {
+                background-color: var(--w-color-badge-info-background)
+            }
+
+            .bg-\\[--w-color-badge-negative-background\\] {
+                background-color: var(--w-color-badge-negative-background)
+            }
+
+            .bg-\\[--w-color-badge-neutral-background\\] {
+                background-color: var(--w-color-badge-neutral-background)
+            }
+
+            .bg-\\[--w-color-badge-positive-background\\] {
+                background-color: var(--w-color-badge-positive-background)
+            }
+
+            .bg-\\[--w-color-badge-sponsored-background\\] {
+                background-color: var(--w-color-badge-sponsored-background)
+            }
+
+            .bg-\\[--w-color-badge-warning-background\\] {
+                background-color: var(--w-color-badge-warning-background)
+            }
+
+            .bg-\\[--w-color-button-primary-background\\] {
+                background-color: var(--w-color-button-primary-background)
+            }
+
+            .bg-\\[--w-color-buttongroup-utility-background-selected\\] {
+                background-color: var(--w-color-buttongroup-utility-background-selected)
+            }
+
+            .bg-\\[--w-color-callout-background\\] {
+                background-color: var(--w-color-callout-background)
+            }
+
+            .bg-\\[--w-color-pill-suggestion-background\\] {
+                background-color: var(--w-color-pill-suggestion-background)
+            }
+
+            .bg-\\[--w-color-switch-track-background\\] {
+                background-color: var(--w-color-switch-track-background)
+            }
+
+            .bg-\\[--w-s-color-surface-elevated-100\\] {
+                background-color: var(--w-s-color-surface-elevated-100)
+            }
+
+            .bg-\\[--w-s-color-surface-elevated-300\\] {
+                background-color: var(--w-s-color-surface-elevated-300)
+            }
+
+            .bg-\\[--w-s-icon-selected\\] {
+                background-color: var(--w-s-icon-selected)
+            }
+
+            .group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\] {
+                background-color: var(--w-color-switch-track-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover {
+                background-color: var(--w-color-button-pill-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover {
+                background-color: var(--w-color-button-primary-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-buttongroup-utility-background-hover\\]:hover {
+                background-color: var(--w-color-buttongroup-utility-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover {
+                background-color: var(--w-color-pill-suggestion-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-s-icon-subtle\\]:hover {
+                background-color: var(--w-s-icon-subtle)
+            }
+
+            .hover\\:bg-\\[var\\(--w-black\\)\\/85\\]:hover {
+                background-color: rgba(var(--w-rgb-black), .85)
+            }
+
+            .active\\:bg-\\[--w-color-button-pill-background-active\\]:active {
+                background-color: var(--w-color-button-pill-background-active)
+            }
+
+            .active\\:bg-\\[--w-color-button-primary-background-active\\]:active {
+                background-color: var(--w-color-button-primary-background-active)
+            }
+
+            .active\\:bg-\\[--w-color-buttongroup-utility-background-selected\\]:active {
+                background-color: var(--w-color-buttongroup-utility-background-selected)
+            }
+
+            .active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active {
+                background-color: var(--w-color-pill-suggestion-background-active)
+            }
+
+            .active\\:bg-\\[var\\(--w-black\\)\\]:active {
+                background-color: var(--w-black)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:bg-\\[url\\(var\\(--w-icon-toggle-checked\\)\\)\\]:before {
+                background-image: var(--w-icon-toggle-checked)
+            }
+
+            .appearance-none {
+                -moz-appearance: none;
+                appearance: none;
+                -webkit-appearance: none
+            }
+
+            .will-change-height {
+                will-change: height
+            }
+
+            .border, .border-1 {
+                border-width: 1px
+            }
+
+            .border-b {
+                border-bottom-width: 1px
+            }
+
+            .before\\:border:before {
+                border-width: 1px
+            }
+
+            .border-0 {
+                border-width: 0
+            }
+
+            .border-2 {
+                border-width: 2px
+            }
+
+            .border-b-0 {
+                border-bottom-width: 0
+            }
+
+            .border-b-4 {
+                border-bottom-width: 4px
+            }
+
+            .border-l-4 {
+                border-left-width: 4px
+            }
+
+            .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\:border-r-0 {
+                border-right-width: 0
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:border-\\[6\\]:before {
+                border-width: .6rem
+            }
+
+            .border-transparent {
+                border-color: transparent
+            }
+
+            .border-\\[--w-color-buttongroup-utility-border\\] {
+                border-color: var(--w-color-buttongroup-utility-border)
+            }
+
+            .border-\\[--w-color-callout-border\\] {
+                border-color: var(--w-color-callout-border)
+            }
+
+            .border-\\[--w-s-color-background-inverted\\] {
+                border-color: var(--w-s-color-background-inverted)
+            }
+
+            .border-\\[--w-s-color-surface-elevated-300\\] {
+                border-color: var(--w-s-color-surface-elevated-300)
+            }
+
+            .active\\:border-\\[--w-color-buttongroup-utility-border-selected\\]:active {
+                border-color: var(--w-color-buttongroup-utility-border-selected)
+            }
+
+            .divide-x > * + * {
+                --w-divide-x-reverse: 0;
+                border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));
+                border-right-width: calc(1px * var(--w-divide-x-reverse))
+            }
+
+            .divide-y > * + * {
+                --w-divide-y-reverse: 0;
+                border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));
+                border-bottom-width: calc(1px * var(--w-divide-y-reverse))
+            }
+
+            .rounded-4 {
+                border-radius: 4px
+            }
+
+            .rounded-8 {
+                border-radius: 8px
+            }
+
+            .rounded-full {
+                border-radius: 9999px
+            }
+
+            .before\\:rounded-2:before {
+                border-radius: 2px
+            }
+
+            .before\\:rounded-full:before {
+                border-radius: 9999px
+            }
+
+            .rounded-b-0 {
+                border-bottom-left-radius: 0;
+                border-bottom-right-radius: 0
+            }
+
+            .rounded-bl-0 {
+                border-bottom-left-radius: 0
+            }
+
+            .rounded-br-0 {
+                border-bottom-right-radius: 0
+            }
+
+            .rounded-l-0 {
+                border-top-left-radius: 0;
+                border-bottom-left-radius: 0
+            }
+
+            .rounded-l-full {
+                border-top-left-radius: 9999px;
+                border-bottom-left-radius: 9999px
+            }
+
+            .rounded-r-0 {
+                border-top-right-radius: 0;
+                border-bottom-right-radius: 0
+            }
+
+            .rounded-r-full {
+                border-top-right-radius: 9999px;
+                border-bottom-right-radius: 9999px
+            }
+
+            .rounded-tl-0 {
+                border-top-left-radius: 0
+            }
+
+            .rounded-tl-4 {
+                border-top-left-radius: 4px
+            }
+
+            .rounded-tr-0 {
+                border-top-right-radius: 0
+            }
+
+            .group:first-of-type .group-first-of-type\\:rounded-bl-8 {
+                border-bottom-left-radius: 8px
+            }
+
+            .group:first-of-type .group-first-of-type\\:rounded-tl-8 {
+                border-top-left-radius: 8px
+            }
+
+            .first\\:rounded-lb-4:first-child {
+                border-bottom-left-radius: 4px
+            }
+
+            .first\\:rounded-lt-4:first-child {
+                border-top-left-radius: 4px
+            }
+
+            .first\\:rounded-rt-4:first-child {
+                border-top-right-radius: 4px
+            }
+
+            .group:last-of-type .group-last-of-type\\:rounded-br-8 {
+                border-bottom-right-radius: 8px
+            }
+
+            .group:last-of-type .group-last-of-type\\:rounded-tr-8 {
+                border-top-right-radius: 8px
+            }
+
+            .last\\:rounded-lb-4:last-child {
+                border-bottom-left-radius: 4px
+            }
+
+            .last\\:rounded-rb-4:last-child {
+                border-bottom-right-radius: 4px
+            }
+
+            .last\\:rounded-rt-4:last-child {
+                border-top-right-radius: 4px
+            }
+
+            .caret-current {
+                caret-color: currentColor
+            }
+
+            .opacity-25 {
+                opacity: 25%
+            }
+
+            .block {
+                display: block
+            }
+
+            .before\\:block:before {
+                display: block
+            }
+
+            .inline-block {
+                display: inline-block
+            }
+
+            .inline {
+                display: inline
+            }
+
+            .flex, .open\\:flex[open] {
+                display: flex
+            }
+
+            .inline-flex {
+                display: inline-flex
+            }
+
+            .grid {
+                display: grid
+            }
+
+            .inline-grid {
+                display: inline-grid
+            }
+
+            .hidden, .group\\/stepv:last-child .group-last\\/stepv\\:hidden {
+                display: none
+            }
+
+            .before\\:hidden:before {
+                display: none
+            }
+
+            .hover\\:underline:hover {
+                text-decoration-line: underline
+            }
+
+            .focus\\:underline:focus {
+                text-decoration-line: underline
+            }
+
+            .focus-visible\\:underline:focus-visible {
+                text-decoration-line: underline
+            }
+
+            .active\\:underline:active {
+                text-decoration-line: underline
+            }
+
+            .hover\\:no-underline:hover {
+                text-decoration: none
+            }
+
+            .focus\\:no-underline:focus {
+                text-decoration: none
+            }
+
+            .active\\:no-underline:active {
+                text-decoration: none
+            }
+
+            .flex-1 {
+                flex: 1 1 0%
+            }
+
+            .shrink {
+                flex-shrink: 1
+            }
+
+            .shrink-0 {
+                flex-shrink: 0
+            }
+
+            .shrink-0\\! {
+                flex-shrink: 0 !important
+            }
+
+            .grow, .grow-1 {
+                flex-grow: 1
+            }
+
+            .basis-auto {
+                flex-basis: auto
+            }
+
+            .flex-col {
+                flex-direction: column
+            }
+
+            .focus-within\\:focusable:focus-within {
+                outline: 2px solid var(--w-s-color-border-focus);
+                outline-offset: var(--w-outline-offset, 1px)
+            }
+
+            .focusable:focus, .focusable:focus-visible {
+                outline: 2px solid var(--w-s-color-border-focus);
+                outline-offset: var(--w-outline-offset, 1px)
+            }
+
+            .focusable:not(:focus-visible) {
+                outline: none
+            }
+
+            .peer:focus ~ .peer-focus\\:focusable, .peer:focus-visible ~ .peer-focus\\:focusable {
+                outline: 2px solid var(--w-s-color-border-focus);
+                outline-offset: var(--w-outline-offset, 1px)
+            }
+
+            .peer:not(:focus-visible) ~ .peer-focus\\:focusable {
+                outline: none
+            }
+
+            .focusable-inset {
+                --w-outline-offset: -3px
+            }
+
+            .gap-12 {
+                gap: 1.2rem
+            }
+
+            .gap-8 {
+                gap: .8rem
+            }
+
+            .gap-x-16 {
+                column-gap: 1.6rem
+            }
+
+            .gap-y-16 {
+                row-gap: 1.6rem
+            }
+
+            .row-span-2 {
+                grid-row: span 2/span 2
+            }
+
+            .col-span-2 {
+                grid-column: span 2/span 2
+            }
+
+            .col-span-3 {
+                grid-column: span 3/span 3
+            }
+
+            .row-start-1 {
+                grid-row-start: 1
+            }
+
+            .row-start-2 {
+                grid-row-start: 2
+            }
+
+            .col-start-2 {
+                grid-column-start: 2
+            }
+
+            .auto-rows-auto {
+                grid-auto-rows: auto
+            }
+
+            .grid-flow-col {
+                grid-auto-flow: column
+            }
+
+            .grid-rows-\\[20px_auto\\] {
+                grid-template-rows:20px auto
+            }
+
+            .grid-rows-\\[auto_20px\\] {
+                grid-template-rows:auto 20px
+            }
+
+            .grid-cols-\\[1fr_20px_1fr\\] {
+                grid-template-columns:1fr 20px 1fr
+            }
+
+            .grid-cols-\\[1fr_20px\\] {
+                grid-template-columns:1fr 20px
+            }
+
+            .grid-cols-\\[20px_1fr\\] {
+                grid-template-columns:20px 1fr
+            }
+
+            .grid-cols-\\[auto_1fr_auto\\] {
+                grid-template-columns:auto 1fr auto
+            }
+
+            .grid-cols-1 {
+                grid-template-columns:repeat(1, minmax(0, 1fr))
+            }
+
+            .grid-cols-2 {
+                grid-template-columns:repeat(2, minmax(0, 1fr))
+            }
+
+            .grid-cols-3 {
+                grid-template-columns:repeat(3, minmax(0, 1fr))
+            }
+
+            .grid-cols-4 {
+                grid-template-columns:repeat(4, minmax(0, 1fr))
+            }
+
+            .grid-cols-5 {
+                grid-template-columns:repeat(5, minmax(0, 1fr))
+            }
+
+            .grid-cols-6 {
+                grid-template-columns:repeat(6, minmax(0, 1fr))
+            }
+
+            .grid-cols-7 {
+                grid-template-columns:repeat(7, minmax(0, 1fr))
+            }
+
+            .grid-cols-8 {
+                grid-template-columns:repeat(8, minmax(0, 1fr))
+            }
+
+            .grid-cols-9 {
+                grid-template-columns:repeat(9, minmax(0, 1fr))
+            }
+
+            .overflow-hidden {
+                overflow: hidden
+            }
+
+            .overflow-x-hidden {
+                overflow-x: hidden
+            }
+
+            .overflow-y-auto {
+                overflow-y: auto
+            }
+
+            .list-none {
+                list-style-type: none
+            }
+
+            .outline-\\[--w-s-color-border-negative\\]\\! {
+                outline-color: var(--w-s-color-border-negative) !important
+            }
+
+            .outline-none {
+                outline: 2px solid transparent;
+                outline-offset: 2px
+            }
+
+            .focus\\:outline-none:focus {
+                outline: 2px solid transparent;
+                outline-offset: 2px
+            }
+
+            .items-start {
+                align-items: flex-start
+            }
+
+            .items-end {
+                align-items: flex-end
+            }
+
+            .items-center {
+                align-items: center
+            }
+
+            .self-center {
+                align-self: center
+            }
+
+            .inset-0 {
+                top: 0rem;
+                right: 0rem;
+                bottom: 0rem;
+                left: 0rem
+            }
+
+            .-bottom-0 {
+                bottom: -0rem
+            }
+
+            .bottom-0 {
+                bottom: 0rem
+            }
+
+            .bottom-10 {
+                bottom: 1rem
+            }
+
+            .bottom-16 {
+                bottom: 1.6rem
+            }
+
+            .left-0 {
+                left: 0rem
+            }
+
+            .left-4 {
+                left: .4rem
+            }
+
+            .right-0 {
+                right: 0rem
+            }
+
+            .right-8 {
+                right: .8rem
+            }
+
+            .top-\\[1\\.92rem\\] {
+                top: 1.92rem
+            }
+
+            .top-0 {
+                top: 0rem
+            }
+
+            .top-20 {
+                top: 2rem
+            }
+
+            .top-4 {
+                top: .4rem
+            }
+
+            .top-8 {
+                top: .8rem
+            }
+
+            .before\\:bottom-0:before {
+                bottom: 0rem
+            }
+
+            .before\\:left-0:before {
+                left: 0rem
+            }
+
+            .before\\:right-0:before {
+                right: 0rem
+            }
+
+            .before\\:top-2:before {
+                top: .2rem
+            }
+
+            .-bottom-\\[8px\\] {
+                bottom: -8px
+            }
+
+            .-left-\\[8px\\] {
+                left: -8px
+            }
+
+            .-right-\\[8px\\] {
+                right: -8px
+            }
+
+            .-top-\\[8px\\] {
+                top: -8px
+            }
+
+            .top-\\[19px\\] {
+                top: 19px
+            }
+
+            .top-\\[30\\%\\] {
+                top: 30%
+            }
+
+            .justify-end {
+                justify-content: flex-end
+            }
+
+            .justify-center {
+                justify-content: center
+            }
+
+            .justify-between {
+                justify-content: space-between
+            }
+
+            .justify-items-center {
+                justify-items: center
+            }
+
+            .justify-self-start {
+                justify-self: start
+            }
+
+            .justify-self-end {
+                justify-self: end
+            }
+
+            .justify-self-center {
+                justify-self: center
+            }
+
+            .absolute {
+                position: absolute
+            }
+
+            .fixed {
+                position: fixed
+            }
+
+            .relative {
+                position: relative
+            }
+
+            .open\\:fixed[open] {
+                position: fixed
+            }
+
+            .before\\:absolute:before {
+                position: absolute
+            }
+
+            .z-10, .peer:checked ~ .peer-checked\\:z-10 {
+                z-index: 10
+            }
+
+            .z-30 {
+                z-index: 30
+            }
+
+            .z-50 {
+                z-index: 50
+            }
+
+            .hover\\:z-30:hover {
+                z-index: 30
+            }
+
+            .\\!s-bg-selected {
+                background-color: var(--w-s-color-background-selected) !important
+            }
+
+            .s-bg {
+                background-color: var(--w-s-color-background)
+            }
+
+            .s-bg-disabled {
+                background-color: var(--w-s-color-background-disabled)
+            }
+
+            .s-bg-disabled-subtle {
+                background-color: var(--w-s-color-background-disabled-subtle)
+            }
+
+            .s-bg-info-subtle {
+                background-color: var(--w-s-color-background-info-subtle)
+            }
+
+            .s-bg-inverted {
+                background-color: var(--w-s-color-background-inverted)
+            }
+
+            .s-bg-negative {
+                background-color: var(--w-s-color-background-negative)
+            }
+
+            .s-bg-negative-subtle {
+                background-color: var(--w-s-color-background-negative-subtle)
+            }
+
+            .s-bg-positive-subtle {
+                background-color: var(--w-s-color-background-positive-subtle)
+            }
+
+            .s-bg-primary, .peer:checked ~ .peer-checked\\:s-bg-primary {
+                background-color: var(--w-s-color-background-primary)
+            }
+
+            .s-bg-selected {
+                background-color: var(--w-s-color-background-selected)
+            }
+
+            .s-bg-subtle {
+                background-color: var(--w-s-color-background-subtle)
+            }
+
+            .s-bg-warning-subtle {
+                background-color: var(--w-s-color-background-warning-subtle)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-negative-hover:before {
+                background-color: var(--w-s-color-background-negative-hover)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-primary-hover:before {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-bg-disabled:before {
+                background-color: var(--w-s-color-background-disabled)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-bg-negative:before {
+                background-color: var(--w-s-color-background-negative)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-bg-primary:before {
+                background-color: var(--w-s-color-background-primary)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-disabled:before {
+                background-color: var(--w-s-color-background-disabled)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-negative:before {
+                background-color: var(--w-s-color-background-negative)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-primary:before {
+                background-color: var(--w-s-color-background-primary)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-negative-hover:hover:before {
+                background-color: var(--w-s-color-background-negative-hover)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-primary-hover:hover:before {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .\\!hover\\:s-bg-selected-hover:hover {
+                background-color: var(--w-s-color-background-selected-hover) !important
+            }
+
+            .group:hover .group-hover\\:s-bg-primary-hover {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .hover\\:before\\:s-bg-hover:hover:before {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .hover\\:before\\:s-bg-negative-subtle-hover:hover:before {
+                background-color: var(--w-s-color-background-negative-subtle-hover)
+            }
+
+            .hover\\:s-bg-hover:hover {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .hover\\:s-bg-negative-hover:hover {
+                background-color: var(--w-s-color-background-negative-hover)
+            }
+
+            .hover\\:s-bg-negative-subtle-hover:hover {
+                background-color: var(--w-s-color-background-negative-subtle-hover)
+            }
+
+            .hover\\:s-bg-primary-hover:hover {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .hover\\:s-bg-selected-hover:hover {
+                background-color: var(--w-s-color-background-selected-hover)
+            }
+
+            .peer:hover:not(:checked) ~ .peer-hover\\:peer-not-checked\\:s-bg-hover {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-bg-hover:before {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-bg-negative-subtle:before {
+                background-color: var(--w-s-color-background-negative-subtle)
+            }
+
+            .focus\\:s-bg-primary-hover:focus {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .\\!active\\:s-bg-selected-active:active {
+                background-color: var(--w-s-color-background-selected-active) !important
+            }
+
+            .active\\:s-bg-active:active {
+                background-color: var(--w-s-color-background-active)
+            }
+
+            .active\\:s-bg-negative-active:active {
+                background-color: var(--w-s-color-background-negative-active)
+            }
+
+            .active\\:s-bg-negative-subtle-active:active {
+                background-color: var(--w-s-color-background-negative-subtle-active)
+            }
+
+            .active\\:s-bg-primary-active:active {
+                background-color: var(--w-s-color-background-primary-active)
+            }
+
+            .active\\:s-bg-selected-active:active {
+                background-color: var(--w-s-color-background-selected-active)
+            }
+
+            .before\\:s-bg-disabled-subtle:before {
+                background-color: var(--w-s-color-background-disabled-subtle)
+            }
+
+            .before\\:s-bg:before {
+                background-color: var(--w-s-color-background)
+            }
+
+            .s-text {
+                color: var(--w-s-color-text)
+            }
+
+            .s-text-disabled {
+                color: var(--w-s-color-text-disabled)
+            }
+
+            .s-text-inverted, .peer:checked ~ .peer-checked\\:s-text-inverted {
+                color: var(--w-s-color-text-inverted)
+            }
+
+            .s-text-inverted-static {
+                color: var(--w-s-color-text-inverted-static)
+            }
+
+            .s-text-link {
+                color: var(--w-s-color-text-link)
+            }
+
+            .s-text-negative {
+                color: var(--w-s-color-text-negative)
+            }
+
+            .s-text-subtle {
+                color: var(--w-s-color-text-subtle)
+            }
+
+            .hover\\:s-text-link:hover {
+                color: var(--w-s-color-text-link)
+            }
+
+            .active\\:s-text:active {
+                color: var(--w-s-color-text)
+            }
+
+            .placeholder\\:s-text-placeholder::placeholder {
+                color: var(--w-s-color-text-placeholder)
+            }
+
+            .s-icon {
+                color: var(--w-s-color-icon)
+            }
+
+            .s-icon-info {
+                color: var(--w-s-color-icon-info)
+            }
+
+            .s-icon-inverted {
+                color: var(--w-s-color-icon-inverted)
+            }
+
+            .s-icon-negative {
+                color: var(--w-s-color-icon-negative)
+            }
+
+            .s-icon-positive {
+                color: var(--w-s-color-icon-positive)
+            }
+
+            .s-icon-warning {
+                color: var(--w-s-color-icon-warning)
+            }
+
+            .hover\\:s-icon-hover:hover {
+                color: var(--w-s-color-icon-hover)
+            }
+
+            .active\\:s-icon-active:active {
+                color: var(--w-s-color-icon-active)
+            }
+
+            .before\\:s-icon-inverted:before {
+                color: var(--w-s-color-icon-inverted)
+            }
+
+            .s-border {
+                border-color: var(--w-s-color-border)
+            }
+
+            .s-border-disabled {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .s-border-info-subtle {
+                border-color: var(--w-s-color-border-info-subtle)
+            }
+
+            .s-border-l-info {
+                border-left-color: var(--w-s-color-border-info)
+            }
+
+            .s-border-l-negative {
+                border-left-color: var(--w-s-color-border-negative)
+            }
+
+            .s-border-l-positive {
+                border-left-color: var(--w-s-color-border-positive)
+            }
+
+            .s-border-l-warning {
+                border-left-color: var(--w-s-color-border-warning)
+            }
+
+            .s-border-negative {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .s-border-negative-subtle {
+                border-color: var(--w-s-color-border-negative-subtle)
+            }
+
+            .s-border-positive-subtle {
+                border-color: var(--w-s-color-border-positive-subtle)
+            }
+
+            .s-border-primary, .peer:checked ~ .peer-checked\\:s-border-primary {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .s-border-selected {
+                border-color: var(--w-s-color-border-selected)
+            }
+
+            .s-border-warning-subtle {
+                border-color: var(--w-s-color-border-warning-subtle)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-negative-hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-primary-hover:before {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-selected-hover:before {
+                border-color: var(--w-s-color-border-selected-hover)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-disabled:before {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-negative:before {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-primary:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-selected:before {
+                border-color: var(--w-s-color-border-selected)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-disabled:before {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-negative:before {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-primary:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-negative-hover:hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-primary-hover:hover:before {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .group:hover .group-hover\\:s-border-selected-hover {
+                border-color: var(--w-s-color-border-selected-hover)
+            }
+
+            .hover\\:before\\:s-border-negative-hover:hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .hover\\:before\\:s-border-primary:hover:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .hover\\:s-border-disabled:hover {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .hover\\:s-border-hover:hover {
+                border-color: var(--w-s-color-border-hover)
+            }
+
+            .hover\\:s-border-negative-hover:hover {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .hover\\:s-border-primary-hover:hover {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .hover\\:s-border-primary:hover {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .hover\\:s-border-selected-hover:hover {
+                border-color: var(--w-s-color-border-selected-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-border-negative-hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-border-primary:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .focus\\:s-border-primary-hover:focus {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .active\\:s-border-active:active {
+                border-color: var(--w-s-color-border-active)
+            }
+
+            .active\\:s-border-disabled:active {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .active\\:s-border-primary-active:active {
+                border-color: var(--w-s-color-border-primary-active)
+            }
+
+            .active\\:s-border-selected-active:active {
+                border-color: var(--w-s-color-border-selected-active)
+            }
+
+            .active\\:s-border-selected:active {
+                border-color: var(--w-s-color-border-selected)
+            }
+
+            .group:active .group-active\\:s-border-active {
+                border-color: var(--w-s-color-border-active)
+            }
+
+            .group:active .group-active\\:s-border-selected-active {
+                border-color: var(--w-s-color-border-selected-active)
+            }
+
+            .before\\:s-border-disabled:before {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .before\\:s-border-negative:before {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .s-surface-sunken {
+                background-color: var(--w-s-color-surface-sunken)
+            }
+
+            .s-surface-elevated-200 {
+                background-color: var(--w-s-color-surface-elevated-200);
+                box-shadow: var(--w-s-shadow-surface-elevated-200)
+            }
+
+            .hover\\:s-surface-elevated-200-hover:hover {
+                background-color: var(--w-s-color-surface-elevated-200-hover);
+                box-shadow: var(--w-s-shadow-surface-elevated-200-hover)
+            }
+
+            .active\\:s-surface-elevated-200-active:active {
+                background-color: var(--w-s-color-surface-elevated-200-active);
+                box-shadow: var(--w-s-shadow-surface-elevated-200-active)
+            }
+
+            .drop-shadow-m {
+                filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)
+            }
+
+            .shadow-m {
+                box-shadow: var(--w-shadow-m)
+            }
+
+            .shadow-s {
+                box-shadow: var(--w-shadow-s)
+            }
+
+            .shadow-\\[--w-shadow-slider\\] {
+                box-shadow: var(--w-shadow-slider)
+            }
+
+            .hover\\:shadow-\\[--w-shadow-slider-handle-hover\\]:hover {
+                box-shadow: var(--w-shadow-slider-handle-hover)
+            }
+
+            .focus\\:shadow-\\[--w-shadow-slider-handle-hover\\]:focus {
+                box-shadow: var(--w-shadow-slider-handle-hover)
+            }
+
+            .active\\:shadow-\\[--w-shadow-slider-handle-active\\]:active {
+                box-shadow: var(--w-shadow-slider-handle-active)
+            }
+
+            .h-0 {
+                height: 0rem
+            }
+
+            .h-16 {
+                height: 1.6rem
+            }
+
+            .h-2 {
+                height: .2rem
+            }
+
+            .h-20 {
+                height: 2rem
+            }
+
+            .h-24 {
+                height: 2.4rem
+            }
+
+            .h-4 {
+                height: .4rem
+            }
+
+            .h-44 {
+                height: 4.4rem
+            }
+
+            .h-6 {
+                height: .6rem
+            }
+
+            .h-8 {
+                height: .8rem
+            }
+
+            .h-full {
+                height: 100%
+            }
+
+            .h-unset {
+                height: unset
+            }
+
+            .max-h-unset {
+                max-height: unset
+            }
+
+            .max-w-full {
+                max-width: 100%
+            }
+
+            .max-w-max {
+                max-width: max-content
+            }
+
+            .max-w-unset {
+                max-width: unset
+            }
+
+            .min-h-32 {
+                min-height: 3.2rem
+            }
+
+            .min-h-40 {
+                min-height: 4rem
+            }
+
+            .min-w-16 {
+                min-width: 1.6rem
+            }
+
+            .min-w-32 {
+                min-width: 3.2rem
+            }
+
+            .w-16 {
+                width: 1.6rem
+            }
+
+            .w-2 {
+                width: .2rem
+            }
+
+            .w-20 {
+                width: 2rem
+            }
+
+            .w-24 {
+                width: 2.4rem
+            }
+
+            .w-32 {
+                width: 3.2rem
+            }
+
+            .w-40 {
+                width: 4rem
+            }
+
+            .w-44 {
+                width: 4.4rem
+            }
+
+            .w-8 {
+                width: .8rem
+            }
+
+            .w-full {
+                width: 100%
+            }
+
+            .w-max {
+                width: max-content
+            }
+
+            .w-unset {
+                width: unset
+            }
+
+            .before\\:h-20:before {
+                height: 2rem
+            }
+
+            .before\\:h-full:before {
+                height: 100%
+            }
+
+            .before\\:w-20:before {
+                width: 2rem
+            }
+
+            .before\\:w-32:before {
+                width: 3.2rem
+            }
+
+            .h-\\[--w-modal-height\\] {
+                height: var(--w-modal-height)
+            }
+
+            .h-\\[14px\\] {
+                height: 14px
+            }
+
+            .h-\\[16px\\] {
+                height: 16px
+            }
+
+            .max-h-\\[--w-modal-max-height\\] {
+                max-height: var(--w-modal-max-height)
+            }
+
+            .min-h-\\[--w-modal-min-height\\] {
+                min-height: var(--w-modal-min-height)
+            }
+
+            .min-h-\\[32px\\] {
+                min-height: 32px
+            }
+
+            .min-h-\\[40px\\] {
+                min-height: 40px
+            }
+
+            .min-h-\\[42\\] {
+                min-height: 4.2rem
+            }
+
+            .min-h-\\[44px\\] {
+                min-height: 44px
+            }
+
+            .min-w-\\[32px\\] {
+                min-width: 32px
+            }
+
+            .min-w-\\[40px\\] {
+                min-width: 40px
+            }
+
+            .min-w-\\[44px\\] {
+                min-width: 44px
+            }
+
+            .w-\\[--w-modal-width\\] {
+                width: var(--w-modal-width)
+            }
+
+            .w-\\[14px\\] {
+                width: 14px
+            }
+
+            .w-\\[16px\\] {
+                width: 16px
+            }
+
+            .space-x-8 > :not([hidden]) ~ :not([hidden]) {
+                --w-space-x-reverse: 0;
+                margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));
+                margin-right: calc(.8rem * var(--w-space-x-reverse))
+            }
+
+            .space-y-16 > :not([hidden]) ~ :not([hidden]) {
+                --w-space-y-reverse: 0;
+                margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));
+                margin-bottom: calc(1.6rem * var(--w-space-y-reverse))
+            }
+
+            .m-0 {
+                margin: 0rem
+            }
+
+            .m-auto {
+                margin: auto
+            }
+
+            .-mx-16 {
+                margin-left: -1.6rem;
+                margin-right: -1.6rem
+            }
+
+            .mx-0 {
+                margin-left: 0rem;
+                margin-right: 0rem
+            }
+
+            .mx-8 {
+                margin-left: .8rem;
+                margin-right: .8rem
+            }
+
+            .mx-auto {
+                margin-left: auto;
+                margin-right: auto
+            }
+
+            .-mb-1 {
+                margin-bottom: -.1rem
+            }
+
+            .-ml-8 {
+                margin-left: -.8rem
+            }
+
+            .-mr-1 {
+                margin-right: -.1rem
+            }
+
+            .-mr-8 {
+                margin-right: -.8rem
+            }
+
+            .-mt-2 {
+                margin-top: -.2rem
+            }
+
+            .-mt-4 {
+                margin-top: -.4rem
+            }
+
+            .last-child\\:mb-0 > :last-child, .mb-0 {
+                margin-bottom: 0rem
+            }
+
+            .mb-32 {
+                margin-bottom: 3.2rem
+            }
+
+            .ml-8 {
+                margin-left: .8rem
+            }
+
+            .ml-auto {
+                margin-left: auto
+            }
+
+            .mr-8 {
+                margin-right: .8rem
+            }
+
+            .mt-16 {
+                margin-top: 1.6rem
+            }
+
+            .mt-4 {
+                margin-top: .4rem
+            }
+
+            .group:not(:first-child) .group-not-first\\:-ml-2 {
+                margin-left: -.2rem
+            }
+
+            .last\\:mb-0:last-child {
+                margin-bottom: 0rem
+            }
+
+            .last\\:mr-0:last-child {
+                margin-right: 0rem
+            }
+
+            .m-\\[8px\\] {
+                margin: 8px
+            }
+
+            .p-0 {
+                padding: 0rem
+            }
+
+            .p-16 {
+                padding: 1.6rem
+            }
+
+            .p-4 {
+                padding: .4rem
+            }
+
+            .p-8 {
+                padding: .8rem
+            }
+
+            .px-0 {
+                padding-left: 0rem;
+                padding-right: 0rem
+            }
+
+            .px-1 {
+                padding-left: .1rem;
+                padding-right: .1rem
+            }
+
+            .px-12 {
+                padding-left: 1.2rem;
+                padding-right: 1.2rem
+            }
+
+            .px-14 {
+                padding-left: 1.4rem;
+                padding-right: 1.4rem
+            }
+
+            .px-16 {
+                padding-left: 1.6rem;
+                padding-right: 1.6rem
+            }
+
+            .px-8 {
+                padding-left: .8rem;
+                padding-right: .8rem
+            }
+
+            .py-0 {
+                padding-top: 0rem;
+                padding-bottom: 0rem
+            }
+
+            .py-1 {
+                padding-top: .1rem;
+                padding-bottom: .1rem
+            }
+
+            .py-10 {
+                padding-top: 1rem;
+                padding-bottom: 1rem
+            }
+
+            .py-12 {
+                padding-top: 1.2rem;
+                padding-bottom: 1.2rem
+            }
+
+            .py-2 {
+                padding-top: .2rem;
+                padding-bottom: .2rem
+            }
+
+            .py-4 {
+                padding-top: .4rem;
+                padding-bottom: .4rem
+            }
+
+            .py-6 {
+                padding-top: .6rem;
+                padding-bottom: .6rem
+            }
+
+            .py-8 {
+                padding-top: .8rem;
+                padding-bottom: .8rem
+            }
+
+            .pb-0 {
+                padding-bottom: 0rem
+            }
+
+            .pb-32 {
+                padding-bottom: 3.2rem
+            }
+
+            .pb-4 {
+                padding-bottom: .4rem
+            }
+
+            .pb-8 {
+                padding-bottom: .8rem
+            }
+
+            .pl-0 {
+                padding-left: 0rem
+            }
+
+            .pl-1 {
+                padding-left: .1rem
+            }
+
+            .pl-12 {
+                padding-left: 1.2rem
+            }
+
+            .pl-28 {
+                padding-left: 2.8rem
+            }
+
+            .pl-4 {
+                padding-left: .4rem
+            }
+
+            .pl-8 {
+                padding-left: .8rem
+            }
+
+            .pr-12 {
+                padding-right: 1.2rem
+            }
+
+            .pr-14 {
+                padding-right: 1.4rem
+            }
+
+            .pr-2 {
+                padding-right: .2rem
+            }
+
+            .pr-32 {
+                padding-right: 3.2rem
+            }
+
+            .pr-40 {
+                padding-right: 4rem
+            }
+
+            .pt-0 {
+                padding-top: 0rem
+            }
+
+            .pt-1 {
+                padding-top: .1rem
+            }
+
+            .pt-16 {
+                padding-top: 1.6rem
+            }
+
+            .pt-24 {
+                padding-top: 2.4rem
+            }
+
+            .pt-8 {
+                padding-top: .8rem
+            }
+
+            .group\\/step:last-child .group-last\\/step\\:last\\:pb-0:last-child {
+                padding-bottom: 0rem
+            }
+
+            .last\\:pb-1:last-child {
+                padding-bottom: .1rem
+            }
+
+            .last\\:pr-1:last-child {
+                padding-right: .1rem
+            }
+
+            .p-\\[8px\\] {
+                padding: 8px
+            }
+
+            .px-\\[15px\\] {
+                padding-left: 15px;
+                padding-right: 15px
+            }
+
+            .px-\\[8px\\] {
+                padding-left: 8px;
+                padding-right: 8px
+            }
+
+            .py-\\[11px\\] {
+                padding-top: 11px;
+                padding-bottom: 11px
+            }
+
+            .py-\\[5px\\] {
+                padding-top: 5px;
+                padding-bottom: 5px
+            }
+
+            .py-\\[7px\\] {
+                padding-top: 7px;
+                padding-bottom: 7px
+            }
+
+            .pl-\\[var\\(--w-prefix-width\\,_40px\\)\\] {
+                padding-left: var(--w-prefix-width, 40px)
+            }
+
+            .invisible {
+                visibility: hidden
+            }
+
+            .backface-hidden {
+                backface-visibility: hidden
+            }
+
+            .break-words {
+                overflow-wrap: break-word
+            }
+
+            .before\\:content-\\[\\"–\\"\\]:before {
+                content: "–"
+            }
+
+            .before\\:content-\\[\\"\\"\\]:before {
+                content: ""
+            }
+
+            .cursor-default {
+                cursor: default
+            }
+
+            .cursor-pointer {
+                cursor: pointer
+            }
+
+            .antialiased {
+                -webkit-font-smoothing: antialiased;
+                -moz-osx-font-smoothing: grayscale;
+                font-smoothing: grayscale
+            }
+
+            .font-bold {
+                font-weight: 700
+            }
+
+            .before\\:font-bold:before {
+                font-weight: 700
+            }
+
+            .font-normal {
+                font-weight: 400
+            }
+
+            .pointer-events-auto {
+                pointer-events: auto
+            }
+
+            .pointer-events-none {
+                pointer-events: none
+            }
+
+            .before\\:pointer-events-none:before {
+                pointer-events: none
+            }
+
+            .pb-safe-\\[32\\] {
+                padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))
+            }
+
+            .sr-only {
+                position: absolute;
+                width: 1px;
+                height: 1px;
+                padding: 0;
+                margin: -1px;
+                overflow: hidden;
+                clip: rect(0, 0, 0, 0);
+                white-space: nowrap;
+                border-width: 0
+            }
+
+            .touch-pan-y {
+                touch-action: pan-y
+            }
+
+            .select-none {
+                -webkit-user-select: none;
+                user-select: none
+            }
+
+            .translate-x-20 {
+                --w-translate-x: 2rem;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .translate-z-0 {
+                --w-translate-z: 0rem;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .-rotate-180, .part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part) {
+                --w-rotate-x: 0;
+                --w-rotate-y: 0;
+                --w-rotate-z: 0;
+                --w-rotate: -180deg;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {
+                --w-rotate-x: 0;
+                --w-rotate-y: 0;
+                --w-rotate-z: 0;
+                --w-rotate: 180deg;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .rotate-90 {
+                --w-rotate-x: 0;
+                --w-rotate-y: 0;
+                --w-rotate-z: 0;
+                --w-rotate: 90deg;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-down-16-part\\]\\:transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform::part(w-icon-chevron-up-16-part), .transform {
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-down-16-part\\]\\:transform-gpu::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform-gpu::part(w-icon-chevron-up-16-part), .transform-gpu {
+                transform: translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-down-16-part\\]\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {
+                transition-property: transform;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .transition-300 {
+                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .3s
+            }
+
+            .transition-all {
+                transition-property: all;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .transition-colors {
+                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .transition-shadow {
+                transition-property: box-shadow;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .before\\:transition-all:before {
+                transition-property: all;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .duration-300 {
+                transition-duration: .3s
+            }
+
+            .ease-in-out, .part-\\[w-icon-chevron-down-16-part\\]\\:ease-in-out::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:ease-in-out::part(w-icon-chevron-up-16-part) {
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1)
+            }
+
+            .text-m {
+                font-size: var(--w-font-size-m);
+                line-height: var(--w-line-height-m)
+            }
+
+            .text-s {
+                font-size: var(--w-font-size-s);
+                line-height: var(--w-line-height-s)
+            }
+
+            .text-xs {
+                font-size: var(--w-font-size-xs);
+                line-height: var(--w-line-height-xs)
+            }
+
+            .leading-m {
+                line-height: var(--w-line-height-m)
+            }
+
+            .before\\:leading-xs:before {
+                line-height: var(--w-line-height-xs)
+            }
+
+            .leading-\\[24\\] {
+                line-height: 2.4rem
+            }
+
+            @media (max-width: 479.9px) {
+                .lt-sm\\:rounded-b-0 {
+                    border-bottom-left-radius: 0;
+                    border-bottom-right-radius: 0
+                }
+            }
+            @media (min-width: 480px) {
+                .sm\\:border-b-0 {
+                    border-bottom-width: 0
+                }
+
+                .sm\\:rounded-8 {
+                    border-radius: 8px
+                }
+
+                .sm\\:rounded-b-8 {
+                    border-bottom-left-radius: 8px;
+                    border-bottom-right-radius: 8px
+                }
+
+                .sm\\:gap-16 {
+                    gap: 1.6rem
+                }
+
+                .sm\\:place-content-center {
+                    place-content: center
+                }
+
+                .sm\\:place-items-center {
+                    place-items: center
+                }
+
+                .sm\\:h-24 {
+                    height: 2.4rem
+                }
+
+                .sm\\:min-h-48 {
+                    min-height: 4.8rem
+                }
+
+                .sm\\:w-24 {
+                    width: 2.4rem
+                }
+
+                .sm\\:min-h-\\[32px\\] {
+                    min-height: 32px
+                }
+
+                .sm\\:min-h-\\[44px\\] {
+                    min-height: 44px
+                }
+
+                .sm\\:min-h-\\[45\\] {
+                    min-height: 4.5rem
+                }
+
+                .sm\\:min-w-\\[32px\\] {
+                    min-width: 32px
+                }
+
+                .sm\\:min-w-\\[44px\\] {
+                    min-width: 44px
+                }
+
+                .sm\\:mx-0 {
+                    margin-left: 0rem;
+                    margin-right: 0rem
+                }
+
+                .sm\\:mx-16 {
+                    margin-left: 1.6rem;
+                    margin-right: 1.6rem
+                }
+
+                .sm\\:-ml-12 {
+                    margin-left: -1.2rem
+                }
+
+                .sm\\:-mr-12 {
+                    margin-right: -1.2rem
+                }
+
+                .sm\\:-mt-8 {
+                    margin-top: -.8rem
+                }
+
+                .sm\\:px-32 {
+                    padding-left: 3.2rem;
+                    padding-right: 3.2rem
+                }
+
+                .sm\\:py-0 {
+                    padding-top: 0rem;
+                    padding-bottom: 0rem
+                }
+
+                .sm\\:pb-32 {
+                    padding-bottom: 3.2rem
+                }
+
+                .sm\\:pt-24 {
+                    padding-top: 2.4rem
+                }
+
+                .sm\\:pt-32 {
+                    padding-top: 3.2rem
+                }
+            }
+            @media (min-width: 768px) {
+                .md\\:block {
+                    display: block
+                }
+
+                .md\\:hidden {
+                    display: none
+                }
+            }
+        `;var or=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var ir=JSON.parse('{"button.aria.loading":["Loading..."]}');var ar=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var nr=JSON.parse('{"button.aria.loading":["Laster..."]}');var sr=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as rt}from"lit";var lr=rt`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.text-center{text-align:center}.animate-inprogress{background-size:30px 30px;animation:3s linear infinite animate-inprogress;background-image:linear-gradient(135deg,#0000000d 25%,#0000 0 50%,#0000000d 0 75%,#0000 0,#0000)!important}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 0}}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.hover\\:no-underline:hover,.focus\\:no-underline:focus,.active\\:no-underline:active{text-decoration:none}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.min-h-32{min-height:3.2rem}.min-w-32{min-width:3.2rem}.w-full{width:100%}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-0{padding:0}.p-4{padding:.4rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.py-\\[11px\\]{padding-top:11px;padding-bottom:11px}.py-\\[7px\\]{padding-top:7px;padding-bottom:7px}.cursor-default{cursor:default}.font-bold{font-weight:700}.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}`;var cr=["primary","secondary","negative","utility","pill","link"],Q="font-bold focusable justify-center transition-colors ease-in-out",k={primary:"s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",secondary:"s-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active",utility:"s-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",destructive:"s-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active",pill:"s-icon hover:s-icon-hover active:s-icon-active bg-transparent hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]",disabled:"s-text-inverted s-bg-disabled",quiet:"bg-transparent s-text-link hover:s-bg-hover active:s-bg-active",utilityQuiet:"s-text bg-transparent hover:s-bg-hover active:s-bg-active",negativeQuiet:"bg-transparent s-text-negative hover:s-bg-negative-subtle-hover active:s-bg-negative-subtle-active",loading:"s-text s-bg-subtle",link:"s-text-link"},m={primary:`border-0 rounded-8 ${Q}`,secondary:`border-2 rounded-8 ${Q}`,utility:`border rounded-4 ${Q}`,negative:`border-0 rounded-8 ${Q}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Q}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${k.link}`},d={xsmall:"py-6 px-16",small:"py-8 px-16",medium:"py-10 px-14",large:"py-12 px-16",utility:"py-[11px] px-[15px]",smallUtility:"py-[7px] px-[15px]",pill:"min-h-[44px] min-w-[44px]",pillSmall:"min-h-32 min-w-32",link:"p-0"},u={medium:"text-m leading-[24]",xsmall:"text-xs"},c={inProgress:`border-transparent animate-inprogress pointer-events-none ${k.loading}`,quiet:`border-0 rounded-8 ${Q}`,utilityQuiet:`border-0 rounded-4 ${Q}`,negativeQuiet:`border-0 rounded-8 ${Q}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${k.disabled}`},g={secondary:`${d.medium} ${u.medium} ${m.secondary} ${k.secondary}`,secondaryHref:`${d.medium} ${u.medium} ${m.secondary} ${k.secondary}`,secondaryDisabled:`${d.medium} ${u.medium} ${m.secondary} ${c.isDisabled}`,secondarySmall:`${u.xsmall} ${d.xsmall} ${m.secondary} ${k.secondary}`,secondarySmallDisabled:`${u.xsmall} ${d.xsmall} ${m.secondary} ${c.isDisabled}`,secondaryQuiet:`${d.medium} ${u.medium} ${c.quiet} ${k.quiet}`,secondaryQuietDisabled:`${d.medium} ${u.medium} ${c.quiet} ${c.isDisabled}`,secondarySmallQuiet:`${u.xsmall} ${d.xsmall} ${c.quiet} ${k.quiet}`,secondarySmallQuietDisabled:`${u.xsmall} ${d.xsmall} ${c.quiet} ${c.isDisabled}`,secondaryLoading:`${d.medium} ${u.medium} ${m.secondary} ${c.inProgress}`,secondarySmallLoading:`${u.xsmall} ${d.xsmall}  ${m.secondary} ${c.inProgress}`,secondarySmallQuietLoading:`${u.xsmall} ${d.xsmall} ${c.quiet} ${c.inProgress}`,secondaryQuietLoading:`${d.medium} ${u.medium} ${c.quiet} ${c.inProgress}`,primary:`${d.large} ${u.medium} ${m.primary} ${k.primary}`,primaryDisabled:`${d.large} ${u.medium} ${c.isDisabled} ${m.primary}`,primarySmall:`${d.small} ${u.xsmall} ${m.primary} ${k.primary}`,primarySmallDisabled:`${d.small} ${u.xsmall} ${c.isDisabled} ${m.primary} `,primaryQuiet:`${d.large} ${u.medium} ${c.quiet} ${k.quiet}`,primaryQuietDisabled:`${d.large} ${u.medium} ${c.quiet} ${c.isDisabled}`,primarySmallQuiet:`${d.small} ${u.xsmall} ${c.quiet} ${k.quiet}`,primarySmallQuietDisabled:`${d.small} ${u.xsmall} ${c.quiet} ${c.isDisabled}`,primaryLoading:`${d.large} ${u.medium} ${c.inProgress} ${m.primary}`,primarySmallLoading:`${d.small} ${u.xsmall}  ${c.inProgress} ${m.primary}`,primarySmallQuietLoading:`${d.small} ${u.xsmall} ${c.quiet} ${c.inProgress} ${m.primary}`,primaryQuietLoading:`${d.large} ${u.medium} ${c.quiet} ${c.inProgress}`,utility:`${d.utility} ${u.medium} ${m.utility} ${k.utility}`,utilityDisabled:`${d.utility} ${u.medium} ${m.utility} ${c.isDisabled}`,utilityQuiet:`${d.large} ${u.medium} ${c.utilityQuiet} ${k.utilityQuiet}`,utilityQuietDisabled:`${d.large} ${u.medium} ${c.utilityQuiet} ${c.isDisabled}`,utilitySmall:`${d.smallUtility} ${u.xsmall} ${m.utility} ${k.utility}`,utilitySmallDisabled:`${d.smallUtility} ${u.xsmall} ${m.utility} ${c.isDisabled}`,utilitySmallQuiet:`${d.smallUtility} ${u.xsmall} ${c.utilityQuiet} ${k.utilityQuiet}`,utilitySmallQuietDisabled:`${d.smallUtility} ${u.xsmall} ${c.utilityQuiet} ${c.isDisabled}`,utilityLoading:`${d.large} ${u.medium} ${m.utility} ${c.inProgress}`,utilitySmallLoading:`${d.smallUtility} ${u.xsmall} ${m.utility} ${c.inProgress}`,utilityQuietLoading:`${d.large} ${u.medium} ${c.inProgress} ${c.utilityQuiet}`,utilitySmallQuietLoading:`${d.smallUtility} ${u.xsmall} ${c.inProgress} ${c.utilityQuiet}`,negative:`${d.large} ${u.medium} ${m.negative} ${k.destructive}`,negativeDisabled:`${d.large} ${u.medium} ${m.negative} ${c.isDisabled}`,negativeQuiet:`${d.large} ${u.medium} ${c.negativeQuiet} ${k.negativeQuiet}`,negativeQuietDisabled:`${d.large} ${u.medium} ${c.negativeQuiet}${c.isDisabled}`,negativeSmall:`${d.small} ${u.xsmall} ${m.negative} ${k.destructive}`,negativeSmallDisabled:`${d.small} ${u.xsmall} ${m.negative} ${c.isDisabled}`,negativeSmallQuiet:`${d.small} ${u.xsmall} ${c.negativeQuiet} ${k.negativeQuiet}`,negativeSmallQuietDisabled:`${d.small} ${u.xsmall} ${c.negativeQuiet} ${c.isDisabled}`,negativeLoading:`${d.large} ${u.medium} ${m.negative} ${c.inProgress}`,negativeSmallLoading:`${d.small} ${u.xsmall} ${c.inProgress} ${m.negative}`,negativeQuietLoading:`${d.large} ${u.medium} ${c.negativeQuiet} ${m.negative} ${c.inProgress}`,negativeSmallQuietLoading:`${d.small} ${u.xsmall} ${c.negativeQuiet} ${c.inProgress}`,pill:`${d.pill} ${u.medium} ${m.pill} ${k.pill}`,pillSmall:`${d.pillSmall} ${u.xsmall} ${m.pill} ${k.pill}`,pillLoading:`${d.pill} ${u.medium} ${m.pill} ${c.inProgress}`,pillSmallLoading:`${d.pillSmall} ${u.xsmall} ${m.pill} ${c.inProgress}`,link:`${d.link} ${u.medium} ${m.link}`,linkSmall:`${d.link} ${u.xsmall} ${m.link}`,linkAsButton:"inline-block active:no-underline hover:no-underline focus:no-underline text-center",a11y:"sr-only",fullWidth:"w-full max-w-full",contentWidth:"max-w-max"},_=class extends Je(tt){constructor(){super();this.type="button";er(ir,nr,ar,or,sr),this.variant="secondary",this.ariaValueTextLoading=B._({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}updated(t){t.has("value")&&this.setValue(this.value)}connectedCallback(){if(super.connectedCallback(),!cr.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
+${cr.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}get _primaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&g.primary,this.small&&!this.quiet&&!this.loading&&g.primarySmall,this.small&&this.quiet&&!this.loading&&g.primarySmallQuiet,this.small&&this.loading&&(this.quiet?g.primarySmallQuietLoading:g.primarySmallLoading),!this.small&&this.quiet&&!this.loading&&g.primaryQuiet,!this.small&&this.loading&&(this.quiet?g.primaryQuietLoading:g.primaryLoading)]}get _secondaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&g.secondary,this.small&&!this.quiet&&!this.loading&&g.secondarySmall,this.small&&this.loading&&(this.quiet?g.secondarySmallQuietLoading:g.secondarySmallLoading),this.small&&this.quiet&&!this.loading&&g.secondarySmallQuiet,!this.small&&this.quiet&&!this.loading&&g.secondaryQuiet,!this.small&&this.loading&&(this.quiet?g.secondaryQuietLoading:g.secondaryLoading)]}get _utilityClasses(){return[!this.small&&!this.quiet&&!this.loading&&g.utility,this.small&&!this.quiet&&!this.loading&&g.utilitySmall,this.small&&this.quiet&&!this.loading&&g.utilitySmallQuiet,this.small&&this.loading&&(this.quiet?g.utilitySmallQuietLoading:g.utilitySmallLoading),!this.small&&this.quiet&&!this.loading&&g.utilityQuiet,!this.small&&this.loading&&(this.quiet?g.utilityQuietLoading:g.utilityLoading)]}get _negativeClasses(){return[!this.small&&!this.quiet&&!this.loading&&g.negative,this.small&&!this.quiet&&!this.loading&&g.negativeSmall,this.small&&this.quiet&&!this.loading&&g.negativeSmallQuiet,this.small&&this.loading&&(this.quiet?g.negativeSmallQuietLoading:g.negativeSmallLoading),!this.small&&this.quiet&&!this.loading&&g.negativeQuiet,!this.small&&this.loading&&(this.quiet?g.negativeQuietLoading:g.negativeLoading)]}get _pillClasses(){return[!this.loading&&(this.small?g.pillSmall:g.pill),this.loading&&(this.small?g.pillSmallLoading:g.pillLoading)]}get _linkClasses(){return[this.small?g.linkSmall:g.link]}get _classes(){return he(this.buttonClass,[this.variant==="primary"&&this._primaryClasses,this.variant==="secondary"&&this._secondaryClasses,this.variant==="utility"&&this._utilityClasses,this.variant==="negative"&&this._negativeClasses,this.variant==="pill"&&this._pillClasses,this.variant==="link"&&this._linkClasses,this.href&&g.linkAsButton,this.fullWidth?g.fullWidth:g.contentWidth])}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}render(){return ie` ${this.href?ie`<a
+          href=${this.href}
+          target=${this.target}
+          rel=${this.target==="_blank"?this.rel||"noopener":void 0}
+          class=${this._classes}>
+          <slot></slot>
+        </a>`:ie`<button type=${this.type||"button"} class=${this._classes} @click="${this._handleButtonClick}">
+          <slot></slot>
+        </button>`}
+    ${this.loading?ie`<span class="sr-only" role="progressbar" aria-valuenow="{0}" aria-valuetext=${this.ariaValueTextLoading}></span>`:null}`}};_.shadowRootOptions={...ot.shadowRootOptions,delegatesFocus:!0},_.styles=[tr,lr],L([P({reflect:!0})],_.prototype,"type",2),L([P({type:Boolean,reflect:!0})],_.prototype,"autofocus",2),L([P({reflect:!0})],_.prototype,"variant",2),L([P({type:Boolean,reflect:!0})],_.prototype,"quiet",2),L([P({type:Boolean,reflect:!0})],_.prototype,"small",2),L([P({type:Boolean,reflect:!0})],_.prototype,"loading",2),L([P({reflect:!0})],_.prototype,"href",2),L([P({reflect:!0})],_.prototype,"target",2),L([P({reflect:!0})],_.prototype,"rel",2),L([P({attribute:"full-width",type:Boolean,reflect:!0})],_.prototype,"fullWidth",2),L([P({attribute:"button-class",reflect:!0})],_.prototype,"buttonClass",2),L([P({reflect:!0})],_.prototype,"name",2),L([P({reflect:!0})],_.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",_);var Zt=me({tagName:"w-button",elementClass:_,react:dr.default});export{Zt as Button};
+/*! Bundled license information:
+
+react/cjs/react.production.js:
+  (**
+   * @license React
+   * react.production.js
+   *
+   * Copyright (c) Meta Platforms, Inc. and affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+@lit/react/create-component.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=react.js.map