godown 3.13.1 → 3.13.2

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

@@ -2,28 +2,27 @@ import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 import { type RingType } from "../../internal/ring.js";
 /**
- * {@linkcode Alert} renders a alert.
- *
- * @slot - Alert content.
- * @slot title - Alert title.
- * @slot prefix - Alert prefix.
- * @slot suffix - Alert suffix.
- * @category feedback
- */
+* {@linkcode Alert} renders a alert.
+*
+* @slot - Alert content.
+* @slot title - Alert title.
+* @slot prefix - Alert prefix.
+* @slot suffix - Alert suffix.
+* @category feedback
+*/
 declare class Alert extends GlobalStyle {
-    constructor();
-    ringType: RingType;
-    /**
-     * The title is bold and the icon height is the same as it.
-     */
-    title: string;
-    /**
-     * Content, if zero value, will be rendered as an unnamed slot.
-     */
-    content: string;
-    protected render(): TemplateResult<1>;
-    static alert(root: HTMLElement, option: Partial<Alert>): Alert;
+	constructor();
+	ringType: RingType;
+	/**
+	* The title is bold and the icon height is the same as it.
+	*/
+	title: string;
+	/**
+	* Content, if zero value, will be rendered as an unnamed slot.
+	*/
+	content: string;
+	protected render(): TemplateResult<1>;
+	static alert(root: HTMLElement, option: Partial<Alert>): Alert;
 }
 export default Alert;
 export { Alert };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/alert/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAkC,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAIvF;;;;;;;;GAQG;AACH,cAmBM,KAAM,SAAQ,WAAW;;IAO7B,QAAQ,EAAE,QAAQ,CAAY;IAE9B;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAarC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAwB,mBAAmB,gCAAiC;AAC5E,cAA8C,gBAAgB,wBAAyB;;;;;;;;;;AAavF,cAmBM,cAAc,YAAY;CAC9B;CAKA,AACA,UAAU;;;;CAKV,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;CAanC,OAAO,MAAMA,MAAM,aAAaC,QAAQ,QAAQ,SAAS;AAM1D;AAED,eAAe;AACf,SAAS","names":["root: HTMLElement","option: Partial<Alert>"],"sources":["../../../src/web-components/alert/component.ts"],"sourcesContent":["import { godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, GlobalStyle } from \"../../internal/global-style.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"alert\";\n\n/**\n * {@linkcode Alert} renders a alert.\n *\n * @slot - Alert content.\n * @slot title - Alert title.\n * @slot prefix - Alert prefix.\n * @slot suffix - Alert suffix.\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    background: var(${cssGlobalVars.background});\n    color: var(${cssGlobalVars.foreground});\n  }\n\n  :host,\n  :where(:host([contents]) [part=\"root\"]),\n  b {\n    display: block;\n  }\n\n  [part=\"root\"] {\n    padding: 1em;\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n  }\n`)\nclass Alert 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   * The title is bold and the icon height is the same as it.\n   */\n  @property()\n  title: string;\n\n  /**\n   * Content, if zero value, will be rendered as an unnamed slot.\n   */\n  @property()\n  content: string;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\">\n        <div>${htmlSlot(\"prefix\")}</div>\n        <div part=\"content\">\n          <b part=\"title\">${htmlSlot(\"title\", this.title)}</b>\n          ${htmlSlot(\"\", this.content)}\n        </div>\n        <div>${htmlSlot(\"suffix\")}</div>\n      </div>\n    `;\n  }\n\n  static alert(root: HTMLElement, option: Partial<Alert>): Alert {\n    const ai = new this();\n    Object.assign(ai, option);\n    root.appendChild(ai);\n    return ai;\n  }\n}\n\nexport default Alert;\nexport { Alert };\n"],"version":3,"file":"component.d.ts"}

package/web-components/alert/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as r,styles as o,StyleController as e,htmlSlot as i}from"@godown/element";import{css as n,html as s}from"lit";import{property as p}from"lit/decorators.js";import{cssGlobalVars as a,GlobalStyle as d}from"../../internal/global-style.js";import{ringTypeAttribute as l,RingBuilder as c}from"../../internal/ring.js";let m=class Alert extends d{constructor(){super(),this.ringType="border",new e(this,(()=>new c({type:this.ringType}).css))}render(){return s`<div part="root"> <div>${i("prefix")}</div> <div part="content"> <b part="title">${i("title",this.title)}</b> ${i("",this.content)} </div> <div>${i("suffix")}</div> </div>`}static alert(t,r){const o=new this;return Object.assign(o,r),t.appendChild(o),o}};t([p({attribute:l})],m.prototype,"ringType",void 0),t([p()],m.prototype,"title",void 0),t([p()],m.prototype,"content",void 0),m=t([r("alert"),o(n`:host{background:var(${a.background});color:var(${a.foreground})}:host,:where(:host([contents]) [part=root]),b{display:block}[part=root]{display:grid;grid-template-columns:auto 1fr auto;padding:1em}`)],m);var v=m;export{m as Alert,v as default};
+import{godown,styles,StyleController,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import{ringTypeAttribute,RingBuilder}from"../../internal/ring.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`alert`;let Alert=class e extends GlobalStyle{constructor(){super(),this.ringType=`border`,new StyleController(this,()=>new RingBuilder({type:this.ringType}).css)}render(){return html`<div part="root"> <div>${htmlSlot(`prefix`)}</div> <div part="content"> <b part="title">${htmlSlot(`title`,this.title)}</b> ${htmlSlot(``,this.content)} </div> <div>${htmlSlot(`suffix`)}</div> </div>`}static alert(e,p){let m=new this;return Object.assign(m,p),e.appendChild(m),m}};_decorate([property({attribute:ringTypeAttribute})],Alert.prototype,`ringType`,void 0),_decorate([property()],Alert.prototype,`title`,void 0),_decorate([property()],Alert.prototype,`content`,void 0),Alert=_decorate([godown(protoName),styles(css`:host{background:var(${cssGlobalVars.background});color:var(${cssGlobalVars.foreground})}:host,:where(:host([contents]) [part=root]),b{display:block}[part=root]{padding:1em;display:grid;grid-template-columns:auto 1fr auto}`)],Alert);var Alert$1=Alert;export{Alert,Alert$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/alert/component.ts"],"sourcesContent":null,"names":["Alert","GlobalStyle","constructor","super","this","ringType","StyleController","RingBuilder","type","css","render","html","htmlSlot","title","content","root","option","Object","assign","ai","appendChild","property","attribute","ringTypeAttribute","prototype","__decorate","godown","styles","cssGlobalVars","background","foreground","Alert$1"],"mappings":"wWAqCA,IAAMA,EAAN,MAAMA,cAAcC,EAClB,WAAAC,GACEC,QAKFC,KAAQC,SAAa,SAJnB,IAAIC,EAAgBF,MAAM,IAAM,IAAIG,EAAY,CAAEC,KAAMJ,KAAKC,WAAYI,MAkBjE,MAAAC,GACR,OAAOC,CAAI,0BAAAC,EAAA,wDAAAA,EAAA,QAAAR,KAAAS,cAAAD,EAAA,GAAAR,KAAAU,wBAAAF,EAAA,sCAEQG,EAAAC,2BAEKC,OAAAC,OAAAC,EAAAH,GAChBD,EAAAK,YAAaD,SAIpB,CACHE,EAAA,CAAAC,UAAAC,KAEAvB,EAAAwB,UAAa,gBAAyC,GACpDC,EAAA,CACAJ,KACArB,EAAAwB,UAAK,aAAe,GACpBC,EAAA,CACFJ,KACDrB,EAAAwB,UAAA,eAAA,GAjCCxB,EAAAyB,EAAA,CADCC,EApCe,SAqCcC,EAAAlB,CAAA,wBAAAmB,EAAAC,yBAAAD,EAAAE,sJAM9B9B,GADC,IAAA+B,EAAU/B"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/alert/component.ts"],"sourcesContent":["import { godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, GlobalStyle } from \"../../internal/global-style.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"alert\";\n\n/**\n * {@linkcode Alert} renders a alert.\n *\n * @slot - Alert content.\n * @slot title - Alert title.\n * @slot prefix - Alert prefix.\n * @slot suffix - Alert suffix.\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    background: var(${cssGlobalVars.background});\n    color: var(${cssGlobalVars.foreground});\n  }\n\n  :host,\n  :where(:host([contents]) [part=\"root\"]),\n  b {\n    display: block;\n  }\n\n  [part=\"root\"] {\n    padding: 1em;\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n  }\n`)\nclass Alert 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   * The title is bold and the icon height is the same as it.\n   */\n  @property()\n  title: string;\n\n  /**\n   * Content, if zero value, will be rendered as an unnamed slot.\n   */\n  @property()\n  content: string;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\">\n        <div>${htmlSlot(\"prefix\")}</div>\n        <div part=\"content\">\n          <b part=\"title\">${htmlSlot(\"title\", this.title)}</b>\n          ${htmlSlot(\"\", this.content)}\n        </div>\n        <div>${htmlSlot(\"suffix\")}</div>\n      </div>\n    `;\n  }\n\n  static alert(root: HTMLElement, option: Partial<Alert>): Alert {\n    const ai = new this();\n    Object.assign(ai, option);\n    root.appendChild(ai);\n    return ai;\n  }\n}\n\nexport default Alert;\nexport { Alert };\n"],"names":["Alert","root: HTMLElement","option: Partial<Alert>","ai","option"],"mappings":"2UAOA,MAAM,UAAY,QAWlB,IAAA,MAAA,MAmBMA,UAAc,WAAY,CAC9B,aAAc,CAEZ,AADA,OAAO,MAKT,SAAqB,SAJnB,IAAI,gBAAgB,KAAM,IAAM,IAAI,YAAY,CAAE,KAAM,KAAK,QAAU,GAAE,IAC1E,CAiBS,QAA4B,CACpC,MAAO,KAAI,CAAA,uBAEF,EAAE,SAAS,SAAS,CAAC,4CAER,EAAE,SAAS,QAAS,KAAK,MAAM,CAAC,KAChD,EAAE,SAAS,GAAI,KAAK,QAAQ,CAAA,aAEzB,EAAE,SAAS,SAAS,CAAC,aAE9B,CAAC,AACF,CAED,OAAO,MAAMC,EAAmBC,EAA+B,CAC7D,IAAMC,EAAK,IAAI,KAGf,MAFA,QAAO,OAAOA,EAAIC,EAAO,CACzB,EAAK,YAAYD,EAAG,CACbA,CACR,CACF,EA3DA,WAyBE,SAAS,CAAE,UAAW,iBAAmB,EAAC,AAAA,EAAA,MAAA,UAAA,kBAAA,YAM1C,UAAU,AAAA,EAAA,MAAA,UAAA,eAAA,YAMV,UAAU,AAAA,EAAA,MAAA,UAAA,iBAAA,CArCZ,MAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,qBAEQ,EAAE,cAAc,WAAW,YAChC,EAAE,cAAc,WAAW,uIAc1C,CAAC,CAAC,AAAA,EAAA,MAAA,CA2CF,IAAA,QAAe"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/alert/definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAInC,eAAe,KAAK,CAAC;AAErB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,KAAK,CAAC;KACvB;CACF"}
+{"mappings":"AAAA,OAAO,WAAW,gBAAiB;AAInC,eAAe;eAEA;WACH,sBAAsB;EAC9B,gBAAgB;CACjB;AACF","names":[],"sources":["../../../src/web-components/alert/definition.ts"],"sourcesContent":["import Alert from \"./component.js\";\n\nAlert.define();\n\nexport default Alert;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-alert\": Alert;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/alert/definition.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/alert/definition.ts"],"sourcesContent":null,"names":["Alert","define"],"mappings":"8BAEAA,EAAMC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/alert/definition.ts"],"sourcesContent":["import Alert from \"./component.js\";\n\nAlert.define();\n\nexport default Alert;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-alert\": Alert;\n  }\n}\n"],"names":[],"mappings":"kCAEA,MAAM,QAAQ"}

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

@@ -1,33 +1,32 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Avatar} renders a avatar.
- *
- * Renders as an image if it has a src property,
- * otherwise falls back to name or nameless slot.
- *
- * @slot - Display content if no `src` or `name` provided.
- * @category display
- */
+* {@linkcode Avatar} renders a avatar.
+*
+* Renders as an image if it has a src property,
+* otherwise falls back to name or nameless slot.
+*
+* @slot - Display content if no `src` or `name` provided.
+* @category display
+*/
 declare class Avatar extends GlobalStyle {
-    /**
-     * The `src` property specifies the URL of the avatar image.
-     * If `src` is not provided, the component will display the `name` property instead.
-     */
-    src: string | undefined | null;
-    /**
-     * Specifies the name or initials to display if no `src` is provided
-     */
-    name: string;
-    /**
-     * If `true`, will make the avatar display as a circle.
-     */
-    round: boolean;
-    protected render(): TemplateResult<1>;
-    protected _renderAvatar(): TemplateResult<1>;
-    formatName(): string;
-    protected _handleError(): void;
+	/**
+	* The `src` property specifies the URL of the avatar image.
+	* If `src` is not provided, the component will display the `name` property instead.
+	*/
+	src: string | undefined | null;
+	/**
+	* Specifies the name or initials to display if no `src` is provided
+	*/
+	name: string;
+	/**
+	* If `true`, will make the avatar display as a circle.
+	*/
+	round: boolean;
+	protected render(): TemplateResult<1>;
+	protected _renderAvatar(): TemplateResult<1>;
+	formatName(): string;
+	protected _handleError(): void;
 }
 export default Avatar;
 export { Avatar };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/avatar/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,gCAAgC,CAAC;AAI5E;;;;;;;;GAQG;AACH,cAuCM,MAAO,SAAQ,WAAW;IAC9B;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAWrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAmB5C,UAAU,IAAI,MAAM;IAIpB,SAAS,CAAC,YAAY,IAAI,IAAI;CAG/B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAkC,gCAAiC;;;;;;;;;;AAa5E,cAuCM,eAAe,YAAY;;;;;CAK/B,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;CAWnC,UAAU,iBAAiB,eAAe;CAmB1C;CAIA,UAAU;AAGX;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/avatar/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, omit, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars } from \"../../internal/global-style.js\";\n\nconst protoName = \"avatar\";\n\n/**\n * {@linkcode Avatar} renders a avatar.\n *\n * Renders as an image if it has a src property,\n * otherwise falls back to name or nameless slot.\n *\n * @slot - Display content if no `src` or `name` provided.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    color: var(${cssGlobalVars.foreground});\n    background: var(${cssGlobalVars.passive});\n    vertical-align: bottom;\n    overflow: hidden;\n    width: 2em;\n    height: 2em;\n  }\n\n  :host,\n  [part=\"root\"] {\n    display: inline-flex;\n  }\n\n  :host([contents]) [part=\"root\"] {\n    display: inline-flex;\n    width: inherit;\n    height: inherit;\n  }\n\n  :host([round]) {\n    border-radius: 50%;\n  }\n\n  [part=\"image\"] {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  [part=\"root\"] {\n    position: relative;\n    border-radius: inherit;\n    align-items: center;\n    justify-content: center;\n  }\n`)\nclass Avatar extends GlobalStyle {\n  /**\n   * The `src` property specifies the URL of the avatar image.\n   * If `src` is not provided, the component will display the `name` property instead.\n   */\n  @property()\n  src: string | undefined | null;\n\n  /**\n   * Specifies the name or initials to display if no `src` is provided\n   */\n  @property()\n  name = \"\";\n\n  /**\n   * If `true`, will make the avatar display as a circle.\n   */\n  @property({ type: Boolean })\n  round = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(omit(this.observedRecord, \"src\"))}\n      >\n        ${this._renderAvatar()}\n      </div>\n    `;\n  }\n\n  protected _renderAvatar(): TemplateResult<1> {\n    if (this.src) {\n      return html`\n        <img\n          part=\"image\"\n          src=\"${this.src}\"\n          alt=\"${this.name}\"\n          @error=${this._handleError}\n        />\n      `;\n    }\n    if (this.name) {\n      return html`\n        <span part=\"name\">${this.formatName()}</span>\n      `;\n    }\n    return htmlSlot();\n  }\n\n  formatName(): string {\n    return this.name;\n  }\n\n  protected _handleError(): void {\n    this.src = undefined;\n  }\n}\n\nexport default Avatar;\nexport { Avatar };\n"],"version":3,"file":"component.d.ts"}

package/web-components/avatar/component.js

@@ -1,2 +1,2 @@
-import{__decorate as r}from"tslib";import{godown as t,styles as e,attr as o,omit as i,htmlSlot as a}from"@godown/element";import{css as s,html as n}from"lit";import{property as d}from"lit/decorators.js";import{cssGlobalVars as h,GlobalStyle as m}from"../../internal/global-style.js";let l=class Avatar extends m{constructor(){super(...arguments),this.name="",this.round=!1}render(){return n`<div part="root" ${o(i(this.observedRecord,"src"))}> ${this._renderAvatar()} </div>`}_renderAvatar(){return this.src?n`<img part="image" src="${this.src}" alt="${this.name}" @error=${this._handleError}/>`:this.name?n`<span part="name">${this.formatName()}</span>`:a()}formatName(){return this.name}_handleError(){this.src=void 0}};r([d()],l.prototype,"src",void 0),r([d()],l.prototype,"name",void 0),r([d({type:Boolean})],l.prototype,"round",void 0),l=r([t("avatar"),e(s`:host{background:var(${h.passive});color:var(${h.foreground});height:2em;overflow:hidden;vertical-align:bottom;width:2em}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;height:inherit;width:inherit}:host([round]){border-radius:50%}[part=image]{height:100%;object-fit:cover;width:100%}[part=root]{align-items:center;border-radius:inherit;justify-content:center;position:relative}`)],l);var p=l;export{l as Avatar,p as default};
+import{godown,styles,attr,omit,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`avatar`;let Avatar=class e extends GlobalStyle{constructor(...e){super(...e),this.name=``,this.round=!1}render(){return html`<div part="root" ${attr(omit(this.observedRecord,`src`))}> ${this._renderAvatar()} </div>`}_renderAvatar(){return this.src?html`<img part="image" src="${this.src}" alt="${this.name}" @error=${this._handleError}/>`:this.name?html`<span part="name">${this.formatName()}</span>`:htmlSlot()}formatName(){return this.name}_handleError(){this.src=void 0}};_decorate([property()],Avatar.prototype,`src`,void 0),_decorate([property()],Avatar.prototype,`name`,void 0),_decorate([property({type:Boolean})],Avatar.prototype,`round`,void 0),Avatar=_decorate([godown(protoName),styles(css`:host{color:var(${cssGlobalVars.foreground});background:var(${cssGlobalVars.passive});vertical-align:bottom;overflow:hidden;width:2em;height:2em}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;width:inherit;height:inherit}:host([round]){border-radius:50%}[part=image]{width:100%;height:100%;object-fit:cover}[part=root]{position:relative;border-radius:inherit;align-items:center;justify-content:center}`)],Avatar);var Avatar$1=Avatar;export{Avatar,Avatar$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/avatar/component.ts"],"sourcesContent":null,"names":["Avatar","GlobalStyle","constructor","this","name","round","render","html","attr","omit","observedRecord","_renderAvatar","formatName","htmlSlot","_handleError","src","undefined","prototype","__decorate","type","Boolean","styles","css","cssGlobalVars","passive","foreground","Avatar$1"],"mappings":"2RAwDA,IAAMA,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAYEC,KAAIC,KAAG,GAMPD,KAAKE,OAAG,EAEE,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAC,EAAAN,KAAAO,eAAA,YAAAP,KAAAQ,gDAGDR,2GAITI,CAAA,qBAAAJ,KAAAS,sBAGoBC,GACrB,CACE,UAAAD,oBAGW,YAAAE,GACAX,KAAAY,SAAAC,CACE,KAEZ,MAEHhB,EAAAiB,UAAa,WAAE,GACbC,EAAA,QAECD,UAAA,YAAA,KACH,GACO,CAAAE,KAAAC,aACTH,UAAA,aAAA,KAEUC,EAAA,GApGM,UAsGhBG,EAAAC,CAAA,wBAAAC,EAAAC,sBAAAD,EAAAE,wXAGE,IAAAC,EAAK1B"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/avatar/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, omit, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars } from \"../../internal/global-style.js\";\n\nconst protoName = \"avatar\";\n\n/**\n * {@linkcode Avatar} renders a avatar.\n *\n * Renders as an image if it has a src property,\n * otherwise falls back to name or nameless slot.\n *\n * @slot - Display content if no `src` or `name` provided.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    color: var(${cssGlobalVars.foreground});\n    background: var(${cssGlobalVars.passive});\n    vertical-align: bottom;\n    overflow: hidden;\n    width: 2em;\n    height: 2em;\n  }\n\n  :host,\n  [part=\"root\"] {\n    display: inline-flex;\n  }\n\n  :host([contents]) [part=\"root\"] {\n    display: inline-flex;\n    width: inherit;\n    height: inherit;\n  }\n\n  :host([round]) {\n    border-radius: 50%;\n  }\n\n  [part=\"image\"] {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  [part=\"root\"] {\n    position: relative;\n    border-radius: inherit;\n    align-items: center;\n    justify-content: center;\n  }\n`)\nclass Avatar extends GlobalStyle {\n  /**\n   * The `src` property specifies the URL of the avatar image.\n   * If `src` is not provided, the component will display the `name` property instead.\n   */\n  @property()\n  src: string | undefined | null;\n\n  /**\n   * Specifies the name or initials to display if no `src` is provided\n   */\n  @property()\n  name = \"\";\n\n  /**\n   * If `true`, will make the avatar display as a circle.\n   */\n  @property({ type: Boolean })\n  round = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(omit(this.observedRecord, \"src\"))}\n      >\n        ${this._renderAvatar()}\n      </div>\n    `;\n  }\n\n  protected _renderAvatar(): TemplateResult<1> {\n    if (this.src) {\n      return html`\n        <img\n          part=\"image\"\n          src=\"${this.src}\"\n          alt=\"${this.name}\"\n          @error=${this._handleError}\n        />\n      `;\n    }\n    if (this.name) {\n      return html`\n        <span part=\"name\">${this.formatName()}</span>\n      `;\n    }\n    return htmlSlot();\n  }\n\n  formatName(): string {\n    return this.name;\n  }\n\n  protected _handleError(): void {\n    this.src = undefined;\n  }\n}\n\nexport default Avatar;\nexport { Avatar };\n"],"names":["Avatar"],"mappings":"mQAMA,MAAM,UAAY,SAWlB,IAAA,OAAA,MAuCMA,UAAe,WAAY,oCAY/B,KAAO,QAMP,OAAQ,EAEE,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,KAAK,eAAgB,MAAM,CAAC,CAAA,EAExC,EAAE,KAAK,eAAe,CAAA,OAE1B,CAAC,AACF,CAES,eAAmC,CAgB3C,OAfI,KAAK,IACA,IAAI,CAAA,uBAGF,EAAE,KAAK,IAAI,OACX,EAAE,KAAK,KAAK,SACV,EAAE,KAAK,aAAA,EAElB,CAAC,CAEC,KAAK,KACA,IAAI,CAAA,kBACS,EAAE,KAAK,YAAY,CAAC,OACxC,CAAC,CAEI,UAAU,AAClB,CAED,YAAqB,CACnB,OAAO,KAAK,IACb,CAES,cAAqB,CAC7B,KAAK,UACN,CACF,EAhGA,WA4CE,UAAU,AAAA,EAAA,OAAA,UAAA,aAAA,YAMV,UAAU,AAAA,EAAA,OAAA,UAAA,cAAA,YAMV,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,OAAA,UAAA,eAAA,CAxD7B,OAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,gBAEG,EAAE,cAAc,WAAW,iBACtB,EAAE,cAAc,QAAQ,sWAkC5C,CAAC,CAAC,AAAA,EAAA,OAAA,CA4DF,IAAA,SAAe"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/avatar/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/avatar/definition.ts"],"sourcesContent":["import Avatar from \"./component.js\";\n\nAvatar.define();\n\nexport default Avatar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-avatar\": Avatar;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/avatar/definition.js

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

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

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

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

@@ -1,14 +1,13 @@
 import Button from "../button/component.js";
 /**
- * {@linkcode Badge} renders a badge.
- *
- * @slot - Badge content.
- * @category display
- */
+* {@linkcode Badge} renders a badge.
+*
+* @slot - Badge content.
+* @category display
+*/
 declare class Badge extends Button {
-    plain: never;
-    round: Button["round"];
+	plain: never;
+	round: Button["round"];
 }
 export default Badge;
 export { Badge };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/badge/component.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAK5C;;;;;GAKG;AACH,cAUM,KAAM,SAAQ,MAAM;IACxB,KAAK,EAAE,KAAK,CAAiB;IAC7B,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAQ;CAC/B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"mappings":"AAEA,OAAO,YAAY,wBAAyB;;;;;;;AAW5C,cAUM,cAAc,OAAO;CACzB;CACA,OAAO,OAAO;AACf;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/badge/component.ts"],"sourcesContent":["import { godown, styles } from \"@godown/element\";\n\nimport Button from \"../button/component.js\";\nimport { css } from \"lit\";\n\nconst protoName = \"badge\";\n\n/**\n * {@linkcode Badge} renders a badge.\n *\n * @slot - Badge content.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    font-size: 0.75em;\n  }\n\n  [part=\"root\"] {\n    padding: 0 0.5em;\n  }\n`)\nclass Badge extends Button {\n  plain: never = true as never;\n  round: Button[\"round\"] = true;\n}\n\nexport default Badge;\nexport { Badge };\n"],"version":3,"file":"component.d.ts"}

package/web-components/badge/component.js

@@ -1,2 +1,3 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as r}from"@godown/element";import e from"../button/component.js";import{css as m}from"lit";let s=class Badge extends e{constructor(){super(...arguments),this.plain=!0,this.round=!0}};s=t([o("badge"),r(m`:host{font-size:.75em}[part=root]{padding:0 .5em}`)],s);var i=s;export{s as Badge,i as default};
+import{godown,styles}from"@godown/element";import Button from"../button/component.js";import{css}from"lit";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`badge`;let Badge=class e extends Button{constructor(...e){super(...e),this.plain=!0,this.round=!0}};Badge=_decorate([godown(protoName),styles(css`:host{font-size:.75em}[part=root]{padding:0 .5em}
+`)],Badge);var Badge$1=Badge;export{Badge,Badge$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/badge/component.ts"],"sourcesContent":null,"names":["Badge","Button","constructor","this","plain","round","__decorate","godown","styles","css"],"mappings":"wJAuBA,IAAMA,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBACEC,KAAKC,OAAU,EACfD,KAAKE,OAAoB,IAFrBL,EAAKM,EAAA,CAVVC,EARiB,SASjBC,EAAOC,CAAG"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/badge/component.ts"],"sourcesContent":["import { godown, styles } from \"@godown/element\";\n\nimport Button from \"../button/component.js\";\nimport { css } from \"lit\";\n\nconst protoName = \"badge\";\n\n/**\n * {@linkcode Badge} renders a badge.\n *\n * @slot - Badge content.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    font-size: 0.75em;\n  }\n\n  [part=\"root\"] {\n    padding: 0 0.5em;\n  }\n`)\nclass Badge extends Button {\n  plain: never = true as never;\n  round: Button[\"round\"] = true;\n}\n\nexport default Badge;\nexport { Badge };\n"],"names":["Badge"],"mappings":"wKAKA,MAAM,UAAY,QAQlB,IAAA,MAAA,MAUMA,UAAc,MAAO,oCACzB,OAAe,OACf,OAAyB,EAC1B,EAbA,MAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AAQZ,CAAC,CAAC,AAAA,EAAA,MAAA,CAMF,IAAA,QAAe"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/badge/definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAInC,eAAe,KAAK,CAAC;AAErB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,KAAK,CAAC;KACvB;CACF"}
+{"mappings":"AAAA,OAAO,WAAW,gBAAiB;AAInC,eAAe;eAEA;WACH,sBAAsB;EAC9B,gBAAgB;CACjB;AACF","names":[],"sources":["../../../src/web-components/badge/definition.ts"],"sourcesContent":["import Badge from \"./component.js\";\n\nBadge.define();\n\nexport default Badge;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-badge\": Badge;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/badge/definition.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/badge/definition.ts"],"sourcesContent":null,"names":["Badge","define"],"mappings":"8BAEAA,EAAMC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/badge/definition.ts"],"sourcesContent":["import Badge from \"./component.js\";\n\nBadge.define();\n\nexport default Badge;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-badge\": Badge;\n  }\n}\n"],"names":[],"mappings":"kCAEA,MAAM,QAAQ"}

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