@warp-ds/elements 1.2.1-next.1 → 1.2.1-next.3

package/dist/packages/attention/index.js

@@ -1,46 +1,2386 @@
-var Vt=Object.create;var De=Object.defineProperty,Wt=Object.defineProperties,Jt=Object.getOwnPropertyDescriptor,Gt=Object.getOwnPropertyDescriptors,Xt=Object.getOwnPropertyNames,ue=Object.getOwnPropertySymbols,Kt=Object.getPrototypeOf,Ee=Object.prototype.hasOwnProperty,We=Object.prototype.propertyIsEnumerable;var _e=(e,t,o)=>t in e?De(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,L=(e,t)=>{for(var o in t||(t={}))Ee.call(t,o)&&_e(e,o,t[o]);if(ue)for(var o of ue(t))We.call(t,o)&&_e(e,o,t[o]);return e},R=(e,t)=>Wt(e,Gt(t));var Y=(e,t)=>{var o={};for(var r in e)Ee.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&ue)for(var r of ue(e))t.indexOf(r)<0&&We.call(e,r)&&(o[r]=e[r]);return o};var Je=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Yt=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Xt(t))!Ee.call(e,a)&&a!==o&&De(e,a,{get:()=>t[a],enumerable:!(r=Jt(t,a))||r.enumerable});return e};var Zt=(e,t,o)=>(o=e!=null?Vt(Kt(e)):{},Yt(t||!e||!e.__esModule?De(o,"default",{value:e,enumerable:!0}):o,e));var Le=(e,t,o)=>(_e(e,typeof t!="symbol"?t+"":t,o),o);var xt=Je(V=>{"use strict";Object.defineProperty(V,"__esModule",{value:!0});V.errorMessages=V.ErrorType=void 0;var J;(function(e){e.MalformedUnicode="MALFORMED_UNICODE",e.MalformedHexadecimal="MALFORMED_HEXADECIMAL",e.CodePointLimit="CODE_POINT_LIMIT",e.OctalDeprecation="OCTAL_DEPRECATION",e.EndOfString="END_OF_STRING"})(J=V.ErrorType||(V.ErrorType={}));V.errorMessages=new Map([[J.MalformedUnicode,"malformed Unicode character escape sequence"],[J.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[J.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[J.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[J.EndOfString,"malformed escape sequence at end of string"]])});var yt=Je(j=>{"use strict";Object.defineProperty(j,"__esModule",{value:!0});j.unraw=j.errorMessages=j.ErrorType=void 0;var E=xt();Object.defineProperty(j,"ErrorType",{enumerable:!0,get:function(){return E.ErrorType}});Object.defineProperty(j,"errorMessages",{enumerable:!0,get:function(){return E.errorMessages}});function mo(e){return!e.match(/[^a-f0-9]/i)?parseInt(e,16):NaN}function ve(e,t,o){let r=mo(e);if(Number.isNaN(r)||o!==void 0&&o!==e.length)throw new SyntaxError(E.errorMessages.get(t));return r}function xo(e){let t=ve(e,E.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(t)}function vt(e,t){let o=ve(e,E.ErrorType.MalformedUnicode,4);if(t!==void 0){let r=ve(t,E.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,r)}return String.fromCharCode(o)}function vo(e){return e.charAt(0)==="{"&&e.charAt(e.length-1)==="}"}function $o(e){if(!vo(e))throw new SyntaxError(E.errorMessages.get(E.ErrorType.MalformedUnicode));let t=e.slice(1,-1),o=ve(t,E.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(r){throw r instanceof RangeError?new SyntaxError(E.errorMessages.get(E.ErrorType.CodePointLimit)):r}}function yo(e,t=!1){if(t)throw new SyntaxError(E.errorMessages.get(E.ErrorType.OctalDeprecation));let o=parseInt(e,8);return String.fromCharCode(o)}var wo=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function ko(e){return wo.get(e)||e}var _o=/\\(?:(\\)|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 $t(e,t=!1){return e.replace(_o,function(o,r,a,n,l,i,s,d,p){if(r!==void 0)return"\\";if(a!==void 0)return xo(a);if(n!==void 0)return $o(n);if(l!==void 0)return vt(l,i);if(s!==void 0)return vt(s);if(d==="0")return"\0";if(d!==void 0)return yo(d,!t);if(p!==void 0)return ko(p);throw new SyntaxError(E.errorMessages.get(E.ErrorType.EndOfString))})}j.unraw=$t;j.default=$t});import{css as hr,html as ae,nothing as Qt}from"lit";import Ft from"@warp-ds/elements-core";import{ifDefined as mr}from"lit/directives/if-defined.js";import{classMap as $r}from"lit/directives/class-map.js";var eo=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function Ge(e){return class extends e{static createProperty(t,o){let r=o;(typeof(o==null?void 0:o.attribute)=="undefined"||(o==null?void 0:o.attribute)===!0)&&(r=Object.assign({},o,{attribute:eo(t.toString())})),super.createProperty(t,r)}}}function Oe(e){let t=[];for(let[o,r]of Object.entries(e))r&&t.push(o);return t.join(" ")}function Xe(){return`m${Math.random().toString(36).slice(2)}`}var Se={box:"group block relative break-words last-child:mb-0 p-16 rounded-8",bleed:"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",info:"i-bg-$color-box-info-background i-text-$color-box-info-text",neutral:"i-bg-$color-box-neutral-background i-text-$color-box-neutral-text",bordered:"border-2 i-border-$color-box-bordered-border i-bg-$color-box-bordered-background i-text-$color-box-bordered-text",infoClickable:"hover:i-bg-$color-box-info-background-hover active:i-bg-$color-box-info-background-hover",neutralClickable:"hover:i-bg-$color-box-neutral-background-hover active:i-bg-$color-box-neutral-background-hover",borderedClickable:"hover:i-bg-$color-box-bordered-background-hover active:i-bg-$color-box-bordered-background-hover hover:i-border-$color-box-bordered-border-hover active:i-border-$color-box-bordered-border-hover"};var to="focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block",kr={expandable:"will-change-height",expandableTitle:"font-bold i-text-$color-expandable-title-text",expandableBox:"i-bg-$color-expandable-background hover:i-bg-$color-expandable-background-hover py-0 px-0 "+Se.box,expandableBleed:Se.bleed,chevron:"inline-block align-middle i-text-$color-expandable-icon",chevronNonBox:"relative left-8",chevronBox:"absolute right-16",chevronTransform:"transform transition-transform transform-gpu ease-in-out",chevronExpand:"-rotate-180",chevronCollapse:"rotate-180",expansion:"overflow-hidden",expansionNotExpanded:"h-0 invisible",button:to+" hover:underline focus:underline",buttonBox:"w-full text-left relative inline-flex items-center "+Se.box,paddingTop:"pt-0",title:"flex justify-between items-center",titleType:"h4"},q="font-bold focusable justify-center transition-colors ease-in-out",y={primary:"i-text-$color-button-primary-text hover:i-text-$color-button-primary-text i-bg-$color-button-primary-background hover:i-bg-$color-button-primary-background-hover active:i-bg-$color-button-primary-background-active",secondary:"i-text-$color-button-secondary-text hover:i-text-$color-button-secondary-text i-border-$color-button-secondary-border i-bg-$color-button-secondary-background hover:i-bg-$color-button-secondary-background-hover hover:i-border-$color-button-secondary-border-hover active:i-bg-$color-button-secondary-background-active",utility:"i-text-$color-button-utility-text hover:i-text-$color-button-utility-text i-bg-$color-button-utility-background i-border-$color-button-utility-border hover:i-bg-$color-button-utility-background hover:i-border-$color-button-utility-border-hover active:i-border-$color-button-utility-border-active",destructive:"i-bg-$color-button-negative-background i-text-$color-button-negative-text hover:i-text-$color-button-negative-text hover:i-bg-$color-button-negative-background-hover active:i-bg-$color-button-negative-background-active",pill:"i-text-$color-button-pill-icon hover:i-text-$color-button-pill-icon-hover active:i-text-$color-button-pill-icon-active i-bg-$color-button-pill-background hover:i-bg-$color-button-pill-background-hover active:i-bg-$color-button-pill-background-active",disabled:"i-text-$color-button-disabled-text i-bg-$color-button-disabled-background",quiet:"i-bg-$color-button-quiet-background i-text-$color-button-quiet-text hover:i-bg-$color-button-quiet-background-hover active:i-bg-$color-button-quiet-background-active",utilityQuiet:"i-text-$color-button-utility-quiet-text i-bg-$color-button-utility-quiet-background hover:i-bg-$color-button-utility-quiet-background-hover",negativeQuiet:"i-bg-$color-button-negative-quiet-background i-text-$color-button-negative-quiet-text hover:i-bg-$color-button-negative-quiet-background-hover active:i-bg-$color-button-negative-quiet-background-active",loading:"i-text-$color-button-loading-text i-bg-$color-button-loading-background",link:"i-text-$color-button-link-text"},x={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 ${y.link}`},g={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"},b={medium:"text-m leading-[24]",xsmall:"text-xs"},u={inProgress:`border-transparent animate-inprogress pointer-events-none ${y.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 ${y.disabled}`},_r={secondary:`${g.medium} ${b.medium} ${x.secondary} ${y.secondary}`,secondaryHref:`${g.medium} ${b.medium} ${x.secondary} ${y.secondary}`,secondaryDisabled:`${g.medium} ${b.medium} ${x.secondary} ${u.isDisabled}`,secondarySmall:`${b.xsmall} ${g.xsmall} ${x.secondary} ${y.secondary}`,secondarySmallDisabled:`${b.xsmall} ${g.xsmall} ${x.secondary} ${u.isDisabled}`,secondaryQuiet:`${g.medium} ${b.medium} ${u.quiet} ${y.quiet}`,secondaryQuietDisabled:`${g.medium} ${b.medium} ${u.quiet} ${u.isDisabled}`,secondarySmallQuiet:`${b.xsmall} ${g.xsmall} ${u.quiet} ${y.quiet}`,secondarySmallQuietDisabled:`${b.xsmall} ${g.xsmall} ${u.quiet} ${u.isDisabled}`,secondaryLoading:`${g.medium} ${b.medium} ${x.secondary} ${u.inProgress}`,secondarySmallLoading:`${b.xsmall} ${g.xsmall}  ${x.secondary} ${u.inProgress}`,secondarySmallQuietLoading:`${b.xsmall} ${g.xsmall} ${u.quiet} ${u.inProgress}`,secondaryQuietLoading:`${g.medium} ${b.medium} ${u.quiet} ${u.inProgress}`,primary:`${g.large} ${b.medium} ${x.primary} ${y.primary}`,primaryDisabled:`${g.large} ${b.medium} ${u.isDisabled} ${x.primary}`,primarySmall:`${g.small} ${b.xsmall} ${x.primary} ${y.primary}`,primarySmallDisabled:`${g.small} ${b.xsmall} ${u.isDisabled} ${x.primary} `,primaryQuiet:`${g.large} ${b.medium} ${u.quiet} ${y.quiet}`,primaryQuietDisabled:`${g.large} ${b.medium} ${u.quiet} ${u.isDisabled}`,primarySmallQuiet:`${g.small} ${b.xsmall} ${u.quiet} ${y.quiet}`,primarySmallQuietDisabled:`${g.small} ${b.xsmall} ${u.quiet} ${u.isDisabled}`,primaryLoading:`${g.large} ${b.medium} ${u.inProgress} ${x.primary}`,primarySmallLoading:`${g.small} ${b.xsmall}  ${u.inProgress} ${x.primary}`,primarySmallQuietLoading:`${g.small} ${b.xsmall} ${u.quiet} ${u.inProgress} ${x.primary}`,primaryQuietLoading:`${g.large} ${b.medium} ${u.quiet} ${u.inProgress}`,utility:`${g.utility} ${b.medium} ${x.utility} ${y.utility}`,utilityDisabled:`${g.utility} ${b.medium} ${x.utility} ${u.isDisabled}`,utilityQuiet:`${g.large} ${b.medium} ${u.utilityQuiet} ${y.utilityQuiet}`,utilityQuietDisabled:`${g.large} ${b.medium} ${u.utilityQuiet} ${u.isDisabled}`,utilitySmall:`${g.smallUtility} ${b.xsmall} ${x.utility} ${y.utility}`,utilitySmallDisabled:`${g.smallUtility} ${b.xsmall} ${x.utility} ${u.isDisabled}`,utilitySmallQuiet:`${g.smallUtility} ${b.xsmall} ${u.utilityQuiet} ${y.utilityQuiet}`,utilitySmallQuietDisabled:`${g.smallUtility} ${b.xsmall} ${u.utilityQuiet} ${u.isDisabled}`,utilityLoading:`${g.large} ${b.medium} ${x.utility} ${u.inProgress}`,utilitySmallLoading:`${g.smallUtility} ${b.xsmall} ${x.utility} ${u.inProgress}`,utilityQuietLoading:`${g.large} ${b.medium} ${u.inProgress} ${u.utilityQuiet}`,utilitySmallQuietLoading:`${g.smallUtility} ${b.xsmall} ${u.inProgress} ${u.utilityQuiet}`,negative:`${g.large} ${b.medium} ${x.negative} ${y.destructive}`,negativeDisabled:`${g.large} ${b.medium} ${x.negative} ${u.isDisabled}`,negativeQuiet:`${g.large} ${b.medium} ${u.negativeQuiet} ${y.negativeQuiet}`,negativeQuietDisabled:`${g.large} ${b.medium} ${u.negativeQuiet}${u.isDisabled}`,negativeSmall:`${g.small} ${b.xsmall} ${x.negative} ${y.destructive}`,negativeSmallDisabled:`${g.small} ${b.xsmall} ${x.negative} ${u.isDisabled}`,negativeSmallQuiet:`${g.small} ${b.xsmall} ${u.negativeQuiet} ${y.negativeQuiet}`,negativeSmallQuietDisabled:`${g.small} ${b.xsmall} ${u.negativeQuiet} ${u.isDisabled}`,negativeLoading:`${g.large} ${b.medium} ${x.negative} ${u.inProgress}`,negativeSmallLoading:`${g.small} ${b.xsmall} ${u.inProgress} ${x.negative}`,negativeQuietLoading:`${g.large} ${b.medium} ${u.negativeQuiet} ${x.negative} ${u.inProgress}`,negativeSmallQuietLoading:`${g.small} ${b.xsmall} ${u.negativeQuiet} ${u.inProgress}`,pill:`${g.pill} ${b.medium} ${x.pill} ${y.pill}`,pillSmall:`${g.pillSmall} ${b.xsmall} ${x.pill} ${y.pill}`,pillLoading:`${g.pill} ${b.medium} ${x.pill} ${u.inProgress}`,pillSmallLoading:`${g.pillSmall} ${b.xsmall} ${x.pill} ${u.inProgress}`,link:`${g.link} ${b.medium} ${x.link}`,linkSmall:`${g.link} ${b.xsmall} ${x.link}`,linkAsButton:"inline-block hover:no-underline text-center",a11y:"sr-only",fullWidth:"w-full max-w-full",contentWidth:"max-w-max"};var Dr={transparentBg:'before:i-bg-$color-modal-backdrop-background before:content-[""] before:absolute before:top-0 before:bottom-0 before:left-0 before:right-0 before:opacity-25',backdrop:"fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-20 [--w-modal-max-height:80%] [--w-modal-width:640px]",modal:"pb-safe-[32] i-shadow-$shadow-modal max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 i-bg-$color-modal-background flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8",content:"block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative",footer:"flex justify-end shrink-0 px-16 sm:px-32",transitionTitle:"transition-all duration-300",transitionTitleCenter:"justify-self-center",transitionTitleColSpan:"col-span-2",title:"-mt-4 sm:-mt-8 h-40 sm:h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-center px-16 sm:px-32 border-b sm:border-b-0 shrink-0",titleText:"mb-0 h4 sm:h3",titleButton:`${b.medium} ${x.pill} ${y.pill} sm:min-h-[44px] sm:min-w-[44px] min-h-[32px] min-w-[32px]`,titleButtonLeft:"-ml-8 sm:-ml-12 justify-self-start",titleButtonRight:"-mr-8 sm:-mr-12 justify-self-end",titleButtonIcon:"h-16 w-16 sm:h-24 sm:w-24",titleButtonIconRotated:"transform rotate-90"};var oo={label:"antialiased block relative text-s font-bold pb-4 cursor-pointer i-text-$color-label-text",labelInvalid:"i-text-$color-label-text-negative",optional:"pl-8 font-normal text-s i-text-$color-label-optional-text"};var Ke="absolute top-0 bottom-0 flex justify-center items-center focusable focus:[--w-outline-offset:-2px] bg-transparent ",Er={wrapper:Ke+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs i-text-$color-label-text"},Lr={wrapper:Ke+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs i-text-$color-label-text"};var Or={toggle:"absolute inset-0 h-full w-full appearance-none cursor-pointer focusable focusable-inset",label:`px-12 ${oo.label} py-8! cursor-pointer focusable focusable-inset`,buttonOrLink:"bg-transparent focusable",buttonOrLinkStretch:"inset-0 absolute"};var F={base:"border-2 relative flex items-start",tooltip:"i-bg-$color-tooltip-background i-border-$color-tooltip-background i-shadow-$shadow-tooltip i-text-$color-tooltip-text rounded-4 py-6 px-8",callout:"i-bg-$color-callout-background i-border-$color-callout-border i-text-$color-callout-text py-8 px-16 rounded-8",highlight:"i-bg-$color-callout-background i-border-$color-callout-border i-text-$color-callout-text py-8 px-16 rounded-8 drop-shadow-m",popover:"i-bg-$color-popover-background i-border-$color-popover-background i-text-$color-popover-paragraph-text rounded-8 p-16 drop-shadow-m",arrowBase:"absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform",arrowDirectionLeft:"-left-[8px]",arrowDirectionRight:"-right-[8px]",arrowDirectionBottom:"-bottom-[8px]",arrowDirectionTop:"-top-[8px]",arrowTooltip:"i-bg-$color-tooltip-background i-border-$color-tooltip-background",arrowCallout:"i-bg-$color-callout-background i-border-$color-callout-border",arrowPopover:"i-bg-$color-popover-background i-border-$color-popover-background",arrowHighlight:"i-bg-$color-callout-background i-border-$color-callout-border",content:"last-child:mb-0",notCallout:"absolute z-50",closeBtn:`${b.medium} ${x.pill} ${y.pill} justify-self-end -mr-8 ml-8`};function ee(e){return e.split("-")[0]}function pe(e){return e.split("-")[1]}function te(e){return["top","bottom"].includes(ee(e))?"x":"y"}function Te(e){return e==="y"?"height":"width"}function Ye(e,t,o){let{reference:r,floating:a}=e,n=r.x+r.width/2-a.width/2,l=r.y+r.height/2-a.height/2,i=te(t),s=Te(i),d=r[s]/2-a[s]/2,p=i==="x",f;switch(ee(t)){case"top":f={x:n,y:r.y-a.height};break;case"bottom":f={x:n,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:l};break;case"left":f={x:r.x-a.width,y:l};break;default:f={x:r.x,y:r.y}}switch(pe(t)){case"start":f[i]-=d*(o&&p?-1:1);break;case"end":f[i]+=d*(o&&p?-1:1)}return f}var et=async(e,t,o)=>{let{placement:r="bottom",strategy:a="absolute",middleware:n=[],platform:l}=o,i=await(l.isRTL==null?void 0:l.isRTL(t)),s=await l.getElementRects({reference:e,floating:t,strategy:a}),{x:d,y:p}=Ye(s,r,i),f=r,$={},c=0;for(let h=0;h<n.length;h++){let{name:m,fn:v}=n[h],{x:w,y:D,data:k,reset:_}=await v({x:d,y:p,initialPlacement:r,placement:f,strategy:a,middlewareData:$,rects:s,platform:l,elements:{reference:e,floating:t}});d=w!=null?w:d,p=D!=null?D:p,$=R(L({},$),{[m]:L(L({},$[m]),k)}),_&&c<=50&&(c++,typeof _=="object"&&(_.placement&&(f=_.placement),_.rects&&(s=_.rects===!0?await l.getElementRects({reference:e,floating:t,strategy:a}):_.rects),{x:d,y:p}=Ye(s,f,i)),h=-1)}return{x:d,y:p,placement:f,strategy:a,middlewareData:$}};function tt(e){return typeof e!="number"?function(t){return L({top:0,right:0,bottom:0,left:0},t)}(e):{top:e,right:e,bottom:e,left:e}}function Z(e){return R(L({},e),{top:e.y,left:e.x,right:e.x+e.width,bottom:e.y+e.height})}async function Ae(e,t){var o;t===void 0&&(t={});let{x:r,y:a,platform:n,rects:l,elements:i,strategy:s}=e,{boundary:d="clippingAncestors",rootBoundary:p="viewport",elementContext:f="floating",altBoundary:$=!1,padding:c=0}=t,h=tt(c),m=i[$?f==="floating"?"reference":"floating":f],v=Z(await n.getClippingRect({element:(o=await(n.isElement==null?void 0:n.isElement(m)))==null||o?m:m.contextElement||await(n.getDocumentElement==null?void 0:n.getDocumentElement(i.floating)),boundary:d,rootBoundary:p,strategy:s})),w=Z(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({rect:f==="floating"?R(L({},l.floating),{x:r,y:a}):l.reference,offsetParent:await(n.getOffsetParent==null?void 0:n.getOffsetParent(i.floating)),strategy:s}):l[f]);return{top:v.top-w.top+h.top,bottom:w.bottom-v.bottom+h.bottom,left:v.left-w.left+h.left,right:w.right-v.right+h.right}}var ro=Math.min,io=Math.max;function Ce(e,t,o){return io(e,ro(t,o))}var Pe=e=>({name:"arrow",options:e,async fn(t){let{element:o,padding:r=0}=e!=null?e:{},{x:a,y:n,placement:l,rects:i,platform:s}=t;if(o==null)return{};let d=tt(r),p={x:a,y:n},f=te(l),$=pe(l),c=Te(f),h=await s.getDimensions(o),m=f==="y"?"top":"left",v=f==="y"?"bottom":"right",w=i.reference[c]+i.reference[f]-p[f]-i.floating[c],D=p[f]-i.reference[f],k=await(s.getOffsetParent==null?void 0:s.getOffsetParent(o)),_=k?f==="y"?k.clientHeight||0:k.clientWidth||0:0;_===0&&(_=i.floating[c]);let Q=w/2-D/2,C=d[m],B=_-h[c]-d[v],A=_/2-h[c]/2+Q,O=Ce(C,A,B),P=($==="start"?d[m]:d[v])>0&&A!==O&&i.reference[c]<=i.floating[c];return{[f]:p[f]-(P?A<C?C-A:B-A:0),data:{[f]:O,centerOffset:A-O}}}}),no={left:"right",right:"left",bottom:"top",top:"bottom"};function be(e){return e.replace(/left|right|bottom|top/g,t=>no[t])}function lo(e,t,o){o===void 0&&(o=!1);let r=pe(e),a=te(e),n=Te(a),l=a==="x"?r===(o?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[n]>t.floating[n]&&(l=be(l)),{main:l,cross:be(l)}}var ao={start:"end",end:"start"};function Ze(e){return e.replace(/start|end/g,t=>ao[t])}var so=["top","right","bottom","left"],Cr=so.reduce((e,t)=>e.concat(t,t+"-start",t+"-end"),[]);var Re=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var o;let{placement:r,middlewareData:a,rects:n,initialPlacement:l,platform:i,elements:s}=t,A=e,{mainAxis:d=!0,crossAxis:p=!0,fallbackPlacements:f,fallbackStrategy:$="bestFit",flipAlignment:c=!0}=A,h=Y(A,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","flipAlignment"]),m=ee(r),v=f||(m===l||!c?[be(l)]:function(O){let P=be(O);return[Ze(O),P,Ze(P)]}(l)),w=[l,...v],D=await Ae(t,h),k=[],_=((o=a.flip)==null?void 0:o.overflows)||[];if(d&&k.push(D[m]),p){let{main:O,cross:P}=lo(r,n,await(i.isRTL==null?void 0:i.isRTL(s.floating)));k.push(D[O],D[P])}if(_=[..._,{placement:r,overflows:k}],!k.every(O=>O<=0)){var Q,C;let O=((Q=(C=a.flip)==null?void 0:C.index)!=null?Q:0)+1,P=w[O];if(P)return{data:{index:O,overflows:_},reset:{placement:P}};let ce="bottom";switch($){case"bestFit":{var B;let Ve=(B=_.map(de=>[de,de.overflows.filter(K=>K>0).reduce((K,zt)=>K+zt,0)]).sort((de,K)=>de[1]-K[1])[0])==null?void 0:B[0].placement;Ve&&(ce=Ve);break}case"initialPlacement":ce=l}if(r!==ce)return{reset:{placement:ce}}}return{}}}};var Me=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){let{x:o,y:r}=t,a=await async function(n,l){let{placement:i,platform:s,elements:d}=n,p=await(s.isRTL==null?void 0:s.isRTL(d.floating)),f=ee(i),$=pe(i),c=te(i)==="x",h=["left","top"].includes(f)?-1:1,m=p&&c?-1:1,v=typeof l=="function"?l(n):l,{mainAxis:w,crossAxis:D,alignmentAxis:k}=typeof v=="number"?{mainAxis:v,crossAxis:0,alignmentAxis:null}:L({mainAxis:0,crossAxis:0,alignmentAxis:null},v);return $&&typeof k=="number"&&(D=$==="end"?-1*k:k),c?{x:D*m,y:w*h}:{x:w*h,y:D*m}}(t,e);return{x:o+a.x,y:r+a.y,data:a}}}};function co(e){return e==="x"?"y":"x"}var Ne=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:o,y:r,placement:a}=t,v=e,{mainAxis:n=!0,crossAxis:l=!1,limiter:i={fn:w=>{let{x:D,y:k}=w;return{x:D,y:k}}}}=v,s=Y(v,["mainAxis","crossAxis","limiter"]),d={x:o,y:r},p=await Ae(t,s),f=te(ee(a)),$=co(f),c=d[f],h=d[$];if(n){let w=f==="y"?"bottom":"right";c=Ce(c+p[f==="y"?"top":"left"],c,c-p[w])}if(l){let w=$==="y"?"bottom":"right";h=Ce(h+p[$==="y"?"top":"left"],h,h-p[w])}let m=i.fn(R(L({},t),{[f]:c,[$]:h}));return R(L({},m),{data:{x:m.x-o,y:m.y-r}})}}};function at(e){return e&&e.document&&e.location&&e.alert&&e.setInterval}function N(e){if(e==null)return window;if(!at(e)){let t=e.ownerDocument;return t&&t.defaultView||window}return e}function re(e){return N(e).getComputedStyle(e)}function M(e){return at(e)?"":e?(e.nodeName||"").toLowerCase():""}function st(){let e=navigator.userAgentData;return e!=null&&e.brands?e.brands.map(t=>t.brand+"/"+t.version).join(" "):navigator.userAgent}function T(e){return e instanceof N(e).HTMLElement}function W(e){return e instanceof N(e).Element}function Ie(e){return typeof ShadowRoot=="undefined"?!1:e instanceof N(e).ShadowRoot||e instanceof ShadowRoot}function fe(e){let{overflow:t,overflowX:o,overflowY:r}=re(e);return/auto|scroll|overlay|hidden/.test(t+r+o)}function uo(e){return["table","td","th"].includes(M(e))}function ot(e){let t=/firefox/i.test(st()),o=re(e);return o.transform!=="none"||o.perspective!=="none"||o.contain==="paint"||["transform","perspective"].includes(o.willChange)||t&&o.willChange==="filter"||t&&!!o.filter&&o.filter!=="none"}function ct(){return!/^((?!chrome|android).)*safari/i.test(st())}var rt=Math.min,oe=Math.max,ge=Math.round;function z(e,t,o){var r,a,n,l;t===void 0&&(t=!1),o===void 0&&(o=!1);let i=e.getBoundingClientRect(),s=1,d=1;t&&T(e)&&(s=e.offsetWidth>0&&ge(i.width)/e.offsetWidth||1,d=e.offsetHeight>0&&ge(i.height)/e.offsetHeight||1);let p=W(e)?N(e):window,f=!ct()&&o,$=(i.left+(f&&(r=(a=p.visualViewport)==null?void 0:a.offsetLeft)!=null?r:0))/s,c=(i.top+(f&&(n=(l=p.visualViewport)==null?void 0:l.offsetTop)!=null?n:0))/d,h=i.width/s,m=i.height/d;return{width:h,height:m,top:c,right:$+h,bottom:c+m,left:$,x:$,y:c}}function U(e){return(t=e,(t instanceof N(t).Node?e.ownerDocument:e.document)||window.document).documentElement;var t}function he(e){return W(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function dt(e){return z(U(e)).left+he(e).scrollLeft}function bo(e,t,o){let r=T(t),a=U(t),n=z(e,r&&function(s){let d=z(s);return ge(d.width)!==s.offsetWidth||ge(d.height)!==s.offsetHeight}(t),o==="fixed"),l={scrollLeft:0,scrollTop:0},i={x:0,y:0};if(r||!r&&o!=="fixed")if((M(t)!=="body"||fe(a))&&(l=he(t)),T(t)){let s=z(t,!0);i.x=s.x+t.clientLeft,i.y=s.y+t.clientTop}else a&&(i.x=dt(a));return{x:n.left+l.scrollLeft-i.x,y:n.top+l.scrollTop-i.y,width:n.width,height:n.height}}function ut(e){return M(e)==="html"?e:e.assignedSlot||e.parentNode||(Ie(e)?e.host:null)||U(e)}function it(e){return T(e)&&getComputedStyle(e).position!=="fixed"?e.offsetParent:null}function je(e){let t=N(e),o=it(e);for(;o&&uo(o)&&getComputedStyle(o).position==="static";)o=it(o);return o&&(M(o)==="html"||M(o)==="body"&&getComputedStyle(o).position==="static"&&!ot(o))?t:o||function(r){let a=ut(r);for(Ie(a)&&(a=a.host);T(a)&&!["html","body"].includes(M(a));){if(ot(a))return a;a=a.parentNode}return null}(e)||t}function nt(e){if(T(e))return{width:e.offsetWidth,height:e.offsetHeight};let t=z(e);return{width:t.width,height:t.height}}function bt(e){let t=ut(e);return["html","body","#document"].includes(M(t))?e.ownerDocument.body:T(t)&&fe(t)?t:bt(t)}function pt(e,t){var o;t===void 0&&(t=[]);let r=bt(e),a=r===((o=e.ownerDocument)==null?void 0:o.body),n=N(r),l=a?[n].concat(n.visualViewport||[],fe(r)?r:[]):r,i=t.concat(l);return a?i:i.concat(pt(l))}function lt(e,t,o){return t==="viewport"?Z(function(r,a){let n=N(r),l=U(r),i=n.visualViewport,s=l.clientWidth,d=l.clientHeight,p=0,f=0;if(i){s=i.width,d=i.height;let $=ct();($||!$&&a==="fixed")&&(p=i.offsetLeft,f=i.offsetTop)}return{width:s,height:d,x:p,y:f}}(e,o)):W(t)?function(r,a){let n=z(r,!1,a==="fixed"),l=n.top+r.clientTop,i=n.left+r.clientLeft;return{top:l,left:i,x:i,y:l,right:i+r.clientWidth,bottom:l+r.clientHeight,width:r.clientWidth,height:r.clientHeight}}(t,o):Z(function(r){var a;let n=U(r),l=he(r),i=(a=r.ownerDocument)==null?void 0:a.body,s=oe(n.scrollWidth,n.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),d=oe(n.scrollHeight,n.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),p=-l.scrollLeft+dt(r),f=-l.scrollTop;return re(i||n).direction==="rtl"&&(p+=oe(n.clientWidth,i?i.clientWidth:0)-s),{width:s,height:d,x:p,y:f}}(U(e)))}function po(e){let t=pt(e),o=["absolute","fixed"].includes(re(e).position)&&T(e)?je(e):e;return W(o)?t.filter(r=>W(r)&&function(a,n){let l=n.getRootNode==null?void 0:n.getRootNode();if(a.contains(n))return!0;if(l&&Ie(l)){let i=n;do{if(i&&a===i)return!0;i=i.parentNode||i.host}while(i)}return!1}(r,o)&&M(r)!=="body"):[]}var go={getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:r,strategy:a}=e,n=[...o==="clippingAncestors"?po(t):[].concat(o),r],l=n[0],i=n.reduce((s,d)=>{let p=lt(t,d,a);return s.top=oe(p.top,s.top),s.right=rt(p.right,s.right),s.bottom=rt(p.bottom,s.bottom),s.left=oe(p.left,s.left),s},lt(t,l,a));return{width:i.right-i.left,height:i.bottom-i.top,x:i.left,y:i.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:t,offsetParent:o,strategy:r}=e,a=T(o),n=U(o);if(o===n)return t;let l={scrollLeft:0,scrollTop:0},i={x:0,y:0};if((a||!a&&r!=="fixed")&&((M(o)!=="body"||fe(n))&&(l=he(o)),T(o))){let s=z(o,!0);i.x=s.x+o.clientLeft,i.y=s.y+o.clientTop}return R(L({},t),{x:t.x-l.scrollLeft+i.x,y:t.y-l.scrollTop+i.y})},isElement:W,getDimensions:nt,getOffsetParent:je,getDocumentElement:U,getElementRects:e=>{let{reference:t,floating:o,strategy:r}=e;return{reference:bo(t,je(o),r),floating:R(L({},nt(o)),{x:0,y:0})}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>re(e).direction==="rtl"};var gt=(e,t,o)=>et(e,t,L({platform:go},o));var ie="top",ne="bottom",me="left",xe="right",le={[ie]:ne,[ne]:ie,[me]:xe,[xe]:me},Qr={[ie]:"\u2191",[ne]:"\u2193",[me]:"\u2190",[xe]:"\u2192"};var ht={[me]:-45,[ie]:45,[xe]:135,[ne]:-135},ft="calc(50% - 7px)",fo=e=>[ie,ne].includes(e);function ho({actualDirection:e,directionName:t,arrowEl:o}){if(!o)return;e=t;let r=fo(t);o.style.left=r?ft:"",o.style.top=r?"":ft}async function mt(e){var a,n;if(!e.isShowing)return;if(await((a=e==null?void 0:e.waitForDOM)==null?void 0:a.call(e)),e.isCallout)return ho(e);let t=await gt(e.targetEl,e.attentionEl,{placement:e.directionName,middleware:[Re(),Me(8),Ne({padding:16}),Pe({element:e.noArrow?void 0:e.arrowEl})]});e.actualDirection=t.placement,Object.assign(((n=e.attentionEl)==null?void 0:n.style)||{},{left:"0",top:"0",transform:`translate3d(${Math.round(t.x)}px, ${Math.round(t.y)}px, 0)`});let{x:o,y:r}=t.middlewareData.arrow;e.arrowEl&&(e.arrowEl.style.left=o?o+"px":"",e.arrowEl.style.top=r?r+"px":"")}var _t=Zt(yt(),1);var I=e=>typeof e=="string",Do=e=>typeof e=="function",wt=new Map;function Ue(e){return[...Array.isArray(e)?e:[e],"en"]}function Dt(e,t,o){let r=Ue(e);return $e(()=>ye("date",r,o),()=>new Intl.DateTimeFormat(r,o)).format(I(t)?new Date(t):t)}function He(e,t,o){let r=Ue(e);return $e(()=>ye("number",r,o),()=>new Intl.NumberFormat(r,o)).format(t)}function kt(e,t,o,n){var l=n,{offset:r=0}=l,a=Y(l,["offset"]);var d,p;let i=Ue(e),s=t?$e(()=>ye("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):$e(()=>ye("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(p=(d=a[o])!=null?d:a[s.select(o-r)])!=null?p:a.other}function $e(e,t){let o=e(),r=wt.get(o);return r||(r=t(),wt.set(o,r)),r}function ye(e,t,o){let r=t.join("-");return`${e}-${r}-${JSON.stringify(o)}`}var Et=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/g,Eo=(e,t,o={})=>{t=t||e;let r=n=>I(n)?o[n]||{style:n}:n,a=(n,l)=>{let i=Object.keys(o).length?r("number"):{},s=He(t,n,i);return l.replace("#",s)};return{plural:(n,l)=>{let{offset:i=0}=l,s=kt(t,!1,n,l);return a(n-i,s)},selectordinal:(n,l)=>{let{offset:i=0}=l,s=kt(t,!0,n,l);return a(n-i,s)},select:(n,l)=>{var i;return(i=l[n])!=null?i:l.other},number:(n,l)=>He(t,n,r(l)),date:(n,l)=>Dt(t,n,r(l)),undefined:n=>n}};function Lo(e,t,o){return(r,a={})=>{let n=Eo(t,o,a),l=s=>Array.isArray(s)?s.reduce((d,p)=>{if(I(p))return d+p;let[f,$,c]=p,h={};c!=null&&!I(c)?Object.keys(c).forEach(v=>{h[v]=l(c[v])}):h=c;let m=n[$](r[f],h);return m==null?d:d+m},""):s,i=l(e);return I(i)&&Et.test(i)?(0,_t.default)(i.trim()):I(i)?i.trim():i}}var Oo=Object.defineProperty,So=(e,t,o)=>t in e?Oo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,Co=(e,t,o)=>(So(e,typeof t!="symbol"?t+"":t,o),o),Be=class{constructor(){Co(this,"_events",{})}on(t,o){return this._hasEvent(t)||(this._events[t]=[]),this._events[t].push(o),()=>this.removeListener(t,o)}removeListener(t,o){if(!this._hasEvent(t))return;let r=this._events[t].indexOf(o);~r&&this._events[t].splice(r,1)}emit(t,...o){this._hasEvent(t)&&this._events[t].map(r=>r.apply(this,o))}_hasEvent(t){return Array.isArray(this._events[t])}},To=Object.defineProperty,Ao=(e,t,o)=>t in e?To(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,G=(e,t,o)=>(Ao(e,typeof t!="symbol"?t+"":t,o),o),qe=class extends Be{constructor(t){super(),G(this,"_locale"),G(this,"_locales"),G(this,"_localeData"),G(this,"_messages"),G(this,"_missing"),G(this,"t",this._.bind(this)),this._messages={},this._localeData={},t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(t.locale!=null||t.locales!=null)&&this.activate(t.locale,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var t;return(t=this._messages[this._locale])!=null?t:{}}get localeData(){var t;return(t=this._localeData[this._locale])!=null?t:{}}_loadLocaleData(t,o){this._localeData[t]==null?this._localeData[t]=o:Object.assign(this._localeData[t],o)}loadLocaleData(t,o){o!=null?this._loadLocaleData(t,o):Object.keys(t).forEach(r=>this._loadLocaleData(r,t[r])),this.emit("change")}_load(t,o){this._messages[t]==null?this._messages[t]=o:Object.assign(this._messages[t],o)}load(t,o){o!=null?this._load(t,o):Object.keys(t).forEach(r=>this._load(r,t[r])),this.emit("change")}loadAndActivate({locale:t,locales:o,messages:r}){this._locale=t,this._locales=o||void 0,this._messages[this._locale]=r,this.emit("change")}activate(t,o){this._locale=t,this._locales=o,this.emit("change")}_(t,o={},{message:r,formats:a}={}){I(t)||(o=t.values||o,r=t.message,t=t.id);let n=!this.messages[t],l=this._missing;if(l&&n)return Do(l)?l(this._locale,t):l;n&&this.emit("missing",{id:t,locale:this._locale});let i=this.messages[t]||r||t;return I(i)&&Et.test(i)?JSON.parse(`"${i}"`):I(i)?i:Lo(i,this._locale,this._locales)(o,a)}date(t,o){return Dt(this._locales||this._locale,t,o)}number(t,o){return He(this._locales||this._locale,t,o)}};function Po(e={}){return new qe(e)}var S=Po();var Lt=JSON.parse('{"attention.aria.callout":"callout speech bubble","attention.aria.close":"Close","attention.aria.highlight":"highlighted speech bubble","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"popover speech bubble","attention.aria.tooltip":"tooltip"}');var Ot=JSON.parse('{"attention.aria.callout":"callout speech bubble","attention.aria.close":"Lukk","attention.aria.highlight":"highlighted speech bubble","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"popover speech bubble","attention.aria.tooltip":"tooltip"}');var St=JSON.parse('{"attention.aria.callout":"callout speech bubble","attention.aria.close":"Sulje","attention.aria.highlight":"highlighted speech bubble","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"popover speech bubble","attention.aria.tooltip":"tooltip"}');var Ro=["en","nb","fi"],Tt="en",Ct=e=>Ro.find(t=>e===t||e.toLowerCase().includes(t))||Tt;function Mo(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Ct(e)}try{let e=document.documentElement.lang;return Ct(e)}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Tt}}var No=(e,t,o,r)=>e==="nb"?o:e==="fi"?r:t,At=(e,t,o)=>{let r=Mo(),a=No(r,e,t,o);S.load(r,a),S.activate(r)};import{LitElement as Wo}from"lit";import{unsafeStatic as Jo,html as Go}from"lit/static-html.js";var jo=Object.create,jt=Object.defineProperty,Io=Object.getOwnPropertyDescriptor,Ho=Object.getOwnPropertyNames,Pt=Object.getOwnPropertySymbols,Bo=Object.getPrototypeOf,It=Object.prototype.hasOwnProperty,qo=Object.prototype.propertyIsEnumerable,Uo=(e,t)=>{var o={};for(var r in e)It.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&Pt)for(var r of Pt(e))t.indexOf(r)<0&&qo.call(e,r)&&(o[r]=e[r]);return o},Ht=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),Qo=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Ho(t))!It.call(e,a)&&a!==o&&jt(e,a,{get:()=>t[a],enumerable:!(r=Io(t,a))||r.enumerable});return e},Fo=(e,t,o)=>(o=e!=null?jo(Bo(e)):{},Qo(t||!e||!e.__esModule?jt(o,"default",{value:e,enumerable:!0}):o,e)),zo=Ht(e=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.errorMessages=e.ErrorType=void 0;var t;(function(o){o.MalformedUnicode="MALFORMED_UNICODE",o.MalformedHexadecimal="MALFORMED_HEXADECIMAL",o.CodePointLimit="CODE_POINT_LIMIT",o.OctalDeprecation="OCTAL_DEPRECATION",o.EndOfString="END_OF_STRING"})(t=e.ErrorType||(e.ErrorType={})),e.errorMessages=new Map([[t.MalformedUnicode,"malformed Unicode character escape sequence"],[t.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[t.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[t.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[t.EndOfString,"malformed escape sequence at end of string"]])}),Vo=Ht(e=>{"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.unraw=e.errorMessages=e.ErrorType=void 0;var t=zo();Object.defineProperty(e,"ErrorType",{enumerable:!0,get:function(){return t.ErrorType}}),Object.defineProperty(e,"errorMessages",{enumerable:!0,get:function(){return t.errorMessages}});function o(c){return c.match(/[^a-f0-9]/i)?NaN:parseInt(c,16)}function r(c,h,m){let v=o(c);if(Number.isNaN(v)||m!==void 0&&m!==c.length)throw new SyntaxError(t.errorMessages.get(h));return v}function a(c){let h=r(c,t.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(h)}function n(c,h){let m=r(c,t.ErrorType.MalformedUnicode,4);if(h!==void 0){let v=r(h,t.ErrorType.MalformedUnicode,4);return String.fromCharCode(m,v)}return String.fromCharCode(m)}function l(c){return c.charAt(0)==="{"&&c.charAt(c.length-1)==="}"}function i(c){if(!l(c))throw new SyntaxError(t.errorMessages.get(t.ErrorType.MalformedUnicode));let h=c.slice(1,-1),m=r(h,t.ErrorType.MalformedUnicode);try{return String.fromCodePoint(m)}catch(v){throw v instanceof RangeError?new SyntaxError(t.errorMessages.get(t.ErrorType.CodePointLimit)):v}}function s(c,h=!1){if(h)throw new SyntaxError(t.errorMessages.get(t.ErrorType.OctalDeprecation));let m=parseInt(c,8);return String.fromCharCode(m)}var d=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function p(c){return d.get(c)||c}var f=/\\(?:(\\)|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 $(c,h=!1){return c.replace(f,function(m,v,w,D,k,_,Q,C,B){if(v!==void 0)return"\\";if(w!==void 0)return a(w);if(D!==void 0)return i(D);if(k!==void 0)return n(k,_);if(Q!==void 0)return n(Q);if(C==="0")return"\0";if(C!==void 0)return s(C,!h);if(B!==void 0)return p(B);throw new SyntaxError(t.errorMessages.get(t.ErrorType.EndOfString))})}e.unraw=$,e.default=$}),Xo=Fo(Vo(),1),H=e=>typeof e=="string",Ko=e=>typeof e=="function",Rt=new Map;function ze(e){return[...Array.isArray(e)?e:[e],"en"]}function Bt(e,t,o){let r=ze(e);return we(()=>ke("date",r,o),()=>new Intl.DateTimeFormat(r,o)).format(H(t)?new Date(t):t)}function Qe(e,t,o){let r=ze(e);return we(()=>ke("number",r,o),()=>new Intl.NumberFormat(r,o)).format(t)}function Mt(e,t,o,r){var a=r,{offset:n=0}=a,l=Uo(a,["offset"]),i,s;let d=ze(e),p=t?we(()=>ke("plural-ordinal",d),()=>new Intl.PluralRules(d,{type:"ordinal"})):we(()=>ke("plural-cardinal",d),()=>new Intl.PluralRules(d,{type:"cardinal"}));return(s=(i=l[o])!=null?i:l[p.select(o-n)])!=null?s:l.other}function we(e,t){let o=e(),r=Rt.get(o);return r||(r=t(),Rt.set(o,r)),r}function ke(e,t,o){let r=t.join("-");return`${e}-${r}-${JSON.stringify(o)}`}var qt=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/g,Yo=(e,t,o={})=>{t=t||e;let r=n=>H(n)?o[n]||{style:n}:n,a=(n,l)=>{let i=Object.keys(o).length?r("number"):{},s=Qe(t,n,i);return l.replace("#",s)};return{plural:(n,l)=>{let{offset:i=0}=l,s=Mt(t,!1,n,l);return a(n-i,s)},selectordinal:(n,l)=>{let{offset:i=0}=l,s=Mt(t,!0,n,l);return a(n-i,s)},select:(n,l)=>{var i;return(i=l[n])!=null?i:l.other},number:(n,l)=>Qe(t,n,r(l)),date:(n,l)=>Bt(t,n,r(l)),undefined:n=>n}};function Zo(e,t,o){return(r,a={})=>{let n=Yo(t,o,a),l=s=>Array.isArray(s)?s.reduce((d,p)=>{if(H(p))return d+p;let[f,$,c]=p,h={};c!=null&&!H(c)?Object.keys(c).forEach(v=>{h[v]=l(c[v])}):h=c;let m=n[$](r[f],h);return m==null?d:d+m},""):s,i=l(e);return H(i)&&qt.test(i)?(0,Xo.default)(i.trim()):H(i)?i.trim():i}}var er=Object.defineProperty,tr=(e,t,o)=>t in e?er(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,or=(e,t,o)=>(tr(e,typeof t!="symbol"?t+"":t,o),o),rr=class{constructor(){or(this,"_events",{})}on(e,t){return this._hasEvent(e)||(this._events[e]=[]),this._events[e].push(t),()=>this.removeListener(e,t)}removeListener(e,t){if(!this._hasEvent(e))return;let o=this._events[e].indexOf(t);~o&&this._events[e].splice(o,1)}emit(e,...t){this._hasEvent(e)&&this._events[e].map(o=>o.apply(this,t))}_hasEvent(e){return Array.isArray(this._events[e])}},ir=Object.defineProperty,nr=(e,t,o)=>t in e?ir(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,X=(e,t,o)=>(nr(e,typeof t!="symbol"?t+"":t,o),o),lr=class extends rr{constructor(e){super(),X(this,"_locale"),X(this,"_locales"),X(this,"_localeData"),X(this,"_messages"),X(this,"_missing"),X(this,"t",this._.bind(this)),this._messages={},this._localeData={},e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(e.locale!=null||e.locales!=null)&&this.activate(e.locale,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,t){this._localeData[e]==null?this._localeData[e]=t:Object.assign(this._localeData[e],t)}loadLocaleData(e,t){t!=null?this._loadLocaleData(e,t):Object.keys(e).forEach(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,t){this._messages[e]==null?this._messages[e]=t:Object.assign(this._messages[e],t)}load(e,t){t!=null?this._load(e,t):Object.keys(e).forEach(o=>this._load(o,e[o])),this.emit("change")}loadAndActivate({locale:e,locales:t,messages:o}){this._locale=e,this._locales=t||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,t){this._locale=e,this._locales=t,this.emit("change")}_(e,t={},{message:o,formats:r}={}){H(e)||(t=e.values||t,o=e.message,e=e.id);let a=!this.messages[e],n=this._missing;if(n&&a)return Ko(n)?n(this._locale,e):n;a&&this.emit("missing",{id:e,locale:this._locale});let l=this.messages[e]||o||e;return H(l)&&qt.test(l)?JSON.parse(`"${l}"`):H(l)?l:Zo(l,this._locale,this._locales)(t,r)}date(e,t){return Bt(this._locales||this._locale,e,t)}number(e,t){return Qe(this._locales||this._locale,e,t)}};function ar(e={}){return new lr(e)}var Fe=ar(),sr=JSON.parse('{"icon.title.close":"Kryss"}'),cr=JSON.parse('{"icon.title.close":"Cross"}'),dr=JSON.parse('{"icon.title.close":"Risti"}'),ur=["en","nb","fi"],Ut="en",Nt=e=>ur.find(t=>e===t||e.toLowerCase().includes(t))||Ut;function br(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Nt(e)}try{let e=document.documentElement.lang;return Nt(e)}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ut}}var pr=(e,t,o,r)=>e==="nb"?o:e==="fi"?r:t,gr=(e,t,o)=>{let r=br(),a=pr(r,e,t,o);Fe.load(r,a),Fe.activate(r)};gr(cr,sr,dr);var fr=class extends Wo{render(){let e=Fe.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return Go`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16">${Jo(`<title>${e}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9M3.5 3.5l9 9"></path></svg>`}};customElements.get("w-icon-close-16")||customElements.define("w-icon-close-16",fr);var se=class extends Ge(Ft){constructor(){super(),At(Lt,Ot,St),this.show=!1,this.tooltip=!1,this.callout=!1,this.popover=!1,this.highlight=!1,this.canClose=!1,this.noArrow=!1}connectedCallback(){if(super.connectedCallback(),!this.placement||!Object.keys(le).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
-${JSON.stringify(Object.keys(le))}`);setTimeout(()=>this.requestUpdate(),0)}get _actualDirection(){return this.placement}set _actualDirection(t){this.placement=t}get _arrowDirection(){return le[this.placement]}updated(){this.callout||this._attentionEl.style.setProperty("--attention-visibility",this.show?"":"hidden"),this.tooltip||this._attentionEl.style.setProperty("--attention-display",this.show?"flex":"none"),this.attentionState={isShowing:this.show,isCallout:this.callout,actualDirection:this._actualDirection,directionName:this.placement,arrowEl:this.renderRoot.querySelector("#arrow"),attentionEl:this._attentionEl,targetEl:this._targetEl,noArrow:this.noArrow},mt(this.attentionState)}pointingAtDirection(){switch(le[this._actualDirection]){case"top":return S._({id:"attention.aria.pointingUp",message:"pointing up",comment:"Default screenreader message for top direction in the attention component"});case"right":return S._({id:"attention.aria.pointingRight",message:"pointing right",comment:"Default screenreader message for right direction in the attention component"});case"bottom":return S._({id:"attention.aria.pointingDown",message:"pointing down",comment:"Default screenreader message for bottom direction in the attention component"});case"left":return S._({id:"attention.aria.pointingLeft",message:"pointing left",comment:"Default screenreader message for left direction in the attention component"});default:return""}}activeAttentionType(){switch(!0){case this.tooltip:return S._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return S._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return S._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return S._({id:"attention.aria.highlight",message:"highlighted speech bubble",comment:"Default screenreader message for highlighted speech bubble in the attention component"});default:return""}}defaultAriaLabel(){return`${this.activeAttentionType()} ${this.noArrow?"":this.pointingAtDirection()}`}setAriaLabels(){if(this._targetEl&&!this._targetEl.getAttribute("aria-details")){let t=this._messageEl.id||(this._messageEl.id=Xe());this._targetEl.setAttribute("aria-details",t)}}get _activeVariantClasses(){let t={callout:this.callout,popover:this.popover,tooltip:this.tooltip,highlight:this.highlight},o=Object.keys(t).find(r=>!!t[r])||"";return{wrapper:F[o],arrow:F[`arrow${o.charAt(0).toUpperCase()+o.slice(1)}`]}}get _ariaClose(){return S._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}firstUpdated(){this.setAriaLabels(),this.callout&&(this._attentionEl.style.position="relative")}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){return this.renderRoot.querySelector("slot[name='target']").assignedNodes()[0]}get _messageEl(){return this.renderRoot.querySelector("slot[name='message']").assignedNodes()[0]}get _wrapperClasses(){return Oe({[F.base]:!0,[this._activeVariantClasses.wrapper]:!0})}get _arrowClasses(){return Oe({[F.arrowBase]:!0,[F[`arrowDirection${this._arrowDirection.charAt(0).toUpperCase()+this._arrowDirection.slice(1)}`]]:!0,[this._activeVariantClasses.arrow]:!0})}get _arrowHtml(){return this.noArrow?"":ae`<div
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a3, b3) => {
+  for (var prop in b3 || (b3 = {}))
+    if (__hasOwnProp.call(b3, prop))
+      __defNormalProp(a3, prop, b3[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b3)) {
+      if (__propIsEnum.call(b3, prop))
+        __defNormalProp(a3, prop, b3[prop]);
+    }
+  return a3;
+};
+var __spreadProps = (a3, b3) => __defProps(a3, __getOwnPropDescs(b3));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// node_modules/.pnpm/unraw@3.0.0/node_modules/unraw/dist/errors.js
+var require_errors = __commonJS({
+  "node_modules/.pnpm/unraw@3.0.0/node_modules/unraw/dist/errors.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.errorMessages = exports.ErrorType = void 0;
+    var ErrorType;
+    (function(ErrorType2) {
+      ErrorType2["MalformedUnicode"] = "MALFORMED_UNICODE";
+      ErrorType2["MalformedHexadecimal"] = "MALFORMED_HEXADECIMAL";
+      ErrorType2["CodePointLimit"] = "CODE_POINT_LIMIT";
+      ErrorType2["OctalDeprecation"] = "OCTAL_DEPRECATION";
+      ErrorType2["EndOfString"] = "END_OF_STRING";
+    })(ErrorType = exports.ErrorType || (exports.ErrorType = {}));
+    exports.errorMessages = /* @__PURE__ */ new Map([
+      [ErrorType.MalformedUnicode, "malformed Unicode character escape sequence"],
+      [
+        ErrorType.MalformedHexadecimal,
+        "malformed hexadecimal character escape sequence"
+      ],
+      [
+        ErrorType.CodePointLimit,
+        "Unicode codepoint must not be greater than 0x10FFFF in escape sequence"
+      ],
+      [
+        ErrorType.OctalDeprecation,
+        '"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'
+      ],
+      [ErrorType.EndOfString, "malformed escape sequence at end of string"]
+    ]);
+  }
+});
+
+// node_modules/.pnpm/unraw@3.0.0/node_modules/unraw/dist/index.js
+var require_dist = __commonJS({
+  "node_modules/.pnpm/unraw@3.0.0/node_modules/unraw/dist/index.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.unraw = exports.errorMessages = exports.ErrorType = void 0;
+    var errors_1 = require_errors();
+    Object.defineProperty(exports, "ErrorType", { enumerable: true, get: function() {
+      return errors_1.ErrorType;
+    } });
+    Object.defineProperty(exports, "errorMessages", { enumerable: true, get: function() {
+      return errors_1.errorMessages;
+    } });
+    function parseHexToInt(hex) {
+      const isOnlyHexChars = !hex.match(/[^a-f0-9]/i);
+      return isOnlyHexChars ? parseInt(hex, 16) : NaN;
+    }
+    function validateAndParseHex(hex, errorName, enforcedLength) {
+      const parsedHex = parseHexToInt(hex);
+      if (Number.isNaN(parsedHex) || enforcedLength !== void 0 && enforcedLength !== hex.length) {
+        throw new SyntaxError(errors_1.errorMessages.get(errorName));
+      }
+      return parsedHex;
+    }
+    function parseHexadecimalCode(code) {
+      const parsedCode = validateAndParseHex(code, errors_1.ErrorType.MalformedHexadecimal, 2);
+      return String.fromCharCode(parsedCode);
+    }
+    function parseUnicodeCode(code, surrogateCode) {
+      const parsedCode = validateAndParseHex(code, errors_1.ErrorType.MalformedUnicode, 4);
+      if (surrogateCode !== void 0) {
+        const parsedSurrogateCode = validateAndParseHex(surrogateCode, errors_1.ErrorType.MalformedUnicode, 4);
+        return String.fromCharCode(parsedCode, parsedSurrogateCode);
+      }
+      return String.fromCharCode(parsedCode);
+    }
+    function isCurlyBraced(text) {
+      return text.charAt(0) === "{" && text.charAt(text.length - 1) === "}";
+    }
+    function parseUnicodeCodePointCode(codePoint) {
+      if (!isCurlyBraced(codePoint)) {
+        throw new SyntaxError(errors_1.errorMessages.get(errors_1.ErrorType.MalformedUnicode));
+      }
+      const withoutBraces = codePoint.slice(1, -1);
+      const parsedCode = validateAndParseHex(withoutBraces, errors_1.ErrorType.MalformedUnicode);
+      try {
+        return String.fromCodePoint(parsedCode);
+      } catch (err) {
+        throw err instanceof RangeError ? new SyntaxError(errors_1.errorMessages.get(errors_1.ErrorType.CodePointLimit)) : err;
+      }
+    }
+    function parseOctalCode(code, error = false) {
+      if (error) {
+        throw new SyntaxError(errors_1.errorMessages.get(errors_1.ErrorType.OctalDeprecation));
+      }
+      const parsedCode = parseInt(code, 8);
+      return String.fromCharCode(parsedCode);
+    }
+    var singleCharacterEscapes = /* @__PURE__ */ new Map([
+      ["b", "\b"],
+      ["f", "\f"],
+      ["n", "\n"],
+      ["r", "\r"],
+      ["t", "	"],
+      ["v", "\v"],
+      ["0", "\0"]
+    ]);
+    function parseSingleCharacterCode(code) {
+      return singleCharacterEscapes.get(code) || code;
+    }
+    var escapeMatch = /\\(?:(\\)|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 unraw2(raw, allowOctals = false) {
+      return raw.replace(escapeMatch, function(_, backslash, hex, codePoint, unicodeWithSurrogate, surrogate, unicode, octal, singleCharacter) {
+        if (backslash !== void 0) {
+          return "\\";
+        }
+        if (hex !== void 0) {
+          return parseHexadecimalCode(hex);
+        }
+        if (codePoint !== void 0) {
+          return parseUnicodeCodePointCode(codePoint);
+        }
+        if (unicodeWithSurrogate !== void 0) {
+          return parseUnicodeCode(unicodeWithSurrogate, surrogate);
+        }
+        if (unicode !== void 0) {
+          return parseUnicodeCode(unicode);
+        }
+        if (octal === "0") {
+          return "\0";
+        }
+        if (octal !== void 0) {
+          return parseOctalCode(octal, !allowOctals);
+        }
+        if (singleCharacter !== void 0) {
+          return parseSingleCharacterCode(singleCharacter);
+        }
+        throw new SyntaxError(errors_1.errorMessages.get(errors_1.ErrorType.EndOfString));
+      });
+    }
+    exports.unraw = unraw2;
+    exports.default = unraw2;
+  }
+});
+
+// node_modules/.pnpm/moo@0.5.2/node_modules/moo/moo.js
+var require_moo = __commonJS({
+  "node_modules/.pnpm/moo@0.5.2/node_modules/moo/moo.js"(exports, module) {
+    (function(root, factory) {
+      if (typeof define === "function" && define.amd) {
+        define([], factory);
+      } else if (typeof module === "object" && module.exports) {
+        module.exports = factory();
+      } else {
+        root.moo = factory();
+      }
+    })(exports, function() {
+      "use strict";
+      var hasOwnProperty = Object.prototype.hasOwnProperty;
+      var toString = Object.prototype.toString;
+      var hasSticky = typeof new RegExp().sticky === "boolean";
+      function isRegExp(o3) {
+        return o3 && toString.call(o3) === "[object RegExp]";
+      }
+      function isObject(o3) {
+        return o3 && typeof o3 === "object" && !isRegExp(o3) && !Array.isArray(o3);
+      }
+      function reEscape(s3) {
+        return s3.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&");
+      }
+      function reGroups(s3) {
+        var re = new RegExp("|" + s3);
+        return re.exec("").length - 1;
+      }
+      function reCapture(s3) {
+        return "(" + s3 + ")";
+      }
+      function reUnion(regexps) {
+        if (!regexps.length)
+          return "(?!)";
+        var source = regexps.map(function(s3) {
+          return "(?:" + s3 + ")";
+        }).join("|");
+        return "(?:" + source + ")";
+      }
+      function regexpOrLiteral(obj) {
+        if (typeof obj === "string") {
+          return "(?:" + reEscape(obj) + ")";
+        } else if (isRegExp(obj)) {
+          if (obj.ignoreCase)
+            throw new Error("RegExp /i flag not allowed");
+          if (obj.global)
+            throw new Error("RegExp /g flag is implied");
+          if (obj.sticky)
+            throw new Error("RegExp /y flag is implied");
+          if (obj.multiline)
+            throw new Error("RegExp /m flag is implied");
+          return obj.source;
+        } else {
+          throw new Error("Not a pattern: " + obj);
+        }
+      }
+      function pad(s3, length) {
+        if (s3.length > length) {
+          return s3;
+        }
+        return Array(length - s3.length + 1).join(" ") + s3;
+      }
+      function lastNLines(string, numLines) {
+        var position = string.length;
+        var lineBreaks = 0;
+        while (true) {
+          var idx = string.lastIndexOf("\n", position - 1);
+          if (idx === -1) {
+            break;
+          } else {
+            lineBreaks++;
+          }
+          position = idx;
+          if (lineBreaks === numLines) {
+            break;
+          }
+          if (position === 0) {
+            break;
+          }
+        }
+        var startPosition = lineBreaks < numLines ? 0 : position + 1;
+        return string.substring(startPosition).split("\n");
+      }
+      function objectToRules(object) {
+        var keys = Object.getOwnPropertyNames(object);
+        var result = [];
+        for (var i3 = 0; i3 < keys.length; i3++) {
+          var key = keys[i3];
+          var thing = object[key];
+          var rules = [].concat(thing);
+          if (key === "include") {
+            for (var j = 0; j < rules.length; j++) {
+              result.push({ include: rules[j] });
+            }
+            continue;
+          }
+          var match = [];
+          rules.forEach(function(rule) {
+            if (isObject(rule)) {
+              if (match.length)
+                result.push(ruleOptions(key, match));
+              result.push(ruleOptions(key, rule));
+              match = [];
+            } else {
+              match.push(rule);
+            }
+          });
+          if (match.length)
+            result.push(ruleOptions(key, match));
+        }
+        return result;
+      }
+      function arrayToRules(array) {
+        var result = [];
+        for (var i3 = 0; i3 < array.length; i3++) {
+          var obj = array[i3];
+          if (obj.include) {
+            var include = [].concat(obj.include);
+            for (var j = 0; j < include.length; j++) {
+              result.push({ include: include[j] });
+            }
+            continue;
+          }
+          if (!obj.type) {
+            throw new Error("Rule has no type: " + JSON.stringify(obj));
+          }
+          result.push(ruleOptions(obj.type, obj));
+        }
+        return result;
+      }
+      function ruleOptions(type, obj) {
+        if (!isObject(obj)) {
+          obj = { match: obj };
+        }
+        if (obj.include) {
+          throw new Error("Matching rules cannot also include states");
+        }
+        var options = {
+          defaultType: type,
+          lineBreaks: !!obj.error || !!obj.fallback,
+          pop: false,
+          next: null,
+          push: null,
+          error: false,
+          fallback: false,
+          value: null,
+          type: null,
+          shouldThrow: false
+        };
+        for (var key in obj) {
+          if (hasOwnProperty.call(obj, key)) {
+            options[key] = obj[key];
+          }
+        }
+        if (typeof options.type === "string" && type !== options.type) {
+          throw new Error("Type transform cannot be a string (type '" + options.type + "' for token '" + type + "')");
+        }
+        var match = options.match;
+        options.match = Array.isArray(match) ? match : match ? [match] : [];
+        options.match.sort(function(a3, b3) {
+          return isRegExp(a3) && isRegExp(b3) ? 0 : isRegExp(b3) ? -1 : isRegExp(a3) ? 1 : b3.length - a3.length;
+        });
+        return options;
+      }
+      function toRules(spec) {
+        return Array.isArray(spec) ? arrayToRules(spec) : objectToRules(spec);
+      }
+      var defaultErrorRule = ruleOptions("error", { lineBreaks: true, shouldThrow: true });
+      function compileRules(rules, hasStates) {
+        var errorRule = null;
+        var fast = /* @__PURE__ */ Object.create(null);
+        var fastAllowed = true;
+        var unicodeFlag = null;
+        var groups = [];
+        var parts = [];
+        for (var i3 = 0; i3 < rules.length; i3++) {
+          if (rules[i3].fallback) {
+            fastAllowed = false;
+          }
+        }
+        for (var i3 = 0; i3 < rules.length; i3++) {
+          var options = rules[i3];
+          if (options.include) {
+            throw new Error("Inheritance is not allowed in stateless lexers");
+          }
+          if (options.error || options.fallback) {
+            if (errorRule) {
+              if (!options.fallback === !errorRule.fallback) {
+                throw new Error("Multiple " + (options.fallback ? "fallback" : "error") + " rules not allowed (for token '" + options.defaultType + "')");
+              } else {
+                throw new Error("fallback and error are mutually exclusive (for token '" + options.defaultType + "')");
+              }
+            }
+            errorRule = options;
+          }
+          var match = options.match.slice();
+          if (fastAllowed) {
+            while (match.length && typeof match[0] === "string" && match[0].length === 1) {
+              var word = match.shift();
+              fast[word.charCodeAt(0)] = options;
+            }
+          }
+          if (options.pop || options.push || options.next) {
+            if (!hasStates) {
+              throw new Error("State-switching options are not allowed in stateless lexers (for token '" + options.defaultType + "')");
+            }
+            if (options.fallback) {
+              throw new Error("State-switching options are not allowed on fallback tokens (for token '" + options.defaultType + "')");
+            }
+          }
+          if (match.length === 0) {
+            continue;
+          }
+          fastAllowed = false;
+          groups.push(options);
+          for (var j = 0; j < match.length; j++) {
+            var obj = match[j];
+            if (!isRegExp(obj)) {
+              continue;
+            }
+            if (unicodeFlag === null) {
+              unicodeFlag = obj.unicode;
+            } else if (unicodeFlag !== obj.unicode && options.fallback === false) {
+              throw new Error("If one rule is /u then all must be");
+            }
+          }
+          var pat = reUnion(match.map(regexpOrLiteral));
+          var regexp = new RegExp(pat);
+          if (regexp.test("")) {
+            throw new Error("RegExp matches empty string: " + regexp);
+          }
+          var groupCount = reGroups(pat);
+          if (groupCount > 0) {
+            throw new Error("RegExp has capture groups: " + regexp + "\nUse (?: \u2026 ) instead");
+          }
+          if (!options.lineBreaks && regexp.test("\n")) {
+            throw new Error("Rule should declare lineBreaks: " + regexp);
+          }
+          parts.push(reCapture(pat));
+        }
+        var fallbackRule = errorRule && errorRule.fallback;
+        var flags = hasSticky && !fallbackRule ? "ym" : "gm";
+        var suffix2 = hasSticky || fallbackRule ? "" : "|";
+        if (unicodeFlag === true)
+          flags += "u";
+        var combined = new RegExp(reUnion(parts) + suffix2, flags);
+        return { regexp: combined, groups, fast, error: errorRule || defaultErrorRule };
+      }
+      function compile(rules) {
+        var result = compileRules(toRules(rules));
+        return new Lexer({ start: result }, "start");
+      }
+      function checkStateGroup(g3, name, map) {
+        var state = g3 && (g3.push || g3.next);
+        if (state && !map[state]) {
+          throw new Error("Missing state '" + state + "' (in token '" + g3.defaultType + "' of state '" + name + "')");
+        }
+        if (g3 && g3.pop && +g3.pop !== 1) {
+          throw new Error("pop must be 1 (in token '" + g3.defaultType + "' of state '" + name + "')");
+        }
+      }
+      function compileStates(states, start) {
+        var all = states.$all ? toRules(states.$all) : [];
+        delete states.$all;
+        var keys = Object.getOwnPropertyNames(states);
+        if (!start)
+          start = keys[0];
+        var ruleMap = /* @__PURE__ */ Object.create(null);
+        for (var i3 = 0; i3 < keys.length; i3++) {
+          var key = keys[i3];
+          ruleMap[key] = toRules(states[key]).concat(all);
+        }
+        for (var i3 = 0; i3 < keys.length; i3++) {
+          var key = keys[i3];
+          var rules = ruleMap[key];
+          var included = /* @__PURE__ */ Object.create(null);
+          for (var j = 0; j < rules.length; j++) {
+            var rule = rules[j];
+            if (!rule.include)
+              continue;
+            var splice = [j, 1];
+            if (rule.include !== key && !included[rule.include]) {
+              included[rule.include] = true;
+              var newRules = ruleMap[rule.include];
+              if (!newRules) {
+                throw new Error("Cannot include nonexistent state '" + rule.include + "' (in state '" + key + "')");
+              }
+              for (var k2 = 0; k2 < newRules.length; k2++) {
+                var newRule = newRules[k2];
+                if (rules.indexOf(newRule) !== -1)
+                  continue;
+                splice.push(newRule);
+              }
+            }
+            rules.splice.apply(rules, splice);
+            j--;
+          }
+        }
+        var map = /* @__PURE__ */ Object.create(null);
+        for (var i3 = 0; i3 < keys.length; i3++) {
+          var key = keys[i3];
+          map[key] = compileRules(ruleMap[key], true);
+        }
+        for (var i3 = 0; i3 < keys.length; i3++) {
+          var name = keys[i3];
+          var state = map[name];
+          var groups = state.groups;
+          for (var j = 0; j < groups.length; j++) {
+            checkStateGroup(groups[j], name, map);
+          }
+          var fastKeys = Object.getOwnPropertyNames(state.fast);
+          for (var j = 0; j < fastKeys.length; j++) {
+            checkStateGroup(state.fast[fastKeys[j]], name, map);
+          }
+        }
+        return new Lexer(map, start);
+      }
+      function keywordTransform(map) {
+        var isMap = typeof Map !== "undefined";
+        var reverseMap = isMap ? /* @__PURE__ */ new Map() : /* @__PURE__ */ Object.create(null);
+        var types = Object.getOwnPropertyNames(map);
+        for (var i3 = 0; i3 < types.length; i3++) {
+          var tokenType = types[i3];
+          var item = map[tokenType];
+          var keywordList = Array.isArray(item) ? item : [item];
+          keywordList.forEach(function(keyword) {
+            if (typeof keyword !== "string") {
+              throw new Error("keyword must be string (in keyword '" + tokenType + "')");
+            }
+            if (isMap) {
+              reverseMap.set(keyword, tokenType);
+            } else {
+              reverseMap[keyword] = tokenType;
+            }
+          });
+        }
+        return function(k2) {
+          return isMap ? reverseMap.get(k2) : reverseMap[k2];
+        };
+      }
+      var Lexer = function(states, state) {
+        this.startState = state;
+        this.states = states;
+        this.buffer = "";
+        this.stack = [];
+        this.reset();
+      };
+      Lexer.prototype.reset = function(data, info) {
+        this.buffer = data || "";
+        this.index = 0;
+        this.line = info ? info.line : 1;
+        this.col = info ? info.col : 1;
+        this.queuedToken = info ? info.queuedToken : null;
+        this.queuedText = info ? info.queuedText : "";
+        this.queuedThrow = info ? info.queuedThrow : null;
+        this.setState(info ? info.state : this.startState);
+        this.stack = info && info.stack ? info.stack.slice() : [];
+        return this;
+      };
+      Lexer.prototype.save = function() {
+        return {
+          line: this.line,
+          col: this.col,
+          state: this.state,
+          stack: this.stack.slice(),
+          queuedToken: this.queuedToken,
+          queuedText: this.queuedText,
+          queuedThrow: this.queuedThrow
+        };
+      };
+      Lexer.prototype.setState = function(state) {
+        if (!state || this.state === state)
+          return;
+        this.state = state;
+        var info = this.states[state];
+        this.groups = info.groups;
+        this.error = info.error;
+        this.re = info.regexp;
+        this.fast = info.fast;
+      };
+      Lexer.prototype.popState = function() {
+        this.setState(this.stack.pop());
+      };
+      Lexer.prototype.pushState = function(state) {
+        this.stack.push(this.state);
+        this.setState(state);
+      };
+      var eat = hasSticky ? function(re, buffer) {
+        return re.exec(buffer);
+      } : function(re, buffer) {
+        var match = re.exec(buffer);
+        if (match[0].length === 0) {
+          return null;
+        }
+        return match;
+      };
+      Lexer.prototype._getGroup = function(match) {
+        var groupCount = this.groups.length;
+        for (var i3 = 0; i3 < groupCount; i3++) {
+          if (match[i3 + 1] !== void 0) {
+            return this.groups[i3];
+          }
+        }
+        throw new Error("Cannot find token type for matched text");
+      };
+      function tokenToString() {
+        return this.value;
+      }
+      Lexer.prototype.next = function() {
+        var index = this.index;
+        if (this.queuedGroup) {
+          var token = this._token(this.queuedGroup, this.queuedText, index);
+          this.queuedGroup = null;
+          this.queuedText = "";
+          return token;
+        }
+        var buffer = this.buffer;
+        if (index === buffer.length) {
+          return;
+        }
+        var group = this.fast[buffer.charCodeAt(index)];
+        if (group) {
+          return this._token(group, buffer.charAt(index), index);
+        }
+        var re = this.re;
+        re.lastIndex = index;
+        var match = eat(re, buffer);
+        var error = this.error;
+        if (match == null) {
+          return this._token(error, buffer.slice(index, buffer.length), index);
+        }
+        var group = this._getGroup(match);
+        var text = match[0];
+        if (error.fallback && match.index !== index) {
+          this.queuedGroup = group;
+          this.queuedText = text;
+          return this._token(error, buffer.slice(index, match.index), index);
+        }
+        return this._token(group, text, index);
+      };
+      Lexer.prototype._token = function(group, text, offset) {
+        var lineBreaks = 0;
+        if (group.lineBreaks) {
+          var matchNL = /\n/g;
+          var nl = 1;
+          if (text === "\n") {
+            lineBreaks = 1;
+          } else {
+            while (matchNL.exec(text)) {
+              lineBreaks++;
+              nl = matchNL.lastIndex;
+            }
+          }
+        }
+        var token = {
+          type: typeof group.type === "function" && group.type(text) || group.defaultType,
+          value: typeof group.value === "function" ? group.value(text) : text,
+          text,
+          toString: tokenToString,
+          offset,
+          lineBreaks,
+          line: this.line,
+          col: this.col
+        };
+        var size = text.length;
+        this.index += size;
+        this.line += lineBreaks;
+        if (lineBreaks !== 0) {
+          this.col = size - nl + 1;
+        } else {
+          this.col += size;
+        }
+        if (group.shouldThrow) {
+          var err = new Error(this.formatError(token, "invalid syntax"));
+          throw err;
+        }
+        if (group.pop)
+          this.popState();
+        else if (group.push)
+          this.pushState(group.push);
+        else if (group.next)
+          this.setState(group.next);
+        return token;
+      };
+      if (typeof Symbol !== "undefined" && Symbol.iterator) {
+        var LexerIterator = function(lexer) {
+          this.lexer = lexer;
+        };
+        LexerIterator.prototype.next = function() {
+          var token = this.lexer.next();
+          return { value: token, done: !token };
+        };
+        LexerIterator.prototype[Symbol.iterator] = function() {
+          return this;
+        };
+        Lexer.prototype[Symbol.iterator] = function() {
+          return new LexerIterator(this);
+        };
+      }
+      Lexer.prototype.formatError = function(token, message) {
+        if (token == null) {
+          var text = this.buffer.slice(this.index);
+          var token = {
+            text,
+            offset: this.index,
+            lineBreaks: text.indexOf("\n") === -1 ? 0 : 1,
+            line: this.line,
+            col: this.col
+          };
+        }
+        var numLinesAround = 2;
+        var firstDisplayedLine = Math.max(token.line - numLinesAround, 1);
+        var lastDisplayedLine = token.line + numLinesAround;
+        var lastLineDigits = String(lastDisplayedLine).length;
+        var displayedLines = lastNLines(
+          this.buffer,
+          this.line - token.line + numLinesAround + 1
+        ).slice(0, 5);
+        var errorLines = [];
+        errorLines.push(message + " at line " + token.line + " col " + token.col + ":");
+        errorLines.push("");
+        for (var i3 = 0; i3 < displayedLines.length; i3++) {
+          var line = displayedLines[i3];
+          var lineNo = firstDisplayedLine + i3;
+          errorLines.push(pad(String(lineNo), lastLineDigits) + "  " + line);
+          if (lineNo === token.line) {
+            errorLines.push(pad("", lastLineDigits + token.col + 1) + "^");
+          }
+        }
+        return errorLines.join("\n");
+      };
+      Lexer.prototype.clone = function() {
+        return new Lexer(this.states, this.state);
+      };
+      Lexer.prototype.has = function(tokenType) {
+        return true;
+      };
+      return {
+        compile,
+        states: compileStates,
+        error: Object.freeze({ error: true }),
+        fallback: Object.freeze({ fallback: true }),
+        keywords: keywordTransform
+      };
+    });
+  }
+});
+
+// node_modules/.pnpm/@messageformat+parser@5.1.0/node_modules/@messageformat/parser/lib/lexer.js
+var require_lexer = __commonJS({
+  "node_modules/.pnpm/@messageformat+parser@5.1.0/node_modules/@messageformat/parser/lib/lexer.js"(exports) {
+    "use strict";
+    var __importDefault = exports && exports.__importDefault || function(mod) {
+      return mod && mod.__esModule ? mod : { "default": mod };
+    };
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.lexer = exports.states = void 0;
+    var moo_1 = __importDefault(require_moo());
+    exports.states = {
+      body: {
+        doubleapos: { match: "''", value: () => "'" },
+        quoted: {
+          lineBreaks: true,
+          match: /'[{}#](?:[^]*?[^'])?'(?!')/u,
+          value: (src) => src.slice(1, -1).replace(/''/g, "'")
+        },
+        argument: {
+          lineBreaks: true,
+          match: /\{\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*/u,
+          push: "arg",
+          value: (src) => src.substring(1).trim()
+        },
+        octothorpe: "#",
+        end: { match: "}", pop: 1 },
+        content: { lineBreaks: true, match: /[^][^{}#']*/u }
+      },
+      arg: {
+        select: {
+          lineBreaks: true,
+          match: /,\s*(?:plural|select|selectordinal)\s*,\s*/u,
+          next: "select",
+          value: (src) => src.split(",")[1].trim()
+        },
+        "func-args": {
+          lineBreaks: true,
+          match: /,\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*,/u,
+          next: "body",
+          value: (src) => src.split(",")[1].trim()
+        },
+        "func-simple": {
+          lineBreaks: true,
+          match: /,\s*[^\p{Pat_Syn}\p{Pat_WS}]+\s*/u,
+          value: (src) => src.substring(1).trim()
+        },
+        end: { match: "}", pop: 1 }
+      },
+      select: {
+        offset: {
+          lineBreaks: true,
+          match: /\s*offset\s*:\s*\d+\s*/u,
+          value: (src) => src.split(":")[1].trim()
+        },
+        case: {
+          lineBreaks: true,
+          match: /\s*(?:=\d+|[^\p{Pat_Syn}\p{Pat_WS}]+)\s*\{/u,
+          push: "body",
+          value: (src) => src.substring(0, src.indexOf("{")).trim()
+        },
+        end: { match: /\s*\}/u, pop: 1 }
+      }
+    };
+    exports.lexer = moo_1.default.states(exports.states);
+  }
+});
+
+// node_modules/.pnpm/@messageformat+parser@5.1.0/node_modules/@messageformat/parser/lib/parser.js
+var require_parser = __commonJS({
+  "node_modules/.pnpm/@messageformat+parser@5.1.0/node_modules/@messageformat/parser/lib/parser.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.parse = exports.ParseError = void 0;
+    var lexer_js_1 = require_lexer();
+    var getContext = (lt) => ({
+      offset: lt.offset,
+      line: lt.line,
+      col: lt.col,
+      text: lt.text,
+      lineBreaks: lt.lineBreaks
+    });
+    var isSelectType = (type) => type === "plural" || type === "select" || type === "selectordinal";
+    function strictArgStyleParam(lt, param) {
+      let value = "";
+      let text = "";
+      for (const p3 of param) {
+        const pText = p3.ctx.text;
+        text += pText;
+        switch (p3.type) {
+          case "content":
+            value += p3.value;
+            break;
+          case "argument":
+          case "function":
+          case "octothorpe":
+            value += pText;
+            break;
+          default:
+            throw new ParseError(lt, `Unsupported part in strict mode function arg style: ${pText}`);
+        }
+      }
+      const c3 = {
+        type: "content",
+        value: value.trim(),
+        ctx: Object.assign({}, param[0].ctx, { text })
+      };
+      return [c3];
+    }
+    var strictArgTypes = [
+      "number",
+      "date",
+      "time",
+      "spellout",
+      "ordinal",
+      "duration"
+    ];
+    var defaultPluralKeys = ["zero", "one", "two", "few", "many", "other"];
+    var ParseError = class extends Error {
+      /** @internal */
+      constructor(lt, msg) {
+        super(lexer_js_1.lexer.formatError(lt, msg));
+      }
+    };
+    exports.ParseError = ParseError;
+    var Parser = class {
+      constructor(src, opt) {
+        var _a, _b, _c, _d;
+        this.lexer = lexer_js_1.lexer.reset(src);
+        this.cardinalKeys = (_a = opt === null || opt === void 0 ? void 0 : opt.cardinal) !== null && _a !== void 0 ? _a : defaultPluralKeys;
+        this.ordinalKeys = (_b = opt === null || opt === void 0 ? void 0 : opt.ordinal) !== null && _b !== void 0 ? _b : defaultPluralKeys;
+        this.strict = (_c = opt === null || opt === void 0 ? void 0 : opt.strict) !== null && _c !== void 0 ? _c : false;
+        this.strictPluralKeys = (_d = opt === null || opt === void 0 ? void 0 : opt.strictPluralKeys) !== null && _d !== void 0 ? _d : true;
+      }
+      parse() {
+        return this.parseBody(false, true);
+      }
+      checkSelectKey(lt, type, key) {
+        if (key[0] === "=") {
+          if (type === "select")
+            throw new ParseError(lt, `The case ${key} is not valid with select`);
+        } else if (type !== "select") {
+          const keys = type === "plural" ? this.cardinalKeys : this.ordinalKeys;
+          if (this.strictPluralKeys && keys.length > 0 && !keys.includes(key)) {
+            const msg = `The ${type} case ${key} is not valid in this locale`;
+            throw new ParseError(lt, msg);
+          }
+        }
+      }
+      parseSelect({ value: arg }, inPlural, ctx, type) {
+        const sel = { type, arg, cases: [], ctx };
+        if (type === "plural" || type === "selectordinal")
+          inPlural = true;
+        else if (this.strict)
+          inPlural = false;
+        for (const lt of this.lexer) {
+          switch (lt.type) {
+            case "offset":
+              if (type === "select")
+                throw new ParseError(lt, "Unexpected plural offset for select");
+              if (sel.cases.length > 0)
+                throw new ParseError(lt, "Plural offset must be set before cases");
+              sel.pluralOffset = Number(lt.value);
+              ctx.text += lt.text;
+              ctx.lineBreaks += lt.lineBreaks;
+              break;
+            case "case": {
+              this.checkSelectKey(lt, type, lt.value);
+              sel.cases.push({
+                key: lt.value,
+                tokens: this.parseBody(inPlural),
+                ctx: getContext(lt)
+              });
+              break;
+            }
+            case "end":
+              return sel;
+            default:
+              throw new ParseError(lt, `Unexpected lexer token: ${lt.type}`);
+          }
+        }
+        throw new ParseError(null, "Unexpected message end");
+      }
+      parseArgToken(lt, inPlural) {
+        const ctx = getContext(lt);
+        const argType = this.lexer.next();
+        if (!argType)
+          throw new ParseError(null, "Unexpected message end");
+        ctx.text += argType.text;
+        ctx.lineBreaks += argType.lineBreaks;
+        if (this.strict && (argType.type === "func-simple" || argType.type === "func-args") && !strictArgTypes.includes(argType.value)) {
+          const msg = `Invalid strict mode function arg type: ${argType.value}`;
+          throw new ParseError(lt, msg);
+        }
+        switch (argType.type) {
+          case "end":
+            return { type: "argument", arg: lt.value, ctx };
+          case "func-simple": {
+            const end = this.lexer.next();
+            if (!end)
+              throw new ParseError(null, "Unexpected message end");
+            if (end.type !== "end")
+              throw new ParseError(end, `Unexpected lexer token: ${end.type}`);
+            ctx.text += end.text;
+            if (isSelectType(argType.value.toLowerCase()))
+              throw new ParseError(argType, `Invalid type identifier: ${argType.value}`);
+            return {
+              type: "function",
+              arg: lt.value,
+              key: argType.value,
+              ctx
+            };
+          }
+          case "func-args": {
+            if (isSelectType(argType.value.toLowerCase())) {
+              const msg = `Invalid type identifier: ${argType.value}`;
+              throw new ParseError(argType, msg);
+            }
+            let param = this.parseBody(this.strict ? false : inPlural);
+            if (this.strict && param.length > 0)
+              param = strictArgStyleParam(lt, param);
+            return {
+              type: "function",
+              arg: lt.value,
+              key: argType.value,
+              param,
+              ctx
+            };
+          }
+          case "select":
+            if (isSelectType(argType.value))
+              return this.parseSelect(lt, inPlural, ctx, argType.value);
+            else
+              throw new ParseError(argType, `Unexpected select type ${argType.value}`);
+          default:
+            throw new ParseError(argType, `Unexpected lexer token: ${argType.type}`);
+        }
+      }
+      parseBody(inPlural, atRoot) {
+        const tokens = [];
+        let content = null;
+        for (const lt of this.lexer) {
+          if (lt.type === "argument") {
+            if (content)
+              content = null;
+            tokens.push(this.parseArgToken(lt, inPlural));
+          } else if (lt.type === "octothorpe" && inPlural) {
+            if (content)
+              content = null;
+            tokens.push({ type: "octothorpe", ctx: getContext(lt) });
+          } else if (lt.type === "end" && !atRoot) {
+            return tokens;
+          } else {
+            let value = lt.value;
+            if (!inPlural && lt.type === "quoted" && value[0] === "#") {
+              if (value.includes("{")) {
+                const errMsg = `Unsupported escape pattern: ${value}`;
+                throw new ParseError(lt, errMsg);
+              }
+              value = lt.text;
+            }
+            if (content) {
+              content.value += value;
+              content.ctx.text += lt.text;
+              content.ctx.lineBreaks += lt.lineBreaks;
+            } else {
+              content = { type: "content", value, ctx: getContext(lt) };
+              tokens.push(content);
+            }
+          }
+        }
+        if (atRoot)
+          return tokens;
+        throw new ParseError(null, "Unexpected message end");
+      }
+    };
+    function parse2(src, options = {}) {
+      const parser = new Parser(src, options);
+      return parser.parse();
+    }
+    exports.parse = parse2;
+  }
+});
+
+// packages/attention/index.js
+import { css, html as html2, nothing } from "lit";
+import WarpElement from "@warp-ds/elements-core";
+import { ifDefined } from "lit/directives/if-defined.js";
+
+// packages/utils/index.js
+import { classMap } from "lit/directives/class-map.js";
+var camelCaseToKebabCase = (str) => str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+function kebabCaseAttributes(constructor) {
+  return class extends constructor {
+    static createProperty(name, options) {
+      let customOptions = options;
+      if (typeof (options == null ? void 0 : options.attribute) === "undefined" || (options == null ? void 0 : options.attribute) === true) {
+        customOptions = Object.assign({}, options, {
+          attribute: camelCaseToKebabCase(name.toString())
+        });
+      }
+      super.createProperty(name, customOptions);
+    }
+  };
+}
+function classes(defn) {
+  const classes2 = [];
+  for (const [key, value] of Object.entries(defn)) {
+    if (value)
+      classes2.push(key);
+  }
+  return classes2.join(" ");
+}
+function generateRandomId() {
+  return `m${Math.random().toString(36).slice(2)}`;
+}
+
+// node_modules/.pnpm/@warp-ds+css@1.4.2/node_modules/@warp-ds/css/component-classes/index.js
+var box = {
+  box: "group block relative break-words last-child:mb-0 p-16 rounded-8",
+  // Relative here enables w-clickable
+  bleed: "-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",
+  // We target L and R to override the default rounded-8
+  info: "i-bg-$color-box-info-background i-text-$color-box-info-text",
+  neutral: "i-bg-$color-box-neutral-background i-text-$color-box-neutral-text",
+  bordered: "border-2 i-border-$color-box-bordered-border i-bg-$color-box-bordered-background i-text-$color-box-bordered-text",
+  infoClickable: "hover:i-bg-$color-box-info-background-hover active:i-bg-$color-box-info-background-hover",
+  neutralClickable: "hover:i-bg-$color-box-neutral-background-hover active:i-bg-$color-box-neutral-background-hover",
+  borderedClickable: "hover:i-bg-$color-box-bordered-background-hover active:i-bg-$color-box-bordered-background-hover hover:i-border-$color-box-bordered-border-hover active:i-border-$color-box-bordered-border-hover"
+};
+var buttonReset = "focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block";
+var expandable = {
+  expandable: "will-change-height",
+  expandableTitle: "font-bold i-text-$color-expandable-title-text",
+  expandableBox: "i-bg-$color-expandable-background hover:i-bg-$color-expandable-background-hover py-0 px-0 " + box.box,
+  expandableBleed: box.bleed,
+  chevron: "inline-block align-middle i-text-$color-expandable-icon",
+  chevronNonBox: "ml-8",
+  chevronBox: "",
+  chevronTransform: "transform transition-transform transform-gpu ease-in-out",
+  chevronExpand: "-rotate-180",
+  chevronCollapse: "rotate-180",
+  elementsTransformChevronDownPart: "part-[w-icon-chevron-down-16-part]:transform part-[w-icon-chevron-down-16-part]:transition-transform part-[w-icon-chevron-down-16-part]:transform-gpu part-[w-icon-chevron-down-16-part]:ease-in-out",
+  elementsChevronDownExpandPart: "part-[w-icon-chevron-down-16-part]:-rotate-180",
+  elementsTransformChevronUpPart: "part-[w-icon-chevron-up-16-part]:transform part-[w-icon-chevron-up-16-part]:transition-transform part-[w-icon-chevron-up-16-part]:transform-gpu part-[w-icon-chevron-up-16-part]:ease-in-out",
+  elementsChevronUpCollapsePart: "part-[w-icon-chevron-up-16-part]:rotate-180",
+  expansion: "overflow-hidden",
+  expansionNotExpanded: "h-0 invisible",
+  button: buttonReset + " hover:underline focus-visible:underline",
+  buttonBox: "w-full text-left relative inline-flex items-center justify-between " + box.box,
+  paddingTop: "pt-0",
+  title: "flex w-full justify-between items-center",
+  titleType: "h4"
+};
+var buttonDefaultStyling = "font-bold focusable justify-center transition-colors ease-in-out";
+var buttonColors = {
+  primary: "i-text-$color-button-primary-text hover:i-text-$color-button-primary-text i-bg-$color-button-primary-background hover:i-bg-$color-button-primary-background-hover active:i-bg-$color-button-primary-background-active",
+  secondary: "i-text-$color-button-secondary-text hover:i-text-$color-button-secondary-text i-border-$color-button-secondary-border i-bg-$color-button-secondary-background hover:i-bg-$color-button-secondary-background-hover hover:i-border-$color-button-secondary-border-hover active:i-bg-$color-button-secondary-background-active",
+  utility: "i-text-$color-button-utility-text hover:i-text-$color-button-utility-text i-bg-$color-button-utility-background i-border-$color-button-utility-border hover:i-bg-$color-button-utility-background hover:i-border-$color-button-utility-border-hover active:i-border-$color-button-utility-border-active",
+  destructive: "i-bg-$color-button-negative-background i-text-$color-button-negative-text hover:i-text-$color-button-negative-text hover:i-bg-$color-button-negative-background-hover active:i-bg-$color-button-negative-background-active",
+  pill: "i-text-$color-button-pill-icon hover:i-text-$color-button-pill-icon-hover active:i-text-$color-button-pill-icon-active i-bg-$color-button-pill-background hover:i-bg-$color-button-pill-background-hover active:i-bg-$color-button-pill-background-active",
+  disabled: "i-text-$color-button-disabled-text i-bg-$color-button-disabled-background",
+  quiet: "i-bg-$color-button-quiet-background i-text-$color-button-quiet-text hover:i-bg-$color-button-quiet-background-hover active:i-bg-$color-button-quiet-background-active",
+  utilityQuiet: "i-text-$color-button-utility-quiet-text i-bg-$color-button-utility-quiet-background hover:i-bg-$color-button-utility-quiet-background-hover",
+  negativeQuiet: "i-bg-$color-button-negative-quiet-background i-text-$color-button-negative-quiet-text hover:i-bg-$color-button-negative-quiet-background-hover active:i-bg-$color-button-negative-quiet-background-active",
+  loading: "i-text-$color-button-loading-text i-bg-$color-button-loading-background",
+  link: "i-text-$color-button-link-text"
+};
+var buttonTypes = {
+  primary: `border-0 rounded-8 ${buttonDefaultStyling}`,
+  secondary: `border-2 rounded-8 ${buttonDefaultStyling}`,
+  utility: `border rounded-4 ${buttonDefaultStyling}`,
+  negative: `border-0 rounded-8 ${buttonDefaultStyling}`,
+  pill: `p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${buttonDefaultStyling}`,
+  link: `bg-transparent focusable ease-in-out inline active:underline hover:underline ${buttonColors.link}`
+};
+var buttonSizes = {
+  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"
+};
+var buttonTextSizes = {
+  medium: "text-m leading-[24]",
+  xsmall: "text-xs"
+};
+var buttonVariants = {
+  inProgress: `border-transparent animate-inprogress pointer-events-none ${buttonColors.loading}`,
+  // .button--in-progress, a.button--in-progress:visited
+  quiet: `border-0 rounded-8 ${buttonDefaultStyling}`,
+  utilityQuiet: `border-0 rounded-4 ${buttonDefaultStyling}`,
+  negativeQuiet: `border-0 rounded-8 ${buttonDefaultStyling}`,
+  isDisabled: `font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${buttonColors.disabled}`
+  // .button:disabled, .button--is-disabled
+};
+var button = {
+  // Buttontypes
+  secondary: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`,
+  // .button--secondary, .button--default, .button
+  secondaryHref: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`,
+  secondaryDisabled: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.isDisabled}`,
+  secondarySmall: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonColors.secondary}`,
+  secondarySmallDisabled: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonVariants.isDisabled}`,
+  secondaryQuiet: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonColors.quiet}`,
+  secondaryQuietDisabled: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`,
+  secondarySmallQuiet: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonColors.quiet}`,
+  secondarySmallQuietDisabled: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`,
+  secondaryLoading: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.inProgress}`,
+  secondarySmallLoading: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall}  ${buttonTypes.secondary} ${buttonVariants.inProgress}`,
+  secondarySmallQuietLoading: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.inProgress}`,
+  secondaryQuietLoading: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.inProgress}`,
+  primary: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.primary} ${buttonColors.primary}`,
+  // .button--primary, .button--cta
+  primaryDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.isDisabled} ${buttonTypes.primary}`,
+  primarySmall: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.primary} ${buttonColors.primary}`,
+  primarySmallDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.isDisabled} ${buttonTypes.primary} `,
+  primaryQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonColors.quiet}`,
+  primaryQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`,
+  primarySmallQuiet: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonColors.quiet}`,
+  primarySmallQuietDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`,
+  primaryLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.inProgress} ${buttonTypes.primary}`,
+  primarySmallLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall}  ${buttonVariants.inProgress} ${buttonTypes.primary}`,
+  primarySmallQuietLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.inProgress} ${buttonTypes.primary}`,
+  primaryQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.inProgress}`,
+  utility: `${buttonSizes.utility} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonColors.utility}`,
+  // .button--utility
+  utilityDisabled: `${buttonSizes.utility} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonVariants.isDisabled}`,
+  utilityQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.utilityQuiet} ${buttonColors.utilityQuiet}`,
+  // .button--utility-flat
+  utilityQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.utilityQuiet} ${buttonVariants.isDisabled}`,
+  utilitySmall: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonColors.utility}`,
+  utilitySmallDisabled: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonVariants.isDisabled}`,
+  utilitySmallQuiet: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.utilityQuiet} ${buttonColors.utilityQuiet}`,
+  utilitySmallQuietDisabled: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.utilityQuiet} ${buttonVariants.isDisabled}`,
+  utilityLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonVariants.inProgress}`,
+  utilitySmallLoading: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonVariants.inProgress}`,
+  utilityQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.inProgress} ${buttonVariants.utilityQuiet}`,
+  utilitySmallQuietLoading: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.inProgress} ${buttonVariants.utilityQuiet}`,
+  negative: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonColors.destructive}`,
+  // .button--destructive
+  negativeDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonVariants.isDisabled}`,
+  negativeQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet} ${buttonColors.negativeQuiet}`,
+  // .button--destructive-flat
+  negativeQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet}${buttonVariants.isDisabled}`,
+  negativeSmall: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.negative} ${buttonColors.destructive}`,
+  negativeSmallDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.negative} ${buttonVariants.isDisabled}`,
+  negativeSmallQuiet: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonColors.negativeQuiet}`,
+  negativeSmallQuietDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonVariants.isDisabled}`,
+  negativeLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonVariants.inProgress}`,
+  negativeSmallLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.inProgress} ${buttonTypes.negative}`,
+  negativeQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet} ${buttonTypes.negative} ${buttonVariants.inProgress}`,
+  negativeSmallQuietLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonVariants.inProgress}`,
+  pill: `${buttonSizes.pill} ${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill}`,
+  // .button--pill
+  pillSmall: `${buttonSizes.pillSmall} ${buttonTextSizes.xsmall} ${buttonTypes.pill} ${buttonColors.pill}`,
+  pillLoading: `${buttonSizes.pill} ${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonVariants.inProgress}`,
+  pillSmallLoading: `${buttonSizes.pillSmall} ${buttonTextSizes.xsmall} ${buttonTypes.pill} ${buttonVariants.inProgress}`,
+  link: `${buttonSizes.link} ${buttonTextSizes.medium} ${buttonTypes.link}`,
+  linkSmall: `${buttonSizes.link} ${buttonTextSizes.xsmall} ${buttonTypes.link}`,
+  linkAsButton: "inline-block hover:no-underline text-center",
+  a11y: "sr-only",
+  fullWidth: "w-full max-w-full",
+  contentWidth: "max-w-max"
+};
+var modal = {
+  //TODO: this class can be removed when we have the solution for opacity and we can add rgba values to the background of the backdrop
+  transparentBg: `before:i-bg-$color-modal-backdrop-background before:content-[""] before:absolute before:top-0 before:bottom-0 before:left-0 before:right-0 before:opacity-25`,
+  backdrop: "fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px]",
+  modal: "pb-safe-[32] i-shadow-$shadow-modal max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 i-bg-$color-modal-background flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8",
+  content: "block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative",
+  footer: "flex justify-end shrink-0 px-16 sm:px-32",
+  transitionTitle: "transition-all duration-300",
+  transitionTitleCenter: "justify-self-center",
+  transitionTitleColSpan: "col-span-2",
+  title: "-mt-4 sm:-mt-8 h-40 sm:h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-center px-16 sm:px-32 border-b sm:border-b-0 shrink-0",
+  titleText: "mb-0 h4 sm:h3",
+  titleButton: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} sm:min-h-[44px] sm:min-w-[44px] min-h-[32px] min-w-[32px]`,
+  titleButtonLeft: "-ml-8 sm:-ml-12 justify-self-start",
+  titleButtonRight: "-mr-8 sm:-mr-12 justify-self-end",
+  titleButtonIcon: "h-16 w-16 sm:h-24 sm:w-24",
+  titleButtonIconRotated: "transform rotate-90"
+};
+var label = {
+  label: "antialiased block relative text-s font-bold pb-4 cursor-pointer i-text-$color-label-text",
+  labelInvalid: "i-text-$color-label-text-negative",
+  optional: "pl-8 font-normal text-s i-text-$color-label-optional-text"
+};
+var prefixSuffixWrapperBase = "absolute top-0 bottom-0 flex justify-center items-center focusable focus:[--w-outline-offset:-2px] bg-transparent ";
+var suffix = {
+  wrapper: prefixSuffixWrapperBase + "right-0",
+  wrapperWithLabel: "w-max pr-12",
+  wrapperWithIcon: "w-40",
+  label: "antialiased block relative cursor-default pb-0 font-bold text-xs i-text-$color-label-text"
+};
+var prefix = {
+  wrapper: prefixSuffixWrapperBase + "left-0",
+  wrapperWithLabel: "w-max pl-12",
+  wrapperWithIcon: "w-40",
+  label: "antialiased block relative cursor-default pb-0 font-bold text-xs i-text-$color-label-text"
+};
+var clickable = {
+  toggle: "absolute inset-0 h-full w-full appearance-none cursor-pointer focusable focusable-inset",
+  label: `px-12 ${label.label} py-8! cursor-pointer focusable focusable-inset`,
+  buttonOrLink: "bg-transparent focusable",
+  buttonOrLinkStretch: "inset-0 absolute"
+};
+var attention = {
+  base: "border-2 relative flex items-start",
+  tooltip: "i-bg-$color-tooltip-background i-border-$color-tooltip-background i-shadow-$shadow-tooltip i-text-$color-tooltip-text rounded-4 py-6 px-8",
+  callout: "i-bg-$color-callout-background i-border-$color-callout-border i-text-$color-callout-text py-8 px-16 rounded-8",
+  highlight: "i-bg-$color-callout-background i-border-$color-callout-border i-text-$color-callout-text py-8 px-16 rounded-8 drop-shadow-m",
+  popover: "i-bg-$color-popover-background i-border-$color-popover-background i-text-$color-popover-paragraph-text rounded-8 p-16 drop-shadow-m",
+  arrowBase: "absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform",
+  arrowDirectionLeft: "-left-[8px]",
+  arrowDirectionRight: "-right-[8px]",
+  arrowDirectionBottom: "-bottom-[8px]",
+  arrowDirectionTop: "-top-[8px]",
+  arrowTooltip: "i-bg-$color-tooltip-background i-border-$color-tooltip-background",
+  arrowCallout: "i-bg-$color-callout-background i-border-$color-callout-border",
+  arrowPopover: "i-bg-$color-popover-background i-border-$color-popover-background",
+  arrowHighlight: "i-bg-$color-callout-background i-border-$color-callout-border",
+  content: "last-child:mb-0",
+  notCallout: "absolute z-50",
+  closeBtn: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} justify-self-end -mr-8 ml-8`
+};
+
+// node_modules/.pnpm/@floating-ui+core@0.7.3/node_modules/@floating-ui/core/dist/floating-ui.core.browser.min.mjs
+function t(t2) {
+  return t2.split("-")[0];
+}
+function e(t2) {
+  return t2.split("-")[1];
+}
+function n(e2) {
+  return ["top", "bottom"].includes(t(e2)) ? "x" : "y";
+}
+function r(t2) {
+  return "y" === t2 ? "height" : "width";
+}
+function i(i3, o3, a3) {
+  let { reference: l3, floating: s3 } = i3;
+  const c3 = l3.x + l3.width / 2 - s3.width / 2, f3 = l3.y + l3.height / 2 - s3.height / 2, u3 = n(o3), m3 = r(u3), g3 = l3[m3] / 2 - s3[m3] / 2, d3 = "x" === u3;
+  let p3;
+  switch (t(o3)) {
+    case "top":
+      p3 = { x: c3, y: l3.y - s3.height };
+      break;
+    case "bottom":
+      p3 = { x: c3, y: l3.y + l3.height };
+      break;
+    case "right":
+      p3 = { x: l3.x + l3.width, y: f3 };
+      break;
+    case "left":
+      p3 = { x: l3.x - s3.width, y: f3 };
+      break;
+    default:
+      p3 = { x: l3.x, y: l3.y };
+  }
+  switch (e(o3)) {
+    case "start":
+      p3[u3] -= g3 * (a3 && d3 ? -1 : 1);
+      break;
+    case "end":
+      p3[u3] += g3 * (a3 && d3 ? -1 : 1);
+  }
+  return p3;
+}
+var o = async (t2, e2, n3) => {
+  const { placement: r3 = "bottom", strategy: o3 = "absolute", middleware: a3 = [], platform: l3 } = n3, s3 = await (null == l3.isRTL ? void 0 : l3.isRTL(e2));
+  let c3 = await l3.getElementRects({ reference: t2, floating: e2, strategy: o3 }), { x: f3, y: u3 } = i(c3, r3, s3), m3 = r3, g3 = {}, d3 = 0;
+  for (let n4 = 0; n4 < a3.length; n4++) {
+    const { name: p3, fn: h3 } = a3[n4], { x: y3, y: x3, data: w3, reset: v3 } = await h3({ x: f3, y: u3, initialPlacement: r3, placement: m3, strategy: o3, middlewareData: g3, rects: c3, platform: l3, elements: { reference: t2, floating: e2 } });
+    f3 = null != y3 ? y3 : f3, u3 = null != x3 ? x3 : u3, g3 = __spreadProps(__spreadValues({}, g3), { [p3]: __spreadValues(__spreadValues({}, g3[p3]), w3) }), v3 && d3 <= 50 && (d3++, "object" == typeof v3 && (v3.placement && (m3 = v3.placement), v3.rects && (c3 = true === v3.rects ? await l3.getElementRects({ reference: t2, floating: e2, strategy: o3 }) : v3.rects), { x: f3, y: u3 } = i(c3, m3, s3)), n4 = -1);
+  }
+  return { x: f3, y: u3, placement: m3, strategy: o3, middlewareData: g3 };
+};
+function a(t2) {
+  return "number" != typeof t2 ? function(t3) {
+    return __spreadValues({ top: 0, right: 0, bottom: 0, left: 0 }, t3);
+  }(t2) : { top: t2, right: t2, bottom: t2, left: t2 };
+}
+function l(t2) {
+  return __spreadProps(__spreadValues({}, t2), { top: t2.y, left: t2.x, right: t2.x + t2.width, bottom: t2.y + t2.height });
+}
+async function s(t2, e2) {
+  var n3;
+  void 0 === e2 && (e2 = {});
+  const { x: r3, y: i3, platform: o3, rects: s3, elements: c3, strategy: f3 } = t2, { boundary: u3 = "clippingAncestors", rootBoundary: m3 = "viewport", elementContext: g3 = "floating", altBoundary: d3 = false, padding: p3 = 0 } = e2, h3 = a(p3), y3 = c3[d3 ? "floating" === g3 ? "reference" : "floating" : g3], x3 = l(await o3.getClippingRect({ element: null == (n3 = await (null == o3.isElement ? void 0 : o3.isElement(y3))) || n3 ? y3 : y3.contextElement || await (null == o3.getDocumentElement ? void 0 : o3.getDocumentElement(c3.floating)), boundary: u3, rootBoundary: m3, strategy: f3 })), w3 = l(o3.convertOffsetParentRelativeRectToViewportRelativeRect ? await o3.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: "floating" === g3 ? __spreadProps(__spreadValues({}, s3.floating), { x: r3, y: i3 }) : s3.reference, offsetParent: await (null == o3.getOffsetParent ? void 0 : o3.getOffsetParent(c3.floating)), strategy: f3 }) : s3[g3]);
+  return { top: x3.top - w3.top + h3.top, bottom: w3.bottom - x3.bottom + h3.bottom, left: x3.left - w3.left + h3.left, right: w3.right - x3.right + h3.right };
+}
+var c = Math.min;
+var f = Math.max;
+function u(t2, e2, n3) {
+  return f(t2, c(e2, n3));
+}
+var m = (t2) => ({ name: "arrow", options: t2, async fn(i3) {
+  const { element: o3, padding: l3 = 0 } = null != t2 ? t2 : {}, { x: s3, y: c3, placement: f3, rects: m3, platform: g3 } = i3;
+  if (null == o3)
+    return {};
+  const d3 = a(l3), p3 = { x: s3, y: c3 }, h3 = n(f3), y3 = e(f3), x3 = r(h3), w3 = await g3.getDimensions(o3), v3 = "y" === h3 ? "top" : "left", b3 = "y" === h3 ? "bottom" : "right", R2 = m3.reference[x3] + m3.reference[h3] - p3[h3] - m3.floating[x3], A = p3[h3] - m3.reference[h3], P2 = await (null == g3.getOffsetParent ? void 0 : g3.getOffsetParent(o3));
+  let T3 = P2 ? "y" === h3 ? P2.clientHeight || 0 : P2.clientWidth || 0 : 0;
+  0 === T3 && (T3 = m3.floating[x3]);
+  const O2 = R2 / 2 - A / 2, D3 = d3[v3], L3 = T3 - w3[x3] - d3[b3], k2 = T3 / 2 - w3[x3] / 2 + O2, E3 = u(D3, k2, L3), C2 = ("start" === y3 ? d3[v3] : d3[b3]) > 0 && k2 !== E3 && m3.reference[x3] <= m3.floating[x3];
+  return { [h3]: p3[h3] - (C2 ? k2 < D3 ? D3 - k2 : L3 - k2 : 0), data: { [h3]: E3, centerOffset: k2 - E3 } };
+} });
+var g = { left: "right", right: "left", bottom: "top", top: "bottom" };
+function d(t2) {
+  return t2.replace(/left|right|bottom|top/g, (t3) => g[t3]);
+}
+function p(t2, i3, o3) {
+  void 0 === o3 && (o3 = false);
+  const a3 = e(t2), l3 = n(t2), s3 = r(l3);
+  let c3 = "x" === l3 ? a3 === (o3 ? "end" : "start") ? "right" : "left" : "start" === a3 ? "bottom" : "top";
+  return i3.reference[s3] > i3.floating[s3] && (c3 = d(c3)), { main: c3, cross: d(c3) };
+}
+var h = { start: "end", end: "start" };
+function y(t2) {
+  return t2.replace(/start|end/g, (t3) => h[t3]);
+}
+var x = ["top", "right", "bottom", "left"];
+var w = x.reduce((t2, e2) => t2.concat(e2, e2 + "-start", e2 + "-end"), []);
+var b = function(e2) {
+  return void 0 === e2 && (e2 = {}), { name: "flip", options: e2, async fn(n3) {
+    var r3;
+    const { placement: i3, middlewareData: o3, rects: a3, initialPlacement: l3, platform: c3, elements: f3 } = n3, _a = e2, { mainAxis: u3 = true, crossAxis: m3 = true, fallbackPlacements: g3, fallbackStrategy: h3 = "bestFit", flipAlignment: x3 = true } = _a, w3 = __objRest(_a, ["mainAxis", "crossAxis", "fallbackPlacements", "fallbackStrategy", "flipAlignment"]), v3 = t(i3), b3 = g3 || (v3 === l3 || !x3 ? [d(l3)] : function(t2) {
+      const e3 = d(t2);
+      return [y(t2), e3, y(e3)];
+    }(l3)), R2 = [l3, ...b3], A = await s(n3, w3), P2 = [];
+    let T3 = (null == (r3 = o3.flip) ? void 0 : r3.overflows) || [];
+    if (u3 && P2.push(A[v3]), m3) {
+      const { main: t2, cross: e3 } = p(i3, a3, await (null == c3.isRTL ? void 0 : c3.isRTL(f3.floating)));
+      P2.push(A[t2], A[e3]);
+    }
+    if (T3 = [...T3, { placement: i3, overflows: P2 }], !P2.every((t2) => t2 <= 0)) {
+      var O2, D3;
+      const t2 = (null != (O2 = null == (D3 = o3.flip) ? void 0 : D3.index) ? O2 : 0) + 1, e3 = R2[t2];
+      if (e3)
+        return { data: { index: t2, overflows: T3 }, reset: { placement: e3 } };
+      let n4 = "bottom";
+      switch (h3) {
+        case "bestFit": {
+          var L3;
+          const t3 = null == (L3 = T3.map((t4) => [t4, t4.overflows.filter((t5) => t5 > 0).reduce((t5, e4) => t5 + e4, 0)]).sort((t4, e4) => t4[1] - e4[1])[0]) ? void 0 : L3[0].placement;
+          t3 && (n4 = t3);
+          break;
+        }
+        case "initialPlacement":
+          n4 = l3;
+      }
+      if (i3 !== n4)
+        return { reset: { placement: n4 } };
+    }
+    return {};
+  } };
+};
+var T = function(r3) {
+  return void 0 === r3 && (r3 = 0), { name: "offset", options: r3, async fn(i3) {
+    const { x: o3, y: a3 } = i3, l3 = await async function(r4, i4) {
+      const { placement: o4, platform: a4, elements: l4 } = r4, s3 = await (null == a4.isRTL ? void 0 : a4.isRTL(l4.floating)), c3 = t(o4), f3 = e(o4), u3 = "x" === n(o4), m3 = ["left", "top"].includes(c3) ? -1 : 1, g3 = s3 && u3 ? -1 : 1, d3 = "function" == typeof i4 ? i4(r4) : i4;
+      let { mainAxis: p3, crossAxis: h3, alignmentAxis: y3 } = "number" == typeof d3 ? { mainAxis: d3, crossAxis: 0, alignmentAxis: null } : __spreadValues({ mainAxis: 0, crossAxis: 0, alignmentAxis: null }, d3);
+      return f3 && "number" == typeof y3 && (h3 = "end" === f3 ? -1 * y3 : y3), u3 ? { x: h3 * g3, y: p3 * m3 } : { x: p3 * m3, y: h3 * g3 };
+    }(i3, r3);
+    return { x: o3 + l3.x, y: a3 + l3.y, data: l3 };
+  } };
+};
+function O(t2) {
+  return "x" === t2 ? "y" : "x";
+}
+var D = function(e2) {
+  return void 0 === e2 && (e2 = {}), { name: "shift", options: e2, async fn(r3) {
+    const { x: i3, y: o3, placement: a3 } = r3, _a = e2, { mainAxis: l3 = true, crossAxis: c3 = false, limiter: f3 = { fn: (t2) => {
+      let { x: e3, y: n3 } = t2;
+      return { x: e3, y: n3 };
+    } } } = _a, m3 = __objRest(_a, ["mainAxis", "crossAxis", "limiter"]), g3 = { x: i3, y: o3 }, d3 = await s(r3, m3), p3 = n(t(a3)), h3 = O(p3);
+    let y3 = g3[p3], x3 = g3[h3];
+    if (l3) {
+      const t2 = "y" === p3 ? "bottom" : "right";
+      y3 = u(y3 + d3["y" === p3 ? "top" : "left"], y3, y3 - d3[t2]);
+    }
+    if (c3) {
+      const t2 = "y" === h3 ? "bottom" : "right";
+      x3 = u(x3 + d3["y" === h3 ? "top" : "left"], x3, x3 - d3[t2]);
+    }
+    const w3 = f3.fn(__spreadProps(__spreadValues({}, r3), { [p3]: y3, [h3]: x3 }));
+    return __spreadProps(__spreadValues({}, w3), { data: { x: w3.x - i3, y: w3.y - o3 } });
+  } };
+};
+
+// node_modules/.pnpm/@floating-ui+dom@0.5.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.browser.min.mjs
+function n2(t2) {
+  return t2 && t2.document && t2.location && t2.alert && t2.setInterval;
+}
+function o2(t2) {
+  if (null == t2)
+    return window;
+  if (!n2(t2)) {
+    const e2 = t2.ownerDocument;
+    return e2 && e2.defaultView || window;
+  }
+  return t2;
+}
+function i2(t2) {
+  return o2(t2).getComputedStyle(t2);
+}
+function r2(t2) {
+  return n2(t2) ? "" : t2 ? (t2.nodeName || "").toLowerCase() : "";
+}
+function l2() {
+  const t2 = navigator.userAgentData;
+  return null != t2 && t2.brands ? t2.brands.map((t3) => t3.brand + "/" + t3.version).join(" ") : navigator.userAgent;
+}
+function c2(t2) {
+  return t2 instanceof o2(t2).HTMLElement;
+}
+function f2(t2) {
+  return t2 instanceof o2(t2).Element;
+}
+function s2(t2) {
+  if ("undefined" == typeof ShadowRoot)
+    return false;
+  return t2 instanceof o2(t2).ShadowRoot || t2 instanceof ShadowRoot;
+}
+function u2(t2) {
+  const { overflow: e2, overflowX: n3, overflowY: o3 } = i2(t2);
+  return /auto|scroll|overlay|hidden/.test(e2 + o3 + n3);
+}
+function d2(t2) {
+  return ["table", "td", "th"].includes(r2(t2));
+}
+function h2(t2) {
+  const e2 = /firefox/i.test(l2()), n3 = i2(t2);
+  return "none" !== n3.transform || "none" !== n3.perspective || "paint" === n3.contain || ["transform", "perspective"].includes(n3.willChange) || e2 && "filter" === n3.willChange || e2 && !!n3.filter && "none" !== n3.filter;
+}
+function a2() {
+  return !/^((?!chrome|android).)*safari/i.test(l2());
+}
+var g2 = Math.min;
+var p2 = Math.max;
+var m2 = Math.round;
+function w2(t2, e2, n3) {
+  var i3, r3, l3, s3;
+  void 0 === e2 && (e2 = false), void 0 === n3 && (n3 = false);
+  const u3 = t2.getBoundingClientRect();
+  let d3 = 1, h3 = 1;
+  e2 && c2(t2) && (d3 = t2.offsetWidth > 0 && m2(u3.width) / t2.offsetWidth || 1, h3 = t2.offsetHeight > 0 && m2(u3.height) / t2.offsetHeight || 1);
+  const g3 = f2(t2) ? o2(t2) : window, p3 = !a2() && n3, w3 = (u3.left + (p3 && null != (i3 = null == (r3 = g3.visualViewport) ? void 0 : r3.offsetLeft) ? i3 : 0)) / d3, v3 = (u3.top + (p3 && null != (l3 = null == (s3 = g3.visualViewport) ? void 0 : s3.offsetTop) ? l3 : 0)) / h3, y3 = u3.width / d3, x3 = u3.height / h3;
+  return { width: y3, height: x3, top: v3, right: w3 + y3, bottom: v3 + x3, left: w3, x: w3, y: v3 };
+}
+function v2(t2) {
+  return (e2 = t2, (e2 instanceof o2(e2).Node ? t2.ownerDocument : t2.document) || window.document).documentElement;
+  var e2;
+}
+function y2(t2) {
+  return f2(t2) ? { scrollLeft: t2.scrollLeft, scrollTop: t2.scrollTop } : { scrollLeft: t2.pageXOffset, scrollTop: t2.pageYOffset };
+}
+function x2(t2) {
+  return w2(v2(t2)).left + y2(t2).scrollLeft;
+}
+function b2(t2, e2, n3) {
+  const o3 = c2(e2), i3 = v2(e2), l3 = w2(t2, o3 && function(t3) {
+    const e3 = w2(t3);
+    return m2(e3.width) !== t3.offsetWidth || m2(e3.height) !== t3.offsetHeight;
+  }(e2), "fixed" === n3);
+  let f3 = { scrollLeft: 0, scrollTop: 0 };
+  const s3 = { x: 0, y: 0 };
+  if (o3 || !o3 && "fixed" !== n3)
+    if (("body" !== r2(e2) || u2(i3)) && (f3 = y2(e2)), c2(e2)) {
+      const t3 = w2(e2, true);
+      s3.x = t3.x + e2.clientLeft, s3.y = t3.y + e2.clientTop;
+    } else
+      i3 && (s3.x = x2(i3));
+  return { x: l3.left + f3.scrollLeft - s3.x, y: l3.top + f3.scrollTop - s3.y, width: l3.width, height: l3.height };
+}
+function L2(t2) {
+  return "html" === r2(t2) ? t2 : t2.assignedSlot || t2.parentNode || (s2(t2) ? t2.host : null) || v2(t2);
+}
+function R(t2) {
+  return c2(t2) && "fixed" !== getComputedStyle(t2).position ? t2.offsetParent : null;
+}
+function T2(t2) {
+  const e2 = o2(t2);
+  let n3 = R(t2);
+  for (; n3 && d2(n3) && "static" === getComputedStyle(n3).position; )
+    n3 = R(n3);
+  return n3 && ("html" === r2(n3) || "body" === r2(n3) && "static" === getComputedStyle(n3).position && !h2(n3)) ? e2 : n3 || function(t3) {
+    let e3 = L2(t3);
+    for (s2(e3) && (e3 = e3.host); c2(e3) && !["html", "body"].includes(r2(e3)); ) {
+      if (h2(e3))
+        return e3;
+      e3 = e3.parentNode;
+    }
+    return null;
+  }(t2) || e2;
+}
+function W(t2) {
+  if (c2(t2))
+    return { width: t2.offsetWidth, height: t2.offsetHeight };
+  const e2 = w2(t2);
+  return { width: e2.width, height: e2.height };
+}
+function E2(t2) {
+  const e2 = L2(t2);
+  return ["html", "body", "#document"].includes(r2(e2)) ? t2.ownerDocument.body : c2(e2) && u2(e2) ? e2 : E2(e2);
+}
+function H(t2, e2) {
+  var n3;
+  void 0 === e2 && (e2 = []);
+  const i3 = E2(t2), r3 = i3 === (null == (n3 = t2.ownerDocument) ? void 0 : n3.body), l3 = o2(i3), c3 = r3 ? [l3].concat(l3.visualViewport || [], u2(i3) ? i3 : []) : i3, f3 = e2.concat(c3);
+  return r3 ? f3 : f3.concat(H(c3));
+}
+function C(e2, n3, r3) {
+  return "viewport" === n3 ? l(function(t2, e3) {
+    const n4 = o2(t2), i3 = v2(t2), r4 = n4.visualViewport;
+    let l3 = i3.clientWidth, c3 = i3.clientHeight, f3 = 0, s3 = 0;
+    if (r4) {
+      l3 = r4.width, c3 = r4.height;
+      const t3 = a2();
+      (t3 || !t3 && "fixed" === e3) && (f3 = r4.offsetLeft, s3 = r4.offsetTop);
+    }
+    return { width: l3, height: c3, x: f3, y: s3 };
+  }(e2, r3)) : f2(n3) ? function(t2, e3) {
+    const n4 = w2(t2, false, "fixed" === e3), o3 = n4.top + t2.clientTop, i3 = n4.left + t2.clientLeft;
+    return { top: o3, left: i3, x: i3, y: o3, right: i3 + t2.clientWidth, bottom: o3 + t2.clientHeight, width: t2.clientWidth, height: t2.clientHeight };
+  }(n3, r3) : l(function(t2) {
+    var e3;
+    const n4 = v2(t2), o3 = y2(t2), r4 = null == (e3 = t2.ownerDocument) ? void 0 : e3.body, l3 = p2(n4.scrollWidth, n4.clientWidth, r4 ? r4.scrollWidth : 0, r4 ? r4.clientWidth : 0), c3 = p2(n4.scrollHeight, n4.clientHeight, r4 ? r4.scrollHeight : 0, r4 ? r4.clientHeight : 0);
+    let f3 = -o3.scrollLeft + x2(t2);
+    const s3 = -o3.scrollTop;
+    return "rtl" === i2(r4 || n4).direction && (f3 += p2(n4.clientWidth, r4 ? r4.clientWidth : 0) - l3), { width: l3, height: c3, x: f3, y: s3 };
+  }(v2(e2)));
+}
+function S(t2) {
+  const e2 = H(t2), n3 = ["absolute", "fixed"].includes(i2(t2).position) && c2(t2) ? T2(t2) : t2;
+  return f2(n3) ? e2.filter((t3) => f2(t3) && function(t4, e3) {
+    const n4 = null == e3.getRootNode ? void 0 : e3.getRootNode();
+    if (t4.contains(e3))
+      return true;
+    if (n4 && s2(n4)) {
+      let n5 = e3;
+      do {
+        if (n5 && t4 === n5)
+          return true;
+        n5 = n5.parentNode || n5.host;
+      } while (n5);
+    }
+    return false;
+  }(t3, n3) && "body" !== r2(t3)) : [];
+}
+var D2 = { getClippingRect: function(t2) {
+  let { element: e2, boundary: n3, rootBoundary: o3, strategy: i3 } = t2;
+  const r3 = [..."clippingAncestors" === n3 ? S(e2) : [].concat(n3), o3], l3 = r3[0], c3 = r3.reduce((t3, n4) => {
+    const o4 = C(e2, n4, i3);
+    return t3.top = p2(o4.top, t3.top), t3.right = g2(o4.right, t3.right), t3.bottom = g2(o4.bottom, t3.bottom), t3.left = p2(o4.left, t3.left), t3;
+  }, C(e2, l3, i3));
+  return { width: c3.right - c3.left, height: c3.bottom - c3.top, x: c3.left, y: c3.top };
+}, convertOffsetParentRelativeRectToViewportRelativeRect: function(t2) {
+  let { rect: e2, offsetParent: n3, strategy: o3 } = t2;
+  const i3 = c2(n3), l3 = v2(n3);
+  if (n3 === l3)
+    return e2;
+  let f3 = { scrollLeft: 0, scrollTop: 0 };
+  const s3 = { x: 0, y: 0 };
+  if ((i3 || !i3 && "fixed" !== o3) && (("body" !== r2(n3) || u2(l3)) && (f3 = y2(n3)), c2(n3))) {
+    const t3 = w2(n3, true);
+    s3.x = t3.x + n3.clientLeft, s3.y = t3.y + n3.clientTop;
+  }
+  return __spreadProps(__spreadValues({}, e2), { x: e2.x - f3.scrollLeft + s3.x, y: e2.y - f3.scrollTop + s3.y });
+}, isElement: f2, getDimensions: W, getOffsetParent: T2, getDocumentElement: v2, getElementRects: (t2) => {
+  let { reference: e2, floating: n3, strategy: o3 } = t2;
+  return { reference: b2(e2, T2(n3), o3), floating: __spreadProps(__spreadValues({}, W(n3)), { x: 0, y: 0 }) };
+}, getClientRects: (t2) => Array.from(t2.getClientRects()), isRTL: (t2) => "rtl" === i2(t2).direction };
+var z = (t2, n3, o3) => o(t2, n3, __spreadValues({ platform: D2 }, o3));
+
+// node_modules/.pnpm/@warp-ds+core@1.0.0/node_modules/@warp-ds/core/dist/attention/utils/helpers.js
+var TOP = "top";
+var BOTTOM = "bottom";
+var LEFT = "left";
+var RIGHT = "right";
+var opposites = {
+  [TOP]: BOTTOM,
+  [BOTTOM]: TOP,
+  [LEFT]: RIGHT,
+  [RIGHT]: LEFT
+};
+var arrowLabels = {
+  [TOP]: "\u2191",
+  [BOTTOM]: "\u2193",
+  [LEFT]: "\u2190",
+  [RIGHT]: "\u2192"
+};
+var rotation = {
+  [LEFT]: -45,
+  [TOP]: 45,
+  [RIGHT]: 135,
+  [BOTTOM]: -135
+};
+var middlePosition = "calc(50% - 7px)";
+var isDirectionVertical = (name) => [TOP, BOTTOM].includes(name);
+function computeCalloutArrow({ actualDirection, directionName, arrowEl }) {
+  if (!arrowEl)
+    return;
+  actualDirection = directionName;
+  const directionIsVertical = isDirectionVertical(directionName);
+  arrowEl.style.left = directionIsVertical ? middlePosition : "";
+  arrowEl.style.top = !directionIsVertical ? middlePosition : "";
+}
+async function useRecompute(state) {
+  var _a, _b;
+  if (!state.isShowing)
+    return;
+  await ((_a = state == null ? void 0 : state.waitForDOM) == null ? void 0 : _a.call(state));
+  if (state.isCallout)
+    return computeCalloutArrow(state);
+  const position = await z(state.targetEl, state.attentionEl, {
+    placement: state.directionName,
+    middleware: [
+      // Should we make this configurable, but have these as sane defaults?
+      b(),
+      T(8),
+      D({ padding: 16 }),
+      // @ts-ignore
+      m({ element: state.noArrow ? void 0 : state.arrowEl })
+      // FIXME
+    ]
+  });
+  state.actualDirection = position.placement;
+  Object.assign(((_b = state.attentionEl) == null ? void 0 : _b.style) || {}, {
+    left: "0",
+    top: "0",
+    transform: `translate3d(${Math.round(position.x)}px, ${Math.round(position.y)}px, 0)`
+  });
+  let { x: x3, y: y3 } = position.middlewareData.arrow;
+  if (state.arrowEl) {
+    state.arrowEl.style.left = x3 ? x3 + "px" : "";
+    state.arrowEl.style.top = y3 ? y3 + "px" : "";
+  }
+}
+
+// node_modules/.pnpm/@lingui+core@4.5.0/node_modules/@lingui/core/dist/index.mjs
+var import_unraw = __toESM(require_dist(), 1);
+
+// node_modules/.pnpm/@lingui+message-utils@4.5.0/node_modules/@lingui/message-utils/dist/compileMessage.mjs
+var import_parser = __toESM(require_parser(), 1);
+function processTokens(tokens, mapText) {
+  if (!tokens.filter((token) => token.type !== "content").length) {
+    return tokens.map((token) => mapText(token.value)).join("");
+  }
+  return tokens.map((token) => {
+    var _a;
+    if (token.type === "content") {
+      return mapText(token.value);
+    } else if (token.type === "octothorpe") {
+      return "#";
+    } else if (token.type === "argument") {
+      return [token.arg];
+    } else if (token.type === "function") {
+      const _param = (_a = token == null ? void 0 : token.param) == null ? void 0 : _a[0];
+      if (_param) {
+        return [token.arg, token.key, _param.value.trim()];
+      } else {
+        return [token.arg, token.key];
+      }
+    }
+    const offset = token.pluralOffset;
+    const formatProps = {};
+    token.cases.forEach((item) => {
+      formatProps[item.key.replace(/^=(.)+/, "$1")] = processTokens(
+        item.tokens,
+        mapText
+      );
+    });
+    return [
+      token.arg,
+      token.type,
+      __spreadValues({
+        offset
+      }, formatProps)
+    ];
+  });
+}
+function compileMessage(message, mapText = (v3) => v3) {
+  try {
+    return processTokens((0, import_parser.parse)(message), mapText);
+  } catch (e2) {
+    console.error(`${e2.message} 
+
+Message: ${message}`);
+    return message;
+  }
+}
+
+// node_modules/.pnpm/@lingui+core@4.5.0/node_modules/@lingui/core/dist/index.mjs
+var isString = (s3) => typeof s3 === "string";
+var isFunction = (f3) => typeof f3 === "function";
+var cache = /* @__PURE__ */ new Map();
+function normalizeLocales(locales) {
+  const out = Array.isArray(locales) ? locales : [locales];
+  return [...out, "en"];
+}
+function date(locales, value, format) {
+  const _locales = normalizeLocales(locales);
+  const formatter = getMemoized(
+    () => cacheKey("date", _locales, format),
+    () => new Intl.DateTimeFormat(_locales, format)
+  );
+  return formatter.format(isString(value) ? new Date(value) : value);
+}
+function number(locales, value, format) {
+  const _locales = normalizeLocales(locales);
+  const formatter = getMemoized(
+    () => cacheKey("number", _locales, format),
+    () => new Intl.NumberFormat(_locales, format)
+  );
+  return formatter.format(value);
+}
+function plural(locales, ordinal, value, _a) {
+  var _b = _a, { offset = 0 } = _b, rules = __objRest(_b, ["offset"]);
+  var _a2, _b2;
+  const _locales = normalizeLocales(locales);
+  const plurals = ordinal ? getMemoized(
+    () => cacheKey("plural-ordinal", _locales),
+    () => new Intl.PluralRules(_locales, { type: "ordinal" })
+  ) : getMemoized(
+    () => cacheKey("plural-cardinal", _locales),
+    () => new Intl.PluralRules(_locales, { type: "cardinal" })
+  );
+  return (_b2 = (_a2 = rules[value]) != null ? _a2 : rules[plurals.select(value - offset)]) != null ? _b2 : rules.other;
+}
+function getMemoized(getKey, construct) {
+  const key = getKey();
+  let formatter = cache.get(key);
+  if (!formatter) {
+    formatter = construct();
+    cache.set(key, formatter);
+  }
+  return formatter;
+}
+function cacheKey(type, locales, options) {
+  const localeKey = locales.join("-");
+  return `${type}-${localeKey}-${JSON.stringify(options)}`;
+}
+var UNICODE_REGEX = /\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/g;
+var getDefaultFormats = (locale, locales, formats = {}) => {
+  locales = locales || locale;
+  const style = (format) => isString(format) ? formats[format] || { style: format } : format;
+  const replaceOctothorpe = (value, message) => {
+    const numberFormat = Object.keys(formats).length ? style("number") : {};
+    const valueStr = number(locales, value, numberFormat);
+    return message.replace("#", valueStr);
+  };
+  return {
+    plural: (value, cases) => {
+      const { offset = 0 } = cases;
+      const message = plural(locales, false, value, cases);
+      return replaceOctothorpe(value - offset, message);
+    },
+    selectordinal: (value, cases) => {
+      const { offset = 0 } = cases;
+      const message = plural(locales, true, value, cases);
+      return replaceOctothorpe(value - offset, message);
+    },
+    select: (value, rules) => {
+      var _a;
+      return (_a = rules[value]) != null ? _a : rules.other;
+    },
+    number: (value, format) => number(locales, value, style(format)),
+    date: (value, format) => date(locales, value, style(format)),
+    undefined: (value) => value
+  };
+};
+function interpolate(translation, locale, locales) {
+  return (values, formats = {}) => {
+    const formatters = getDefaultFormats(locale, locales, formats);
+    const formatMessage = (message) => {
+      if (!Array.isArray(message))
+        return message;
+      return message.reduce((message2, token) => {
+        if (isString(token))
+          return message2 + token;
+        const [name, type, format] = token;
+        let interpolatedFormat = {};
+        if (format != null && !isString(format)) {
+          Object.keys(format).forEach((key) => {
+            interpolatedFormat[key] = formatMessage(format[key]);
+          });
+        } else {
+          interpolatedFormat = format;
+        }
+        const value = formatters[type](values[name], interpolatedFormat);
+        if (value == null)
+          return message2;
+        return message2 + value;
+      }, "");
+    };
+    const result = formatMessage(translation);
+    if (isString(result) && UNICODE_REGEX.test(result)) {
+      return (0, import_unraw.default)(result.trim());
+    }
+    if (isString(result))
+      return result.trim();
+    return result;
+  };
+}
+var __defProp$1 = Object.defineProperty;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$1 = (obj, key, value) => {
+  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var EventEmitter = class {
+  constructor() {
+    __publicField$1(this, "_events", {});
+  }
+  on(event, listener) {
+    if (!this._hasEvent(event))
+      this._events[event] = [];
+    this._events[event].push(listener);
+    return () => this.removeListener(event, listener);
+  }
+  removeListener(event, listener) {
+    if (!this._hasEvent(event))
+      return;
+    const index = this._events[event].indexOf(listener);
+    if (~index)
+      this._events[event].splice(index, 1);
+  }
+  emit(event, ...args) {
+    if (!this._hasEvent(event))
+      return;
+    this._events[event].map((listener) => listener.apply(this, args));
+  }
+  _hasEvent(event) {
+    return Array.isArray(this._events[event]);
+  }
+};
+var __defProp2 = Object.defineProperty;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField2 = (obj, key, value) => {
+  __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var I18n = class extends EventEmitter {
+  constructor(params) {
+    super();
+    __publicField2(this, "_locale");
+    __publicField2(this, "_locales");
+    __publicField2(this, "_localeData");
+    __publicField2(this, "_messages");
+    __publicField2(this, "_missing");
+    __publicField2(this, "t", this._.bind(this));
+    this._messages = {};
+    this._localeData = {};
+    if (params.missing != null)
+      this._missing = params.missing;
+    if (params.messages != null)
+      this.load(params.messages);
+    if (params.localeData != null)
+      this.loadLocaleData(params.localeData);
+    if (params.locale != null || params.locales != null) {
+      this.activate(params.locale, params.locales);
+    }
+  }
+  get locale() {
+    return this._locale;
+  }
+  get locales() {
+    return this._locales;
+  }
+  get messages() {
+    var _a;
+    return (_a = this._messages[this._locale]) != null ? _a : {};
+  }
+  /**
+   * @deprecated this has no effect. Please remove this from the code. Deprecated in v4
+   */
+  get localeData() {
+    var _a;
+    return (_a = this._localeData[this._locale]) != null ? _a : {};
+  }
+  _loadLocaleData(locale, localeData) {
+    if (this._localeData[locale] == null) {
+      this._localeData[locale] = localeData;
+    } else {
+      Object.assign(this._localeData[locale], localeData);
+    }
+  }
+  /**
+   * @deprecated Plurals automatically used from Intl.PluralRules you can safely remove this call. Deprecated in v4
+   */
+  loadLocaleData(localeOrAllData, localeData) {
+    if (localeData != null) {
+      this._loadLocaleData(localeOrAllData, localeData);
+    } else {
+      Object.keys(localeOrAllData).forEach(
+        (locale) => this._loadLocaleData(locale, localeOrAllData[locale])
+      );
+    }
+    this.emit("change");
+  }
+  _load(locale, messages5) {
+    if (this._messages[locale] == null) {
+      this._messages[locale] = messages5;
+    } else {
+      Object.assign(this._messages[locale], messages5);
+    }
+  }
+  load(localeOrMessages, messages5) {
+    if (messages5 != null) {
+      this._load(localeOrMessages, messages5);
+    } else {
+      Object.keys(localeOrMessages).forEach(
+        (locale) => this._load(locale, localeOrMessages[locale])
+      );
+    }
+    this.emit("change");
+  }
+  /**
+   * @param options {@link LoadAndActivateOptions}
+   */
+  loadAndActivate({ locale, locales, messages: messages5 }) {
+    this._locale = locale;
+    this._locales = locales || void 0;
+    this._messages[this._locale] = messages5;
+    this.emit("change");
+  }
+  activate(locale, locales) {
+    if (true) {
+      if (!this._messages[locale]) {
+        console.warn(`Messages for locale "${locale}" not loaded.`);
+      }
+    }
+    this._locale = locale;
+    this._locales = locales;
+    this.emit("change");
+  }
+  _(id, values = {}, { message, formats } = {}) {
+    if (!isString(id)) {
+      values = id.values || values;
+      message = id.message;
+      id = id.id;
+    }
+    const messageMissing = !this.messages[id];
+    const missing = this._missing;
+    if (missing && messageMissing) {
+      return isFunction(missing) ? missing(this._locale, id) : missing;
+    }
+    if (messageMissing) {
+      this.emit("missing", { id, locale: this._locale });
+    }
+    let translation = this.messages[id] || message || id;
+    if (true) {
+      translation = isString(translation) ? compileMessage(translation) : translation;
+    }
+    if (isString(translation) && UNICODE_REGEX.test(translation))
+      return JSON.parse(`"${translation}"`);
+    if (isString(translation))
+      return translation;
+    return interpolate(
+      translation,
+      this._locale,
+      this._locales
+    )(values, formats);
+  }
+  date(value, format) {
+    return date(this._locales || this._locale, value, format);
+  }
+  number(value, format) {
+    return number(this._locales || this._locale, value, format);
+  }
+};
+function setupI18n(params = {}) {
+  return new I18n(params);
+}
+var i18n = setupI18n();
+
+// packages/attention/locales/en/messages.mjs
+var messages = JSON.parse('{"attention.aria.callout":"callout speech bubble","attention.aria.close":"Close","attention.aria.highlight":"highlighted speech bubble","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"popover speech bubble","attention.aria.tooltip":"tooltip"}');
+
+// packages/attention/locales/nb/messages.mjs
+var messages2 = JSON.parse('{"attention.aria.callout":"callout speech bubble","attention.aria.close":"Lukk","attention.aria.highlight":"highlighted speech bubble","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"popover speech bubble","attention.aria.tooltip":"tooltip"}');
+
+// packages/attention/locales/fi/messages.mjs
+var messages3 = JSON.parse('{"attention.aria.callout":"callout speech bubble","attention.aria.close":"Sulje","attention.aria.highlight":"highlighted speech bubble","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"popover speech bubble","attention.aria.tooltip":"tooltip"}');
+
+// packages/i18n.ts
+var supportedLocales = ["en", "nb", "fi"];
+var defaultLocale = "en";
+var getSupportedLocale = (usedLocale) => {
+  return supportedLocales.find(
+    (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
+  ) || defaultLocale;
+};
+function detectLocale() {
+  if (typeof window === "undefined") {
+    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    return getSupportedLocale(serverLocale);
+  }
+  try {
+    const htmlLocale = document.documentElement.lang;
+    return getSupportedLocale(htmlLocale);
+  } catch (e2) {
+    console.warn("could not detect locale, falling back to source locale", e2);
+    return defaultLocale;
+  }
+}
+var getMessages = (locale, enMsg, nbMsg, fiMsg) => {
+  if (locale === "nb")
+    return nbMsg;
+  if (locale === "fi")
+    return fiMsg;
+  return enMsg;
+};
+var activateI18n = (enMessages, nbMessages, fiMessages) => {
+  const locale = detectLocale();
+  const messages5 = getMessages(locale, enMessages, nbMessages, fiMessages);
+  i18n.load(locale, messages5);
+  i18n.activate(locale);
+};
+
+// node_modules/.pnpm/@warp-ds+icons@1.3.0/node_modules/@warp-ds/icons/dist/elements/close-16.js
+import { LitElement } from "lit";
+import { unsafeStatic, html } from "lit/static-html.js";
+var messages4 = JSON.parse('{"icon.title.close":"Kryss"}');
+var messages22 = JSON.parse('{"icon.title.close":"Cross"}');
+var messages32 = JSON.parse('{"icon.title.close":"Rasti"}');
+var supportedLocales2 = ["en", "nb", "fi"];
+var defaultLocale2 = "en";
+var getSupportedLocale2 = (usedLocale) => {
+  return supportedLocales2.find(
+    (locale) => usedLocale === locale || usedLocale.toLowerCase().includes(locale)
+  ) || defaultLocale2;
+};
+function detectLocale2() {
+  if (typeof window === "undefined") {
+    const serverLocale = process.env.NMP_LANGUAGE || Intl.DateTimeFormat().resolvedOptions().locale;
+    return getSupportedLocale2(serverLocale);
+  }
+  try {
+    const htmlLocale = document.documentElement.lang;
+    return getSupportedLocale2(htmlLocale);
+  } catch (e2) {
+    console.warn("could not detect locale, falling back to source locale", e2);
+    return defaultLocale2;
+  }
+}
+var getMessages2 = (locale, enMsg, nbMsg, fiMsg) => {
+  if (locale === "nb")
+    return nbMsg;
+  if (locale === "fi")
+    return fiMsg;
+  return enMsg;
+};
+var activateI18n2 = (enMessages, nbMessages, fiMessages) => {
+  const locale = detectLocale2();
+  const messages42 = getMessages2(locale, enMessages, nbMessages, fiMessages);
+  i18n.load(locale, messages42);
+  i18n.activate(locale);
+};
+activateI18n2(messages22, messages4, messages32);
+var IconClose16 = class extends LitElement {
+  render() {
+    const title = i18n.t({ message: `Cross`, id: "icon.title.close", comment: "Title for close icon" });
+    return html`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${unsafeStatic(`<title>${title}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9M3.5 3.5l9 9"></path></svg>`;
+  }
+};
+if (!customElements.get("w-icon-close-16")) {
+  customElements.define("w-icon-close-16", IconClose16);
+}
+
+// packages/attention/index.js
+var WarpAttention = class extends kebabCaseAttributes(WarpElement) {
+  constructor() {
+    super();
+    activateI18n(messages, messages2, messages3);
+    this.show = false;
+    this.tooltip = false;
+    this.callout = false;
+    this.popover = false;
+    this.highlight = false;
+    this.canClose = false;
+    this.noArrow = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (!this.placement || !Object.keys(opposites).includes(this.placement)) {
+      throw new Error(
+        `Invalid "placement" attribute. Set its value to one of the following:
+${JSON.stringify(
+          Object.keys(opposites)
+        )}`
+      );
+    }
+    setTimeout(() => this.requestUpdate(), 0);
+  }
+  get _actualDirection() {
+    return this.placement;
+  }
+  set _actualDirection(v3) {
+    this.placement = v3;
+  }
+  get _arrowDirection() {
+    return opposites[this.placement];
+  }
+  updated() {
+    if (!this.callout) {
+      this._attentionEl.style.setProperty(
+        "--attention-visibility",
+        this.show ? "" : "hidden"
+      );
+    }
+    if (!this.tooltip) {
+      this._attentionEl.style.setProperty(
+        "--attention-display",
+        this.show ? "flex" : "none"
+      );
+    }
+    this.attentionState = {
+      isShowing: this.show,
+      isCallout: this.callout,
+      actualDirection: this._actualDirection,
+      directionName: this.placement,
+      arrowEl: this.renderRoot.querySelector("#arrow"),
+      attentionEl: this._attentionEl,
+      targetEl: this._targetEl,
+      noArrow: this.noArrow
+    };
+    useRecompute(this.attentionState);
+  }
+  pointingAtDirection() {
+    switch (opposites[this._actualDirection]) {
+      case "top":
+        return i18n._({
+          id: "attention.aria.pointingUp",
+          message: "pointing up",
+          comment: "Default screenreader message for top direction in the attention component"
+        });
+      case "right":
+        return i18n._({
+          id: "attention.aria.pointingRight",
+          message: "pointing right",
+          comment: "Default screenreader message for right direction in the attention component"
+        });
+      case "bottom":
+        return i18n._({
+          id: "attention.aria.pointingDown",
+          message: "pointing down",
+          comment: "Default screenreader message for bottom direction in the attention component"
+        });
+      case "left":
+        return i18n._({
+          id: "attention.aria.pointingLeft",
+          message: "pointing left",
+          comment: "Default screenreader message for left direction in the attention component"
+        });
+      default:
+        return "";
+    }
+  }
+  activeAttentionType() {
+    switch (true) {
+      case this.tooltip:
+        return i18n._({
+          id: "attention.aria.tooltip",
+          message: "tooltip",
+          comment: "Default screenreader message for tooltip in the attention component"
+        });
+      case this.callout:
+        return i18n._({
+          id: "attention.aria.callout",
+          message: "callout speech bubble",
+          comment: "Default screenreader message for callout speech bubble in the attention component"
+        });
+      case this.popover:
+        return i18n._({
+          id: "attention.aria.popover",
+          message: "popover speech bubble",
+          comment: "Default screenreader message for popover speech bubble in the attention component"
+        });
+      case this.highlight:
+        return i18n._({
+          id: "attention.aria.highlight",
+          message: "highlighted speech bubble",
+          comment: "Default screenreader message for highlighted speech bubble in the attention component"
+        });
+      default:
+        return "";
+    }
+  }
+  defaultAriaLabel() {
+    return `${this.activeAttentionType()} ${!this.noArrow ? this.pointingAtDirection() : ""}`;
+  }
+  setAriaLabels() {
+    if (this._targetEl && !this._targetEl.getAttribute("aria-details")) {
+      const attentionMessageId = this._messageEl.id || (this._messageEl.id = generateRandomId());
+      this._targetEl.setAttribute("aria-details", attentionMessageId);
+    }
+  }
+  get _activeVariantClasses() {
+    const variantProps = {
+      callout: this.callout,
+      popover: this.popover,
+      tooltip: this.tooltip,
+      highlight: this.highlight
+    };
+    const activeVariant = Object.keys(variantProps).find((b3) => !!variantProps[b3]) || "";
+    return {
+      wrapper: attention[activeVariant],
+      arrow: attention[`arrow${activeVariant.charAt(0).toUpperCase() + activeVariant.slice(1)}`]
+    };
+  }
+  get _ariaClose() {
+    return i18n._({
+      id: "attention.aria.close",
+      message: "Close",
+      comment: "Aria label for the close button in attention"
+    });
+  }
+  firstUpdated() {
+    this.setAriaLabels();
+    if (this.callout) {
+      this._attentionEl.style.position = "relative";
+    }
+  }
+  get _attentionEl() {
+    return this.renderRoot.querySelector("#attention");
+  }
+  get _targetEl() {
+    return this.renderRoot.querySelector("slot[name='target']").assignedNodes()[0];
+  }
+  get _messageEl() {
+    return this.renderRoot.querySelector("slot[name='message']").assignedNodes()[0];
+  }
+  get _wrapperClasses() {
+    return classes({
+      [attention.base]: true,
+      [this._activeVariantClasses.wrapper]: true
+    });
+  }
+  get _arrowClasses() {
+    return classes({
+      [attention.arrowBase]: true,
+      [attention[`arrowDirection${this._arrowDirection.charAt(0).toUpperCase() + this._arrowDirection.slice(1)}`]]: true,
+      [this._activeVariantClasses.arrow]: true
+    });
+  }
+  get _arrowHtml() {
+    return this.noArrow ? "" : html2`<div
           id="arrow"
           role="img"
           class="${this._arrowClasses}"
-          style="transform:rotate(${ht[this._arrowDirection]}deg);
-          margin-${this._arrowDirection.charAt(0).toLowerCase()+this._arrowDirection.slice(1)}:-0.5px;"
-        />`}close(){let t=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(t))}keypressed(t){this.canClose&&t.key==="Escape"&&(t.preventDefault(),this.close())}get _closeBtnHtml(){return ae`
+          style="transform:rotate(${rotation[this._arrowDirection]}deg);
+          margin-${// border alignment is off by a fraction of a pixel, this fixes it
+    this._arrowDirection.charAt(0).toLowerCase() + this._arrowDirection.slice(1)}:-0.5px;"
+        />`;
+  }
+  close() {
+    const event = new CustomEvent("close", {
+      bubbles: true,
+      composed: true
+    });
+    this.updateComplete.then(() => this.dispatchEvent(event));
+  }
+  keypressed(e2) {
+    if (!this.canClose)
+      return;
+    if (e2.key === "Escape") {
+      e2.preventDefault();
+      this.close();
+    }
+  }
+  get _closeBtnHtml() {
+    return html2`
       <button 
         aria-label="${this._ariaClose}"
         @click="${this.close}"
         @keydown=${this.keypressed}
-        class="${F.closeBtn}"
+        class="${attention.closeBtn}"
       >
         <w-icon-close-16 />
       </button>
-    `}render(){return ae`
-      <div class=${mr(this.className?this.className:void 0)}>
-        ${this.placement==="right"||this.placement==="bottom"?ae`
+    `;
+  }
+  render() {
+    return html2`
+      <div class=${ifDefined(this.className ? this.className : void 0)}>
+        ${this.placement === "right" || this.placement === "bottom" ? html2`
               <slot name="target"></slot>
 
               <div
                 id="attention"
-                role="${this.tooltip?"tooltip":"img"}"
+                role="${this.tooltip ? "tooltip" : "img"}"
                 aria-label="${this.defaultAriaLabel()}"
                 class="${this._wrapperClasses}"
               >
                 ${this._arrowHtml}
                 <slot name="message"></slot>
-                ${this.canClose?this._closeBtnHtml:Qt}
+                ${this.canClose ? this._closeBtnHtml : nothing}
               </div>
-            `:ae`
+            ` : html2`
               <div id="attention" class="${this._wrapperClasses}">
                 <slot name="message"></slot>
                 ${this._arrowHtml}
-                ${this.canClose?this._closeBtnHtml:Qt}
+                ${this.canClose ? this._closeBtnHtml : nothing}
               </div>
               <slot name="target"></slot>
             `}
       </div>
-    `}};Le(se,"properties",{show:{type:Boolean,reflect:!0},placement:{type:String},tooltip:{type:Boolean,reflect:!0},callout:{type:Boolean,reflect:!0},popover:{type:Boolean,reflect:!0},highlight:{type:Boolean,reflect:!0},canClose:{type:Boolean,reflect:!0},noArrow:{type:Boolean,reflect:!0}}),Le(se,"styles",[Ft.styles,hr`
+    `;
+  }
+};
+__publicField(WarpAttention, "properties", {
+  // Whether Attention element should be visible.
+  show: { type: Boolean, reflect: true },
+  // Placement according to the target element
+  // Arrow would be on the opposite side of this position
+  placement: { type: String },
+  // Whether Attention element is rendered as a tooltip
+  tooltip: { type: Boolean, reflect: true },
+  // Whether Attention element is rendered as an inline callout
+  callout: { type: Boolean, reflect: true },
+  // Whether Attention element is rendered as a popover
+  popover: { type: Boolean, reflect: true },
+  // Whether Attention element is rendered as a highlight
+  highlight: { type: Boolean, reflect: true },
+  // Render Attention element with a close button
+  canClose: { type: Boolean, reflect: true },
+  // Render Attention element without an arrow
+  noArrow: { type: Boolean, reflect: true }
+});
+__publicField(WarpAttention, "styles", [
+  WarpElement.styles,
+  css`
       #attention {
         position: absolute;
         z-index: 50;
@@ -56,5 +2396,12 @@ ${JSON.stringify(Object.keys(le))}`);setTimeout(()=>this.requestUpdate(),0)}get
         border-top-left-radius: 4px;
         z-index: 1;
       }
-    `]);customElements.get("w-attention")||customElements.define("w-attention",se);export{se as WarpAttention};
+    `
+]);
+if (!customElements.get("w-attention")) {
+  customElements.define("w-attention", WarpAttention);
+}
+export {
+  WarpAttention
+};
 //# sourceMappingURL=index.js.map