godown 3.13.0 → 3.13.2

package/web-components/breath/component.d.ts

@@ -1,36 +1,35 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Breath} render the text with a breathing effect.
- *
- * Dynamically generate a breathing effect based on the length of the split text.
- *
- * If there is not enough CSS variable, overrun elements will use the.
- *
- * godown was a css library in its earliest days,
- * and this is the component version of its first effect.
- *
- * Inspired by Vercel home page (2023).
- *
- * @slot - Breathing parts.
- * @category effect
- */
+* {@linkcode Breath} render the text with a breathing effect.
+*
+* Dynamically generate a breathing effect based on the length of the split text.
+*
+* If there is not enough CSS variable, overrun elements will use the.
+*
+* godown was a css library in its earliest days,
+* and this is the component version of its first effect.
+*
+* Inspired by Vercel home page (2023).
+*
+* @slot - Breathing parts.
+* @category effect
+*/
 declare class Breath extends GlobalStyle {
-    /**
-     * Strings or array of strings,
-     * if array, divided each element into chunks,
-     * otherwise split strings by whitespace.
-     */
-    content: string | string[];
-    /**
-     * Effect duration.
-     */
-    duration: number;
-    protected render(): TemplateResult<1>;
-    protected _renderText(text: string): TemplateResult<1>;
-    protected getTexts(): string[];
-    protected _computeStyle(len: number): string;
+	/**
+	* Strings or array of strings,
+	* if array, divided each element into chunks,
+	* otherwise split strings by whitespace.
+	*/
+	content: string | string[];
+	/**
+	* Effect duration.
+	*/
+	duration: number;
+	protected render(): TemplateResult<1>;
+	protected _renderText(text: string): TemplateResult<1>;
+	protected getTexts(): string[];
+	protected _computeStyle(len: number): string;
 }
 export default Breath;
 export { Breath };
-//# sourceMappingURL=component.d.ts.map

package/web-components/breath/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/breath/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAwB,MAAM,KAAK,CAAC;AAGhE,OAAO,EAAE,WAAW,EAA8B,MAAM,gCAAgC,CAAC;AAOzF;;;;;;;;;;;;;;GAcG;AACH,cAqEM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE3B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAYrC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAStD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAM9B,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;CAa7C;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;;;;;;;;;;;;;;;;AAsBzF,cAqEM,eAAe,YAAY;;;;;;CAM/B,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;CAYnC,UAAU,YAAYA,eAAe,eAAe;CASpD,UAAU;CAMV,UAAU,cAAcC;AAazB;AAED,eAAe;AACf,SAAS","names":["text: string","len: number"],"sources":["../../../src/web-components/breath/component.ts"],"sourcesContent":["import { attr, godown, htmlStyle, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst defineName = \"breath\";\nconst cssScope = scopePrefix(defineName);\n\nconst splitTextRegexp = /[\\s,]+/;\n\n/**\n * {@linkcode Breath} render the text with a breathing effect.\n *\n * Dynamically generate a breathing effect based on the length of the split text.\n *\n * If there is not enough CSS variable, overrun elements will use the.\n *\n * godown was a css library in its earliest days,\n * and this is the component version of its first effect.\n *\n * Inspired by Vercel home page (2023).\n *\n * @slot - Breathing parts.\n * @category effect\n */\n@godown(defineName)\n@styles(\n  css`\n    :host {\n      ${cssScope}--deg: 60deg;\n      ${cssScope}--1-1: hsl(0 70% 55%);\n      ${cssScope}--1-2: hsl(30 90% 60%);\n      ${cssScope}--2-1: hsl(130 70% 50%);\n      ${cssScope}--2-2: hsl(180 60% 40%);\n      ${cssScope}--3-1: hsl(270 80% 55%);\n      ${cssScope}--3-2: hsl(210 90% 50%);\n      ${cssScope}--1: linear-gradient(var(${cssScope}--deg), var(${cssScope}--1-1), var(${cssScope}--1-2));\n      ${cssScope}--2: linear-gradient(var(${cssScope}--deg), var(${cssScope}--2-1), var(${cssScope}--2-2));\n      ${cssScope}--3: linear-gradient(var(${cssScope}--deg), var(${cssScope}--3-1), var(${cssScope}--3-2));\n    }\n  `,\n  css`\n    :host {\n      margin: auto;\n      width: fit-content;\n      font-size: 2em;\n      align-items: center;\n      direction: ltr;\n    }\n\n    :host,\n    :host([contents]) [part=\"root\"] {\n      display: flex;\n    }\n\n    [part=\"root\"] {\n      display: contents;\n    }\n\n    ::selection {\n      background: none;\n    }\n\n    .rel {\n      position: relative;\n      font-weight: 800;\n      font-size: inherit;\n      letter-spacing: -0.05em;\n    }\n  `,\n  css`\n    .nocolor,\n    .colorful {\n      padding: 0 0.05em;\n      box-sizing: border-box;\n      display: inline-block;\n      animation-iteration-count: infinite;\n      color: transparent;\n      -webkit-background-clip: text !important;\n      background-clip: text !important;\n    }\n\n    .colorful {\n      opacity: 0;\n      animation-name: colorfulN;\n    }\n\n    .nocolor {\n      position: absolute;\n      top: 0;\n      background: var(${cssGlobalVars.backgroundClip});\n    }\n  `,\n)\nclass Breath extends GlobalStyle {\n  /**\n   * Strings or array of strings,\n   * if array, divided each element into chunks,\n   * otherwise split strings by whitespace.\n   */\n  @property()\n  content: string | string[];\n\n  /**\n   * Effect duration.\n   */\n  @property({ type: Number })\n  duration: number;\n\n  protected render(): TemplateResult<1> {\n    const texts = this.getTexts();\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[texts.map(this._renderText), htmlStyle(this._computeStyle(texts.length))]}\n      </div>\n    `;\n  }\n\n  protected _renderText(text: string): TemplateResult<1> {\n    return html`\n      <span class=\"rel\">\n        <span class=\"nocolor\">${text}</span>\n        <span class=\"colorful\">${text}</span>\n      </span>\n    `;\n  }\n\n  protected getTexts(): string[] {\n    return Array.isArray(this.content)\n      ? this.content\n      : (this.content || this.textContent).split(splitTextRegexp).filter((x) => x);\n  }\n\n  protected _computeStyle(len: number): string {\n    const gap = 100 / 2 / len;\n    const duration = this.duration || (len * 2 + 2) * 1000;\n    let style1 = \"\";\n    for (let number = 1; number <= len; number++) {\n      const delay = (-duration / len) * (len - number + 1);\n      const defaultNumber = ((number - 1) % 3) + 1;\n      style1 += `.rel:nth-child(${number}) .colorful{animation-delay:${delay}ms;background:var(${cssScope}--${number},var(${cssScope}--${defaultNumber}));}`;\n    }\n    return `.colorful{animation-duration:${duration}ms;}@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${\n      gap * 2\n    }%{opacity:1;}}${style1}`;\n  }\n}\n\nexport default Breath;\nexport { Breath };\n"],"version":3,"file":"component.d.ts"}

package/web-components/breath/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e,htmlStyle as n}from"@godown/element";import{css as i,html as a}from"lit";import{property as l}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as c,GlobalStyle as d}from"../../internal/global-style.js";const p="breath",$=s(p),m=/[\s,]+/;let u=class Breath extends d{render(){const t=this.getTexts();return a`<div part="root" ${e(this.observedRecord)}> ${[t.map(this._renderText),n(this._computeStyle(t.length))]} </div>`}_renderText(t){return a`<span class="rel"> <span class="nocolor">${t}</span> <span class="colorful">${t}</span> </span>`}getTexts(){return Array.isArray(this.content)?this.content:(this.content||this.textContent).split(m).filter((t=>t))}_computeStyle(t){const o=50/t,r=this.duration||1e3*(2*t+2);let e="";for(let o=1;o<=t;o++){e+=`.rel:nth-child(${o}) .colorful{animation-delay:${-r/t*(t-o+1)}ms;background:var(${$}--${o},var(${$}--${(o-1)%3+1}));}`}return`.colorful{animation-duration:${r}ms;}@keyframes colorfulN{0%,${3*o}%{opacity:0;}${o}%,${2*o}%{opacity:1;}}${e}`}};t([l()],u.prototype,"content",void 0),t([l({type:Number})],u.prototype,"duration",void 0),u=t([o(p),r(i`:host{${$}--deg:60deg;${$}--1-1:#dd3c3c;${$}--1-2:#f5993d;${$}--2-1:#26d944;${$}--2-2:#29a3a3;${$}--3-1:#8c30e8;${$}--3-2:#0d80f2;${$}--1:linear-gradient(var(${$}--deg),var(${$}--1-1),var(${$}--1-2));${$}--2:linear-gradient(var(${$}--deg),var(${$}--2-1),var(${$}--2-2));${$}--3:linear-gradient(var(${$}--deg),var(${$}--3-1),var(${$}--3-2))}`,i`:host{align-items:center;direction:ltr;font-size:2em;margin:auto;width:-moz-fit-content;width:fit-content}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}::selection{background:none}.rel{font-size:inherit;font-weight:800;letter-spacing:-.05em;position:relative}`,i`.colorful,.nocolor{animation-iteration-count:infinite;-webkit-background-clip:text!important;background-clip:text!important;box-sizing:border-box;color:transparent;display:inline-block;padding:0 .05em}.colorful{animation-name:colorfulN;opacity:0}.nocolor{background:var(${c.backgroundClip});position:absolute;top:0}`)],u);var f=u;export{u as Breath,f as default};
+import{godown,styles,attr,htmlStyle}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const defineName=`breath`,cssScope=scopePrefix(defineName),splitTextRegexp=/[\s,]+/;let Breath=class e extends GlobalStyle{render(){let e=this.getTexts();return html`<div part="root" ${attr(this.observedRecord)}> ${[e.map(this._renderText),htmlStyle(this._computeStyle(e.length))]} </div>`}_renderText(e){return html`<span class="rel"> <span class="nocolor">${e}</span> <span class="colorful">${e}</span> </span>`}getTexts(){return Array.isArray(this.content)?this.content:(this.content||this.textContent).split(splitTextRegexp).filter(e=>e)}_computeStyle(e){let d=100/2/e,f=this.duration||(e*2+2)*1e3,p=``;for(let d=1;d<=e;d++){let m=-f/e*(e-d+1),h=(d-1)%3+1;p+=`.rel:nth-child(${d}) .colorful{animation-delay:${m}ms;background:var(${cssScope}--${d},var(${cssScope}--${h}));}`}return`.colorful{animation-duration:${f}ms;}@keyframes colorfulN{0%,${d*3}%{opacity:0;}${d}%,${d*2}%{opacity:1;}}${p}`}};_decorate([property()],Breath.prototype,`content`,void 0),_decorate([property({type:Number})],Breath.prototype,`duration`,void 0),Breath=_decorate([godown(defineName),styles(css`:host{${cssScope}--deg:60deg;${cssScope}--1-1:hsl(0 70% 55%);${cssScope}--1-2:hsl(30 90% 60%);${cssScope}--2-1:hsl(130 70% 50%);${cssScope}--2-2:hsl(180 60% 40%);${cssScope}--3-1:hsl(270 80% 55%);${cssScope}--3-2:hsl(210 90% 50%);${cssScope}--1:linear-gradient(var(${cssScope}--deg),var(${cssScope}--1-1),var(${cssScope}--1-2));${cssScope}--2:linear-gradient(var(${cssScope}--deg),var(${cssScope}--2-1),var(${cssScope}--2-2));${cssScope}--3:linear-gradient(var(${cssScope}--deg),var(${cssScope}--3-1),var(${cssScope}--3-2))}`,css`:host{margin:auto;width:-moz-fit-content;width:fit-content;font-size:2em;align-items:center;direction:ltr}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}::selection{background:0 0}.rel{position:relative;font-weight:800;font-size:inherit;letter-spacing:-.05em} `,css`.nocolor,.colorful{padding:0 .05em;box-sizing:border-box;display:inline-block;animation-iteration-count:infinite;color:transparent;-webkit-background-clip:text!important;background-clip:text!important}.colorful{opacity:0;animation-name:colorfulN}.nocolor{position:absolute;top:0;background:var(${cssGlobalVars.backgroundClip})}`)],Breath);var Breath$1=Breath;export{Breath,Breath$1 as default};
 //# sourceMappingURL=component.js.map

package/web-components/breath/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/breath/component.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","splitTextRegexp","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","_renderText","htmlStyle","_computeStyle","length","text","content","textContent","split","filter","x","len","style1","number","duration","gap","__decorate","property","prototype","type","Number","godown","css","cssGlobalVars","backgroundClip"],"mappings":"mSAMA,MAAMA,EAAa,SACbC,EAAWC,EAAYF,GAEvBG,EAAkB,SAsFxB,IAAMC,EAAN,MAAMA,eAAeC,EAeT,MAAAC,GACR,MAAMC,EAAQC,KAAKC,WACnB,OAAOC,CAAI,oBAAAC,EAAAH,KAAAI,oBAAA,CAAAL,EAAAM,IAAAL,KAAAM,aAAAC,EAAAP,KAAAQ,cAAAT,EAAAU,kCAGL,OAAKP,CAAK,4CAAeQ,mCAAAA,iEAI9BV,KAAAW,SACHX,KAAAW,SAAAX,KAAAY,aAAAC,MAAAlB,GAAAmB,QAAAC,GAAAA,GAEU,CACR,aAAAP,kCAEgC,KAAA,EAAAQ,EAAA,kCAMhBC,GAAA,kBAAAC,iCAHfC,EAAAH,GAAAA,EAAAE,EAAA,uBAGezB,MAAAyB,SAAAzB,OAFlByB,EAAA,GAAA,EAAA,OAGE,OACQ,gCAAQC,gCAAA,EAAAC,iBAAAA,MAAA,EAAAA,kBAAAH,MAIRI,EAAA,CACRC,KACA1B,EAAA2B,UAAc,oBACV,CACJD,EAAK,CAAIE,KAAAC,UACP7B,EAAA2B,0BAAgB,GAChB3B,EAAAyB,EAAmB,CACnBK,EAAAlC,KACFmC,CAAA,SAAAlC,gBAAAA,kBAAAA,kBAAAA,kBAAAA,kBAAAA,kBAAAA,kBAAAA,4BAAAA,eAAAA,eAAAA,YAAAA,4BAAAA,eAAAA,eAAAA,YAAAA,4BAAAA,eAAAA,eAAAA,YAAAkC,CAAA,sSAAAA,CAAA,iRAAAC,EAAAC,6CACAjC,SAGFA"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/breath/component.ts"],"sourcesContent":["import { attr, godown, htmlStyle, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst defineName = \"breath\";\nconst cssScope = scopePrefix(defineName);\n\nconst splitTextRegexp = /[\\s,]+/;\n\n/**\n * {@linkcode Breath} render the text with a breathing effect.\n *\n * Dynamically generate a breathing effect based on the length of the split text.\n *\n * If there is not enough CSS variable, overrun elements will use the.\n *\n * godown was a css library in its earliest days,\n * and this is the component version of its first effect.\n *\n * Inspired by Vercel home page (2023).\n *\n * @slot - Breathing parts.\n * @category effect\n */\n@godown(defineName)\n@styles(\n  css`\n    :host {\n      ${cssScope}--deg: 60deg;\n      ${cssScope}--1-1: hsl(0 70% 55%);\n      ${cssScope}--1-2: hsl(30 90% 60%);\n      ${cssScope}--2-1: hsl(130 70% 50%);\n      ${cssScope}--2-2: hsl(180 60% 40%);\n      ${cssScope}--3-1: hsl(270 80% 55%);\n      ${cssScope}--3-2: hsl(210 90% 50%);\n      ${cssScope}--1: linear-gradient(var(${cssScope}--deg), var(${cssScope}--1-1), var(${cssScope}--1-2));\n      ${cssScope}--2: linear-gradient(var(${cssScope}--deg), var(${cssScope}--2-1), var(${cssScope}--2-2));\n      ${cssScope}--3: linear-gradient(var(${cssScope}--deg), var(${cssScope}--3-1), var(${cssScope}--3-2));\n    }\n  `,\n  css`\n    :host {\n      margin: auto;\n      width: fit-content;\n      font-size: 2em;\n      align-items: center;\n      direction: ltr;\n    }\n\n    :host,\n    :host([contents]) [part=\"root\"] {\n      display: flex;\n    }\n\n    [part=\"root\"] {\n      display: contents;\n    }\n\n    ::selection {\n      background: none;\n    }\n\n    .rel {\n      position: relative;\n      font-weight: 800;\n      font-size: inherit;\n      letter-spacing: -0.05em;\n    }\n  `,\n  css`\n    .nocolor,\n    .colorful {\n      padding: 0 0.05em;\n      box-sizing: border-box;\n      display: inline-block;\n      animation-iteration-count: infinite;\n      color: transparent;\n      -webkit-background-clip: text !important;\n      background-clip: text !important;\n    }\n\n    .colorful {\n      opacity: 0;\n      animation-name: colorfulN;\n    }\n\n    .nocolor {\n      position: absolute;\n      top: 0;\n      background: var(${cssGlobalVars.backgroundClip});\n    }\n  `,\n)\nclass Breath extends GlobalStyle {\n  /**\n   * Strings or array of strings,\n   * if array, divided each element into chunks,\n   * otherwise split strings by whitespace.\n   */\n  @property()\n  content: string | string[];\n\n  /**\n   * Effect duration.\n   */\n  @property({ type: Number })\n  duration: number;\n\n  protected render(): TemplateResult<1> {\n    const texts = this.getTexts();\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[texts.map(this._renderText), htmlStyle(this._computeStyle(texts.length))]}\n      </div>\n    `;\n  }\n\n  protected _renderText(text: string): TemplateResult<1> {\n    return html`\n      <span class=\"rel\">\n        <span class=\"nocolor\">${text}</span>\n        <span class=\"colorful\">${text}</span>\n      </span>\n    `;\n  }\n\n  protected getTexts(): string[] {\n    return Array.isArray(this.content)\n      ? this.content\n      : (this.content || this.textContent).split(splitTextRegexp).filter((x) => x);\n  }\n\n  protected _computeStyle(len: number): string {\n    const gap = 100 / 2 / len;\n    const duration = this.duration || (len * 2 + 2) * 1000;\n    let style1 = \"\";\n    for (let number = 1; number <= len; number++) {\n      const delay = (-duration / len) * (len - number + 1);\n      const defaultNumber = ((number - 1) % 3) + 1;\n      style1 += `.rel:nth-child(${number}) .colorful{animation-delay:${delay}ms;background:var(${cssScope}--${number},var(${cssScope}--${defaultNumber}));}`;\n    }\n    return `.colorful{animation-duration:${duration}ms;}@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${\n      gap * 2\n    }%{opacity:1;}}${style1}`;\n  }\n}\n\nexport default Breath;\nexport { Breath };\n"],"names":["Breath","texts","text: string","text","x","len: number","gap","len","duration","style1","number","delay","defaultNumber"],"mappings":"2QAMA,MAAM,WAAa,SACb,SAAW,YAAY,WAAW,CAElC,gBAAkB,SAiBxB,IAAA,OAAA,MAqEMA,UAAe,WAAY,CAerB,QAA4B,CACpC,IAAMC,EAAQ,KAAK,UAAU,CAC7B,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,CAAC,EAAM,IAAI,KAAK,YAAY,CAAE,UAAU,KAAK,cAAcA,EAAM,OAAO,CAAC,AAAC,EAAA,OAEhF,CAAC,AACF,CAES,YAAYC,EAAiC,CACrD,MAAO,KAAI,CAAA,yCAEe,EAAEC,EAAK,+BACN,EAAEA,EAAK,eAElC,CAAC,AACF,CAES,UAAqB,CAC7B,MAAO,OAAM,QAAQ,KAAK,QAAQ,CAC9B,KAAK,QACL,CAAC,KAAK,SAAW,KAAK,aAAa,MAAM,gBAAgB,CAAC,OAAO,AAACC,GAAMA,EAAE,AAC/E,CAES,cAAcC,EAAqB,CAC3C,IAAMC,EAAM,IAAM,EAAIC,EAChBC,EAAW,KAAK,WAAaD,EAAM,EAAI,GAAK,IAC9CE,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUH,EAAKG,IAAU,CAC5C,IAAMC,GAAUH,EAAWD,GAAQA,EAAMG,EAAS,GAC5CE,GAAkBF,EAAS,GAAK,EAAK,EAC3C,GAAU,CAAC,eAAe,EAAEA,EAAO,4BAA4B,EAAEC,EAAM,kBAAkB,EAAE,SAAS,EAAE,EAAED,EAAO,KAAK,EAAE,SAAS,EAAE,EAAEE,EAAc,IAAI,CAAC,AACvJ,CACD,MAAO,CAAC,6BAA6B,EAAEJ,EAAS,4BAA4B,EAAEF,EAAM,EAAE,aAAa,EAAEA,EAAI,EAAE,EACzGA,EAAM,EACP,cAAc,EAAEG,GAAQ,AAC1B,CACF,EA5HA,WA2EE,UAAU,AAAA,EAAA,OAAA,UAAA,iBAAA,YAMV,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,OAAA,UAAA,kBAAA,CAjF5B,OAAA,UAAA,CAAA,OAAO,WAAW,CAClB,OACC,GAAG,CAAC,MAEA,EAAE,SAAS,YACX,EAAE,SAAS,qBACX,EAAE,SAAS,sBACX,EAAE,SAAS,uBACX,EAAE,SAAS,uBACX,EAAE,SAAS,uBACX,EAAE,SAAS,uBACX,EAAE,SAAS,wBAAyB,EAAE,SAAS,WAAY,EAAE,SAAS,WAAY,EAAE,SAAS,QAC7F,EAAE,SAAS,wBAAyB,EAAE,SAAS,WAAY,EAAE,SAAS,WAAY,EAAE,SAAS,QAC7F,EAAE,SAAS,wBAAyB,EAAE,SAAS,WAAY,EAAE,SAAS,WAAY,EAAE,SAAS,QAEjG,CAAC,CACD,GAAG,CAAC,mSA4BJ,CAAC,CACD,GAAG,CAAC,sSAoBgB,EAAE,cAAc,eAAe,EAEnD,CAAC,CACF,AAAA,EAAA,OAAA,CA0DD,IAAA,SAAe"}

package/web-components/breath/definition.d.ts

@@ -1,8 +1,7 @@
 import Breath from "./component.js";
 export default Breath;
 declare global {
-    interface HTMLElementTagNameMap {
-        "godown-breath": Breath;
-    }
+	interface HTMLElementTagNameMap {
+		"godown-breath": Breath;
+	}
 }
-//# sourceMappingURL=definition.d.ts.map

package/web-components/breath/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/breath/definition.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gBAAgB,CAAC;AAIpC,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,MAAM,CAAC;KACzB;CACF"}
+{"mappings":"AAAA,OAAO,YAAY,gBAAiB;AAIpC,eAAe;eAEA;WACH,sBAAsB;EAC9B,iBAAiB;CAClB;AACF","names":[],"sources":["../../../src/web-components/breath/definition.ts"],"sourcesContent":["import Breath from \"./component.js\";\n\nBreath.define();\n\nexport default Breath;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-breath\": Breath;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/breath/definition.js

@@ -1,2 +1,2 @@
-import e from"./component.js";e.define();export{e as default};
+import Breath from"./component.js";Breath.define();export{Breath as default};
 //# sourceMappingURL=definition.js.map

package/web-components/breath/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/breath/definition.ts"],"sourcesContent":null,"names":["Breath","define"],"mappings":"8BAEAA,EAAOC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/breath/definition.ts"],"sourcesContent":["import Breath from \"./component.js\";\n\nBreath.define();\n\nexport default Breath;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-breath\": Breath;\n  }\n}\n"],"names":[],"mappings":"mCAEA,OAAO,QAAQ"}

package/web-components/button/component.d.ts

@@ -1,43 +1,42 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Button} renders a button.
- *
- * Create modal animation upon clicking.
- *
- * @slot - The content of the button.
- * @category input
- */
+* {@linkcode Button} renders a button.
+*
+* Create modal animation upon clicking.
+*
+* @slot - The content of the button.
+* @category input
+*/
 declare class Button extends GlobalStyle {
-    /**
-     * If true, remove gradient, modal animation, focus scale.
-     */
-    plain: boolean;
-    /**
-     * Whether this element is disabled or not.
-     */
-    disabled: boolean;
-    /**
-     * Whether this element is active or not.
-     */
-    active: boolean;
-    /**
-     * Display rounded.
-     */
-    round: boolean;
-    /**
-     * Content text.
-     */
-    content: string;
-    protected _modalRoot: HTMLElement;
-    protected _root: HTMLElement;
-    protected render(): TemplateResult<1>;
-    focus(): void;
-    blur(): void;
-    connectedCallback(): void;
-    protected _handelClick(e: MouseEvent): void;
-    protected _handleModal(e: MouseEvent): void;
+	/**
+	* If true, remove gradient, modal animation, focus scale.
+	*/
+	plain: boolean;
+	/**
+	* Whether this element is disabled or not.
+	*/
+	disabled: boolean;
+	/**
+	* Whether this element is active or not.
+	*/
+	active: boolean;
+	/**
+	* Display rounded.
+	*/
+	round: boolean;
+	/**
+	* Content text.
+	*/
+	content: string;
+	protected _modalRoot: HTMLElement;
+	protected _root: HTMLElement;
+	protected render(): TemplateResult<1>;
+	focus(): void;
+	blur(): void;
+	connectedCallback(): void;
+	protected _handelClick(e: MouseEvent): void;
+	protected _handleModal(e: MouseEvent): void;
 }
 export default Button;
 export { Button };
-//# sourceMappingURL=component.d.ts.map

package/web-components/button/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/button/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,gCAAgC,CAAC;AAKzF;;;;;;;GAOG;AACH,cAgEM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAYrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAW3C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CA6B5C;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;;;;;;;;;AAazF,cA0DM,eAAe,YAAY;;;;CAI/B,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA,UACU,YAAY;CACtB,UACU,OAAO;CAEjB,UAAU,UAAU,eAAe;CAYnC;CAQA;CAKA;CAKA,UAAU,aAAaA,GAAG;CAW1B,UAAU,aAAaA,GAAG;AA6B3B;AAED,eAAe;AACf,SAAS","names":["e: MouseEvent"],"sources":["../../../src/web-components/button/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, queryPart, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"button\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Button} renders a button.\n *\n * Create modal animation upon clicking.\n *\n * @slot - The content of the button.\n * @category input\n */\n@godown(protoName)\n@styles(\n  css`\n    :host(:not([disabled]):active) {\n      transform: scale(var(${cssScope}--focus-scale));\n    }\n\n    :host([round]) {\n      border-radius: calc(infinity * 1px);\n    }\n\n    :host([disabled]) {\n      cursor: not-allowed;\n      filter: brightness(0.85);\n    }\n\n    :host([plain]) {\n      ${cssScope}--gradients: unset;\n      ${cssScope}--focus-scale: unset;\n    }\n  `,\n  css`\n    :host {\n      ${cssScope}--modal-animation-duration: 1.5s;\n      ${cssScope}--focus-scale: .97;\n      ${cssScope}--deg: 45deg;\n      color: var(${cssGlobalVars.primaryForeground});\n      background: var(${cssGlobalVars.primaryBackground});\n      display: inline-block;\n      overflow: hidden;\n      text-align: center;\n      cursor: pointer;\n    }\n\n    [part=\"root\"] {\n      padding-block: 0.25em;\n      padding-inline: 1em;\n      position: relative;\n      user-select: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    i {\n      position: absolute;\n      inset: 0;\n      opacity: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      visibility: visible;\n      pointer-events: none;\n      transform-origin: 0 0;\n      background: currentColor;\n    }\n  `,\n)\nclass Button extends GlobalStyle {\n  /**\n   * If true, remove gradient, modal animation, focus scale.\n   */\n  @property({ type: Boolean, reflect: true })\n  plain = false;\n\n  /**\n   * Whether this element is disabled or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Whether this element is active or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Display rounded.\n   */\n  @property({ type: Boolean, reflect: true })\n  round = false;\n\n  /**\n   * Content text.\n   */\n  @property()\n  content: string;\n\n  @queryPart(\"modal-root\")\n  protected _modalRoot: HTMLElement;\n  @queryPart(\"root\")\n  protected _root: HTMLElement;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot(\"\", this.content)}\n        <span part=\"modal-root\"></span>\n      </div>\n    `;\n  }\n\n  focus(): void {\n    if (this.disabled) {\n      return;\n    }\n    this.active = true;\n    super.focus();\n  }\n\n  blur(): void {\n    this.active = false;\n    super.blur();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.events.add(this, \"click\", this._handelClick);\n  }\n\n  protected _handelClick(e: MouseEvent): void {\n    if (this.disabled) {\n      e.stopPropagation();\n      e.preventDefault();\n      return;\n    }\n    if (!this.plain) {\n      this._handleModal(e);\n    }\n  }\n\n  protected _handleModal(e: MouseEvent): void {\n    const modal = document.createElement(\"i\");\n    const { width, height } = this.getBoundingClientRect();\n    const { x, y } = this._root.getBoundingClientRect();\n    const size = `${Math.sqrt(height ** 2 + width ** 2) * 2}px`;\n    modal.style.height = size;\n    modal.style.width = size;\n    modal.style.left = `${e.x - x}px`;\n    modal.style.top = `${e.y - y}px`;\n    this._modalRoot.appendChild(modal);\n    const keyframes = [\n      {\n        transform: \"scale(0) translate(-50%, -50%)\",\n        opacity: 0.1,\n      },\n      {\n        transform: \"scale(1) translate(-50%, -50%)\",\n        offset: 0.8,\n      },\n      {\n        opacity: 0,\n      },\n    ];\n    modal.animate(keyframes, {\n      duration: 800,\n      iterations: 1,\n    });\n    modal.addEventListener(\"animationend\", () => modal.remove(), { once: true });\n  }\n}\n\nexport default Button;\nexport { Button };\n"],"version":3,"file":"component.d.ts"}

package/web-components/button/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{queryPart as e,godown as o,styles as i,attr as r,htmlSlot as n}from"@godown/element";import{css as a,html as s}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as l,cssGlobalVars as c,GlobalStyle as p}from"../../internal/global-style.js";const h="button",u=l(h);let m=class Button extends p{constructor(){super(...arguments),this.plain=!1,this.disabled=!1,this.active=!1,this.round=!1}render(){return s`<div part="root" ${r(this.observedRecord)}> ${n("",this.content)} <span part="modal-root"></span> </div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}connectedCallback(){super.connectedCallback(),this.events.add(this,"click",this._handelClick)}_handelClick(t){if(this.disabled)return t.stopPropagation(),void t.preventDefault();this.plain||this._handleModal(t)}_handleModal(t){const e=document.createElement("i"),{width:o,height:i}=this.getBoundingClientRect(),{x:r,y:n}=this._root.getBoundingClientRect(),a=2*Math.sqrt(i**2+o**2)+"px";e.style.height=a,e.style.width=a,e.style.left=t.x-r+"px",e.style.top=t.y-n+"px",this._modalRoot.appendChild(e);e.animate([{transform:"scale(0) translate(-50%, -50%)",opacity:.1},{transform:"scale(1) translate(-50%, -50%)",offset:.8},{opacity:0}],{duration:800,iterations:1}),e.addEventListener("animationend",(()=>e.remove()),{once:!0})}};t([d({type:Boolean,reflect:!0})],m.prototype,"plain",void 0),t([d({type:Boolean,reflect:!0})],m.prototype,"disabled",void 0),t([d({type:Boolean,reflect:!0})],m.prototype,"active",void 0),t([d({type:Boolean,reflect:!0})],m.prototype,"round",void 0),t([d()],m.prototype,"content",void 0),t([e("modal-root")],m.prototype,"_modalRoot",void 0),t([e("root")],m.prototype,"_root",void 0),m=t([o(h),i(a`:host(:not([disabled]):active){transform:scale(var(${u}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([plain]){${u}--gradients:unset;${u}--focus-scale:unset}`,a`:host{${u}--modal-animation-duration:1.5s;${u}--focus-scale:.97;${u}--deg:45deg;background:var(${c.primaryBackground});border-style:none;border-width:var(${c.ringWidth});color:var(${c.primaryForeground});cursor:pointer;display:block;overflow:hidden;text-align:center;width:-moz-fit-content;width:fit-content}[part=root]:not([contents]){height:100%;width:100%}[part=root]{display:grid;padding:.25em .75em;place-content:center;position:relative;-webkit-user-select:none;user-select:none}i{background:currentColor;border-radius:50%;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible;width:100%}`)],m);var v=m;export{m as Button,v as default};
+import{queryPart,godown,styles,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`button`,cssScope=scopePrefix(protoName);let Button=class e extends GlobalStyle{constructor(...e){super(...e),this.plain=!1,this.disabled=!1,this.active=!1,this.round=!1}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${htmlSlot(``,this.content)} <span part="modal-root"></span> </div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}connectedCallback(){super.connectedCallback(),this.events.add(this,`click`,this._handelClick)}_handelClick(e){if(this.disabled){e.stopPropagation(),e.preventDefault();return}this.plain||this._handleModal(e)}_handleModal(e){let l=document.createElement(`i`),{width:u,height:d}=this.getBoundingClientRect(),{x:f,y:p}=this._root.getBoundingClientRect(),m=`${Math.sqrt(d**2+u**2)*2}px`;l.style.height=m,l.style.width=m,l.style.left=`${e.x-f}px`,l.style.top=`${e.y-p}px`,this._modalRoot.appendChild(l);let h=[{transform:`scale(0) translate(-50%, -50%)`,opacity:.1},{transform:`scale(1) translate(-50%, -50%)`,offset:.8},{opacity:0}];l.animate(h,{duration:800,iterations:1}),l.addEventListener(`animationend`,()=>l.remove(),{once:!0})}};_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`plain`,void 0),_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`disabled`,void 0),_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`active`,void 0),_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`round`,void 0),_decorate([property()],Button.prototype,`content`,void 0),_decorate([queryPart(`modal-root`)],Button.prototype,`_modalRoot`,void 0),_decorate([queryPart(`root`)],Button.prototype,`_root`,void 0),Button=_decorate([godown(protoName),styles(css`:host(:not([disabled]):active){transform:scale(var(${cssScope}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([plain]){${cssScope}--gradients:unset;${cssScope}--focus-scale:unset}`,css`:host{${cssScope}--modal-animation-duration:1.5s;${cssScope}--focus-scale:.97;${cssScope}--deg:45deg;color:var(${cssGlobalVars.primaryForeground});background:var(${cssGlobalVars.primaryBackground});display:inline-block;overflow:hidden;text-align:center;cursor:pointer}[part=root]{padding-block:.25em;padding-inline:1em;position:relative;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}i{position:absolute;inset:0;opacity:0;width:100%;height:100%;border-radius:50%;visibility:visible;pointer-events:none;transform-origin:0 0;background:currentColor}`)],Button);var Button$1=Button;export{Button,Button$1 as default};
 //# sourceMappingURL=component.js.map

package/web-components/button/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/button/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Button","GlobalStyle","constructor","this","plain","disabled","active","round","render","html","attr","observedRecord","htmlSlot","content","blur","super","connectedCallback","events","add","_handelClick","e","stopPropagation","preventDefault","_handleModal","modal","document","createElement","width","height","getBoundingClientRect","x","y","_root","size","sqrt","style","left","top","_modalRoot","appendChild","animate","opacity","transform","offset","duration","iterations","addEventListener","remove","once","property","type","Boolean","reflect","prototype","__decorate","queryPart","godown","styles","css","cssGlobalVars","primaryBackground","ringWidth","primaryForeground","Button$1"],"mappings":"iTAMA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GA0E7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAKEC,KAAKC,OAAG,EAMRD,KAAQE,UAAG,EAMXF,KAAMG,QAAG,EAMTH,KAAKI,OAAG,EAaE,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAP,KAAAQ,oBAAAC,EAAA,GAAAT,KAAAU,0DAGLV,KAAKE,yCAMb,IAAAS,GAEKX,KAAAG,QAAA,EACHS,MAAQD,2BAGRC,MAAKC,oBACLb,KAAKc,OAAMC,IAAEf,KAAA,QAAAA,KAAAgB,cAGf,YAAAA,CAAIC,GACF,GAAIjB,KAACE,SAIU,OAHVe,EAACC,uBACRD,EAAAE,iBAIOnB,KAAAC,OACPD,KAAAoB,aAAAH,EAGE,cACmBA,SACfI,EAAcC,SAAEC,cAAA,MACXC,MAAAA,EAAAC,OAAAA,GAAAzB,KAAA0B,yBACTC,EAAAA,EAAAC,EAAAA,GAAA5B,KAAA6B,MAAAH,wBACKI,EAAY,OAAAC,KAAAN,GAAA,EAAAD,GAAA,GAAP,KACRH,EAAAW,MAAKP,OAAYK,EACnBT,EAAAW,MAAAR,MAAAM,EACFT,EAAAW,MAAAC,KAAAhB,EAAAU,EAAAA,EAAA,KAEUN,EAAAW,MAA0BE,IAAAjB,EAAAW,EAAAA,EAAA,KAClC5B,KAAMmC,WAAgBC,eAcpBf,EAAAgB,QAbmB,CACrB,4CAEWC,QAAO,IAElB,CACMC,UAAY,iCACHC,OAAC,IAEd,CACEF,QAAS,IAGX,CACEG,SAAA,IACAC,WAAQ,IAEVrB,EAAAsB,iBAAA,gBAAA,IAAAtB,EAAAuB,UAAA,CAAAC,MAAA,GACE,KAEH,CACDC,EAAK,CAACC,KAAOC,QAACC,SAAW,KACvBpD,EAAAqD,uBAAa,GACbC,EAAA,CACDL,EAAC,CAAAC,KAAAC,QAAAC,SAAA,KACFpD,EAAAqD,UAAsB,qBACxB,CACDJ,EAAA,CAAAC,KAAAC,QAAAC,SAAA,KArGCpD,EAAAqD,UAAA,cAAA,KADS,CACKJ,EAAA,CAAAC,KAAAC,QAAAC,SAAA,KAMdpD,EAAAqD,UAAA,aAAA,KADS,CACQJ,KAMjBjD,EAAAqD,UAAA,eAAA,KADS,CACME,EAAA,eAMfvD,EAAAqD,UAAA,kBAAA,KADS,CACKE,EAAA,SAMdvD,EAAAqD,UAAA,aAAA,GADCrD,EAAAsD,EAAU,CACKE,EAAA3D,GAGN4D,EAAAC,CAAA,sDAAA5D,+IAAAA,sBAAAA,wBAAA4D,CAAA,SAAA5D,oCAAAA,sBAAAA,+BAAA6D,EAAAC,yDAAAD,EAAAE,wBAAAF,EAAAG,udAAwB,IAAAC,EAAA/D"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/button/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, queryPart, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"button\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Button} renders a button.\n *\n * Create modal animation upon clicking.\n *\n * @slot - The content of the button.\n * @category input\n */\n@godown(protoName)\n@styles(\n  css`\n    :host(:not([disabled]):active) {\n      transform: scale(var(${cssScope}--focus-scale));\n    }\n\n    :host([round]) {\n      border-radius: calc(infinity * 1px);\n    }\n\n    :host([disabled]) {\n      cursor: not-allowed;\n      filter: brightness(0.85);\n    }\n\n    :host([plain]) {\n      ${cssScope}--gradients: unset;\n      ${cssScope}--focus-scale: unset;\n    }\n  `,\n  css`\n    :host {\n      ${cssScope}--modal-animation-duration: 1.5s;\n      ${cssScope}--focus-scale: .97;\n      ${cssScope}--deg: 45deg;\n      color: var(${cssGlobalVars.primaryForeground});\n      background: var(${cssGlobalVars.primaryBackground});\n      display: inline-block;\n      overflow: hidden;\n      text-align: center;\n      cursor: pointer;\n    }\n\n    [part=\"root\"] {\n      padding-block: 0.25em;\n      padding-inline: 1em;\n      position: relative;\n      user-select: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    i {\n      position: absolute;\n      inset: 0;\n      opacity: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      visibility: visible;\n      pointer-events: none;\n      transform-origin: 0 0;\n      background: currentColor;\n    }\n  `,\n)\nclass Button extends GlobalStyle {\n  /**\n   * If true, remove gradient, modal animation, focus scale.\n   */\n  @property({ type: Boolean, reflect: true })\n  plain = false;\n\n  /**\n   * Whether this element is disabled or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Whether this element is active or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Display rounded.\n   */\n  @property({ type: Boolean, reflect: true })\n  round = false;\n\n  /**\n   * Content text.\n   */\n  @property()\n  content: string;\n\n  @queryPart(\"modal-root\")\n  protected _modalRoot: HTMLElement;\n  @queryPart(\"root\")\n  protected _root: HTMLElement;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot(\"\", this.content)}\n        <span part=\"modal-root\"></span>\n      </div>\n    `;\n  }\n\n  focus(): void {\n    if (this.disabled) {\n      return;\n    }\n    this.active = true;\n    super.focus();\n  }\n\n  blur(): void {\n    this.active = false;\n    super.blur();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.events.add(this, \"click\", this._handelClick);\n  }\n\n  protected _handelClick(e: MouseEvent): void {\n    if (this.disabled) {\n      e.stopPropagation();\n      e.preventDefault();\n      return;\n    }\n    if (!this.plain) {\n      this._handleModal(e);\n    }\n  }\n\n  protected _handleModal(e: MouseEvent): void {\n    const modal = document.createElement(\"i\");\n    const { width, height } = this.getBoundingClientRect();\n    const { x, y } = this._root.getBoundingClientRect();\n    const size = `${Math.sqrt(height ** 2 + width ** 2) * 2}px`;\n    modal.style.height = size;\n    modal.style.width = size;\n    modal.style.left = `${e.x - x}px`;\n    modal.style.top = `${e.y - y}px`;\n    this._modalRoot.appendChild(modal);\n    const keyframes = [\n      {\n        transform: \"scale(0) translate(-50%, -50%)\",\n        opacity: 0.1,\n      },\n      {\n        transform: \"scale(1) translate(-50%, -50%)\",\n        offset: 0.8,\n      },\n      {\n        opacity: 0,\n      },\n    ];\n    modal.animate(keyframes, {\n      duration: 800,\n      iterations: 1,\n    });\n    modal.addEventListener(\"animationend\", () => modal.remove(), { once: true });\n  }\n}\n\nexport default Button;\nexport { Button };\n"],"names":["Button","e: MouseEvent","modal","size","height","width","x","y","keyframes"],"mappings":"oRAMA,MAAM,UAAY,SACZ,SAAW,YAAY,UAAU,CAUvC,IAAA,OAAA,MA0DMA,UAAe,WAAY,oCAK/B,OAAQ,OAMR,UAAW,OAMX,QAAS,OAMT,OAAQ,EAaE,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,SAAS,GAAI,KAAK,QAAQ,CAAA,uCAGhC,CAAC,AACF,CAED,OAAc,CACR,KAAK,WAGT,KAAK,QAAS,EACd,MAAM,OAAO,CACd,CAED,MAAa,CAEX,AADA,KAAK,QAAS,EACd,MAAM,MAAM,AACb,CAED,mBAA0B,CAExB,AADA,MAAM,mBAAmB,CACzB,KAAK,OAAO,IAAI,KAAM,QAAS,KAAK,aAAa,AAClD,CAES,aAAaC,EAAqB,CAC1C,GAAI,KAAK,SAAU,CAEjB,AADA,EAAE,iBAAiB,CACnB,EAAE,gBAAgB,CAClB,MACD,CACD,AAAK,KAAK,OACR,KAAK,aAAa,EAAE,AAEvB,CAES,aAAaA,EAAqB,CAC1C,IAAMC,EAAQ,SAAS,cAAc,IAAI,CACnC,CAAE,QAAO,SAAQ,CAAG,KAAK,uBAAuB,CAChD,CAAE,IAAG,IAAG,CAAG,KAAK,MAAM,uBAAuB,CAC7CC,EAAO,GAAG,KAAK,KAAKC,GAAU,EAAIC,GAAS,EAAE,CAAG,EAAE,EAAE,CAAC,CAK3D,AAJAH,EAAM,MAAM,OAASC,EACrBD,EAAM,MAAM,MAAQC,EACpBD,EAAM,MAAM,KAAO,GAAG,EAAE,EAAII,EAAE,EAAE,CAAC,CACjCJ,EAAM,MAAM,IAAM,GAAG,EAAE,EAAIK,EAAE,EAAE,CAAC,CAChC,KAAK,WAAW,YAAYL,EAAM,CAClC,IAAMM,EAAY,CAChB,CACE,UAAW,iCACX,QAAS,EACV,EACD,CACE,UAAW,iCACX,OAAQ,EACT,EACD,CACE,QAAS,CAAA,CAEZ,EAKD,AAJA,EAAM,QAAQA,EAAW,CACvB,SAAU,IACV,WAAY,CACb,EAAC,CACF,EAAM,iBAAiB,eAAgB,IAAM,EAAM,QAAQ,CAAE,CAAE,MAAM,CAAM,EAAC,AAC7E,CACF,EApKA,WA8DE,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,OAAA,UAAA,YAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,OAAA,UAAA,eAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,OAAA,UAAA,aAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,OAAA,UAAA,YAAA,GAAA,YAM1C,UAAU,AAAA,EAAA,OAAA,UAAA,iBAAA,CAGV,UAAA,CAAA,UAAU,aAAa,AAAA,EAAA,OAAA,UAAA,oBAAA,CAEvB,UAAA,CAAA,UAAU,OAAO,AAAA,EAAA,OAAA,UAAA,eAAA,CA3FnB,OAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OACC,GAAG,CAAC,mDAEqB,EAAE,SAAS,2IAahC,EAAE,SAAS,kBACX,EAAE,SAAS,oBAEf,CAAC,CACD,GAAG,CAAC,MAEA,EAAE,SAAS,gCACX,EAAE,SAAS,kBACX,EAAE,SAAS,sBACA,EAAE,cAAc,kBAAkB,iBAC7B,EAAE,cAAc,kBAAkB,wZA6BtD,CAAC,CACF,AAAA,EAAA,OAAA,CA6GD,IAAA,SAAe"}

package/web-components/button/definition.d.ts

@@ -1,8 +1,7 @@
 import Button from "./component.js";
 export default Button;
 declare global {
-    interface HTMLElementTagNameMap {
-        "godown-button": Button;
-    }
+	interface HTMLElementTagNameMap {
+		"godown-button": Button;
+	}
 }
-//# sourceMappingURL=definition.d.ts.map

package/web-components/button/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/button/definition.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gBAAgB,CAAC;AAIpC,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,MAAM,CAAC;KACzB;CACF"}
+{"mappings":"AAAA,OAAO,YAAY,gBAAiB;AAIpC,eAAe;eAEA;WACH,sBAAsB;EAC9B,iBAAiB;CAClB;AACF","names":[],"sources":["../../../src/web-components/button/definition.ts"],"sourcesContent":["import Button from \"./component.js\";\n\nButton.define();\n\nexport default Button;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-button\": Button;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/button/definition.js

@@ -1,2 +1,2 @@
-import e from"./component.js";e.define();export{e as default};
+import Button from"./component.js";Button.define();export{Button as default};
 //# sourceMappingURL=definition.js.map

package/web-components/button/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/button/definition.ts"],"sourcesContent":null,"names":["Button","define"],"mappings":"8BAEAA,EAAOC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/button/definition.ts"],"sourcesContent":["import Button from \"./component.js\";\n\nButton.define();\n\nexport default Button;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-button\": Button;\n  }\n}\n"],"names":[],"mappings":"mCAEA,OAAO,QAAQ"}

package/web-components/card/component.d.ts

@@ -2,29 +2,28 @@ import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 import { type RingType } from "../../internal/ring.js";
 /**
- * {@linkcode Card} renders a card.
- *
- * This may be similar to {@linkcode Layout},
- * but it needs to be specified to enable header and footer.
- *
- * @slot - The main content of the card.
- * @slot header - The header of the card.
- * @slot footer - The footer of the card.
- * @category display
- */
+* {@linkcode Card} renders a card.
+*
+* This may be similar to {@linkcode Layout},
+* but it needs to be specified to enable header and footer.
+*
+* @slot - The main content of the card.
+* @slot header - The header of the card.
+* @slot footer - The footer of the card.
+* @category display
+*/
 declare class Card extends GlobalStyle {
-    constructor();
-    ringType: RingType;
-    /**
-     * Whether to display the header.
-     */
-    footer: boolean;
-    /**
-     * Whether to display the footer.
-     */
-    header: boolean;
-    protected render(): TemplateResult<1>;
+	constructor();
+	ringType: RingType;
+	/**
+	* Whether to display the header.
+	*/
+	footer: boolean;
+	/**
+	* Whether to display the footer.
+	*/
+	header: boolean;
+	protected render(): TemplateResult<1>;
 }
 export default Card;
 export { Card };
-//# sourceMappingURL=component.d.ts.map

package/web-components/card/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/card/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,gCAAgC,CAAC;AAEzF,OAAO,EAAkC,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAKvF;;;;;;;;;;GAUG;AACH,cA2BM,IAAK,SAAQ,WAAW;;IAO5B,QAAQ,EAAE,QAAQ,CAAY;IAE9B;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAUtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;AAEzF,cAA8C,gBAAgB,wBAAyB;;;;;;;;;;;;AAgBvF,cA0BM,aAAa,YAAY;CAC7B;CAKA,AACA,UAAU;;;;CAKV,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;AAUpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/card/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport type Layout from \"../layout/component.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"card\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Card} renders a card.\n *\n * This may be similar to {@linkcode Layout},\n * but it needs to be specified to enable header and footer.\n *\n * @slot - The main content of the card.\n * @slot header - The header of the card.\n * @slot footer - The footer of the card.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    background: var(${cssGlobalVars.background});\n    color: var(${cssGlobalVars.foreground});\n    display: block;\n    flex-shrink: 0;\n  }\n\n  slot {\n    display: block;\n    padding: 1em;\n  }\n\n  [part=\"root\"] {\n    border-radius: inherit;\n  }\n\n  [name=\"footer\"] {\n    padding-top: 0;\n  }\n\n  [name=\"header\"] {\n    padding-bottom: 0;\n  }\n`)\nclass Card extends GlobalStyle {\n  constructor() {\n    super();\n    new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);\n  }\n\n  @property({ attribute: ringTypeAttribute })\n  ringType: RingType = \"border\";\n\n  /**\n   * Whether to display the header.\n   */\n  @property({ type: Boolean })\n  footer = false;\n\n  /**\n   * Whether to display the footer.\n   */\n  @property({ type: Boolean })\n  header = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[this.header ? htmlSlot(\"header\") : \"\", htmlSlot(), this.footer ? htmlSlot(\"footer\") : \"\"]}\n      </div>\n    `;\n  }\n}\n\nexport default Card;\nexport { Card };\n"],"version":3,"file":"component.d.ts"}

package/web-components/card/component.js

@@ -1,2 +1,2 @@
-import{__decorate as r}from"tslib";import{godown as o,styles as t,StyleController as e,attr as i,htmlSlot as d}from"@godown/element";import{css as a,html as n}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as l,GlobalStyle as m}from"../../internal/global-style.js";import{ringTypeAttribute as h,RingBuilder as f}from"../../internal/ring.js";const g="card",c=s(g);let y=class Card extends m{constructor(){super(),this.ringType="border",this.footer=!1,this.header=!1,new e(this,(()=>new f({type:this.ringType}).css))}render(){return n`<div part="root" ${i(this.observedRecord)}> ${[this.header?d("header"):"",d(),this.footer?d("footer"):""]} </div>`}};r([p({attribute:h})],y.prototype,"ringType",void 0),r([p({type:Boolean})],y.prototype,"footer",void 0),r([p({type:Boolean})],y.prototype,"header",void 0),y=r([o(g),t(a`:host{${c}--padding:.75em;background:var(${l.background});color:var(${l.foreground});display:block;flex-shrink:0}slot{display:block;padding:var(${c}--padding)}[part=root]{border-radius:inherit}[name=footer]{padding-top:0}[name=header]{padding-bottom:0}`)],y);var b=y;export{y as Card,b as default};
+import{godown,styles,StyleController,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import{ringTypeAttribute,RingBuilder}from"../../internal/ring.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`card`;scopePrefix(protoName);let Card=class e extends GlobalStyle{constructor(){super(),this.ringType=`border`,this.footer=!1,this.header=!1,new StyleController(this,()=>new RingBuilder({type:this.ringType}).css)}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${[this.header?htmlSlot(`header`):``,htmlSlot(),this.footer?htmlSlot(`footer`):``]} </div>`}};_decorate([property({attribute:ringTypeAttribute})],Card.prototype,`ringType`,void 0),_decorate([property({type:Boolean})],Card.prototype,`footer`,void 0),_decorate([property({type:Boolean})],Card.prototype,`header`,void 0),Card=_decorate([godown(protoName),styles(css`:host{background:var(${cssGlobalVars.background});color:var(${cssGlobalVars.foreground});display:block;flex-shrink:0}slot{display:block;padding:1em}[part=root]{border-radius:inherit}[name=footer]{padding-top:0}[name=header]{padding-bottom:0}`)],Card);var Card$1=Card;export{Card,Card$1 as default};
 //# sourceMappingURL=component.js.map

package/web-components/card/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/card/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Card","GlobalStyle","constructor","super","this","ringType","footer","header","StyleController","RingBuilder","type","css","render","html","attr","observedRecord","htmlSlot","__decorate","prototype","Boolean","property","godown","styles","cssGlobalVars","background","foreground","Card$1"],"mappings":"mYAQA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAwC7B,IAAMG,EAAN,MAAMA,aAAaC,EACjB,WAAAC,GACEC,QAKFC,KAAQC,SAAa,SAMrBD,KAAME,QAAG,EAMTF,KAAMG,QAAG,EAhBP,IAAIC,EAAgBJ,MAAM,IAAM,IAAIK,EAAY,CAAEC,KAAMN,KAAKC,WAAYM,MAkBjE,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAV,KAAAW,oBAAA,CAAAX,KAAAG,OAAAS,EAAA,UAAA,GAAAA,IAAAZ,KAAAE,OAAAU,EAAA,UAAA,eAGLC,EAAA,mBAEAjB,EAAAkB,UAAY,gBAAG,QAEpB,CAAAR,KAAAS,aACHD,UAAA,cAAA,KACD,CAxBCE,EAAA,CAAAV,KAAAS,WADCnB,EAAAkB,UAAW,cAAW,GACOlB,EAAAiB,EAAA,CAM9BI,EAAAxB,GADCyB,EAAAX,CAAW,SAAMb,mCAASyB,EAAAC,yBAAAD,EAAAE,0EAAA3B,8GACZE,GAMf,IAAA0B,EAAA1B"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/card/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport type Layout from \"../layout/component.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"card\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Card} renders a card.\n *\n * This may be similar to {@linkcode Layout},\n * but it needs to be specified to enable header and footer.\n *\n * @slot - The main content of the card.\n * @slot header - The header of the card.\n * @slot footer - The footer of the card.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    background: var(${cssGlobalVars.background});\n    color: var(${cssGlobalVars.foreground});\n    display: block;\n    flex-shrink: 0;\n  }\n\n  slot {\n    display: block;\n    padding: 1em;\n  }\n\n  [part=\"root\"] {\n    border-radius: inherit;\n  }\n\n  [name=\"footer\"] {\n    padding-top: 0;\n  }\n\n  [name=\"header\"] {\n    padding-bottom: 0;\n  }\n`)\nclass Card extends GlobalStyle {\n  constructor() {\n    super();\n    new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);\n  }\n\n  @property({ attribute: ringTypeAttribute })\n  ringType: RingType = \"border\";\n\n  /**\n   * Whether to display the header.\n   */\n  @property({ type: Boolean })\n  footer = false;\n\n  /**\n   * Whether to display the footer.\n   */\n  @property({ type: Boolean })\n  header = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[this.header ? htmlSlot(\"header\") : \"\", htmlSlot(), this.footer ? htmlSlot(\"footer\") : \"\"]}\n      </div>\n    `;\n  }\n}\n\nexport default Card;\nexport { Card };\n"],"names":["Card"],"mappings":"4VAQA,MAAM,UAAY,OACD,YAAY,UAAA,CAa7B,IAAA,KAAA,MA0BMA,UAAa,WAAY,CAC7B,aAAc,CAEZ,AADA,OAAO,MAKT,SAAqB,cAMrB,QAAS,OAMT,QAAS,EAhBP,IAAI,gBAAgB,KAAM,IAAM,IAAI,YAAY,CAAE,KAAM,KAAK,QAAU,GAAE,IAC1E,CAiBS,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,CAAC,KAAK,OAAS,SAAS,SAAS,CAAG,GAAI,UAAU,CAAE,KAAK,OAAS,SAAS,SAAS,CAAG,EAAG,EAAA,OAEhG,CAAC,AACF,CACF,EAzDA,WAgCE,SAAS,CAAE,UAAW,iBAAmB,EAAC,AAAA,EAAA,KAAA,UAAA,kBAAA,YAM1C,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,gBAAA,YAM3B,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,gBAAA,CA5C7B,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,qBAEQ,EAAE,cAAc,WAAW,YAChC,EAAE,cAAc,WAAW,0JAqB1C,CAAC,CAAC,AAAA,EAAA,KAAA,CAkCF,IAAA,OAAe"}

package/web-components/card/definition.d.ts

@@ -1,8 +1,7 @@
 import Card from "./component.js";
 export default Card;
 declare global {
-    interface HTMLElementTagNameMap {
-        "godown-card": Card;
-    }
+	interface HTMLElementTagNameMap {
+		"godown-card": Card;
+	}
 }
-//# sourceMappingURL=definition.d.ts.map

package/web-components/card/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/card/definition.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAIlC,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,IAAI,CAAC;KACrB;CACF"}
+{"mappings":"AAAA,OAAO,UAAU,gBAAiB;AAIlC,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe;CAChB;AACF","names":[],"sources":["../../../src/web-components/card/definition.ts"],"sourcesContent":["import Card from \"./component.js\";\n\nCard.define();\n\nexport default Card;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-card\": Card;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/card/definition.js

@@ -1,2 +1,2 @@
-import e from"./component.js";e.define();export{e as default};
+import Card from"./component.js";Card.define();export{Card as default};
 //# sourceMappingURL=definition.js.map

package/web-components/card/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/card/definition.ts"],"sourcesContent":null,"names":["Card","define"],"mappings":"8BAEAA,EAAKC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/card/definition.ts"],"sourcesContent":["import Card from \"./component.js\";\n\nCard.define();\n\nexport default Card;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-card\": Card;\n  }\n}\n"],"names":[],"mappings":"iCAEA,KAAK,QAAQ"}

package/web-components/carousel/component.d.ts

@@ -1,40 +1,39 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Carousel} make the content display as a carousel.
- *
- * When this component is `firstUpdated`,
- * clone the first and last element and make the matching element visible when switching index.
- *
- * @slot - Carousel items, should maintain the same size.
- * @fires change - Fires when the index changes.
- * @category display
- */
+* {@linkcode Carousel} make the content display as a carousel.
+*
+* When this component is `firstUpdated`,
+* clone the first and last element and make the matching element visible when switching index.
+*
+* @slot - Carousel items, should maintain the same size.
+* @fires change - Fires when the index changes.
+* @category display
+*/
 declare class Carousel extends GlobalStyle {
-    /**
-     * The index of the current item.
-     */
-    index: number;
-    /**
-     * The duration of the transition.
-     */
-    autoChange: number;
-    protected _moveRoot: HTMLElement;
-    intervalID: number;
-    private __cloneFirst;
-    private __cloneLast;
-    protected _offset: number;
-    protected render(): TemplateResult<1>;
-    connectedCallback(): void;
-    protected firstUpdated(): Promise<void>;
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    show(i: number, n?: boolean): void;
-    next(): void;
-    prev(): void;
-    protected _doTranslateX(xValue: string, noTransition?: boolean): void;
-    protected _computeOffset(): number;
-    normalizeIndex(i: number): number;
+	/**
+	* The index of the current item.
+	*/
+	index: number;
+	/**
+	* The duration of the transition.
+	*/
+	autoChange: number;
+	protected _moveRoot: HTMLElement;
+	intervalID: number;
+	private __cloneFirst;
+	private __cloneLast;
+	protected _offset: number;
+	protected render(): TemplateResult<1>;
+	connectedCallback(): void;
+	protected firstUpdated(): Promise<void>;
+	attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+	show(i: number, n?: boolean): void;
+	next(): void;
+	prev(): void;
+	protected _doTranslateX(xValue: string, noTransition?: boolean): void;
+	protected _computeOffset(): number;
+	normalizeIndex(i: number): number;
 }
 export default Carousel;
 export { Carousel };
-//# sourceMappingURL=component.d.ts.map

package/web-components/carousel/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/carousel/component.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAQ7D;;;;;;;;;GASG;AACH,cA6CM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAGf,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,WAAW,CAA0B;IAE7C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAuBrC,iBAAiB,IAAI,IAAI;cAgBT,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAK7C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;IAgBlC,IAAI,IAAI,IAAI;IASZ,IAAI,IAAI,IAAI;IASZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAKrE,SAAS,CAAC,cAAc,IAAI,MAAM;IASlC,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;CASlC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"mappings":"AAGA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;;;;;AAkB7D,cA6CM,iBAAiB,YAAY;;;;CAIjC,AACA;;;;CAKA,AACA;CAEA,UACU,WAAW;CAErB;CAEA,QAAQ;CAER,QAAQ;CAER,UAAU;CAEV,UAAU,UAAU,eAAe;CAuBnC;CAgBA,UAAgB,gBAAgB;CAKhC,yBAAyBA,cAAcC,qBAAqBC;CAO5D,KAAKC,WAAWC;CAgBhB;CASA;CASA,UAAU,cAAcC,gBAAgBC;CAKxC,UAAU;CASV,eAAeH;AAShB;AAED,eAAe;AACf,SAAS","names":["name: string","_old: string | null","value: string | null","i: number","n?: boolean","xValue: string","noTransition?: boolean"],"sources":["../../../src/web-components/carousel/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, queryPart, styles } from \"@godown/element\";\nimport iconCaretLeft from \"../../internal/icons/caret-left.js\";\nimport iconCaretRight from \"../../internal/icons/caret-right.js\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"carousel\";\n\nfunction getWidth(e) {\n  return e.getBoundingClientRect().width;\n}\n\n/**\n * {@linkcode Carousel} make the content display as a carousel.\n *\n * When this component is `firstUpdated`,\n * clone the first and last element and make the matching element visible when switching index.\n *\n * @slot - Carousel items, should maintain the same size.\n * @fires change - Fires when the index changes.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    transition: 0.3s;\n  }\n\n  [part=\"root\"] {\n    direction: ltr;\n    overflow: hidden;\n  }\n\n  [part=\"root\"],\n  [part=\"move-root\"] {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    position: relative;\n    transition: inherit;\n  }\n\n  [part=\"prev\"],\n  [part=\"next\"] {\n    height: 100%;\n    width: 1.5em;\n    z-index: 1;\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n  }\n\n  [part=\"prev\"] {\n    left: 0;\n  }\n\n  [part=\"next\"] {\n    right: 0;\n  }\n\n  slot::slotted(*) {\n    flex-shrink: 0 !important;\n  }\n`)\nclass Carousel extends GlobalStyle {\n  /**\n   * The index of the current item.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  /**\n   * The duration of the transition.\n   */\n  @property({ type: Number })\n  autoChange = 0;\n\n  @queryPart(\"move-root\")\n  protected _moveRoot: HTMLElement;\n\n  intervalID: number;\n\n  private __cloneFirst: HTMLElement | undefined;\n\n  private __cloneLast: HTMLElement | undefined;\n\n  protected _offset: number;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        <i\n          part=\"prev\"\n          @click=\"${this.prev}\"\n        >\n          ${iconCaretLeft()}\n        </i>\n        <div part=\"move-root\">${htmlSlot()}</div>\n        <i\n          part=\"next\"\n          @click=\"${this.next}\"\n        >\n          ${iconCaretRight()}\n        </i>\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.children.length) {\n      this.__cloneFirst?.remove();\n      this.__cloneLast?.remove();\n      this.__cloneLast = this.firstElementChild.cloneNode(true) as HTMLElement;\n      this.__cloneFirst = this.lastElementChild.cloneNode(true) as HTMLElement;\n      this.appendChild(this.__cloneLast);\n      this.insertBefore(this.__cloneFirst, this.firstElementChild);\n    }\n    this.observers.add(this, ResizeObserver, () => {\n      this._offset = this._computeOffset();\n      this._doTranslateX(`${this._offset}px`, true);\n    });\n  }\n\n  protected async firstUpdated(): Promise<void> {\n    await this.updateComplete;\n    this.show(this.index, true);\n  }\n\n  attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n    super.attributeChangedCallback(name, _old, value);\n    if (name === \"index\" && this.isConnected) {\n      this.show(this.index);\n    }\n  }\n\n  show(i: number, n?: boolean): void {\n    i = this.normalizeIndex(i);\n    this.index = i;\n    this._offset = this._computeOffset();\n    this._doTranslateX(`${this._offset}px`, n);\n    this.dispatchCustomEvent(\"change\", i);\n    this.timeouts.remove(this.intervalID);\n    if (this.autoChange > 0) {\n      this.intervalID = this.timeouts.add(\n        setInterval(() => {\n          this.next();\n        }, this.autoChange),\n      );\n    }\n  }\n\n  next(): void {\n    if (this.index === this.childElementCount - 3) {\n      this._doTranslateX(\"0\", true);\n      this.show(0);\n    } else {\n      this.show(this.index + 1);\n    }\n  }\n\n  prev(): void {\n    if (this.index === 0) {\n      this._doTranslateX(`-${this.childElementCount - 1}00%`, true);\n      this.show(this.children.length - 3);\n    } else {\n      this.show(this.index - 1);\n    }\n  }\n\n  protected _doTranslateX(xValue: string, noTransition?: boolean): void {\n    this._moveRoot.style.transform = `translateX(${xValue})`;\n    this._moveRoot.style.transition = noTransition ? \"none\" : \"\";\n  }\n\n  protected _computeOffset(): number {\n    let offset = 0;\n    for (let childIndex = 0; childIndex <= this.index; childIndex++) {\n      offset -= getWidth(this.children[childIndex]);\n    }\n    offset += (getWidth(this) - getWidth(this.children[this.index + 1])) / 2;\n    return offset;\n  }\n\n  normalizeIndex(i: number): number {\n    if (i < 0) {\n      return 0;\n    }\n    if (i > this.children.length - 3) {\n      return this.children.length - 3;\n    }\n    return i;\n  }\n}\n\nexport default Carousel;\nexport { Carousel };\n"],"version":3,"file":"component.d.ts"}