@tmorrow/cre8-wc 2.0.5 → 2.0.7

package/dist/assets/{Tokens-Documentation-BTECbmvD.js → Tokens-Documentation-ZecGbtQg.js}

@@ -1,5 +1,5 @@
-import{j as e,M as i}from"./blocks-B_WQ1U89.js";import{useMDXComponents as o}from"./index-DSuzaFN1.js";import"./preload-helper-PPVm8Dsz.js";import"./iframe-CdWmiVXf.js";import"./_commonjsHelpers-DaWZu8wl.js";function t(s){const n={code:"code",h1:"h1",p:"p",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Documentation/cre8 Design Tokens"}),`
+import{u as o,j as e,M as i}from"./blocks-DhUVut8Z.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./iframe-dHvya7sk.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";function t(s){const n={code:"code",h1:"h1",p:"p",...o(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(i,{title:"Documentation/cre8 Design Tokens"}),`
 `,e.jsx(n.h1,{id:"cre8-design-tokens",children:"cre8 Design Tokens"}),`
 `,e.jsx(n.p,{children:"Design Tokens are a powerful concept in design systems that help ensure consistency and flexibility across various platforms and products. They serve as the atomic units of design and code, containing values like colors, typography, spacing, and more. By centralizing these values, teams can maintain a cohesive visual identity."}),`
 `,e.jsxs(n.p,{children:["cre8 manages its design tokens with a separate package, ",e.jsx(n.code,{children:"@cre8/cre8-design-tokens"}),", and consumes these for its component usage."]}),`
-`,e.jsx(n.p,{children:"For full details regarding existing tokens, token construction, and more please refer to the cre8 Design Token Storybook in the left sidebar or visit the cre8 Design Tokens Storybook directly."})]})}function m(s={}){const{wrapper:n}={...o(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(t,{...s})}):t(s)}export{m as default};
+`,e.jsx(n.p,{children:"For full details regarding existing tokens, token construction, and more please refer to the cre8 Design Token Storybook in the left sidebar or visit the cre8 Design Tokens Storybook directly."})]})}function p(s={}){const{wrapper:n}={...o(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(t,{...s})}):t(s)}export{p as default};

package/dist/assets/WithTooltip-7X4HQR7L-2Hfrkir-.js

@@ -0,0 +1,9 @@
+import{R as U,r as y,s as Re,l as pe,c as Bt,_ as te,d as Pt,b as Mt,e as _t}from"./blocks-DhUVut8Z.js";import{f as We,h as ft}from"./iframe-dHvya7sk.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";var Ht=ft({"../../node_modules/react-fast-compare/index.js"(e,t){var r=typeof Element<"u",o=typeof Map=="function",n=typeof Set=="function",s=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function l(u,a){if(u===a)return!0;if(u&&a&&typeof u=="object"&&typeof a=="object"){if(u.constructor!==a.constructor)return!1;var i,f,p;if(Array.isArray(u)){if(i=u.length,i!=a.length)return!1;for(f=i;f--!==0;)if(!l(u[f],a[f]))return!1;return!0}var c;if(o&&u instanceof Map&&a instanceof Map){if(u.size!==a.size)return!1;for(c=u.entries();!(f=c.next()).done;)if(!a.has(f.value[0]))return!1;for(c=u.entries();!(f=c.next()).done;)if(!l(f.value[1],a.get(f.value[0])))return!1;return!0}if(n&&u instanceof Set&&a instanceof Set){if(u.size!==a.size)return!1;for(c=u.entries();!(f=c.next()).done;)if(!a.has(f.value[0]))return!1;return!0}if(s&&ArrayBuffer.isView(u)&&ArrayBuffer.isView(a)){if(i=u.length,i!=a.length)return!1;for(f=i;f--!==0;)if(u[f]!==a[f])return!1;return!0}if(u.constructor===RegExp)return u.source===a.source&&u.flags===a.flags;if(u.valueOf!==Object.prototype.valueOf&&typeof u.valueOf=="function"&&typeof a.valueOf=="function")return u.valueOf()===a.valueOf();if(u.toString!==Object.prototype.toString&&typeof u.toString=="function"&&typeof a.toString=="function")return u.toString()===a.toString();if(p=Object.keys(u),i=p.length,i!==Object.keys(a).length)return!1;for(f=i;f--!==0;)if(!Object.prototype.hasOwnProperty.call(a,p[f]))return!1;if(r&&u instanceof Element)return!1;for(f=i;f--!==0;)if(!((p[f]==="_owner"||p[f]==="__v"||p[f]==="__o")&&u.$$typeof)&&!l(u[p[f]],a[p[f]]))return!1;return!0}return u!==u&&a!==a}t.exports=function(u,a){try{return l(u,a)}catch(i){if((i.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw i}}}}),Nt=ft({"../../node_modules/warning/warning.js"(e,t){var r=function(){};t.exports=r}}),Vt=We(Mt(),1);const{deprecate:lt}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{global:qt}=__STORYBOOK_MODULE_GLOBAL__;y.createContext();y.createContext();var Ke=function(e){return e.reduce(function(t,r){var o=r[0],n=r[1];return t[o]=n,t},{})},Je=typeof window<"u"&&window.document&&window.document.createElement?y.useLayoutEffect:y.useEffect,j="top",H="bottom",N="right",B="left",$e="auto",ye=[j,H,N,B],ie="start",he="end",Ut="clippingParents",ct="viewport",ce="popper",zt="reference",Qe=ye.reduce(function(e,t){return e.concat([t+"-"+ie,t+"-"+he])},[]),pt=[].concat(ye,[$e]).reduce(function(e,t){return e.concat([t,t+"-"+ie,t+"-"+he])},[]),It="beforeRead",Yt="read",Xt="afterRead",Ft="beforeMain",Gt="main",Kt="afterMain",Jt="beforeWrite",Qt="write",Zt="afterWrite",er=[It,Yt,Xt,Ft,Gt,Kt,Jt,Qt,Zt];function I(e){return e?(e.nodeName||"").toLowerCase():null}function P(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function ne(e){var t=P(e).Element;return e instanceof t||e instanceof Element}function _(e){var t=P(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function je(e){if(typeof ShadowRoot>"u")return!1;var t=P(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function tr(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var o=t.styles[r]||{},n=t.attributes[r]||{},s=t.elements[r];!_(s)||!I(s)||(Object.assign(s.style,o),Object.keys(n).forEach(function(l){var u=n[l];u===!1?s.removeAttribute(l):s.setAttribute(l,u===!0?"":u)}))})}function rr(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(o){var n=t.elements[o],s=t.attributes[o]||{},l=Object.keys(t.styles.hasOwnProperty(o)?t.styles[o]:r[o]),u=l.reduce(function(a,i){return a[i]="",a},{});!_(n)||!I(n)||(Object.assign(n.style,u),Object.keys(s).forEach(function(a){n.removeAttribute(a)}))})}}var dt={name:"applyStyles",enabled:!0,phase:"write",fn:tr,effect:rr,requires:["computeStyles"]};function z(e){return e.split("-")[0]}var re=Math.max,Te=Math.min,ae=Math.round;function ke(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function vt(){return!/^((?!chrome|android).)*safari/i.test(ke())}function se(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);var o=e.getBoundingClientRect(),n=1,s=1;t&&_(e)&&(n=e.offsetWidth>0&&ae(o.width)/e.offsetWidth||1,s=e.offsetHeight>0&&ae(o.height)/e.offsetHeight||1);var l=ne(e)?P(e):window,u=l.visualViewport,a=!vt()&&r,i=(o.left+(a&&u?u.offsetLeft:0))/n,f=(o.top+(a&&u?u.offsetTop:0))/s,p=o.width/n,c=o.height/s;return{width:p,height:c,top:f,right:i+p,bottom:f+c,left:i,x:i,y:f}}function Be(e){var t=se(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function mt(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&je(r)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function F(e){return P(e).getComputedStyle(e)}function nr(e){return["table","td","th"].indexOf(I(e))>=0}function K(e){return((ne(e)?e.ownerDocument:e.document)||window.document).documentElement}function Le(e){return I(e)==="html"?e:e.assignedSlot||e.parentNode||(je(e)?e.host:null)||K(e)}function Ze(e){return!_(e)||F(e).position==="fixed"?null:e.offsetParent}function or(e){var t=/firefox/i.test(ke()),r=/Trident/i.test(ke());if(r&&_(e)){var o=F(e);if(o.position==="fixed")return null}var n=Le(e);for(je(n)&&(n=n.host);_(n)&&["html","body"].indexOf(I(n))<0;){var s=F(n);if(s.transform!=="none"||s.perspective!=="none"||s.contain==="paint"||["transform","perspective"].indexOf(s.willChange)!==-1||t&&s.willChange==="filter"||t&&s.filter&&s.filter!=="none")return n;n=n.parentNode}return null}function be(e){for(var t=P(e),r=Ze(e);r&&nr(r)&&F(r).position==="static";)r=Ze(r);return r&&(I(r)==="html"||I(r)==="body"&&F(r).position==="static")?t:r||or(e)||t}function Pe(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function de(e,t,r){return re(e,Te(t,r))}function ir(e,t,r){var o=de(e,t,r);return o>r?r:o}function ht(){return{top:0,right:0,bottom:0,left:0}}function gt(e){return Object.assign({},ht(),e)}function yt(e,t){return t.reduce(function(r,o){return r[o]=e,r},{})}var ar=function(e,t){return e=typeof e=="function"?e(Object.assign({},t.rects,{placement:t.placement})):e,gt(typeof e!="number"?e:yt(e,ye))};function sr(e){var t,r=e.state,o=e.name,n=e.options,s=r.elements.arrow,l=r.modifiersData.popperOffsets,u=z(r.placement),a=Pe(u),i=[B,N].indexOf(u)>=0,f=i?"height":"width";if(!(!s||!l)){var p=ar(n.padding,r),c=Be(s),v=a==="y"?j:B,h=a==="y"?H:N,d=r.rects.reference[f]+r.rects.reference[a]-l[a]-r.rects.popper[f],x=l[a]-r.rects.reference[a],O=be(s),L=O?a==="y"?O.clientHeight||0:O.clientWidth||0:0,A=d/2-x/2,m=p[v],b=L-c[f]-p[h],E=L/2-c[f]/2+A,T=de(m,E,b),S=a;r.modifiersData[o]=(t={},t[S]=T,t.centerOffset=T-E,t)}}function ur(e){var t=e.state,r=e.options,o=r.element,n=o===void 0?"[data-popper-arrow]":o;n!=null&&(typeof n=="string"&&(n=t.elements.popper.querySelector(n),!n)||mt(t.elements.popper,n)&&(t.elements.arrow=n))}var fr={name:"arrow",enabled:!0,phase:"main",fn:sr,effect:ur,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ue(e){return e.split("-")[1]}var lr={top:"auto",right:"auto",bottom:"auto",left:"auto"};function cr(e,t){var r=e.x,o=e.y,n=t.devicePixelRatio||1;return{x:ae(r*n)/n||0,y:ae(o*n)/n||0}}function et(e){var t,r=e.popper,o=e.popperRect,n=e.placement,s=e.variation,l=e.offsets,u=e.position,a=e.gpuAcceleration,i=e.adaptive,f=e.roundOffsets,p=e.isFixed,c=l.x,v=c===void 0?0:c,h=l.y,d=h===void 0?0:h,x=typeof f=="function"?f({x:v,y:d}):{x:v,y:d};v=x.x,d=x.y;var O=l.hasOwnProperty("x"),L=l.hasOwnProperty("y"),A=B,m=j,b=window;if(i){var E=be(r),T="clientHeight",S="clientWidth";if(E===P(r)&&(E=K(r),F(E).position!=="static"&&u==="absolute"&&(T="scrollHeight",S="scrollWidth")),E=E,n===j||(n===B||n===N)&&s===he){m=H;var w=p&&E===b&&b.visualViewport?b.visualViewport.height:E[T];d-=w-o.height,d*=a?1:-1}if(n===B||(n===j||n===H)&&s===he){A=N;var R=p&&E===b&&b.visualViewport?b.visualViewport.width:E[S];v-=R-o.width,v*=a?1:-1}}var k=Object.assign({position:u},i&&lr),$=f===!0?cr({x:v,y:d},P(r)):{x:v,y:d};if(v=$.x,d=$.y,a){var W;return Object.assign({},k,(W={},W[m]=L?"0":"",W[A]=O?"0":"",W.transform=(b.devicePixelRatio||1)<=1?"translate("+v+"px, "+d+"px)":"translate3d("+v+"px, "+d+"px, 0)",W))}return Object.assign({},k,(t={},t[m]=L?d+"px":"",t[A]=O?v+"px":"",t.transform="",t))}function pr(e){var t=e.state,r=e.options,o=r.gpuAcceleration,n=o===void 0?!0:o,s=r.adaptive,l=s===void 0?!0:s,u=r.roundOffsets,a=u===void 0?!0:u,i={placement:z(t.placement),variation:ue(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:n,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,et(Object.assign({},i,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:l,roundOffsets:a})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,et(Object.assign({},i,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:a})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var bt={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:pr,data:{}},Ee={passive:!0};function dr(e){var t=e.state,r=e.instance,o=e.options,n=o.scroll,s=n===void 0?!0:n,l=o.resize,u=l===void 0?!0:l,a=P(t.elements.popper),i=[].concat(t.scrollParents.reference,t.scrollParents.popper);return s&&i.forEach(function(f){f.addEventListener("scroll",r.update,Ee)}),u&&a.addEventListener("resize",r.update,Ee),function(){s&&i.forEach(function(f){f.removeEventListener("scroll",r.update,Ee)}),u&&a.removeEventListener("resize",r.update,Ee)}}var wt={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:dr,data:{}},vr={left:"right",right:"left",bottom:"top",top:"bottom"};function Se(e){return e.replace(/left|right|bottom|top/g,function(t){return vr[t]})}var mr={start:"end",end:"start"};function tt(e){return e.replace(/start|end/g,function(t){return mr[t]})}function Me(e){var t=P(e),r=t.pageXOffset,o=t.pageYOffset;return{scrollLeft:r,scrollTop:o}}function _e(e){return se(K(e)).left+Me(e).scrollLeft}function hr(e,t){var r=P(e),o=K(e),n=r.visualViewport,s=o.clientWidth,l=o.clientHeight,u=0,a=0;if(n){s=n.width,l=n.height;var i=vt();(i||!i&&t==="fixed")&&(u=n.offsetLeft,a=n.offsetTop)}return{width:s,height:l,x:u+_e(e),y:a}}function gr(e){var t,r=K(e),o=Me(e),n=(t=e.ownerDocument)==null?void 0:t.body,s=re(r.scrollWidth,r.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),l=re(r.scrollHeight,r.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),u=-o.scrollLeft+_e(e),a=-o.scrollTop;return F(n||r).direction==="rtl"&&(u+=re(r.clientWidth,n?n.clientWidth:0)-s),{width:s,height:l,x:u,y:a}}function He(e){var t=F(e),r=t.overflow,o=t.overflowX,n=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+n+o)}function xt(e){return["html","body","#document"].indexOf(I(e))>=0?e.ownerDocument.body:_(e)&&He(e)?e:xt(Le(e))}function ve(e,t){var r;t===void 0&&(t=[]);var o=xt(e),n=o===((r=e.ownerDocument)==null?void 0:r.body),s=P(o),l=n?[s].concat(s.visualViewport||[],He(o)?o:[]):o,u=t.concat(l);return n?u:u.concat(ve(Le(l)))}function De(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function yr(e,t){var r=se(e,!1,t==="fixed");return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}function rt(e,t,r){return t===ct?De(hr(e,r)):ne(t)?yr(t,r):De(gr(K(e)))}function br(e){var t=ve(Le(e)),r=["absolute","fixed"].indexOf(F(e).position)>=0,o=r&&_(e)?be(e):e;return ne(o)?t.filter(function(n){return ne(n)&&mt(n,o)&&I(n)!=="body"}):[]}function wr(e,t,r,o){var n=t==="clippingParents"?br(e):[].concat(t),s=[].concat(n,[r]),l=s[0],u=s.reduce(function(a,i){var f=rt(e,i,o);return a.top=re(f.top,a.top),a.right=Te(f.right,a.right),a.bottom=Te(f.bottom,a.bottom),a.left=re(f.left,a.left),a},rt(e,l,o));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}function Ot(e){var t=e.reference,r=e.element,o=e.placement,n=o?z(o):null,s=o?ue(o):null,l=t.x+t.width/2-r.width/2,u=t.y+t.height/2-r.height/2,a;switch(n){case j:a={x:l,y:t.y-r.height};break;case H:a={x:l,y:t.y+t.height};break;case N:a={x:t.x+t.width,y:u};break;case B:a={x:t.x-r.width,y:u};break;default:a={x:t.x,y:t.y}}var i=n?Pe(n):null;if(i!=null){var f=i==="y"?"height":"width";switch(s){case ie:a[i]=a[i]-(t[f]/2-r[f]/2);break;case he:a[i]=a[i]+(t[f]/2-r[f]/2);break}}return a}function ge(e,t){t===void 0&&(t={});var r=t,o=r.placement,n=o===void 0?e.placement:o,s=r.strategy,l=s===void 0?e.strategy:s,u=r.boundary,a=u===void 0?Ut:u,i=r.rootBoundary,f=i===void 0?ct:i,p=r.elementContext,c=p===void 0?ce:p,v=r.altBoundary,h=v===void 0?!1:v,d=r.padding,x=d===void 0?0:d,O=gt(typeof x!="number"?x:yt(x,ye)),L=c===ce?zt:ce,A=e.rects.popper,m=e.elements[h?L:c],b=wr(ne(m)?m:m.contextElement||K(e.elements.popper),a,f,l),E=se(e.elements.reference),T=Ot({reference:E,element:A,placement:n}),S=De(Object.assign({},A,T)),w=c===ce?S:E,R={top:b.top-w.top+O.top,bottom:w.bottom-b.bottom+O.bottom,left:b.left-w.left+O.left,right:w.right-b.right+O.right},k=e.modifiersData.offset;if(c===ce&&k){var $=k[n];Object.keys(R).forEach(function(W){var V=[N,H].indexOf(W)>=0?1:-1,g=[j,H].indexOf(W)>=0?"y":"x";R[W]+=$[g]*V})}return R}function xr(e,t){t===void 0&&(t={});var r=t,o=r.placement,n=r.boundary,s=r.rootBoundary,l=r.padding,u=r.flipVariations,a=r.allowedAutoPlacements,i=a===void 0?pt:a,f=ue(o),p=f?u?Qe:Qe.filter(function(h){return ue(h)===f}):ye,c=p.filter(function(h){return i.indexOf(h)>=0});c.length===0&&(c=p);var v=c.reduce(function(h,d){return h[d]=ge(e,{placement:d,boundary:n,rootBoundary:s,padding:l})[z(d)],h},{});return Object.keys(v).sort(function(h,d){return v[h]-v[d]})}function Or(e){if(z(e)===$e)return[];var t=Se(e);return[tt(e),t,tt(t)]}function Er(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var n=r.mainAxis,s=n===void 0?!0:n,l=r.altAxis,u=l===void 0?!0:l,a=r.fallbackPlacements,i=r.padding,f=r.boundary,p=r.rootBoundary,c=r.altBoundary,v=r.flipVariations,h=v===void 0?!0:v,d=r.allowedAutoPlacements,x=t.options.placement,O=z(x),L=O===x,A=a||(L||!h?[Se(x)]:Or(x)),m=[x].concat(A).reduce(function(Z,X){return Z.concat(z(X)===$e?xr(t,{placement:X,boundary:f,rootBoundary:p,padding:i,flipVariations:h,allowedAutoPlacements:d}):X)},[]),b=t.rects.reference,E=t.rects.popper,T=new Map,S=!0,w=m[0],R=0;R<m.length;R++){var k=m[R],$=z(k),W=ue(k)===ie,V=[j,H].indexOf($)>=0,g=V?"width":"height",C=ge(t,{placement:k,boundary:f,rootBoundary:p,altBoundary:c,padding:i}),D=V?W?N:B:W?H:j;b[g]>E[g]&&(D=Se(D));var Y=Se(D),q=[];if(s&&q.push(C[$]<=0),u&&q.push(C[D]<=0,C[Y]<=0),q.every(function(Z){return Z})){w=k,S=!1;break}T.set(k,q)}if(S)for(var J=h?3:1,Q=function(Z){var X=m.find(function(xe){var le=T.get(xe);if(le)return le.slice(0,Z).every(function(oe){return oe})});if(X)return w=X,"break"},fe=J;fe>0;fe--){var we=Q(fe);if(we==="break")break}t.placement!==w&&(t.modifiersData[o]._skip=!0,t.placement=w,t.reset=!0)}}var Sr={name:"flip",enabled:!0,phase:"main",fn:Er,requiresIfExists:["offset"],data:{_skip:!1}};function nt(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function ot(e){return[j,N,H,B].some(function(t){return e[t]>=0})}function Tr(e){var t=e.state,r=e.name,o=t.rects.reference,n=t.rects.popper,s=t.modifiersData.preventOverflow,l=ge(t,{elementContext:"reference"}),u=ge(t,{altBoundary:!0}),a=nt(l,o),i=nt(u,n,s),f=ot(a),p=ot(i);t.modifiersData[r]={referenceClippingOffsets:a,popperEscapeOffsets:i,isReferenceHidden:f,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":f,"data-popper-escaped":p})}var Rr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Tr};function Lr(e,t,r){var o=z(e),n=[B,j].indexOf(o)>=0?-1:1,s=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,l=s[0],u=s[1];return l=l||0,u=(u||0)*n,[B,N].indexOf(o)>=0?{x:u,y:l}:{x:l,y:u}}function Cr(e){var t=e.state,r=e.options,o=e.name,n=r.offset,s=n===void 0?[0,0]:n,l=pt.reduce(function(f,p){return f[p]=Lr(p,t.rects,s),f},{}),u=l[t.placement],a=u.x,i=u.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=a,t.modifiersData.popperOffsets.y+=i),t.modifiersData[o]=l}var Ar={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Cr};function kr(e){var t=e.state,r=e.name;t.modifiersData[r]=Ot({reference:t.rects.reference,element:t.rects.popper,placement:t.placement})}var Et={name:"popperOffsets",enabled:!0,phase:"read",fn:kr,data:{}};function Dr(e){return e==="x"?"y":"x"}function Wr(e){var t=e.state,r=e.options,o=e.name,n=r.mainAxis,s=n===void 0?!0:n,l=r.altAxis,u=l===void 0?!1:l,a=r.boundary,i=r.rootBoundary,f=r.altBoundary,p=r.padding,c=r.tether,v=c===void 0?!0:c,h=r.tetherOffset,d=h===void 0?0:h,x=ge(t,{boundary:a,rootBoundary:i,padding:p,altBoundary:f}),O=z(t.placement),L=ue(t.placement),A=!L,m=Pe(O),b=Dr(m),E=t.modifiersData.popperOffsets,T=t.rects.reference,S=t.rects.popper,w=typeof d=="function"?d(Object.assign({},t.rects,{placement:t.placement})):d,R=typeof w=="number"?{mainAxis:w,altAxis:w}:Object.assign({mainAxis:0,altAxis:0},w),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,$={x:0,y:0};if(E){if(s){var W,V=m==="y"?j:B,g=m==="y"?H:N,C=m==="y"?"height":"width",D=E[m],Y=D+x[V],q=D-x[g],J=v?-S[C]/2:0,Q=L===ie?T[C]:S[C],fe=L===ie?-S[C]:-T[C],we=t.elements.arrow,Z=v&&we?Be(we):{width:0,height:0},X=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:ht(),xe=X[V],le=X[g],oe=de(0,T[C],Z[C]),Ct=A?T[C]/2-J-oe-xe-R.mainAxis:Q-oe-xe-R.mainAxis,At=A?-T[C]/2+J+oe+le+R.mainAxis:fe+oe+le+R.mainAxis,Ce=t.elements.arrow&&be(t.elements.arrow),kt=Ce?m==="y"?Ce.clientTop||0:Ce.clientLeft||0:0,Ve=(W=k?.[m])!=null?W:0,Dt=D+Ct-Ve-kt,Wt=D+At-Ve,qe=de(v?Te(Y,Dt):Y,D,v?re(q,Wt):q);E[m]=qe,$[m]=qe-D}if(u){var Ue,$t=m==="x"?j:B,jt=m==="x"?H:N,ee=E[b],Oe=b==="y"?"height":"width",ze=ee+x[$t],Ie=ee-x[jt],Ae=[j,B].indexOf(O)!==-1,Ye=(Ue=k?.[b])!=null?Ue:0,Xe=Ae?ze:ee-T[Oe]-S[Oe]-Ye+R.altAxis,Fe=Ae?ee+T[Oe]+S[Oe]-Ye-R.altAxis:Ie,Ge=v&&Ae?ir(Xe,ee,Fe):de(v?Xe:ze,ee,v?Fe:Ie);E[b]=Ge,$[b]=Ge-ee}t.modifiersData[o]=$}}var $r={name:"preventOverflow",enabled:!0,phase:"main",fn:Wr,requiresIfExists:["offset"]};function jr(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function Br(e){return e===P(e)||!_(e)?Me(e):jr(e)}function Pr(e){var t=e.getBoundingClientRect(),r=ae(t.width)/e.offsetWidth||1,o=ae(t.height)/e.offsetHeight||1;return r!==1||o!==1}function Mr(e,t,r){r===void 0&&(r=!1);var o=_(t),n=_(t)&&Pr(t),s=K(t),l=se(e,n,r),u={scrollLeft:0,scrollTop:0},a={x:0,y:0};return(o||!o&&!r)&&((I(t)!=="body"||He(s))&&(u=Br(t)),_(t)?(a=se(t,!0),a.x+=t.clientLeft,a.y+=t.clientTop):s&&(a.x=_e(s))),{x:l.left+u.scrollLeft-a.x,y:l.top+u.scrollTop-a.y,width:l.width,height:l.height}}function _r(e){var t=new Map,r=new Set,o=[];e.forEach(function(s){t.set(s.name,s)});function n(s){r.add(s.name);var l=[].concat(s.requires||[],s.requiresIfExists||[]);l.forEach(function(u){if(!r.has(u)){var a=t.get(u);a&&n(a)}}),o.push(s)}return e.forEach(function(s){r.has(s.name)||n(s)}),o}function Hr(e){var t=_r(e);return er.reduce(function(r,o){return r.concat(t.filter(function(n){return n.phase===o}))},[])}function Nr(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function Vr(e){var t=e.reduce(function(r,o){var n=r[o.name];return r[o.name]=n?Object.assign({},n,o,{options:Object.assign({},n.options,o.options),data:Object.assign({},n.data,o.data)}):o,r},{});return Object.keys(t).map(function(r){return t[r]})}var it={placement:"bottom",modifiers:[],strategy:"absolute"};function at(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some(function(o){return!(o&&typeof o.getBoundingClientRect=="function")})}function Ne(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,o=r===void 0?[]:r,n=t.defaultOptions,s=n===void 0?it:n;return function(l,u,a){a===void 0&&(a=s);var i={placement:"bottom",orderedModifiers:[],options:Object.assign({},it,s),modifiersData:{},elements:{reference:l,popper:u},attributes:{},styles:{}},f=[],p=!1,c={state:i,setOptions:function(d){var x=typeof d=="function"?d(i.options):d;h(),i.options=Object.assign({},s,i.options,x),i.scrollParents={reference:ne(l)?ve(l):l.contextElement?ve(l.contextElement):[],popper:ve(u)};var O=Hr(Vr([].concat(o,i.options.modifiers)));return i.orderedModifiers=O.filter(function(L){return L.enabled}),v(),c.update()},forceUpdate:function(){if(!p){var d=i.elements,x=d.reference,O=d.popper;if(at(x,O)){i.rects={reference:Mr(x,be(O),i.options.strategy==="fixed"),popper:Be(O)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach(function(S){return i.modifiersData[S.name]=Object.assign({},S.data)});for(var L=0;L<i.orderedModifiers.length;L++){if(i.reset===!0){i.reset=!1,L=-1;continue}var A=i.orderedModifiers[L],m=A.fn,b=A.options,E=b===void 0?{}:b,T=A.name;typeof m=="function"&&(i=m({state:i,options:E,name:T,instance:c})||i)}}}},update:Nr(function(){return new Promise(function(d){c.forceUpdate(),d(i)})}),destroy:function(){h(),p=!0}};if(!at(l,u))return c;c.setOptions(a).then(function(d){!p&&a.onFirstUpdate&&a.onFirstUpdate(d)});function v(){i.orderedModifiers.forEach(function(d){var x=d.name,O=d.options,L=O===void 0?{}:O,A=d.effect;if(typeof A=="function"){var m=A({state:i,name:x,instance:c,options:L}),b=function(){};f.push(m||b)}})}function h(){f.forEach(function(d){return d()}),f=[]}return c}}Ne();var qr=[wt,Et,bt,dt];Ne({defaultModifiers:qr});var Ur=[wt,Et,bt,dt,Ar,Sr,$r,fr,Rr],zr=Ne({defaultModifiers:Ur}),Ir=We(Ht()),Yr=[],Xr=function(e,t,r){r===void 0&&(r={});var o=y.useRef(null),n={onFirstUpdate:r.onFirstUpdate,placement:r.placement||"bottom",strategy:r.strategy||"absolute",modifiers:r.modifiers||Yr},s=y.useState({styles:{popper:{position:n.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),l=s[0],u=s[1],a=y.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(p){var c=p.state,v=Object.keys(c.elements);_t.flushSync(function(){u({styles:Ke(v.map(function(h){return[h,c.styles[h]||{}]})),attributes:Ke(v.map(function(h){return[h,c.attributes[h]]}))})})},requires:["computeStyles"]}},[]),i=y.useMemo(function(){var p={onFirstUpdate:n.onFirstUpdate,placement:n.placement,strategy:n.strategy,modifiers:[].concat(n.modifiers,[a,{name:"applyStyles",enabled:!1}])};return(0,Ir.default)(o.current,p)?o.current||p:(o.current=p,p)},[n.onFirstUpdate,n.placement,n.strategy,n.modifiers,a]),f=y.useRef();return Je(function(){f.current&&f.current.setOptions(i)},[i]),Je(function(){if(!(e==null||t==null)){var p=r.createPopper||zr,c=p(e,t,i);return f.current=c,function(){c.destroy(),f.current=null}}},[e,t,r.createPopper]),{state:f.current?f.current.state:null,styles:l.styles,attributes:l.attributes,update:f.current?f.current.update:null,forceUpdate:f.current?f.current.forceUpdate:null}};We(Nt());function St(e){var t=y.useRef(e);return t.current=e,y.useCallback(function(){return t.current},[])}var Fr=function(){};function Gr(e){var t=e.initial,r=e.value,o=e.onChange,n=o===void 0?Fr:o;if(t===void 0&&r===void 0)throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined');var s=y.useState(t),l=s[0],u=s[1],a=St(l),i=y.useCallback(function(p){var c=a(),v=typeof p=="function"?p(c):p;typeof v.persist=="function"&&v.persist(),u(v),typeof n=="function"&&n(v)},[a,n]),f=r!==void 0;return[f?r:l,f?n:i]}function Tt(e,t){return e===void 0&&(e=0),t===void 0&&(t=0),function(){return{width:0,height:0,top:t,right:e,bottom:t,left:e,x:0,y:0,toJSON:function(){return null}}}}var Kr=["styles","attributes"],st={getBoundingClientRect:Tt()},ut={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:"hover"};function Jr(e,t){var r,o,n;e===void 0&&(e={}),t===void 0&&(t={});var s=Object.keys(ut).reduce(function(g,C){var D;return te({},g,(D={},D[C]=g[C]!==void 0?g[C]:ut[C],D))},e),l=y.useMemo(function(){return[{name:"offset",options:{offset:s.offset}}]},Array.isArray(s.offset)?s.offset:[]),u=te({},t,{placement:t.placement||s.placement,modifiers:t.modifiers||l}),a=y.useState(null),i=a[0],f=a[1],p=y.useState(null),c=p[0],v=p[1],h=Gr({initial:s.defaultVisible,value:s.visible,onChange:s.onVisibleChange}),d=h[0],x=h[1],O=y.useRef();y.useEffect(function(){return function(){return clearTimeout(O.current)}},[]);var L=Xr(s.followCursor?st:i,c,u),A=L.styles,m=L.attributes,b=Pt(L,Kr),E=b.update,T=St({visible:d,triggerRef:i,tooltipRef:c,finalConfig:s}),S=y.useCallback(function(g){return Array.isArray(s.trigger)?s.trigger.includes(g):s.trigger===g},Array.isArray(s.trigger)?s.trigger:[s.trigger]),w=y.useCallback(function(){clearTimeout(O.current),O.current=window.setTimeout(function(){return x(!1)},s.delayHide)},[s.delayHide,x]),R=y.useCallback(function(){clearTimeout(O.current),O.current=window.setTimeout(function(){return x(!0)},s.delayShow)},[s.delayShow,x]),k=y.useCallback(function(){T().visible?w():R()},[T,w,R]);y.useEffect(function(){if(T().finalConfig.closeOnOutsideClick){var g=function(C){var D,Y=T(),q=Y.tooltipRef,J=Y.triggerRef,Q=(C.composedPath==null||(D=C.composedPath())==null?void 0:D[0])||C.target;Q instanceof Node&&q!=null&&J!=null&&!q.contains(Q)&&!J.contains(Q)&&w()};return document.addEventListener("mousedown",g),function(){return document.removeEventListener("mousedown",g)}}},[T,w]),y.useEffect(function(){if(!(i==null||!S("click")))return i.addEventListener("click",k),function(){return i.removeEventListener("click",k)}},[i,S,k]),y.useEffect(function(){if(!(i==null||!S("double-click")))return i.addEventListener("dblclick",k),function(){return i.removeEventListener("dblclick",k)}},[i,S,k]),y.useEffect(function(){if(!(i==null||!S("right-click"))){var g=function(C){C.preventDefault(),k()};return i.addEventListener("contextmenu",g),function(){return i.removeEventListener("contextmenu",g)}}},[i,S,k]),y.useEffect(function(){if(!(i==null||!S("focus")))return i.addEventListener("focus",R),i.addEventListener("blur",w),function(){i.removeEventListener("focus",R),i.removeEventListener("blur",w)}},[i,S,R,w]),y.useEffect(function(){if(!(i==null||!S("hover")))return i.addEventListener("mouseenter",R),i.addEventListener("mouseleave",w),function(){i.removeEventListener("mouseenter",R),i.removeEventListener("mouseleave",w)}},[i,S,R,w]),y.useEffect(function(){if(!(c==null||!S("hover")||!T().finalConfig.interactive))return c.addEventListener("mouseenter",R),c.addEventListener("mouseleave",w),function(){c.removeEventListener("mouseenter",R),c.removeEventListener("mouseleave",w)}},[c,S,R,w,T]);var $=b==null||(r=b.state)==null||(o=r.modifiersData)==null||(n=o.hide)==null?void 0:n.isReferenceHidden;y.useEffect(function(){s.closeOnTriggerHidden&&$&&w()},[s.closeOnTriggerHidden,w,$]),y.useEffect(function(){if(!s.followCursor||i==null)return;function g(C){var D=C.clientX,Y=C.clientY;st.getBoundingClientRect=Tt(D,Y),E?.()}return i.addEventListener("mousemove",g),function(){return i.removeEventListener("mousemove",g)}},[s.followCursor,i,E]),y.useEffect(function(){if(!(c==null||E==null||s.mutationObserverOptions==null)){var g=new MutationObserver(E);return g.observe(c,s.mutationObserverOptions),function(){return g.disconnect()}}},[s.mutationObserverOptions,c,E]);var W=function(g){return g===void 0&&(g={}),te({},g,{style:te({},g.style,A.popper)},m.popper,{"data-popper-interactive":s.interactive})},V=function(g){return g===void 0&&(g={}),te({},g,m.arrow,{style:te({},g.style,A.arrow),"data-popper-arrow":!0})};return te({getArrowProps:V,getTooltipProps:W,setTooltipRef:v,setTriggerRef:f,tooltipRef:c,triggerRef:i,visible:d},b)}var{document:me}=qt,M=(0,Vt.default)(1e3)((e,t,r,o=0)=>t.split("-")[0]===e?r:o),G=8,Qr=Re.div({position:"absolute",borderStyle:"solid"},({placement:e})=>{let t=0,r=0;switch(!0){case(e.startsWith("left")||e.startsWith("right")):{r=8;break}case(e.startsWith("top")||e.startsWith("bottom")):{t=8;break}}return{transform:`translate3d(${t}px, ${r}px, 0px)`}},({theme:e,color:t,placement:r})=>({bottom:`${M("top",r,`${G*-1}px`,"auto")}`,top:`${M("bottom",r,`${G*-1}px`,"auto")}`,right:`${M("left",r,`${G*-1}px`,"auto")}`,left:`${M("right",r,`${G*-1}px`,"auto")}`,borderBottomWidth:`${M("top",r,"0",G)}px`,borderTopWidth:`${M("bottom",r,"0",G)}px`,borderRightWidth:`${M("left",r,"0",G)}px`,borderLeftWidth:`${M("right",r,"0",G)}px`,borderTopColor:M("top",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent"),borderBottomColor:M("bottom",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent"),borderLeftColor:M("left",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent"),borderRightColor:M("right",r,e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,"transparent")})),Zr=Re.div(({hidden:e})=>({display:e?"none":"inline-block",zIndex:2147483647,colorScheme:"light dark"}),({theme:e,color:t,hasChrome:r})=>r?{background:t&&e.color[t]||t||e.base==="light"?pe(e.background.app):e.background.app,filter:`
+            drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
+            drop-shadow(0 1px 3px rgba(0,0,0,0.1))
+          `,borderRadius:e.appBorderRadius+2,fontSize:e.typography.size.s1}:{}),Rt=U.forwardRef(({placement:e="top",hasChrome:t=!0,children:r,arrowProps:o={},tooltipRef:n,color:s,withArrows:l,...u},a)=>U.createElement(Zr,{"data-testid":"tooltip",hasChrome:t,ref:a,...u,color:s},t&&l&&U.createElement(Qr,{placement:e,...o,color:s}),r));Rt.displayName="Tooltip";var en=Re.div`
+  display: inline-block;
+  cursor: ${e=>e.trigger==="hover"||e.trigger?.includes("hover")?"default":"pointer"};
+`,tn=Re.g`
+  cursor: ${e=>e.trigger==="hover"||e.trigger?.includes("hover")?"default":"pointer"};
+`,Lt=({svg:e=!1,trigger:t="click",closeOnOutsideClick:r=!1,placement:o="top",modifiers:n=[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:s=!0,defaultVisible:l=!1,withArrows:u,offset:a,tooltip:i,children:f,closeOnTriggerHidden:p,mutationObserverOptions:c,delayHide:v=t==="hover"?200:0,visible:h,interactive:d,delayShow:x=t==="hover"?400:0,strategy:O,followCursor:L,onVisibleChange:A,portalContainer:m,...b})=>{let E=e?tn:en,{getArrowProps:T,getTooltipProps:S,setTooltipRef:w,setTriggerRef:R,visible:k,state:$}=Jr({trigger:t,placement:o,defaultVisible:l,delayHide:v,interactive:d,closeOnOutsideClick:r,closeOnTriggerHidden:p,onVisibleChange:A,delayShow:x,followCursor:L,mutationObserverOptions:c,visible:h,offset:a},{modifiers:n,strategy:O}),W=(typeof m=="string"?me.querySelector(m):m)||me.body,V=k?U.createElement(Rt,{placement:$?.placement,ref:w,hasChrome:s,arrowProps:T(),withArrows:u,...S()},typeof i=="function"?i({onHide:()=>A(!1)}):i):null;return U.createElement(U.Fragment,null,U.createElement(E,{trigger:t,ref:R,...b},f),k&&Bt.createPortal(V,W))},rn=({startOpen:e=!1,onVisibleChange:t,...r})=>{let[o,n]=y.useState(e),s=y.useCallback(l=>{t&&t(l)===!1||n(l)},[t]);return y.useEffect(()=>{let l=()=>s(!1),u=f=>{f.key==="Escape"&&l()};me.addEventListener("keydown",u,!1);let a=Array.from(me.getElementsByTagName("iframe")),i=[];return a.forEach(f=>{let p=()=>{try{f.contentWindow.document&&(f.contentWindow.document.addEventListener("click",l),i.push(()=>{try{f.contentWindow.document.removeEventListener("click",l)}catch{}}))}catch{}};p(),f.addEventListener("load",p),i.push(()=>{f.removeEventListener("load",p)})}),()=>{me.removeEventListener("keydown",u),i.forEach(f=>{f()})}}),U.createElement(Lt,{...r,visible:o,onVisibleChange:s})},fn=e=>(lt("WithTooltipPure is deprecated and will be removed in Storybook 11. Please use WithTooltip instead."),U.createElement(Lt,{"data-deprecated":"WithTooltipPure",...e})),ln=e=>(lt("WithToolTipState is deprecated and will be removed in Storybook 11. Please use WithTooltip instead."),U.createElement(rn,{"data-deprecated":"WithToolTipState",...e}));export{Rt as Tooltip,ln as WithToolTipState,rn as WithTooltip,fn as WithTooltipPure};

package/dist/assets/{accordion-item.stories-BlkiLvzN.js → accordion-item.stories-D-MjrX5G.js}

@@ -1,4 +1,4 @@
-import{i as x,b as a}from"./iframe-CdWmiVXf.js";import{s as y}from"./icon-DYiIK7a4.js";import"./heading-BgO3jH9M.js";import{C as _,c as w,n as t}from"./cre8-element-gkCuLp-W.js";import{r as v}from"./state-BQD-SkUn.js";import{o as z}from"./if-defined-sxEueMHN.js";import"./button-Bt9tRB7v.js";import{s as k}from"./spread-BOaHI3Dl.js";import"./preload-helper-PPVm8Dsz.js";import"./unsafe-html-BLUBm7l3.js";import"./directive-b18f_ppQ.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-DsXhvnkn.js";import"./loading-spinner-Ced-hKjz.js";const I=x`.cre8-u-content-knockout-brand {
+import{a as x,b as a}from"./iframe-dHvya7sk.js";import"./icon-DeTLDzTS.js";import"./heading-485Jz7JZ.js";import{C as _,c as w,n as t}from"./cre8-element-DfmMtHJO.js";import{r as v}from"./state-CfuknrX8.js";import{o as z}from"./if-defined-HKKhGupN.js";import"./button-CJL8yzAT.js";import{s as k}from"./spread-BPiNgQQF.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-bQpK8UYN.js";import"./loading-spinner-g6iJajXH.js";const I=x`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -805,7 +813,10 @@ cre8-icon {
   align-items: center;
   width: 100%;
   min-width: 100%;
-}`;var H=Object.defineProperty,r=(n,i,c,A)=>{for(var o=void 0,u=n.length-1,b;u>=0;u--)(b=n[u])&&(o=b(i,c,o)||o);return o&&H(i,c,o),o};const f=class f extends _{constructor(){super(),this.isActive=!1,this.size="sm",this.headingTagVariant="h3";const i=Math.floor(Math.random()*9e5)+1e5;this._ariaControls=`cre8-accordion-item-details-${i}`,this.accordionItemId=this.accordionItemId??`cre8-accordion-item-${i}`}connectedCallback(){super.connectedCallback(),this._setContentHeight(),this.isActive&&(this._fullyOpen=!0,this._setContentHeight())}async _setContentHeight(){await this.updateComplete,this.isActive&&!this._fullyOpen||!this.isActive&&this._fullyOpen?this._height=`${this.shadowRoot?.querySelector(".cre8-c-accordion-item__body-inner")?.scrollHeight}px`:this.isActive&&this._fullyOpen?this._height="auto":!this.isActive&&!this._fullyOpen&&(this._height="0")}_toggleAccordionItem(){this.isActive=!this.isActive,this.isActive?(this._setContentHeight(),setTimeout(()=>{this._fullyOpen=!0,this._setContentHeight()},350)):(this._setContentHeight(),setTimeout(()=>{this._fullyOpen=!1,this._setContentHeight()},50))}render(){const i=this.componentClassNames("cre8-c-accordion-item",{"cre8-is-active":this.isActive,"cre8-c-accordion-item--icon-before":this.iconBefore,"cre8-c-accordion-item--small":this.size==="sm","cre8-c-accordion-item--large":this.size==="lg"}),c=w("cre8-c-accordion-item__button",{"cre8-is-active":this.isActive,"cre8-u-justify-content-start":this.iconBefore,"cre8-brand-color":this.brandHeader===!0});return a` <div id=${this.accordionItemId} class="${i}">
+}`;var C=Object.defineProperty,r=(n,i,c,H)=>{for(var o=void 0,u=n.length-1,b;u>=0;u--)(b=n[u])&&(o=b(i,c,o)||o);return o&&C(i,c,o),o};const y=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7867 12.1506C15.7192 12.2183 15.639 12.2719 15.5507 12.3085C15.4624 12.3451 15.3678 12.3639 15.2722 12.3639C15.1766 12.3639 15.082 12.3451 14.9937 12.3085C14.9054 12.2719 14.8252 12.2183 14.7577 12.1506L7.99992 5.39197L1.24215 12.1506C1.10569 12.2871 0.920613 12.3638 0.727633 12.3638C0.534652 12.3638 0.349576 12.2871 0.213119 12.1506C0.076661 12.0142 3.8041e-09 11.8291 0 11.6361C-3.8041e-09 11.4432 0.076661 11.2581 0.213119 11.1216L7.4854 3.84933C7.55294 3.78172 7.63315 3.72808 7.72143 3.69148C7.80972 3.65488 7.90435 3.63605 7.99992 3.63605C8.09548 3.63605 8.19012 3.65488 8.2784 3.69148C8.36668 3.72808 8.44689 3.78172 8.51443 3.84933L15.7867 11.1216C15.8543 11.1892 15.908 11.2694 15.9446 11.3576C15.9812 11.4459 16 11.5406 16 11.6361C16 11.7317 15.9812 11.8263 15.9446 11.9146C15.908 12.0029 15.8543 12.0831 15.7867 12.1506Z"/>
+</svg>
+`,f=class f extends _{constructor(){super(),this.isActive=!1,this.size="sm",this.headingTagVariant="h3";const i=Math.floor(Math.random()*9e5)+1e5;this._ariaControls=`cre8-accordion-item-details-${i}`,this.accordionItemId=this.accordionItemId??`cre8-accordion-item-${i}`}connectedCallback(){super.connectedCallback(),this._setContentHeight(),this.isActive&&(this._fullyOpen=!0,this._setContentHeight())}async _setContentHeight(){await this.updateComplete,this.isActive&&!this._fullyOpen||!this.isActive&&this._fullyOpen?this._height=`${this.shadowRoot?.querySelector(".cre8-c-accordion-item__body-inner")?.scrollHeight}px`:this.isActive&&this._fullyOpen?this._height="auto":!this.isActive&&!this._fullyOpen&&(this._height="0")}_toggleAccordionItem(){this.isActive=!this.isActive,this.isActive?(this._setContentHeight(),setTimeout(()=>{this._fullyOpen=!0,this._setContentHeight()},350)):(this._setContentHeight(),setTimeout(()=>{this._fullyOpen=!1,this._setContentHeight()},50))}render(){const i=this.componentClassNames("cre8-c-accordion-item",{"cre8-is-active":this.isActive,"cre8-c-accordion-item--icon-before":this.iconBefore,"cre8-c-accordion-item--small":this.size==="sm","cre8-c-accordion-item--large":this.size==="lg"}),c=w("cre8-c-accordion-item__button",{"cre8-is-active":this.isActive,"cre8-u-justify-content-start":this.iconBefore,"cre8-brand-color":this.brandHeader===!0});return a` <div id=${this.accordionItemId} class="${i}">
       <cre8-heading
         type=${this.size==="lg"?"title-large":"title-default"}
         part="heading"
@@ -853,7 +864,7 @@ cre8-icon {
           <slot></slot>
         </div>
       </div>
-    </div>`}};f.styles=[I];let e=f;r([t({type:Boolean,reflect:!0})],e.prototype,"isActive");r([t({type:String,reflect:!0})],e.prototype,"accordionItemId");r([t({type:Boolean,reflect:!0})],e.prototype,"iconBefore");r([t({type:Boolean,reflect:!0})],e.prototype,"tertiaryIcon");r([t({reflect:!0})],e.prototype,"size");r([t({reflect:!0})],e.prototype,"headingTagVariant");r([t({type:String})],e.prototype,"heading");r([t({type:Boolean})],e.prototype,"brandHeader");r([t({attribute:"aria-controls"})],e.prototype,"_ariaControls");r([v()],e.prototype,"_height");r([v()],e.prototype,"_fullyOpen");customElements.get("cre8-accordion-item")===void 0&&customElements.define("cre8-accordion-item",e);const G={title:"cre8 Components/Accordion/Accordion Item",component:"cre8-accordion-item",argTypes:{heading:{control:{type:"text"}},iconBefore:{control:{type:"boolean"}},tertiaryIcon:{control:{type:"boolean"}},brandHeader:{control:{type:"boolean"}},size:{defaultValue:"sm",options:["sm","lg"],control:{type:"radio"}},headingTagVariant:{defaultValue:"h4",options:["h1","h2","h3","h4","h5","h6"],controls:{type:"select"}}},args:{heading:"Accordion Item Heading",iconBefore:void 0,tertiaryIcon:void 0,brandHeader:void 0,size:void 0,headingTagVariant:void 0},render:({...n})=>a`
+    </div>`}};f.styles=[I];let e=f;r([t({type:Boolean,reflect:!0})],e.prototype,"isActive");r([t({type:String,reflect:!0})],e.prototype,"accordionItemId");r([t({type:Boolean,reflect:!0})],e.prototype,"iconBefore");r([t({type:Boolean,reflect:!0})],e.prototype,"tertiaryIcon");r([t({reflect:!0})],e.prototype,"size");r([t({reflect:!0})],e.prototype,"headingTagVariant");r([t({type:String})],e.prototype,"heading");r([t({type:Boolean})],e.prototype,"brandHeader");r([t({attribute:"aria-controls"})],e.prototype,"_ariaControls");r([v()],e.prototype,"_height");r([v()],e.prototype,"_fullyOpen");customElements.get("cre8-accordion-item")===void 0&&customElements.define("cre8-accordion-item",e);const P={title:"cre8 Components/Accordion/Accordion Item",component:"cre8-accordion-item",argTypes:{heading:{control:{type:"text"}},iconBefore:{control:{type:"boolean"}},tertiaryIcon:{control:{type:"boolean"}},brandHeader:{control:{type:"boolean"}},size:{defaultValue:"sm",options:["sm","lg"],control:{type:"radio"}},headingTagVariant:{defaultValue:"h4",options:["h1","h2","h3","h4","h5","h6"],controls:{type:"select"}}},args:{heading:"Accordion Item Heading",iconBefore:void 0,tertiaryIcon:void 0,brandHeader:void 0,size:void 0,headingTagVariant:void 0},render:({...n})=>a`
       <cre8-accordion-item ${k(n)} isActive>
         <span
           >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
@@ -896,4 +907,4 @@ cre8-icon {
     size: 'sm',
     brandHeader: true
   }
-}`,...h.parameters?.docs?.source}}};const M=["Default","IconBefore","TertiaryIcon","TertiaryIconBefore","SizeLarge","HeadingTagH2","BrandColoredHeader"];export{h as BrandColoredHeader,d as Default,g as HeadingTagH2,s as IconBefore,p as SizeLarge,l as TertiaryIcon,m as TertiaryIconBefore,M as __namedExportsOrder,G as default};
+}`,...h.parameters?.docs?.source}}};const D=["Default","IconBefore","TertiaryIcon","TertiaryIconBefore","SizeLarge","HeadingTagH2","BrandColoredHeader"];export{h as BrandColoredHeader,d as Default,g as HeadingTagH2,s as IconBefore,p as SizeLarge,l as TertiaryIcon,m as TertiaryIconBefore,D as __namedExportsOrder,P as default};

package/dist/assets/{accordion.stories-BoGuSGR9.js → accordion.stories-icgNa1dl.js}

@@ -1,4 +1,4 @@
-import{i as x,b as f}from"./iframe-CdWmiVXf.js";import"./icon-DYiIK7a4.js";import"./heading-BgO3jH9M.js";import{C as y,n as b}from"./cre8-element-gkCuLp-W.js";import{s as w}from"./spread-BOaHI3Dl.js";import"./preload-helper-PPVm8Dsz.js";import"./unsafe-html-BLUBm7l3.js";import"./directive-b18f_ppQ.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=x`.cre8-u-content-knockout-brand {
+import{a as v,b}from"./iframe-dHvya7sk.js";import"./icon-DeTLDzTS.js";import"./heading-485Jz7JZ.js";import{C as y,n as f}from"./cre8-element-DfmMtHJO.js";import{s as w}from"./spread-BPiNgQQF.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-HKKhGupN.js";import"./_commonjsHelpers-DaWZu8wl.js";const z=v`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -614,21 +622,21 @@ span.ripple {
 
 .cre8-c-accordion--border-rounded-bottom {
   border: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);
-  border-radius: 0 0 var(--cre8-border-radius-default) var(--cre8-border-radius-default);
+  border-radius: 0 0 var(--cre8-border-radius-container) var(--cre8-border-radius-container);
 }
 
 .cre8-c-accordion--border-rounded {
   border: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-default);
-  border-radius: var(--cre8-border-radius-default);
+  border-radius: var(--cre8-border-radius-container);
 }
 
 .cre8-c-accordiong-group--list {
   list-style: none;
-}`;var k=Object.defineProperty,v=(t,i,g,D)=>{for(var e=void 0,p=t.length-1,h;p>=0;p--)(h=t[p])&&(e=h(i,g,e)||e);return e&&k(i,g,e),e};const u=class u extends y{constructor(){super(...arguments),this.hasDivider=!1}connectedCallback(){super.connectedCallback()}render(){const i=this.componentClassNames("cre8-c-accordion",{"cre8-c-inner-divider":this.hasDivider===!0,"cre8-c-accordion--border-none":this.borderType===void 0||this.borderType==="none","cre8-c-accordion--border-rectangle":this.borderType==="rectangle","cre8-c-accordion--border-rounded-bottom":this.borderType==="rounded-bottom","cre8-c-accordion--border-rounded":this.borderType==="rounded"});return f`
+}`;var k=Object.defineProperty,x=(t,i,g,D)=>{for(var e=void 0,p=t.length-1,h;p>=0;p--)(h=t[p])&&(e=h(i,g,e)||e);return e&&k(i,g,e),e};const u=class u extends y{constructor(){super(...arguments),this.hasDivider=!1}connectedCallback(){super.connectedCallback()}render(){const i=this.componentClassNames("cre8-c-accordion",{"cre8-c-inner-divider":this.hasDivider===!0,"cre8-c-accordion--border-none":this.borderType===void 0||this.borderType==="none","cre8-c-accordion--border-rectangle":this.borderType==="rectangle","cre8-c-accordion--border-rounded-bottom":this.borderType==="rounded-bottom","cre8-c-accordion--border-rounded":this.borderType==="rounded"});return b`
       <div class="${i}">
         <slot> </slot>
       </div>
-    `}};u.styles=[z];let r=u;v([b()],r.prototype,"borderType");v([b({type:Boolean,reflect:!0})],r.prototype,"hasDivider");customElements.get("cre8-accordion")===void 0&&customElements.define("cre8-accordion",r);const C={title:"cre8 Components/Accordion/Accordion",component:"cre8-accordion",argTypes:{borderType:{options:["none","rectangle","rounded-bottom","rounded"],control:{type:"radio"}},hasDivider:{options:[!0,!1],control:{type:"radio"}}},render:t=>f`
+    `}};u.styles=[z];let r=u;x([f()],r.prototype,"borderType");x([f({type:Boolean,reflect:!0})],r.prototype,"hasDivider");customElements.get("cre8-accordion")===void 0&&customElements.define("cre8-accordion",r);const V={title:"cre8 Components/Accordion/Accordion",component:"cre8-accordion",argTypes:{borderType:{options:["none","rectangle","rounded-bottom","rounded"],control:{type:"radio"}},hasDivider:{options:[!0,!1],control:{type:"radio"}}},render:t=>b`
     <cre8-accordion ${w(t)}>
       <cre8-accordion-item heading="Accordion Item Heading" isActive>
         <span
@@ -695,4 +703,4 @@ span.ripple {
     borderType: 'rounded',
     hasDivider: true
   }
-}`,...l.parameters?.docs?.source}}};const A=["Default","DefaultDivider","Rectangle","RectangleDivider","RoundedBottom","RoundedBottomDivider","Rounded","RoundedDivider"];export{a as Default,o as DefaultDivider,n as Rectangle,d as RectangleDivider,m as Rounded,s as RoundedBottom,c as RoundedBottomDivider,l as RoundedDivider,A as __namedExportsOrder,C as default};
+}`,...l.parameters?.docs?.source}}};const X=["Default","DefaultDivider","Rectangle","RectangleDivider","RoundedBottom","RoundedBottomDivider","Rounded","RoundedDivider"];export{a as Default,o as DefaultDivider,n as Rectangle,d as RectangleDivider,m as Rounded,s as RoundedBottom,c as RoundedBottomDivider,l as RoundedDivider,X as __namedExportsOrder,V as default};

package/dist/assets/{alert.stories-C1OPoi5g.js → alert.stories-BzDaXtj-.js}

@@ -1,7 +1,4 @@
-import{i as O,A as X,b as e}from"./iframe-CdWmiVXf.js";import{s as P}from"./spread-BOaHI3Dl.js";import{o as L}from"./unsafe-html-BLUBm7l3.js";import{s as V}from"./story-helpers-BJLZYDac.js";import"./f-po-CZL6lsXP.js";import"./text-passage-Dw-BWzip.js";import{a as j,s as H}from"./Warning-CawqmTvB.js";import{a as F,e as Z}from"./icon-DYiIK7a4.js";import{s as G}from"./Error-X6enME_5.js";import{C as q,n as r}from"./cre8-element-gkCuLp-W.js";import"./button-Bt9tRB7v.js";import"./link-B_CPLQjt.js";import"./heading-BgO3jH9M.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-sxEueMHN.js";import"./Caret_Down-Bmqq8eNW.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-DsXhvnkn.js";import"./loading-spinner-Ced-hKjz.js";const U=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.7133 15.4286C11.7133 15.5802 11.6531 15.7255 11.5459 15.8327C11.4388 15.9398 11.2934 16 11.1419 16H5.42827C5.27674 16 5.13141 15.9398 5.02426 15.8327C4.91711 15.7255 4.85691 15.5802 4.85691 15.4286C4.85691 15.2771 4.91711 15.1318 5.02426 15.0246C5.13141 14.9175 5.27674 14.8573 5.42827 14.8573H11.1419C11.2934 14.8573 11.4388 14.9175 11.5459 15.0246C11.6531 15.1318 11.7133 15.2771 11.7133 15.4286ZM14.5701 6.28682C14.5726 7.23931 14.3574 8.17978 13.941 9.03644C13.5246 9.89311 12.918 10.6433 12.1675 11.2298C12.0272 11.3374 11.9133 11.4756 11.8346 11.6339C11.7558 11.7923 11.7144 11.9665 11.7133 12.1433V12.5718C11.7133 12.8749 11.5929 13.1655 11.3786 13.3798C11.1643 13.5942 10.8736 13.7145 10.5705 13.7145H5.99964C5.69657 13.7145 5.40591 13.5942 5.19161 13.3798C4.9773 13.1655 4.85691 12.8749 4.85691 12.5718V12.1433C4.85679 11.9686 4.81662 11.7963 4.73949 11.6395C4.66235 11.4828 4.55031 11.3458 4.41196 11.2391C3.66333 10.6561 3.05715 9.91037 2.63929 9.05844C2.22143 8.20652 2.00285 7.2707 2.00009 6.32182C1.98152 2.91792 4.73264 0.0832435 8.13368 0.00182421C8.97169 -0.0183701 9.80527 0.129276 10.5854 0.436073C11.3655 0.74287 12.0763 1.20262 12.6761 1.78826C13.2758 2.3739 13.7523 3.07359 14.0776 3.84616C14.4029 4.61873 14.5703 5.44857 14.5701 6.28682ZM12.2768 5.61976C12.1286 4.7922 11.7305 4.02991 11.1359 3.4355C10.5414 2.8411 9.77903 2.44311 8.95144 2.29513C8.87744 2.28266 8.80171 2.28488 8.72857 2.30168C8.65543 2.31847 8.58631 2.34951 8.52516 2.39301C8.46401 2.43652 8.41204 2.49164 8.37219 2.55524C8.33235 2.61883 8.30542 2.68965 8.29295 2.76365C8.28047 2.83765 8.2827 2.91339 8.29949 2.98653C8.31628 3.05967 8.34732 3.12879 8.39083 3.18993C8.43433 3.25108 8.48946 3.30306 8.55305 3.3429C8.61664 3.38275 8.68746 3.40967 8.76147 3.42215C9.9449 3.62141 10.9491 4.62558 11.1498 5.81116C11.1724 5.94423 11.2414 6.065 11.3445 6.15207C11.4477 6.23914 11.5783 6.28687 11.7133 6.28682C11.7456 6.28663 11.7778 6.284 11.8097 6.27897C11.959 6.25347 12.0921 6.1697 12.1797 6.04608C12.2673 5.92246 12.3022 5.76911 12.2768 5.61976Z"/>
-</svg>
-`,Y=O`.cre8-u-content-knockout-brand {
+import{a as F,A as O,b as e,o as V}from"./iframe-dHvya7sk.js";import{s as X}from"./spread-BPiNgQQF.js";import{s as Z}from"./story-helpers-BFn_kBYw.js";import"./f-po-C2WpbOFJ.js";import"./text-passage-DGaI5i2I.js";import{C as P,n as r}from"./cre8-element-DfmMtHJO.js";import"./button-CJL8yzAT.js";import"./link-BpCiLxNW.js";import"./heading-485Jz7JZ.js";import"./icon-DeTLDzTS.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-HKKhGupN.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-bQpK8UYN.js";import"./loading-spinner-g6iJajXH.js";const H=F`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -375,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -547,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -584,7 +589,15 @@ span.ripple {
 /**
  * Visually hidden from display
  */
+:host {
+  display: block;
+}
+
 dialog {
+  /* The UA stylesheet gives an open <dialog> position: absolute, which
+     collapses the host to 0 height and paints the alert over following
+     content. Keep it in normal flow. */
+  position: static;
   border: none;
   width: 100%;
 }
@@ -652,7 +665,7 @@ dialog {
 }
 
 .cre8-c-alert--standalone {
-  border-radius: var(--cre8-border-radius-default);
+  border-radius: var(--cre8-border-radius-container);
   width: 22.5rem;
 }
 .cre8-c-alert--standalone .cre8-c-alert__container {
@@ -746,37 +759,55 @@ dialog {
 .cre8-c-alert--notification.cre8-c-alert--emphasis-subtle {
   background: var(--cre8-color-bg-subtle);
   color: var(--cre8-color-content-attention-icon);
-}`;var J=Object.defineProperty,a=(s,n,i,K)=>{for(var o=void 0,E=s.length-1,R;E>=0;E--)(R=s[E])&&(o=R(n,i,o)||o);return o&&J(n,i,o),o};const W=class W extends q{constructor(){super(...arguments),this.status="info",this.variant="standalone",this.emphasis="subtle",this.iconAlert=void 0,this.headerText=void 0,this.ctaBody=void 0,this.checkEmphasisAlert=()=>this.emphasis!=="subtle",this.mapStatusToIconAlert=n=>{switch(n){case"error":return e`<cre8-icon
-              svg="${G}"
+}`;var j=Object.defineProperty,a=(s,n,i,J)=>{for(var o=void 0,D=s.length-1,W;D>=0;D--)(W=s[D])&&(o=W(n,i,o)||o);return o&&j(n,i,o),o};const G=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7714 12.5776L9.52528 1.73028C9.36919 1.46453 9.14637 1.24418 8.87889 1.09107C8.61141 0.937966 8.30856 0.857422 8.00036 0.857422C7.69216 0.857422 7.38931 0.937966 7.12182 1.09107C6.85434 1.24418 6.63152 1.46453 6.47543 1.73028L0.229326 12.5776C0.079145 12.8346 0 13.127 0 13.4247C0 13.7224 0.079145 14.0147 0.229326 14.2718C0.383411 14.5391 0.605857 14.7607 0.873837 14.9137C1.14182 15.0667 1.44568 15.1457 1.75425 15.1425H14.2465C14.5548 15.1454 14.8584 15.0663 15.1261 14.9133C15.3938 14.7603 15.616 14.5389 15.77 14.2718C15.9204 14.0149 15.9997 13.7226 16 13.4249C16.0002 13.1272 15.9214 12.8348 15.7714 12.5776ZM7.42896 6.57146C7.42896 6.41992 7.48916 6.27458 7.59632 6.16742C7.70347 6.06026 7.84881 6.00006 8.00036 6.00006C8.1519 6.00006 8.29724 6.06026 8.4044 6.16742C8.51155 6.27458 8.57176 6.41992 8.57176 6.57146V9.42846C8.57176 9.58 8.51155 9.72534 8.4044 9.8325C8.29724 9.93966 8.1519 9.99986 8.00036 9.99986C7.84881 9.99986 7.70347 9.93966 7.59632 9.8325C7.48916 9.72534 7.42896 9.58 7.42896 9.42846V6.57146ZM8.00036 12.8569C7.83084 12.8569 7.66513 12.8066 7.52418 12.7124C7.38323 12.6182 7.27337 12.4844 7.2085 12.3278C7.14363 12.1711 7.12665 11.9988 7.15973 11.8325C7.1928 11.6663 7.27443 11.5136 7.3943 11.3937C7.51416 11.2738 7.66688 11.1922 7.83314 11.1591C7.9994 11.1261 8.17174 11.143 8.32835 11.2079C8.48497 11.2728 8.61883 11.3826 8.71301 11.5236C8.80719 11.6645 8.85746 11.8302 8.85746 11.9998C8.85746 12.2271 8.76715 12.4451 8.60642 12.6058C8.44568 12.7666 8.22767 12.8569 8.00036 12.8569Z"/>
+</svg>
+`,U=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM11.5123 6.58923L7.20462 10.8969C7.14746 10.9541 7.07959 10.9995 7.00489 11.0305C6.93018 11.0615 6.8501 11.0774 6.76923 11.0774C6.68836 11.0774 6.60828 11.0615 6.53358 11.0305C6.45887 10.9995 6.391 10.9541 6.33385 10.8969L4.48769 9.05077C4.37222 8.9353 4.30735 8.77868 4.30735 8.61538C4.30735 8.45208 4.37222 8.29547 4.48769 8.18C4.60317 8.06453 4.75978 7.99966 4.92308 7.99966C5.08638 7.99966 5.24299 8.06453 5.35846 8.18L6.76923 9.59154L10.6415 5.71846C10.6987 5.66128 10.7666 5.61593 10.8413 5.58499C10.916 5.55404 10.9961 5.53812 11.0769 5.53812C11.1578 5.53812 11.2378 5.55404 11.3126 5.58499C11.3873 5.61593 11.4551 5.66128 11.5123 5.71846C11.5695 5.77564 11.6148 5.84351 11.6458 5.91822C11.6767 5.99292 11.6927 6.07299 11.6927 6.15384C11.6927 6.2347 11.6767 6.31477 11.6458 6.38947C11.6148 6.46418 11.5695 6.53205 11.5123 6.58923Z"/>
+</svg>
+`,R=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM7.69231 3.69231C7.87488 3.69231 8.05334 3.74644 8.20514 3.84787C8.35694 3.9493 8.47526 4.09347 8.54512 4.26214C8.61499 4.43081 8.63327 4.61641 8.59765 4.79547C8.56203 4.97453 8.47412 5.139 8.34502 5.2681C8.21593 5.39719 8.05145 5.48511 7.87239 5.52072C7.69333 5.55634 7.50773 5.53806 7.33906 5.46819C7.17039 5.39833 7.02623 5.28002 6.9248 5.12822C6.82337 4.97642 6.76923 4.79795 6.76923 4.61538C6.76923 4.37057 6.86649 4.13578 7.0396 3.96267C7.21271 3.78956 7.44749 3.69231 7.69231 3.69231ZM8.61539 12.3077C8.28897 12.3077 7.97591 12.178 7.7451 11.9472C7.51429 11.7164 7.38462 11.4033 7.38462 11.0769V8C7.22141 8 7.06488 7.93516 6.94947 7.81976C6.83407 7.70435 6.76923 7.54782 6.76923 7.38461C6.76923 7.2214 6.83407 7.06488 6.94947 6.94947C7.06488 6.83406 7.22141 6.76923 7.38462 6.76923C7.71104 6.76923 8.02409 6.8989 8.2549 7.12971C8.48572 7.36053 8.61539 7.67358 8.61539 8V11.0769C8.7786 11.0769 8.93512 11.1418 9.05053 11.2572C9.16594 11.3726 9.23077 11.5291 9.23077 11.6923C9.23077 11.8555 9.16594 12.012 9.05053 12.1274C8.93512 12.2429 8.7786 12.3077 8.61539 12.3077Z"/>
+</svg>
+`,q=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM7.38462 4.30769C7.38462 4.14448 7.44945 3.98796 7.56486 3.87255C7.68027 3.75714 7.83679 3.69231 8 3.69231C8.16321 3.69231 8.31974 3.75714 8.43514 3.87255C8.55055 3.98796 8.61539 4.14448 8.61539 4.30769V8.61538C8.61539 8.77859 8.55055 8.93512 8.43514 9.05053C8.31974 9.16593 8.16321 9.23077 8 9.23077C7.83679 9.23077 7.68027 9.16593 7.56486 9.05053C7.44945 8.93512 7.38462 8.77859 7.38462 8.61538V4.30769ZM8 12.3077C7.81743 12.3077 7.63897 12.2536 7.48717 12.1521C7.33537 12.0507 7.21706 11.9065 7.14719 11.7379C7.07732 11.5692 7.05904 11.3836 7.09466 11.2045C7.13028 11.0255 7.21819 10.861 7.34729 10.7319C7.47638 10.6028 7.64086 10.5149 7.81992 10.4793C7.99898 10.4437 8.18458 10.4619 8.35325 10.5318C8.52192 10.6017 8.66608 10.72 8.76751 10.8718C8.86894 11.0236 8.92308 11.202 8.92308 11.3846C8.92308 11.6294 8.82583 11.8642 8.65271 12.0373C8.4796 12.2104 8.24482 12.3077 8 12.3077Z"/>
+</svg>
+`,K=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.7133 15.4286C11.7133 15.5802 11.6531 15.7255 11.5459 15.8327C11.4388 15.9398 11.2934 16 11.1419 16H5.42827C5.27674 16 5.13141 15.9398 5.02426 15.8327C4.91711 15.7255 4.85691 15.5802 4.85691 15.4286C4.85691 15.2771 4.91711 15.1318 5.02426 15.0246C5.13141 14.9175 5.27674 14.8573 5.42827 14.8573H11.1419C11.2934 14.8573 11.4388 14.9175 11.5459 15.0246C11.6531 15.1318 11.7133 15.2771 11.7133 15.4286ZM14.5701 6.28682C14.5726 7.23931 14.3574 8.17978 13.941 9.03644C13.5246 9.89311 12.918 10.6433 12.1675 11.2298C12.0272 11.3374 11.9133 11.4756 11.8346 11.6339C11.7558 11.7923 11.7144 11.9665 11.7133 12.1433V12.5718C11.7133 12.8749 11.5929 13.1655 11.3786 13.3798C11.1643 13.5942 10.8736 13.7145 10.5705 13.7145H5.99964C5.69657 13.7145 5.40591 13.5942 5.19161 13.3798C4.9773 13.1655 4.85691 12.8749 4.85691 12.5718V12.1433C4.85679 11.9686 4.81662 11.7963 4.73949 11.6395C4.66235 11.4828 4.55031 11.3458 4.41196 11.2391C3.66333 10.6561 3.05715 9.91037 2.63929 9.05844C2.22143 8.20652 2.00285 7.2707 2.00009 6.32182C1.98152 2.91792 4.73264 0.0832435 8.13368 0.00182421C8.97169 -0.0183701 9.80527 0.129276 10.5854 0.436073C11.3655 0.74287 12.0763 1.20262 12.6761 1.78826C13.2758 2.3739 13.7523 3.07359 14.0776 3.84616C14.4029 4.61873 14.5703 5.44857 14.5701 6.28682ZM12.2768 5.61976C12.1286 4.7922 11.7305 4.02991 11.1359 3.4355C10.5414 2.8411 9.77903 2.44311 8.95144 2.29513C8.87744 2.28266 8.80171 2.28488 8.72857 2.30168C8.65543 2.31847 8.58631 2.34951 8.52516 2.39301C8.46401 2.43652 8.41204 2.49164 8.37219 2.55524C8.33235 2.61883 8.30542 2.68965 8.29295 2.76365C8.28047 2.83765 8.2827 2.91339 8.29949 2.98653C8.31628 3.05967 8.34732 3.12879 8.39083 3.18993C8.43433 3.25108 8.48946 3.30306 8.55305 3.3429C8.61664 3.38275 8.68746 3.40967 8.76147 3.42215C9.9449 3.62141 10.9491 4.62558 11.1498 5.81116C11.1724 5.94423 11.2414 6.065 11.3445 6.15207C11.4477 6.23914 11.5783 6.28687 11.7133 6.28682C11.7456 6.28663 11.7778 6.284 11.8097 6.27897C11.959 6.25347 12.0921 6.1697 12.1797 6.04608C12.2673 5.92246 12.3022 5.76911 12.2768 5.61976Z"/>
+</svg>
+`,Y=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7656 14.6336C15.8399 14.708 15.8988 14.7962 15.9391 14.8933C15.9793 14.9904 16 15.0945 16 15.1996C16 15.3047 15.9793 15.4088 15.9391 15.5059C15.8988 15.603 15.8399 15.6912 15.7656 15.7656C15.6912 15.8399 15.603 15.8988 15.5059 15.9391C15.4088 15.9793 15.3047 16 15.1996 16C15.0945 16 14.9904 15.9793 14.8933 15.9391C14.7962 15.8988 14.708 15.8399 14.6336 15.7656L8 9.13094L1.36637 15.7656C1.21626 15.9157 1.01268 16 0.8004 16C0.588121 16 0.384536 15.9157 0.234432 15.7656C0.0843276 15.6155 4.18453e-09 15.4119 0 15.1996C-4.18453e-09 14.9873 0.0843276 14.7837 0.234432 14.6336L6.86906 8L0.234432 1.36637C0.0843276 1.21626 0 1.01268 0 0.8004C0 0.588121 0.0843276 0.384536 0.234432 0.234432C0.384536 0.0843276 0.588121 0 0.8004 0C1.01268 0 1.21626 0.0843276 1.36637 0.234432L8 6.86906L14.6336 0.234432C14.7837 0.0843276 14.9873 -4.18453e-09 15.1996 0C15.4119 4.18453e-09 15.6155 0.0843276 15.7656 0.234432C15.9157 0.384536 16 0.588121 16 0.8004C16 1.01268 15.9157 1.21626 15.7656 1.36637L9.13094 8L15.7656 14.6336Z"/>
+</svg>
+`,E=class E extends P{constructor(){super(...arguments),this.status="info",this.variant="standalone",this.emphasis="subtle",this.iconAlert=void 0,this.headerText=void 0,this.ctaBody=void 0,this.checkEmphasisAlert=()=>this.emphasis!=="subtle",this.mapStatusToIconAlert=n=>{switch(n){case"error":return e`<cre8-icon
+              svg="${q}"
               aria-label="${this.iconTitle}"
               aria-hidden="true"
               class="cre8-c-alert__icon"
               ></cre8-icon>`;case"success":return e`<cre8-icon
-              svg="${H}"
+              svg="${U}"
               aria-label="${this.iconTitle}"
               aria-hidden="true"
               class="cre8-c-alert__icon"
               ></cre8-icon>`;case"warning":return e`<cre8-icon
-              svg="${j}"
+              svg="${G}"
               aria-label="${this.iconTitle}"
               aria-hidden="true"
               class="cre8-c-alert__icon"
               ></cre8-icon>`;case"notification":return e`<cre8-icon
-              svg="${U}"
+              svg="${K}"
               aria-label="${this.iconTitle}"
               aria-hidden="true"
               class="cre8-c-alert__icon"
               ></cre8-icon>`;case"info":return e`<cre8-icon
-              svg="${F}"
+              svg="${R}"
               aria-label="${this.iconTitle}"
               aria-hidden="true"
               class="cre8-c-alert__icon"
               ></cre8-icon>`;case"neutral":return e`<cre8-icon
-              svg="${F}"
+              svg="${R}"
               aria-label="${this.iconTitle}"
               aria-hidden="true"
               class="cre8-c-alert__icon"
-              ></cre8-icon>`;default:return X}}}onDismiss(){this.dismissed=!0}render(){const n=this.componentClassNames("cre8-c-alert",{"cre8-c-alert--error":this.status==="error","cre8-c-alert--info":this.status==="info","cre8-c-alert--notification":this.status==="notification","cre8-c-alert--neutral":this.status==="neutral","cre8-c-alert--success":this.status==="success","cre8-c-alert--warning":this.status==="warning","cre8-c-alert--standalone":this.variant==="standalone","cre8-c-alert--banner":this.variant==="banner","cre8-c-alert--emphasis-subtle":this.emphasis==="subtle","cre8-c-alert--notdismissible":this.notDismissible});return this.dismissed?null:e`
+              ></cre8-icon>`;default:return O}}}onDismiss(){this.dismissed=!0}render(){const n=this.componentClassNames("cre8-c-alert",{"cre8-c-alert--error":this.status==="error","cre8-c-alert--info":this.status==="info","cre8-c-alert--notification":this.status==="notification","cre8-c-alert--neutral":this.status==="neutral","cre8-c-alert--success":this.status==="success","cre8-c-alert--warning":this.status==="warning","cre8-c-alert--standalone":this.variant==="standalone","cre8-c-alert--banner":this.variant==="banner","cre8-c-alert--emphasis-subtle":this.emphasis==="subtle","cre8-c-alert--notdismissible":this.notDismissible});return this.dismissed?null:e`
           <dialog open>
             <div class="${n}">
               <div class="cre8-c-alert__container">
@@ -786,7 +817,7 @@ dialog {
                     ${this.headerText?e`${this.headerText}`:""}
                     ${this.notDismissible?"":e`<cre8-button
                      class="cre8-c-alert__close-btn"
-                     svg=${Z}
+                     svg=${Y}
                      iconRotateDegree="90"
                      iconPosition="after"
                      variant="tertiary"
@@ -806,10 +837,10 @@ dialog {
               </div>
             </div>
           </dialog>
-        `}};W.styles=[Y];let t=W;a([r({reflect:!0})],t.prototype,"status");a([r({reflect:!0})],t.prototype,"variant");a([r({reflect:!0})],t.prototype,"emphasis");a([r({type:String})],t.prototype,"iconAlert");a([r()],t.prototype,"iconTitle");a([r({type:String})],t.prototype,"headerText");a([r({type:String})],t.prototype,"ctaBody");a([r({type:Boolean,reflect:!0})],t.prototype,"dismissed");a([r({type:Boolean,reflect:!0})],t.prototype,"notDismissible");customElements.get("cre8-alert")===void 0&&customElements.define("cre8-alert",t);const St={title:"In Development/Alert",component:"cre8-alert",render:({bodyText:s,ctaBody:n,...i})=>e`<cre8-alert ${P(i)}>
-      ${L(V(s))}
-      ${L(V(n,"cre8-link","cre8-button","f-po"))}
-    </cre8-alert>`,parameters:{status:{type:"inProgress"},layout:"padded",actions:{handles:["open","close"]},docs:{story:{height:"250px"}}},argTypes:{status:{options:["error","info","notification","neutral","success","warning"],control:{type:"select"}},variant:{options:["standalone","banner"],control:{type:"radio"}},emphasis:{options:["subtle","strong"],control:{type:"radio"}}},args:{headerText:"Badge",bodyText:"Badge"}},c={args:{status:"info",variant:"standalone",headerText:"Default Alert",bodyText:"Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},l={args:{status:"info",variant:"standalone",emphasis:"strong",headerText:"Default Alert With Link",bodyText:"Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",ctaBody:'<cre8-link slot="cta" href="#" inverted="true">Link</cre8-link>'}},d={args:{status:"info",variant:"standalone",headerText:"Default Not Dismissible",bodyText:"Message text",notDismissible:!0}},u={args:{status:"error",variant:"standalone",headerText:"Subtle Error Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},m={args:{status:"info",variant:"standalone",headerText:"Subtle Info Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},g={args:{status:"notification",variant:"standalone",headerText:"Subtle Notification Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},p={args:{status:"neutral",variant:"standalone",headerText:"Subtle Neutral Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},b={args:{status:"warning",variant:"standalone",headerText:"Subtle Warning Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},h={args:{status:"success",variant:"standalone",headerText:"Subtle Success Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},x={args:{status:"error",variant:"standalone",emphasis:"strong",headerText:"Strong Error Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},y={args:{status:"info",variant:"standalone",emphasis:"strong",headerText:"Strong Info Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},f={args:{status:"notification",variant:"standalone",emphasis:"strong",headerText:"Strong Notification Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},v={args:{status:"neutral",variant:"standalone",emphasis:"strong",headerText:"Strong Neutral Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},S={args:{status:"warning",variant:"standalone",emphasis:"strong",headerText:"Strong Warning Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},B={args:{status:"success",variant:"standalone",emphasis:"strong",headerText:"Strong Success Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},T={args:{status:"error",variant:"banner",headerText:"Subtle Error Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},z={args:{status:"info",variant:"banner",headerText:"Subtle Info Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},w={args:{status:"notification",variant:"banner",headerText:"Subtle Notification Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},_={args:{status:"neutral",variant:"banner",headerText:"Subtle Neutral Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},k={args:{status:"warning",variant:"banner",headerText:"Subtle Warning Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},A={args:{status:"success",variant:"banner",headerText:"Subtle Success Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},M={args:{status:"error",variant:"banner",emphasis:"strong",headerText:"Strong Error Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},C={args:{status:"info",variant:"banner",emphasis:"strong",headerText:"Strong Info Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},N={args:{status:"notification",variant:"banner",emphasis:"strong",headerText:"Strong Notification Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},I={args:{status:"neutral",variant:"banner",emphasis:"strong",headerText:"Strong Neutral Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},$={args:{status:"warning",variant:"banner",emphasis:"strong",headerText:"Strong Warning Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},D={args:{status:"success",variant:"banner",emphasis:"strong",headerText:"Strong Success Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+        `}};E.styles=[H];let t=E;a([r({reflect:!0})],t.prototype,"status");a([r({reflect:!0})],t.prototype,"variant");a([r({reflect:!0})],t.prototype,"emphasis");a([r({type:String})],t.prototype,"iconAlert");a([r()],t.prototype,"iconTitle");a([r({type:String})],t.prototype,"headerText");a([r({type:String})],t.prototype,"ctaBody");a([r({type:Boolean,reflect:!0})],t.prototype,"dismissed");a([r({type:Boolean,reflect:!0})],t.prototype,"notDismissible");customElements.get("cre8-alert")===void 0&&customElements.define("cre8-alert",t);const ht={title:"In Development/Alert",component:"cre8-alert",render:({bodyText:s,ctaBody:n,...i})=>e`<cre8-alert ${X(i)}>
+      ${V(Z(s))}
+      ${V(Z(n,"cre8-link","cre8-button","f-po"))}
+    </cre8-alert>`,parameters:{status:{type:"inProgress"},layout:"padded",actions:{handles:["open","close"]},docs:{story:{height:"250px"}}},argTypes:{status:{options:["error","info","notification","neutral","success","warning"],control:{type:"select"}},variant:{options:["standalone","banner"],control:{type:"radio"}},emphasis:{options:["subtle","strong"],control:{type:"radio"}}},args:{headerText:"Badge",bodyText:"Badge"}},c={args:{status:"info",variant:"standalone",headerText:"Default Alert",bodyText:"Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},l={args:{status:"info",variant:"standalone",emphasis:"strong",headerText:"Default Alert With Link",bodyText:"Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",ctaBody:'<cre8-link slot="cta" href="#" inverted="true">Link</cre8-link>'}},d={args:{status:"info",variant:"standalone",headerText:"Default Not Dismissible",bodyText:"Message text",notDismissible:!0}},u={args:{status:"error",variant:"standalone",headerText:"Subtle Error Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},g={args:{status:"info",variant:"standalone",headerText:"Subtle Info Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},m={args:{status:"notification",variant:"standalone",headerText:"Subtle Notification Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},p={args:{status:"neutral",variant:"standalone",headerText:"Subtle Neutral Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},b={args:{status:"warning",variant:"standalone",headerText:"Subtle Warning Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},h={args:{status:"success",variant:"standalone",headerText:"Subtle Success Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},x={args:{status:"error",variant:"standalone",emphasis:"strong",headerText:"Strong Error Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},y={args:{status:"info",variant:"standalone",emphasis:"strong",headerText:"Strong Info Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},f={args:{status:"notification",variant:"standalone",emphasis:"strong",headerText:"Strong Notification Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},v={args:{status:"neutral",variant:"standalone",emphasis:"strong",headerText:"Strong Neutral Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},S={args:{status:"warning",variant:"standalone",emphasis:"strong",headerText:"Strong Warning Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},C={args:{status:"success",variant:"standalone",emphasis:"strong",headerText:"Strong Success Stand Alone",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},B={args:{status:"error",variant:"banner",headerText:"Subtle Error Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},w={args:{status:"info",variant:"banner",headerText:"Subtle Info Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},T={args:{status:"notification",variant:"banner",headerText:"Subtle Notification Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},z={args:{status:"neutral",variant:"banner",headerText:"Subtle Neutral Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},_={args:{status:"warning",variant:"banner",headerText:"Subtle Warning Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},k={args:{status:"success",variant:"banner",headerText:"Subtle Success Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},A={args:{status:"error",variant:"banner",emphasis:"strong",headerText:"Strong Error Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},M={args:{status:"info",variant:"banner",emphasis:"strong",headerText:"Strong Info Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},N={args:{status:"notification",variant:"banner",emphasis:"strong",headerText:"Strong Notification Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},I={args:{status:"neutral",variant:"banner",emphasis:"strong",headerText:"Strong Neutral Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},L={args:{status:"warning",variant:"banner",emphasis:"strong",headerText:"Strong Warning Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}},$={args:{status:"success",variant:"banner",emphasis:"strong",headerText:"Strong Success Banner",bodyText:"Message text",ctaBody:'<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'info',
     variant: 'standalone',
@@ -842,7 +873,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...u.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+}`,...u.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'info',
     variant: 'standalone',
@@ -850,7 +881,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...m.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+}`,...g.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'notification',
     variant: 'standalone',
@@ -858,7 +889,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...g.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+}`,...m.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'neutral',
     variant: 'standalone',
@@ -927,7 +958,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...S.parameters?.docs?.source}}};B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
+}`,...S.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'success',
     variant: 'standalone',
@@ -936,7 +967,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...B.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+}`,...C.parameters?.docs?.source}}};B.parameters={...B.parameters,docs:{...B.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'error',
     variant: 'banner',
@@ -944,7 +975,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...T.parameters?.docs?.source}}};z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+}`,...B.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'info',
     variant: 'banner',
@@ -952,7 +983,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...z.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+}`,...w.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'notification',
     variant: 'banner',
@@ -960,7 +991,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...w.parameters?.docs?.source}}};_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
+}`,...T.parameters?.docs?.source}}};z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'neutral',
     variant: 'banner',
@@ -968,7 +999,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,..._.parameters?.docs?.source}}};k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`{
+}`,...z.parameters?.docs?.source}}};_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'warning',
     variant: 'banner',
@@ -976,7 +1007,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...k.parameters?.docs?.source}}};A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
+}`,..._.parameters?.docs?.source}}};k.parameters={...k.parameters,docs:{...k.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'success',
     variant: 'banner',
@@ -984,7 +1015,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...A.parameters?.docs?.source}}};M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
+}`,...k.parameters?.docs?.source}}};A.parameters={...A.parameters,docs:{...A.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'error',
     variant: 'banner',
@@ -993,7 +1024,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...M.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+}`,...A.parameters?.docs?.source}}};M.parameters={...M.parameters,docs:{...M.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'info',
     variant: 'banner',
@@ -1002,7 +1033,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...C.parameters?.docs?.source}}};N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`{
+}`,...M.parameters?.docs?.source}}};N.parameters={...N.parameters,docs:{...N.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'notification',
     variant: 'banner',
@@ -1020,7 +1051,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...I.parameters?.docs?.source}}};$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
+}`,...I.parameters?.docs?.source}}};L.parameters={...L.parameters,docs:{...L.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'warning',
     variant: 'banner',
@@ -1029,7 +1060,7 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...$.parameters?.docs?.source}}};D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
+}`,...L.parameters?.docs?.source}}};$.parameters={...$.parameters,docs:{...$.parameters?.docs,source:{originalSource:`{
   args: {
     status: 'success',
     variant: 'banner',
@@ -1038,4 +1069,4 @@ dialog {
     bodyText: 'Message text',
     ctaBody: '<cre8-button variant="secondary" slot="cta" text="Button" size="sm" neutral></cre8-button>'
   }
-}`,...D.parameters?.docs?.source}}};const Bt=["Default","DefaultWithLink","DefaultNotDismissible","SubtleErrorStandAlone","SubtleInfoStandAlone","SubtleNotificationStandAlone","SubtleNeutralStandAlone","SubtleWarningStandAlone","SubtleSuccessStandAlone","StrongErrorStandAlone","StrongInfoStandAlone","StrongNotificationStandAlone","StrongNeutralStandAlone","StrongWarningStandAlone","StrongSuccessStandAlone","SubtleErrorBanner","SubtleInfoBanner","SubtleNotificationBanner","SubtleNeutralBanner","SubtleWarningBanner","SubtleSuccessBanner","StrongErrorBanner","StrongInfoBanner","StrongNotificationBanner","StrongNeutralBanner","StrongWarningBanner","StrongSuccessBanner"];export{c as Default,d as DefaultNotDismissible,l as DefaultWithLink,M as StrongErrorBanner,x as StrongErrorStandAlone,C as StrongInfoBanner,y as StrongInfoStandAlone,I as StrongNeutralBanner,v as StrongNeutralStandAlone,N as StrongNotificationBanner,f as StrongNotificationStandAlone,D as StrongSuccessBanner,B as StrongSuccessStandAlone,$ as StrongWarningBanner,S as StrongWarningStandAlone,T as SubtleErrorBanner,u as SubtleErrorStandAlone,z as SubtleInfoBanner,m as SubtleInfoStandAlone,_ as SubtleNeutralBanner,p as SubtleNeutralStandAlone,w as SubtleNotificationBanner,g as SubtleNotificationStandAlone,A as SubtleSuccessBanner,h as SubtleSuccessStandAlone,k as SubtleWarningBanner,b as SubtleWarningStandAlone,Bt as __namedExportsOrder,St as default};
+}`,...$.parameters?.docs?.source}}};const xt=["Default","DefaultWithLink","DefaultNotDismissible","SubtleErrorStandAlone","SubtleInfoStandAlone","SubtleNotificationStandAlone","SubtleNeutralStandAlone","SubtleWarningStandAlone","SubtleSuccessStandAlone","StrongErrorStandAlone","StrongInfoStandAlone","StrongNotificationStandAlone","StrongNeutralStandAlone","StrongWarningStandAlone","StrongSuccessStandAlone","SubtleErrorBanner","SubtleInfoBanner","SubtleNotificationBanner","SubtleNeutralBanner","SubtleWarningBanner","SubtleSuccessBanner","StrongErrorBanner","StrongInfoBanner","StrongNotificationBanner","StrongNeutralBanner","StrongWarningBanner","StrongSuccessBanner"];export{c as Default,d as DefaultNotDismissible,l as DefaultWithLink,A as StrongErrorBanner,x as StrongErrorStandAlone,M as StrongInfoBanner,y as StrongInfoStandAlone,I as StrongNeutralBanner,v as StrongNeutralStandAlone,N as StrongNotificationBanner,f as StrongNotificationStandAlone,$ as StrongSuccessBanner,C as StrongSuccessStandAlone,L as StrongWarningBanner,S as StrongWarningStandAlone,B as SubtleErrorBanner,u as SubtleErrorStandAlone,w as SubtleInfoBanner,g as SubtleInfoStandAlone,z as SubtleNeutralBanner,p as SubtleNeutralStandAlone,T as SubtleNotificationBanner,m as SubtleNotificationStandAlone,k as SubtleSuccessBanner,h as SubtleSuccessStandAlone,_ as SubtleWarningBanner,b as SubtleWarningStandAlone,xt as __namedExportsOrder,ht as default};