@styleon/foundation 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/dist/button/button.component.d.ts +6 -0
  2. package/dist/button/button.component.js +32 -0
  3. package/dist/button/button.scss.js +4 -0
  4. package/dist/index.d.ts +2 -0
  5. package/dist/index.js +6 -0
  6. package/dist/modal/modal.d.ts +5 -0
  7. package/dist/modal/modal.js +19 -0
  8. package/dist/modal/modal.scss.js +4 -0
  9. package/dist/node_modules/@lit/reactive-element/css-tag.js +50 -0
  10. package/dist/node_modules/@lit/reactive-element/decorators/custom-element.js +13 -0
  11. package/dist/node_modules/@lit/reactive-element/decorators/property.js +37 -0
  12. package/dist/node_modules/@lit/reactive-element/reactive-element.js +247 -0
  13. package/dist/node_modules/lit-element/lit-element.js +49 -0
  14. package/dist/node_modules/lit-html/lit-html.js +242 -0
  15. package/dist/storybook-static/assets/Button-B2efaGtC.css +1 -0
  16. package/dist/storybook-static/assets/Button-D8uvIB3s.js +18 -0
  17. package/dist/storybook-static/assets/Button.stories-BxBqJzAy.js +20 -0
  18. package/dist/storybook-static/assets/Color-YHDXOIA2-DOA8OpHI.js +1 -0
  19. package/dist/storybook-static/assets/DocsRenderer-CFRXHY34-Dj3MetZT.js +634 -0
  20. package/dist/storybook-static/assets/Header-Ck-SSN7O.css +1 -0
  21. package/dist/storybook-static/assets/Header.stories-I-0ap_LE.js +35 -0
  22. package/dist/storybook-static/assets/Page-CeeQJVdd.css +1 -0
  23. package/dist/storybook-static/assets/Page.stories-CWEAOAkg.js +61 -0
  24. package/dist/storybook-static/assets/button.stories-D7sje6m9.js +11 -0
  25. package/dist/storybook-static/assets/entry-preview-4x_9ddKr.js +8 -0
  26. package/dist/storybook-static/assets/entry-preview-docs-BJQ-KCBE.js +2 -0
  27. package/dist/storybook-static/assets/iframe-DiD-Pe4V.js +199 -0
  28. package/dist/storybook-static/assets/index-BV8WzOF6.js +1 -0
  29. package/dist/storybook-static/assets/index-CfOrKyLd.js +8 -0
  30. package/dist/storybook-static/assets/index-DavSjL1w.js +240 -0
  31. package/dist/storybook-static/assets/index-DrFu-skq.js +6 -0
  32. package/dist/storybook-static/assets/lit-element-WgX8VtnD.js +19 -0
  33. package/dist/storybook-static/assets/preview-1l6V4UsQ.js +1 -0
  34. package/dist/storybook-static/assets/preview-5--WmYfK.js +2 -0
  35. package/dist/storybook-static/assets/preview-BWzBA1C2.js +396 -0
  36. package/dist/storybook-static/assets/preview-Br-h4d84.js +1 -0
  37. package/dist/storybook-static/assets/preview-CIRcjyVj.js +1 -0
  38. package/dist/storybook-static/assets/preview-CPX9RCe3.js +1 -0
  39. package/dist/storybook-static/assets/preview-D77C14du.js +34 -0
  40. package/dist/storybook-static/assets/preview-DGUiP6tS.js +7 -0
  41. package/dist/storybook-static/assets/tiny-invariant-CopsF_GD.js +1 -0
  42. package/dist/storybook-static/favicon.svg +1 -0
  43. package/dist/storybook-static/iframe.html +666 -0
  44. package/dist/storybook-static/index.html +177 -0
  45. package/dist/storybook-static/index.json +1 -0
  46. package/dist/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
  47. package/dist/storybook-static/nunito-sans-bold.woff2 +0 -0
  48. package/dist/storybook-static/nunito-sans-italic.woff2 +0 -0
  49. package/dist/storybook-static/nunito-sans-regular.woff2 +0 -0
  50. package/dist/storybook-static/project.json +1 -0
  51. package/dist/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js +331 -0
  52. package/dist/storybook-static/sb-addons/chromatic-com-storybook-9/manager-bundle.js.LEGAL.txt +51 -0
  53. package/dist/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js +3 -0
  54. package/dist/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js.LEGAL.txt +0 -0
  55. package/dist/storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js +12 -0
  56. package/dist/storybook-static/sb-addons/essentials-backgrounds-4/manager-bundle.js.LEGAL.txt +0 -0
  57. package/dist/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js +391 -0
  58. package/dist/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js.LEGAL.txt +0 -0
  59. package/dist/storybook-static/sb-addons/essentials-docs-3/manager-bundle.js +230 -0
  60. package/dist/storybook-static/sb-addons/essentials-docs-3/manager-bundle.js.LEGAL.txt +0 -0
  61. package/dist/storybook-static/sb-addons/essentials-measure-7/manager-bundle.js +3 -0
  62. package/dist/storybook-static/sb-addons/essentials-measure-7/manager-bundle.js.LEGAL.txt +0 -0
  63. package/dist/storybook-static/sb-addons/essentials-outline-8/manager-bundle.js +3 -0
  64. package/dist/storybook-static/sb-addons/essentials-outline-8/manager-bundle.js.LEGAL.txt +0 -0
  65. package/dist/storybook-static/sb-addons/essentials-toolbars-6/manager-bundle.js +3 -0
  66. package/dist/storybook-static/sb-addons/essentials-toolbars-6/manager-bundle.js.LEGAL.txt +0 -0
  67. package/dist/storybook-static/sb-addons/essentials-viewport-5/manager-bundle.js +3 -0
  68. package/dist/storybook-static/sb-addons/essentials-viewport-5/manager-bundle.js.LEGAL.txt +0 -0
  69. package/dist/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +3 -0
  70. package/dist/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js.LEGAL.txt +0 -0
  71. package/dist/storybook-static/sb-common-assets/favicon.svg +1 -0
  72. package/dist/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  73. package/dist/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  74. package/dist/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  75. package/dist/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  76. package/dist/storybook-static/sb-manager/globals-module-info.js +1037 -0
  77. package/dist/storybook-static/sb-manager/globals-runtime.js +40862 -0
  78. package/dist/storybook-static/sb-manager/globals.js +48 -0
  79. package/dist/storybook-static/sb-manager/runtime.js +11963 -0
  80. package/dist/storybook-static/vite.svg +1 -0
  81. package/dist/vite.svg +1 -0
  82. package/package.json +50 -0
@@ -0,0 +1,6 @@
1
+ function l(o){for(var f=[],i=1;i<arguments.length;i++)f[i-1]=arguments[i];var n=Array.from(typeof o=="string"?[o]:o);n[n.length-1]=n[n.length-1].replace(/\r?\n([\t ]*)$/,"");var s=n.reduce(function(t,g){var a=g.match(/\n([\t ]+|(?!\s).)/g);return a?t.concat(a.map(function(u){var r,e;return(e=(r=u.match(/[\t ]/g))===null||r===void 0?void 0:r.length)!==null&&e!==void 0?e:0})):t},[]);if(s.length){var d=new RegExp(`
2
+ [ ]{`+Math.min.apply(Math,s)+"}","g");n=n.map(function(t){return t.replace(d,`
3
+ `)})}n[0]=n[0].replace(/^\r?\n/,"");var c=n[0];return f.forEach(function(t,g){var a=c.match(/(?:^|\n)( *)$/),u=a?a[1]:"",r=t;typeof t=="string"&&t.includes(`
4
+ `)&&(r=String(t).split(`
5
+ `).map(function(e,h){return h===0?e:""+u+e}).join(`
6
+ `)),c+=r+n[g+1]}),c}export{l as d};
@@ -0,0 +1,19 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2019 Google LLC
4
+ * SPDX-License-Identifier: BSD-3-Clause
5
+ */const T=globalThis,D=T.ShadowRoot&&(T.ShadyCSS===void 0||T.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,I=Symbol(),V=new WeakMap;let tt=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==I)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(D&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=V.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&V.set(e,t))}return t}toString(){return this.cssText}};const ot=r=>new tt(typeof r=="string"?r:r+"",void 0,I),wt=(r,...t)=>{const e=r.length===1?r[0]:t.reduce((s,i,o)=>s+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+r[o+1],r[0]);return new tt(e,r,I)},ht=(r,t)=>{if(D)r.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),i=T.litNonce;i!==void 0&&s.setAttribute("nonce",i),s.textContent=e.cssText,r.appendChild(s)}},W=D?r=>r:r=>r instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return ot(e)})(r):r;/**
6
+ * @license
7
+ * Copyright 2017 Google LLC
8
+ * SPDX-License-Identifier: BSD-3-Clause
9
+ */const{is:at,defineProperty:lt,getOwnPropertyDescriptor:ct,getOwnPropertyNames:dt,getOwnPropertySymbols:pt,getPrototypeOf:ut}=Object,f=globalThis,q=f.trustedTypes,$t=q?q.emptyScript:"",M=f.reactiveElementPolyfillSupport,b=(r,t)=>r,B={toAttribute(r,t){switch(t){case Boolean:r=r?$t:null;break;case Object:case Array:r=r==null?r:JSON.stringify(r)}return r},fromAttribute(r,t){let e=r;switch(t){case Boolean:e=r!==null;break;case Number:e=r===null?null:Number(r);break;case Object:case Array:try{e=JSON.parse(r)}catch{e=null}}return e}},et=(r,t)=>!at(r,t),J={attribute:!0,type:String,converter:B,reflect:!1,hasChanged:et};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),f.litPropertyMetadata??(f.litPropertyMetadata=new WeakMap);class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=J){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),i=this.getPropertyDescriptor(t,s,e);i!==void 0&&lt(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){const{get:i,set:o}=ct(this.prototype,t)??{get(){return this[e]},set(n){this[e]=n}};return{get(){return i==null?void 0:i.call(this)},set(n){const l=i==null?void 0:i.call(this);o.call(this,n),this.requestUpdate(t,l,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??J}static _$Ei(){if(this.hasOwnProperty(b("elementProperties")))return;const t=ut(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(b("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(b("properties"))){const e=this.properties,s=[...dt(e),...pt(e)];for(const i of s)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,i]of e)this.elementProperties.set(s,i)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const i=this._$Eu(e,s);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const i of s)e.unshift(W(i))}else t!==void 0&&e.push(W(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return ht(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostConnected)==null?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostDisconnected)==null?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EC(t,e){var o;const s=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,s);if(i!==void 0&&s.reflect===!0){const n=(((o=s.converter)==null?void 0:o.toAttribute)!==void 0?s.converter:B).toAttribute(e,s.type);this._$Em=t,n==null?this.removeAttribute(i):this.setAttribute(i,n),this._$Em=null}}_$AK(t,e){var o;const s=this.constructor,i=s._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const n=s.getPropertyOptions(i),l=typeof n.converter=="function"?{fromAttribute:n.converter}:((o=n.converter)==null?void 0:o.fromAttribute)!==void 0?n.converter:B;this._$Em=i,this[i]=l.fromAttribute(e,n.type),this._$Em=null}}requestUpdate(t,e,s){if(t!==void 0){if(s??(s=this.constructor.getPropertyOptions(t)),!(s.hasChanged??et)(this[t],e))return;this.P(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,s){this._$AL.has(t)||this._$AL.set(t,e),s.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[o,n]of this._$Ep)this[o]=n;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[o,n]of i)n.wrapped!==!0||this._$AL.has(o)||this[o]===void 0||this.P(o,this[o],n)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(i=>{var o;return(o=i.hostUpdate)==null?void 0:o.call(i)}),this.update(e)):this._$EU()}catch(i){throw t=!1,this._$EU(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var i;return(i=s.hostUpdated)==null?void 0:i.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}}y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[b("elementProperties")]=new Map,y[b("finalized")]=new Map,M==null||M({ReactiveElement:y}),(f.reactiveElementVersions??(f.reactiveElementVersions=[])).push("2.0.4");/**
10
+ * @license
11
+ * Copyright 2017 Google LLC
12
+ * SPDX-License-Identifier: BSD-3-Clause
13
+ */const C=globalThis,N=C.trustedTypes,K=N?N.createPolicy("lit-html",{createHTML:r=>r}):void 0,st="$lit$",_=`lit$${Math.random().toFixed(9).slice(2)}$`,it="?"+_,_t=`<${it}>`,g=document,w=()=>g.createComment(""),P=r=>r===null||typeof r!="object"&&typeof r!="function",j=Array.isArray,ft=r=>j(r)||typeof(r==null?void 0:r[Symbol.iterator])=="function",k=`[
14
+ \f\r]`,S=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Z=/-->/g,F=/>/g,A=RegExp(`>|${k}(?:([^\\s"'>=/]+)(${k}*=${k}*(?:[^
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),G=/'/g,Q=/"/g,rt=/^(?:script|style|textarea|title)$/i,At=r=>(t,...e)=>({_$litType$:r,strings:t,values:e}),Pt=At(1),v=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),X=new WeakMap,m=g.createTreeWalker(g,129);function nt(r,t){if(!j(r)||!r.hasOwnProperty("raw"))throw Error("invalid template strings array");return K!==void 0?K.createHTML(t):t}const mt=(r,t)=>{const e=r.length-1,s=[];let i,o=t===2?"<svg>":t===3?"<math>":"",n=S;for(let l=0;l<e;l++){const h=r[l];let c,p,a=-1,u=0;for(;u<h.length&&(n.lastIndex=u,p=n.exec(h),p!==null);)u=n.lastIndex,n===S?p[1]==="!--"?n=Z:p[1]!==void 0?n=F:p[2]!==void 0?(rt.test(p[2])&&(i=RegExp("</"+p[2],"g")),n=A):p[3]!==void 0&&(n=A):n===A?p[0]===">"?(n=i??S,a=-1):p[1]===void 0?a=-2:(a=n.lastIndex-p[2].length,c=p[1],n=p[3]===void 0?A:p[3]==='"'?Q:G):n===Q||n===G?n=A:n===Z||n===F?n=S:(n=A,i=void 0);const $=n===A&&r[l+1].startsWith("/>")?" ":"";o+=n===S?h+_t:a>=0?(s.push(c),h.slice(0,a)+st+h.slice(a)+_+$):h+_+(a===-2?l:$)}return[nt(r,o+(r[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class U{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let o=0,n=0;const l=t.length-1,h=this.parts,[c,p]=mt(t,e);if(this.el=U.createElement(c,s),m.currentNode=this.el.content,e===2||e===3){const a=this.el.content.firstChild;a.replaceWith(...a.childNodes)}for(;(i=m.nextNode())!==null&&h.length<l;){if(i.nodeType===1){if(i.hasAttributes())for(const a of i.getAttributeNames())if(a.endsWith(st)){const u=p[n++],$=i.getAttribute(a).split(_),H=/([.?@])?(.*)/.exec(u);h.push({type:1,index:o,name:H[2],strings:$,ctor:H[1]==="."?yt:H[1]==="?"?vt:H[1]==="@"?Et:R}),i.removeAttribute(a)}else a.startsWith(_)&&(h.push({type:6,index:o}),i.removeAttribute(a));if(rt.test(i.tagName)){const a=i.textContent.split(_),u=a.length-1;if(u>0){i.textContent=N?N.emptyScript:"";for(let $=0;$<u;$++)i.append(a[$],w()),m.nextNode(),h.push({type:2,index:++o});i.append(a[u],w())}}}else if(i.nodeType===8)if(i.data===it)h.push({type:2,index:o});else{let a=-1;for(;(a=i.data.indexOf(_,a+1))!==-1;)h.push({type:7,index:o}),a+=_.length-1}o++}}static createElement(t,e){const s=g.createElement("template");return s.innerHTML=t,s}}function E(r,t,e=r,s){var n,l;if(t===v)return t;let i=s!==void 0?(n=e._$Co)==null?void 0:n[s]:e._$Cl;const o=P(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==o&&((l=i==null?void 0:i._$AO)==null||l.call(i,!1),o===void 0?i=void 0:(i=new o(r),i._$AT(r,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=i:e._$Cl=i),i!==void 0&&(t=E(r,i._$AS(r,t.values),i,s)),t}class gt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=((t==null?void 0:t.creationScope)??g).importNode(e,!0);m.currentNode=i;let o=m.nextNode(),n=0,l=0,h=s[0];for(;h!==void 0;){if(n===h.index){let c;h.type===2?c=new x(o,o.nextSibling,this,t):h.type===1?c=new h.ctor(o,h.name,h.strings,this,t):h.type===6&&(c=new St(o,this,t)),this._$AV.push(c),h=s[++l]}n!==(h==null?void 0:h.index)&&(o=m.nextNode(),n++)}return m.currentNode=g,i}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class x{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=E(this,t,e),P(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==v&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ft(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&P(this._$AH)?this._$AA.nextSibling.data=t:this.T(g.createTextNode(t)),this._$AH=t}$(t){var o;const{values:e,_$litType$:s}=t,i=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=U.createElement(nt(s.h,s.h[0]),this.options)),s);if(((o=this._$AH)==null?void 0:o._$AD)===i)this._$AH.p(e);else{const n=new gt(i,this),l=n.u(this.options);n.p(e),this.T(l),this._$AH=n}}_$AC(t){let e=X.get(t.strings);return e===void 0&&X.set(t.strings,e=new U(t)),e}k(t){j(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const o of t)i===e.length?e.push(s=new x(this.O(w()),this.O(w()),this,this.options)):s=e[i],s._$AI(o),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class R{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,o){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=o,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,i){const o=this.strings;let n=!1;if(o===void 0)t=E(this,t,e,0),n=!P(t)||t!==this._$AH&&t!==v,n&&(this._$AH=t);else{const l=t;let h,c;for(t=o[0],h=0;h<o.length-1;h++)c=E(this,l[s+h],e,h),c===v&&(c=this._$AH[h]),n||(n=!P(c)||c!==this._$AH[h]),c===d?t=d:t!==d&&(t+=(c??"")+o[h+1]),this._$AH[h]=c}n&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class yt extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class vt extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Et extends R{constructor(t,e,s,i,o){super(t,e,s,i,o),this.type=5}_$AI(t,e=this){if((t=E(this,t,e,0)??d)===v)return;const s=this._$AH,i=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,o=t!==d&&(s===d||i);i&&this.element.removeEventListener(this.name,this,s),o&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class St{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){E(this,t)}}const L=C.litHtmlPolyfillSupport;L==null||L(U,x),(C.litHtmlVersions??(C.litHtmlVersions=[])).push("3.2.1");const bt=(r,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let i=s._$litPart$;if(i===void 0){const o=(e==null?void 0:e.renderBefore)??null;s._$litPart$=i=new x(t.insertBefore(w(),o),o,void 0,e??{})}return i._$AI(r),i};/**
16
+ * @license
17
+ * Copyright 2017 Google LLC
18
+ * SPDX-License-Identifier: BSD-3-Clause
19
+ */class O extends y{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=bt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return v}}var Y;O._$litElement$=!0,O.finalized=!0,(Y=globalThis.litElementHydrateSupport)==null||Y.call(globalThis,{LitElement:O});const z=globalThis.litElementPolyfillSupport;z==null||z({LitElement:O});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.1.1");export{bt as B,v as T,O as a,et as f,wt as i,ot as r,B as u,Pt as x};
@@ -0,0 +1 @@
1
+ let p;const S=new Uint8Array(16);function A(){if(!p&&(p=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!p))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return p(S)}const o=[];for(let e=0;e<256;++e)o.push((e+256).toString(16).slice(1));function D(e,t=0){return o[e[t+0]]+o[e[t+1]]+o[e[t+2]]+o[e[t+3]]+"-"+o[e[t+4]]+o[e[t+5]]+"-"+o[e[t+6]]+o[e[t+7]]+"-"+o[e[t+8]]+o[e[t+9]]+"-"+o[e[t+10]]+o[e[t+11]]+o[e[t+12]]+o[e[t+13]]+o[e[t+14]]+o[e[t+15]]}const I=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),m={randomUUID:I};function f(e,t,r){if(m.randomUUID&&!e)return m.randomUUID();e=e||{};const n=e.random||(e.rng||A)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,D(n)}const{addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,{ImplicitActionsDuringRendering:w}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__,{global:l}=__STORYBOOK_MODULE_GLOBAL__;var U="storybook/actions",j=`${U}/action-event`,V={depth:10,clearOnStoryChange:!0,limit:50},E=(e,t)=>{let r=Object.getPrototypeOf(e);return!r||t(r)?r:E(r,t)},C=e=>!!(typeof e=="object"&&e&&E(e,t=>/^Synthetic(?:Base)?Event$/.test(t.constructor.name))&&typeof e.persist=="function"),K=e=>{if(C(e)){let t=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));t.persist();let r=Object.getOwnPropertyDescriptor(t,"view"),n=r==null?void 0:r.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(t,"view",{...r,value:Object.create(n.constructor.prototype)}),t}return e},L=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?f():Date.now().toString(36)+Math.random().toString(36).substring(2);function _(e,t={}){let r={...V,...t},n=function(...c){var g,O;if(t.implicit){let y=(g="__STORYBOOK_PREVIEW__"in l?l.__STORYBOOK_PREVIEW__:void 0)==null?void 0:g.storyRenders.find(d=>d.phase==="playing"||d.phase==="rendering");if(y){let d=!((O=window==null?void 0:window.FEATURES)!=null&&O.disallowImplicitActionsInRenderV8),R=new w({phase:y.phase,name:e,deprecated:d});if(d)console.warn(R);else throw R}}let i=v.getChannel(),s=L(),a=5,u=c.map(K),b=c.length>1?u:u[0],x={id:s,count:0,data:{name:e,args:b},options:{...r,maxDepth:a+(r.depth||3),allowFunction:r.allowFunction||!1}};i.emit(j,x)};return n.isAction=!0,n.implicit=t.implicit,n}var T=(e,t)=>typeof t[e]>"u"&&!(e in t),B=e=>{let{initialArgs:t,argTypes:r,id:n,parameters:{actions:c}}=e;if(!c||c.disable||!c.argTypesRegex||!r)return{};let i=new RegExp(c.argTypesRegex);return Object.entries(r).filter(([s])=>!!i.test(s)).reduce((s,[a,u])=>(T(a,t)&&(s[a]=_(a,{implicit:!0,id:n})),s),{})},M=e=>{let{initialArgs:t,argTypes:r,parameters:{actions:n}}=e;return n!=null&&n.disable||!r?{}:Object.entries(r).filter(([c,i])=>!!i.action).reduce((c,[i,s])=>(T(i,t)&&(c[i]=_(typeof s.action=="string"?s.action:i)),c),{})},Y=[M,B],h=!1,P=e=>{let{parameters:{actions:t}}=e;if(!(t!=null&&t.disable)&&!h&&"__STORYBOOK_TEST_ON_MOCK_CALL__"in l&&typeof l.__STORYBOOK_TEST_ON_MOCK_CALL__=="function"){let r=l.__STORYBOOK_TEST_ON_MOCK_CALL__;r((n,c)=>{let i=n.getMockName();i!=="spy"&&(!/^next\/.*::/.test(i)||["next/router::useRouter()","next/navigation::useRouter()","next/navigation::redirect","next/cache::","next/headers::cookies().set","next/headers::cookies().delete","next/headers::headers().set","next/headers::headers().delete"].some(s=>i.startsWith(s)))&&_(i)(c)}),h=!0}},N=[P];export{Y as argsEnhancers,N as loaders};
@@ -0,0 +1,2 @@
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-Dj3MetZT.js","./iframe-DiD-Pe4V.js","./index-CfOrKyLd.js","./index-DrFu-skq.js"])))=>i.map(i=>d[i]);
2
+ import{_ as a}from"./iframe-DiD-Pe4V.js";var s=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),l={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-Dj3MetZT.js").then(r=>r.D),__vite__mapDeps([0,1,2,3]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>s[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{l as parameters};
@@ -0,0 +1,396 @@
1
+ import{d as $}from"./index-DrFu-skq.js";const{useMemo:x,useEffect:f}=__STORYBOOK_MODULE_PREVIEW_API__,{global:p}=__STORYBOOK_MODULE_GLOBAL__;var m="outline",u=i=>{(Array.isArray(i)?i:[i]).forEach(r)},r=i=>{let t=typeof i=="string"?i:i.join(""),o=p.document.getElementById(t);o&&o.parentElement&&o.parentElement.removeChild(o)},b=(i,t)=>{let o=p.document.getElementById(i);if(o)o.innerHTML!==t&&(o.innerHTML=t);else{let n=p.document.createElement("style");n.setAttribute("id",i),n.innerHTML=t,p.document.head.appendChild(n)}};function s(i){return $`
2
+ ${i} body {
3
+ outline: 1px solid #2980b9 !important;
4
+ }
5
+
6
+ ${i} article {
7
+ outline: 1px solid #3498db !important;
8
+ }
9
+
10
+ ${i} nav {
11
+ outline: 1px solid #0088c3 !important;
12
+ }
13
+
14
+ ${i} aside {
15
+ outline: 1px solid #33a0ce !important;
16
+ }
17
+
18
+ ${i} section {
19
+ outline: 1px solid #66b8da !important;
20
+ }
21
+
22
+ ${i} header {
23
+ outline: 1px solid #99cfe7 !important;
24
+ }
25
+
26
+ ${i} footer {
27
+ outline: 1px solid #cce7f3 !important;
28
+ }
29
+
30
+ ${i} h1 {
31
+ outline: 1px solid #162544 !important;
32
+ }
33
+
34
+ ${i} h2 {
35
+ outline: 1px solid #314e6e !important;
36
+ }
37
+
38
+ ${i} h3 {
39
+ outline: 1px solid #3e5e85 !important;
40
+ }
41
+
42
+ ${i} h4 {
43
+ outline: 1px solid #449baf !important;
44
+ }
45
+
46
+ ${i} h5 {
47
+ outline: 1px solid #c7d1cb !important;
48
+ }
49
+
50
+ ${i} h6 {
51
+ outline: 1px solid #4371d0 !important;
52
+ }
53
+
54
+ ${i} main {
55
+ outline: 1px solid #2f4f90 !important;
56
+ }
57
+
58
+ ${i} address {
59
+ outline: 1px solid #1a2c51 !important;
60
+ }
61
+
62
+ ${i} div {
63
+ outline: 1px solid #036cdb !important;
64
+ }
65
+
66
+ ${i} p {
67
+ outline: 1px solid #ac050b !important;
68
+ }
69
+
70
+ ${i} hr {
71
+ outline: 1px solid #ff063f !important;
72
+ }
73
+
74
+ ${i} pre {
75
+ outline: 1px solid #850440 !important;
76
+ }
77
+
78
+ ${i} blockquote {
79
+ outline: 1px solid #f1b8e7 !important;
80
+ }
81
+
82
+ ${i} ol {
83
+ outline: 1px solid #ff050c !important;
84
+ }
85
+
86
+ ${i} ul {
87
+ outline: 1px solid #d90416 !important;
88
+ }
89
+
90
+ ${i} li {
91
+ outline: 1px solid #d90416 !important;
92
+ }
93
+
94
+ ${i} dl {
95
+ outline: 1px solid #fd3427 !important;
96
+ }
97
+
98
+ ${i} dt {
99
+ outline: 1px solid #ff0043 !important;
100
+ }
101
+
102
+ ${i} dd {
103
+ outline: 1px solid #e80174 !important;
104
+ }
105
+
106
+ ${i} figure {
107
+ outline: 1px solid #ff00bb !important;
108
+ }
109
+
110
+ ${i} figcaption {
111
+ outline: 1px solid #bf0032 !important;
112
+ }
113
+
114
+ ${i} table {
115
+ outline: 1px solid #00cc99 !important;
116
+ }
117
+
118
+ ${i} caption {
119
+ outline: 1px solid #37ffc4 !important;
120
+ }
121
+
122
+ ${i} thead {
123
+ outline: 1px solid #98daca !important;
124
+ }
125
+
126
+ ${i} tbody {
127
+ outline: 1px solid #64a7a0 !important;
128
+ }
129
+
130
+ ${i} tfoot {
131
+ outline: 1px solid #22746b !important;
132
+ }
133
+
134
+ ${i} tr {
135
+ outline: 1px solid #86c0b2 !important;
136
+ }
137
+
138
+ ${i} th {
139
+ outline: 1px solid #a1e7d6 !important;
140
+ }
141
+
142
+ ${i} td {
143
+ outline: 1px solid #3f5a54 !important;
144
+ }
145
+
146
+ ${i} col {
147
+ outline: 1px solid #6c9a8f !important;
148
+ }
149
+
150
+ ${i} colgroup {
151
+ outline: 1px solid #6c9a9d !important;
152
+ }
153
+
154
+ ${i} button {
155
+ outline: 1px solid #da8301 !important;
156
+ }
157
+
158
+ ${i} datalist {
159
+ outline: 1px solid #c06000 !important;
160
+ }
161
+
162
+ ${i} fieldset {
163
+ outline: 1px solid #d95100 !important;
164
+ }
165
+
166
+ ${i} form {
167
+ outline: 1px solid #d23600 !important;
168
+ }
169
+
170
+ ${i} input {
171
+ outline: 1px solid #fca600 !important;
172
+ }
173
+
174
+ ${i} keygen {
175
+ outline: 1px solid #b31e00 !important;
176
+ }
177
+
178
+ ${i} label {
179
+ outline: 1px solid #ee8900 !important;
180
+ }
181
+
182
+ ${i} legend {
183
+ outline: 1px solid #de6d00 !important;
184
+ }
185
+
186
+ ${i} meter {
187
+ outline: 1px solid #e8630c !important;
188
+ }
189
+
190
+ ${i} optgroup {
191
+ outline: 1px solid #b33600 !important;
192
+ }
193
+
194
+ ${i} option {
195
+ outline: 1px solid #ff8a00 !important;
196
+ }
197
+
198
+ ${i} output {
199
+ outline: 1px solid #ff9619 !important;
200
+ }
201
+
202
+ ${i} progress {
203
+ outline: 1px solid #e57c00 !important;
204
+ }
205
+
206
+ ${i} select {
207
+ outline: 1px solid #e26e0f !important;
208
+ }
209
+
210
+ ${i} textarea {
211
+ outline: 1px solid #cc5400 !important;
212
+ }
213
+
214
+ ${i} details {
215
+ outline: 1px solid #33848f !important;
216
+ }
217
+
218
+ ${i} summary {
219
+ outline: 1px solid #60a1a6 !important;
220
+ }
221
+
222
+ ${i} command {
223
+ outline: 1px solid #438da1 !important;
224
+ }
225
+
226
+ ${i} menu {
227
+ outline: 1px solid #449da6 !important;
228
+ }
229
+
230
+ ${i} del {
231
+ outline: 1px solid #bf0000 !important;
232
+ }
233
+
234
+ ${i} ins {
235
+ outline: 1px solid #400000 !important;
236
+ }
237
+
238
+ ${i} img {
239
+ outline: 1px solid #22746b !important;
240
+ }
241
+
242
+ ${i} iframe {
243
+ outline: 1px solid #64a7a0 !important;
244
+ }
245
+
246
+ ${i} embed {
247
+ outline: 1px solid #98daca !important;
248
+ }
249
+
250
+ ${i} object {
251
+ outline: 1px solid #00cc99 !important;
252
+ }
253
+
254
+ ${i} param {
255
+ outline: 1px solid #37ffc4 !important;
256
+ }
257
+
258
+ ${i} video {
259
+ outline: 1px solid #6ee866 !important;
260
+ }
261
+
262
+ ${i} audio {
263
+ outline: 1px solid #027353 !important;
264
+ }
265
+
266
+ ${i} source {
267
+ outline: 1px solid #012426 !important;
268
+ }
269
+
270
+ ${i} canvas {
271
+ outline: 1px solid #a2f570 !important;
272
+ }
273
+
274
+ ${i} track {
275
+ outline: 1px solid #59a600 !important;
276
+ }
277
+
278
+ ${i} map {
279
+ outline: 1px solid #7be500 !important;
280
+ }
281
+
282
+ ${i} area {
283
+ outline: 1px solid #305900 !important;
284
+ }
285
+
286
+ ${i} a {
287
+ outline: 1px solid #ff62ab !important;
288
+ }
289
+
290
+ ${i} em {
291
+ outline: 1px solid #800b41 !important;
292
+ }
293
+
294
+ ${i} strong {
295
+ outline: 1px solid #ff1583 !important;
296
+ }
297
+
298
+ ${i} i {
299
+ outline: 1px solid #803156 !important;
300
+ }
301
+
302
+ ${i} b {
303
+ outline: 1px solid #cc1169 !important;
304
+ }
305
+
306
+ ${i} u {
307
+ outline: 1px solid #ff0430 !important;
308
+ }
309
+
310
+ ${i} s {
311
+ outline: 1px solid #f805e3 !important;
312
+ }
313
+
314
+ ${i} small {
315
+ outline: 1px solid #d107b2 !important;
316
+ }
317
+
318
+ ${i} abbr {
319
+ outline: 1px solid #4a0263 !important;
320
+ }
321
+
322
+ ${i} q {
323
+ outline: 1px solid #240018 !important;
324
+ }
325
+
326
+ ${i} cite {
327
+ outline: 1px solid #64003c !important;
328
+ }
329
+
330
+ ${i} dfn {
331
+ outline: 1px solid #b4005a !important;
332
+ }
333
+
334
+ ${i} sub {
335
+ outline: 1px solid #dba0c8 !important;
336
+ }
337
+
338
+ ${i} sup {
339
+ outline: 1px solid #cc0256 !important;
340
+ }
341
+
342
+ ${i} time {
343
+ outline: 1px solid #d6606d !important;
344
+ }
345
+
346
+ ${i} code {
347
+ outline: 1px solid #e04251 !important;
348
+ }
349
+
350
+ ${i} kbd {
351
+ outline: 1px solid #5e001f !important;
352
+ }
353
+
354
+ ${i} samp {
355
+ outline: 1px solid #9c0033 !important;
356
+ }
357
+
358
+ ${i} var {
359
+ outline: 1px solid #d90047 !important;
360
+ }
361
+
362
+ ${i} mark {
363
+ outline: 1px solid #ff0053 !important;
364
+ }
365
+
366
+ ${i} bdi {
367
+ outline: 1px solid #bf3668 !important;
368
+ }
369
+
370
+ ${i} bdo {
371
+ outline: 1px solid #6f1400 !important;
372
+ }
373
+
374
+ ${i} ruby {
375
+ outline: 1px solid #ff7b93 !important;
376
+ }
377
+
378
+ ${i} rt {
379
+ outline: 1px solid #ff2f54 !important;
380
+ }
381
+
382
+ ${i} rp {
383
+ outline: 1px solid #803e49 !important;
384
+ }
385
+
386
+ ${i} span {
387
+ outline: 1px solid #cc2643 !important;
388
+ }
389
+
390
+ ${i} br {
391
+ outline: 1px solid #db687d !important;
392
+ }
393
+
394
+ ${i} wbr {
395
+ outline: 1px solid #db175b !important;
396
+ }`}var e=(i,t)=>{let{globals:o}=t,n=[!0,"true"].includes(o[m]),d=t.viewMode==="docs",l=x(()=>s(d?'[data-story-block="true"]':".sb-show-main"),[t]);return f(()=>{let a=d?`addon-outline-docs-${t.id}`:"addon-outline";return n?b(a,l):u(a),()=>{u(a)}},[n,l,t]),i()},h=[e],g={[m]:!1};export{h as decorators,g as initialGlobals};
@@ -0,0 +1 @@
1
+ var e="viewport",o={[e]:{value:void 0,isRotated:!1}},t={viewport:"reset",viewportRotated:!1},a=FEATURES!=null&&FEATURES.viewportStoryGlobals?o:t;export{a as initialGlobals};
@@ -0,0 +1 @@
1
+ const e={parameters:{controls:{matchers:{color:/(background|color)$/i,date:/Date$/i}}}};export{e as default};
@@ -0,0 +1 @@
1
+ import{i as S}from"./tiny-invariant-CopsF_GD.js";const{useEffect:T}=__STORYBOOK_MODULE_PREVIEW_API__,{global:u}=__STORYBOOK_MODULE_GLOBAL__;var j="measureEnabled";function Y(){let e=u.document.documentElement,t=Math.max(e.scrollHeight,e.offsetHeight);return{width:Math.max(e.scrollWidth,e.offsetWidth),height:t}}function K(){let e=u.document.createElement("canvas");e.id="storybook-addon-measure";let t=e.getContext("2d");S(t!=null);let{width:o,height:l}=Y();return A(e,t,{width:o,height:l}),e.style.position="absolute",e.style.left="0",e.style.top="0",e.style.zIndex="2147483647",e.style.pointerEvents="none",u.document.body.appendChild(e),{canvas:e,context:t,width:o,height:l}}function A(e,t,{width:o,height:l}){e.style.width=`${o}px`,e.style.height=`${l}px`;let i=u.window.devicePixelRatio;e.width=Math.floor(o*i),e.height=Math.floor(l*i),t.scale(i,i)}var h={};function G(){h.canvas||(h=K())}function H(){h.context&&h.context.clearRect(0,0,h.width??0,h.height??0)}function U(e){H(),e(h.context)}function V(){S(h.canvas),S(h.context),A(h.canvas,h.context,{width:0,height:0});let{width:e,height:t}=Y();A(h.canvas,h.context,{width:e,height:t}),h.width=e,h.height=t}function Z(){var e;h.canvas&&(H(),(e=h.canvas.parentNode)==null||e.removeChild(h.canvas),h={})}var w={margin:"#f6b26b",border:"#ffe599",padding:"#93c47d",content:"#6fa8dc",text:"#232020"},c=6;function W(e,{x:t,y:o,w:l,h:i,r:n}){t=t-l/2,o=o-i/2,l<2*n&&(n=l/2),i<2*n&&(n=i/2),e.beginPath(),e.moveTo(t+n,o),e.arcTo(t+l,o,t+l,o+i,n),e.arcTo(t+l,o+i,t,o+i,n),e.arcTo(t,o+i,t,o,n),e.arcTo(t,o,t+l,o,n),e.closePath()}function J(e,{padding:t,border:o,width:l,height:i,top:n,left:r}){let f=l-o.left-o.right-t.left-t.right,a=i-t.top-t.bottom-o.top-o.bottom,s=r+o.left+t.left,m=n+o.top+t.top;return e==="top"?s+=f/2:e==="right"?(s+=f,m+=a/2):e==="bottom"?(s+=f/2,m+=a):e==="left"?m+=a/2:e==="center"&&(s+=f/2,m+=a/2),{x:s,y:m}}function Q(e,t,{margin:o,border:l,padding:i},n,r){let f=d=>0,a=0,s=0,m=r?1:.5,g=r?n*2:0;return e==="padding"?f=d=>i[d]*m+g:e==="border"?f=d=>i[d]+l[d]*m+g:e==="margin"&&(f=d=>i[d]+l[d]+o[d]*m+g),t==="top"?s=-f("top"):t==="right"?a=f("right"):t==="bottom"?s=f("bottom"):t==="left"&&(a=-f("left")),{offsetX:a,offsetY:s}}function x(e,t){return Math.abs(e.x-t.x)<Math.abs(e.w+t.w)/2&&Math.abs(e.y-t.y)<Math.abs(e.h+t.h)/2}function tt(e,t,o){return e==="top"?t.y=o.y-o.h-c:e==="right"?t.x=o.x+o.w/2+c+t.w/2:e==="bottom"?t.y=o.y+o.h+c:e==="left"&&(t.x=o.x-o.w/2-c-t.w/2),{x:t.x,y:t.y}}function X(e,t,{x:o,y:l,w:i,h:n},r){return W(e,{x:o,y:l,w:i,h:n,r:3}),e.fillStyle=`${w[t]}dd`,e.fill(),e.strokeStyle=w[t],e.stroke(),e.fillStyle=w.text,e.fillText(r,o,l),W(e,{x:o,y:l,w:i,h:n,r:3}),e.fillStyle=`${w[t]}dd`,e.fill(),e.strokeStyle=w[t],e.stroke(),e.fillStyle=w.text,e.fillText(r,o,l),{x:o,y:l,w:i,h:n}}function C(e,t){e.font="600 12px monospace",e.textBaseline="middle",e.textAlign="center";let o=e.measureText(t),l=o.actualBoundingBoxAscent+o.actualBoundingBoxDescent,i=o.width+c*2,n=l+c*2;return{w:i,h:n}}function et(e,t,{type:o,position:l="center",text:i},n,r=!1){let{x:f,y:a}=J(l,t),{offsetX:s,offsetY:m}=Q(o,l,t,c+1,r);f+=s,a+=m;let{w:g,h:d}=C(e,i);if(n&&x({x:f,y:a,w:g,h:d},n)){let M=tt(l,{x:f,y:a,w:g},n);f=M.x,a=M.y}return X(e,o,{x:f,y:a,w:g,h:d},i)}function ot(e,{w:t,h:o}){let l=t*.5+c,i=o*.5+c;return{offsetX:(e.x==="left"?-1:1)*l,offsetY:(e.y==="top"?-1:1)*i}}function it(e,t,{type:o,text:l}){let{floatingAlignment:i,extremities:n}=t,r=n[i.x],f=n[i.y],{w:a,h:s}=C(e,l),{offsetX:m,offsetY:g}=ot(i,{w:a,h:s});return r+=m,f+=g,X(e,o,{x:r,y:f,w:a,h:s},l)}function E(e,t,o,l){let i=[];o.forEach((n,r)=>{let f=l&&n.position==="center"?it(e,t,n):et(e,t,n,i[r-1],l);i[r]=f})}function lt(e,t,o,l){let i=o.reduce((n,r)=>{var f;return Object.prototype.hasOwnProperty.call(n,r.position)||(n[r.position]=[]),(f=n[r.position])==null||f.push(r),n},{});i.top&&E(e,t,i.top,l),i.right&&E(e,t,i.right,l),i.bottom&&E(e,t,i.bottom,l),i.left&&E(e,t,i.left,l),i.center&&E(e,t,i.center,l)}var L={margin:"#f6b26ba8",border:"#ffe599a8",padding:"#93c47d8c",content:"#6fa8dca8"},B=30;function p(e){return parseInt(e.replace("px",""),10)}function b(e){return Number.isInteger(e)?e:e.toFixed(2)}function P(e){return e.filter(t=>t.text!==0&&t.text!=="0")}function nt(e){let t={top:u.window.scrollY,bottom:u.window.scrollY+u.window.innerHeight,left:u.window.scrollX,right:u.window.scrollX+u.window.innerWidth},o={top:Math.abs(t.top-e.top),bottom:Math.abs(t.bottom-e.bottom),left:Math.abs(t.left-e.left),right:Math.abs(t.right-e.right)};return{x:o.left>o.right?"left":"right",y:o.top>o.bottom?"top":"bottom"}}function ft(e){let t=u.getComputedStyle(e),{top:o,left:l,right:i,bottom:n,width:r,height:f}=e.getBoundingClientRect(),{marginTop:a,marginBottom:s,marginLeft:m,marginRight:g,paddingTop:d,paddingBottom:M,paddingLeft:k,paddingRight:F,borderBottomWidth:D,borderTopWidth:I,borderLeftWidth:$,borderRightWidth:N}=t;o=o+u.window.scrollY,l=l+u.window.scrollX,n=n+u.window.scrollY,i=i+u.window.scrollX;let y={top:p(a),bottom:p(s),left:p(m),right:p(g)},q={top:p(d),bottom:p(M),left:p(k),right:p(F)},z={top:p(I),bottom:p(D),left:p($),right:p(N)},_={top:o-y.top,bottom:n+y.bottom,left:l-y.left,right:i+y.right};return{margin:y,padding:q,border:z,top:o,left:l,bottom:n,right:i,width:r,height:f,extremities:_,floatingAlignment:nt(_)}}function rt(e,{margin:t,width:o,height:l,top:i,left:n,bottom:r,right:f}){let a=l+t.bottom+t.top;e.fillStyle=L.margin,e.fillRect(n,i-t.top,o,t.top),e.fillRect(f,i-t.top,t.right,a),e.fillRect(n,r,o,t.bottom),e.fillRect(n-t.left,i-t.top,t.left,a);let s=[{type:"margin",text:b(t.top),position:"top"},{type:"margin",text:b(t.right),position:"right"},{type:"margin",text:b(t.bottom),position:"bottom"},{type:"margin",text:b(t.left),position:"left"}];return P(s)}function at(e,{padding:t,border:o,width:l,height:i,top:n,left:r,bottom:f,right:a}){let s=l-o.left-o.right,m=i-t.top-t.bottom-o.top-o.bottom;e.fillStyle=L.padding,e.fillRect(r+o.left,n+o.top,s,t.top),e.fillRect(a-t.right-o.right,n+t.top+o.top,t.right,m),e.fillRect(r+o.left,f-t.bottom-o.bottom,s,t.bottom),e.fillRect(r+o.left,n+t.top+o.top,t.left,m);let g=[{type:"padding",text:t.top,position:"top"},{type:"padding",text:t.right,position:"right"},{type:"padding",text:t.bottom,position:"bottom"},{type:"padding",text:t.left,position:"left"}];return P(g)}function st(e,{border:t,width:o,height:l,top:i,left:n,bottom:r,right:f}){let a=l-t.top-t.bottom;e.fillStyle=L.border,e.fillRect(n,i,o,t.top),e.fillRect(n,r-t.bottom,o,t.bottom),e.fillRect(n,i+t.top,t.left,a),e.fillRect(f-t.right,i+t.top,t.right,a);let s=[{type:"border",text:t.top,position:"top"},{type:"border",text:t.right,position:"right"},{type:"border",text:t.bottom,position:"bottom"},{type:"border",text:t.left,position:"left"}];return P(s)}function ht(e,{padding:t,border:o,width:l,height:i,top:n,left:r}){let f=l-o.left-o.right-t.left-t.right,a=i-t.top-t.bottom-o.top-o.bottom;return e.fillStyle=L.content,e.fillRect(r+o.left+t.left,n+o.top+t.top,f,a),[{type:"content",position:"center",text:`${b(f)} x ${b(a)}`}]}function mt(e){return t=>{if(e&&t){let o=ft(e),l=rt(t,o),i=at(t,o),n=st(t,o),r=ht(t,o),f=o.width<=B*3||o.height<=B;lt(t,o,[...r,...i,...n,...l],f)}}}function ut(e){U(mt(e))}var dt=(e,t)=>{let o=u.document.elementFromPoint(e,t),l=i=>{if(i&&i.shadowRoot){let n=i.shadowRoot.elementFromPoint(e,t);return i.isEqualNode(n)?i:n.shadowRoot?l(n):n}return i};return l(o)||o},O,v={x:0,y:0};function R(e,t){O=dt(e,t),ut(O)}var gt=(e,t)=>{let{measureEnabled:o}=t.globals;return T(()=>{let l=i=>{window.requestAnimationFrame(()=>{i.stopPropagation(),v.x=i.clientX,v.y=i.clientY})};return document.addEventListener("pointermove",l),()=>{document.removeEventListener("pointermove",l)}},[]),T(()=>{let l=n=>{window.requestAnimationFrame(()=>{n.stopPropagation(),R(n.clientX,n.clientY)})},i=()=>{window.requestAnimationFrame(()=>{V()})};return t.viewMode==="story"&&o&&(document.addEventListener("pointerover",l),G(),window.addEventListener("resize",i),R(v.x,v.y)),()=>{window.removeEventListener("resize",i),Z()}},[o,t.viewMode]),e()},ct=[gt],wt={[j]:!1};export{ct as decorators,wt as initialGlobals};
@@ -0,0 +1,34 @@
1
+ import{d as Y}from"./index-DrFu-skq.js";const{useEffect:_,useMemo:h}=__STORYBOOK_MODULE_PREVIEW_API__,{global:H}=__STORYBOOK_MODULE_GLOBAL__,{logger:K}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var g="backgrounds",C={light:{name:"light",value:"#F8F8F8"},dark:{name:"dark",value:"#333"}},{document:$,window:T}=H,I=()=>{var r;return!!((r=T==null?void 0:T.matchMedia("(prefers-reduced-motion: reduce)"))!=null&&r.matches)},A=r=>{(Array.isArray(r)?r:[r]).forEach(P)},P=r=>{var t;let e=$.getElementById(r);e&&((t=e.parentElement)==null||t.removeChild(e))},z=(r,e)=>{let t=$.getElementById(r);if(t)t.innerHTML!==e&&(t.innerHTML=e);else{let d=$.createElement("style");d.setAttribute("id",r),d.innerHTML=e,$.head.appendChild(d)}},U=(r,e,t)=>{var a;let d=$.getElementById(r);if(d)d.innerHTML!==e&&(d.innerHTML=e);else{let o=$.createElement("style");o.setAttribute("id",r),o.innerHTML=e;let i=`addon-backgrounds-grid${t?`-docs-${t}`:""}`,n=$.getElementById(i);n?(a=n.parentElement)==null||a.insertBefore(o,n):$.head.appendChild(o)}},j={cellSize:100,cellAmount:10,opacity:.8},w="addon-backgrounds",R="addon-backgrounds-grid",X=I()?"":"transition: background-color 0.3s;",N=(r,e)=>{let{globals:t,parameters:d,viewMode:a,id:o}=e,{options:i=C,disable:n,grid:s=j}=d[g]||{},c=t[g]||{},u=c.value,l=u?i[u]:void 0,b=(l==null?void 0:l.value)||"transparent",f=c.grid||!1,y=!!l&&!n,m=a==="docs"?`#anchor--${o} .docs-story`:".sb-show-main",E=a==="docs"?`#anchor--${o} .docs-story`:".sb-show-main",D=d.layout===void 0||d.layout==="padded",L=a==="docs"?20:D?16:0,{cellAmount:k,cellSize:p,opacity:x,offsetX:v=L,offsetY:S=L}=s,B=a==="docs"?`${w}-docs-${o}`:`${w}-color`,G=a==="docs"?o:null;_(()=>{let O=`
2
+ ${m} {
3
+ background: ${b} !important;
4
+ ${X}
5
+ }`;if(!y){A(B);return}U(B,O,G)},[m,B,G,y,b]);let M=a==="docs"?`${R}-docs-${o}`:`${R}`;return _(()=>{if(!f){A(M);return}let O=[`${p*k}px ${p*k}px`,`${p*k}px ${p*k}px`,`${p}px ${p}px`,`${p}px ${p}px`].join(", "),F=`
6
+ ${E} {
7
+ background-size: ${O} !important;
8
+ background-position: ${v}px ${S}px, ${v}px ${S}px, ${v}px ${S}px, ${v}px ${S}px !important;
9
+ background-blend-mode: difference !important;
10
+ background-image: linear-gradient(rgba(130, 130, 130, ${x}) 1px, transparent 1px),
11
+ linear-gradient(90deg, rgba(130, 130, 130, ${x}) 1px, transparent 1px),
12
+ linear-gradient(rgba(130, 130, 130, ${x/2}) 1px, transparent 1px),
13
+ linear-gradient(90deg, rgba(130, 130, 130, ${x/2}) 1px, transparent 1px) !important;
14
+ }
15
+ `;z(M,F)},[k,p,E,M,f,v,S,x]),r()},W=(r,e=[],t)=>{if(r==="transparent")return"transparent";if(e.find(a=>a.value===r)||r)return r;let d=e.find(a=>a.name===t);if(d)return d.value;if(t){let a=e.map(o=>o.name).join(", ");K.warn(Y`
16
+ Backgrounds Addon: could not find the default color "${t}".
17
+ These are the available colors for your story based on your configuration:
18
+ ${a}.
19
+ `)}return"transparent"},q=(r,e)=>{var u;let{globals:t,parameters:d}=e,a=(u=t[g])==null?void 0:u.value,o=d[g],i=h(()=>o.disable?"transparent":W(a,o.values,o.default),[o,a]),n=h(()=>i&&i!=="transparent",[i]),s=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",c=h(()=>`
20
+ ${s} {
21
+ background: ${i} !important;
22
+ ${I()?"":"transition: background-color 0.3s;"}
23
+ }
24
+ `,[i,s]);return _(()=>{let l=e.viewMode==="docs"?`addon-backgrounds-docs-${e.id}`:"addon-backgrounds-color";if(!n){A(l);return}U(l,c,e.viewMode==="docs"?e.id:null)},[n,c,e]),r()},J=(r,e)=>{var y;let{globals:t,parameters:d}=e,a=d[g].grid,o=((y=t[g])==null?void 0:y.grid)===!0&&a.disable!==!0,{cellAmount:i,cellSize:n,opacity:s}=a,c=e.viewMode==="docs",u=d.layout===void 0||d.layout==="padded"?16:0,l=a.offsetX??(c?20:u),b=a.offsetY??(c?20:u),f=h(()=>{let m=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",E=[`${n*i}px ${n*i}px`,`${n*i}px ${n*i}px`,`${n}px ${n}px`,`${n}px ${n}px`].join(", ");return`
25
+ ${m} {
26
+ background-size: ${E} !important;
27
+ background-position: ${l}px ${b}px, ${l}px ${b}px, ${l}px ${b}px, ${l}px ${b}px !important;
28
+ background-blend-mode: difference !important;
29
+ background-image: linear-gradient(rgba(130, 130, 130, ${s}) 1px, transparent 1px),
30
+ linear-gradient(90deg, rgba(130, 130, 130, ${s}) 1px, transparent 1px),
31
+ linear-gradient(rgba(130, 130, 130, ${s/2}) 1px, transparent 1px),
32
+ linear-gradient(90deg, rgba(130, 130, 130, ${s/2}) 1px, transparent 1px) !important;
33
+ }
34
+ `},[n]);return _(()=>{let m=e.viewMode==="docs"?`addon-backgrounds-grid-docs-${e.id}`:"addon-backgrounds-grid";if(!o){A(m);return}z(m,f)},[o,f,e]),r()},V=FEATURES!=null&&FEATURES.backgroundsStoryGlobals?[N]:[J,q],ee={[g]:{grid:{cellSize:20,opacity:.5,cellAmount:5},disable:!1,...!(FEATURES!=null&&FEATURES.backgroundsStoryGlobals)&&{values:Object.values(C)}}},Q={[g]:{value:void 0,grid:!1}},re=FEATURES!=null&&FEATURES.backgroundsStoryGlobals?Q:{[g]:null};export{V as decorators,re as initialGlobals,ee as parameters};
@@ -0,0 +1,7 @@
1
+ const{STORY_CHANGED:r}=__STORYBOOK_MODULE_CORE_EVENTS__,{addons:s}=__STORYBOOK_MODULE_PREVIEW_API__,{global:O}=__STORYBOOK_MODULE_GLOBAL__;var d="storybook/highlight",i="storybookHighlight",g=`${d}/add`,E=`${d}/reset`,{document:l}=O,H=(e="#FF4785",t="dashed")=>`
2
+ outline: 2px ${t} ${e};
3
+ outline-offset: 2px;
4
+ box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
5
+ `,h=s.getChannel(),T=e=>{let t=i;n();let o=Array.from(new Set(e.elements)),_=l.createElement("style");_.setAttribute("id",t),_.innerHTML=o.map(a=>`${a}{
6
+ ${H(e.color,e.style)}
7
+ }`).join(" "),l.head.appendChild(_)},n=()=>{var o;let e=i,t=l.getElementById(e);t&&((o=t.parentNode)==null||o.removeChild(t))};h.on(r,n);h.on(E,n);h.on(g,T);
@@ -0,0 +1 @@
1
+ var a="Invariant failed";function n(r,i){if(!r)throw new Error(a)}export{n as i};
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:svgjs="http://svgjs.com/svgjs" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="164" version="1.1"><svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" fill="none" viewBox="0 0 164 164"><path fill="#FF4785" d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z"/><path fill="#fff" fill-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" clip-rule="evenodd"/></svg><style>@media (prefers-color-scheme:light){:root{filter:none}}</style></svg>