godown 3.13.1 → 3.13.3

package/build/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,SAAS,eAAe","names":[],"sources":["../../src/skeleton.ts"],"sourcesContent":["export { default } from \"./web-components/skeleton/definition.js\";\n"],"version":3,"file":"skeleton.d.ts"}

package/build/skeleton.js

@@ -0,0 +1,2 @@
+import"./web-components/skeleton/definition.js";export{default}from"./web-components/skeleton/component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"./internal/global-style.js";import"./internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";
+//# sourceMappingURL=skeleton.js.map

package/build/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/split.d.ts

@@ -0,0 +1 @@
+export { default } from "./web-components/split/definition.js";

package/build/split.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,SAAS,eAAe","names":[],"sources":["../../src/split.ts"],"sourcesContent":["export { default } from \"./web-components/split/definition.js\";\n"],"version":3,"file":"split.d.ts"}

package/build/split.js

@@ -0,0 +1,2 @@
+import"./web-components/split/definition.js";export{default}from"./web-components/split/component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"./internal/global-style.js";import"./internal/reset-style.js";import"sharekit";import"./internal/super-input.js";import"./internal/ring.js";import"@oxc-project/runtime/helpers/decorate";
+//# sourceMappingURL=split.js.map

package/build/split.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/switch.d.ts

@@ -0,0 +1 @@
+export { default } from "./web-components/switch/definition.js";

package/build/switch.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,SAAS,eAAe","names":[],"sources":["../../src/switch.ts"],"sourcesContent":["export { default } from \"./web-components/switch/definition.js\";\n"],"version":3,"file":"switch.d.ts"}

package/build/switch.js

@@ -0,0 +1,2 @@
+import"./web-components/switch/definition.js";export{default}from"./web-components/switch/component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"./internal/global-style.js";import"./internal/reset-style.js";import"sharekit";import"./internal/super-input.js";import"./internal/ring.js";import"@oxc-project/runtime/helpers/decorate";
+//# sourceMappingURL=switch.js.map

package/build/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/tabs.d.ts

@@ -0,0 +1 @@
+export { default } from "./web-components/tabs/definition.js";

package/build/tabs.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,SAAS,eAAe","names":[],"sources":["../../src/tabs.ts"],"sourcesContent":["export { default } from \"./web-components/tabs/definition.js\";\n"],"version":3,"file":"tabs.d.ts"}

package/build/tabs.js

@@ -0,0 +1,2 @@
+import"./web-components/tabs/definition.js";export{default}from"./web-components/tabs/component.js";import"@godown/element";import"./internal/global-style.js";import"lit";import"./internal/reset-style.js";import"sharekit";import"lit/decorators.js";import"./internal/ring.js";import"@oxc-project/runtime/helpers/decorate";
+//# sourceMappingURL=tabs.js.map

package/build/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/text.d.ts

@@ -0,0 +1 @@
+export { default } from "./web-components/text/definition.js";

package/build/text.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,SAAS,eAAe","names":[],"sources":["../../src/text.ts"],"sourcesContent":["export { default } from \"./web-components/text/definition.js\";\n"],"version":3,"file":"text.d.ts"}

package/build/text.js

@@ -0,0 +1,2 @@
+import"./web-components/text/definition.js";export{default}from"./web-components/text/component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"./internal/global-style.js";import"./internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";
+//# sourceMappingURL=text.js.map

package/build/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/time.d.ts

@@ -0,0 +1 @@
+export { default } from "./web-components/time/definition.js";

package/build/time.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,SAAS,eAAe","names":[],"sources":["../../src/time.ts"],"sourcesContent":["export { default } from \"./web-components/time/definition.js\";\n"],"version":3,"file":"time.d.ts"}

package/build/time.js

@@ -0,0 +1,2 @@
+import"./web-components/time/definition.js";export{default}from"./web-components/time/component.js";import"@godown/element";import"fmtime";import"lit";import"lit/decorators.js";import"./web-components/text/component.js";import"./internal/global-style.js";import"./internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";
+//# sourceMappingURL=time.js.map

package/build/time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/tooltip.d.ts

@@ -0,0 +1 @@
+export { default } from "./web-components/tooltip/definition.js";

package/build/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,SAAS,eAAe","names":[],"sources":["../../src/tooltip.ts"],"sourcesContent":["export { default } from \"./web-components/tooltip/definition.js\";\n"],"version":3,"file":"tooltip.d.ts"}

package/build/tooltip.js

@@ -0,0 +1,2 @@
+import"./web-components/tooltip/definition.js";export{default}from"./web-components/tooltip/component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"./web-components/popover/component.js";import"./internal/global-style.js";import"./internal/reset-style.js";import"sharekit";import"./internal/popover.js";import"./internal/utils.js";import"@oxc-project/runtime/helpers/decorate";
+//# sourceMappingURL=tooltip.js.map

package/build/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/typewriter.d.ts

@@ -0,0 +1 @@
+export { default } from "./web-components/typewriter/definition.js";

package/build/typewriter.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,SAAS,eAAe","names":[],"sources":["../../src/typewriter.ts"],"sourcesContent":["export { default } from \"./web-components/typewriter/definition.js\";\n"],"version":3,"file":"typewriter.d.ts"}

package/build/typewriter.js

@@ -0,0 +1,2 @@
+import"./web-components/typewriter/definition.js";export{default}from"./web-components/typewriter/component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"./internal/global-style.js";import"./internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";
+//# sourceMappingURL=typewriter.js.map

package/build/typewriter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,28 @@
+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
+*/
+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;
+}
+export default Alert;
+export { Alert };

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

@@ -0,0 +1 @@
+{"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/build/web-components/alert/component.js

@@ -0,0 +1,2 @@
+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";import"../../internal/reset-style.js";import"sharekit";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/build/web-components/alert/component.js.map

@@ -0,0 +1 @@
+{"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","root"],"mappings":"kYAOA,MAAM,UAAY,QAWlB,IAAA,MAAA,MAmBMA,UAAc,WAAY,CAC9B,aAAc,CACZ,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,OAFA,OAAO,OAAOA,EAAIC,EAAO,CACzBC,EAAK,YAAYF,EAAG,CACbA,CACR,CACF,aAlCE,SAAS,CAAE,UAAW,iBAAmB,EAAC,AAAA,EAAA,MAAA,UAAA,WAAA,OAAA,YAM1C,UAAU,AAAA,EAAA,MAAA,UAAA,QAAA,OAAA,YAMV,UAAU,AAAA,EAAA,MAAA,UAAA,UAAA,OAAA,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/build/web-components/alert/definition.d.ts

@@ -0,0 +1,7 @@
+import Alert from "./component.js";
+export default Alert;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-alert": Alert;
+	}
+}

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

@@ -0,0 +1 @@
+{"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/build/web-components/alert/definition.js

@@ -0,0 +1,2 @@
+import Alert from"./component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"../../internal/ring.js";import"@oxc-project/runtime/helpers/decorate";Alert.define();export{Alert as default};
+//# sourceMappingURL=definition.js.map

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

@@ -0,0 +1 @@
+{"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":"2QAEA,MAAM,QAAQ"}

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

@@ -0,0 +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
+*/
+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;
+}
+export default Avatar;
+export { Avatar };

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAIrD,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, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { omit } from \"sharekit\";\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/build/web-components/avatar/component.js

@@ -0,0 +1,2 @@
+import{godown,styles,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{omit}from"sharekit";import{cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";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/build/web-components/avatar/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/avatar/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { omit } from \"sharekit\";\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":"+TAOA,MAAM,UAAY,SAWlB,IAAA,OAAA,MAuCMA,UAAe,WAAY,oCAY/B,KAAO,QAMP,MAAQ,GAEE,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,IAAM,MACZ,CACF,aApDE,UAAU,AAAA,EAAA,OAAA,UAAA,MAAA,OAAA,YAMV,UAAU,AAAA,EAAA,OAAA,UAAA,OAAA,OAAA,YAMV,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,OAAA,UAAA,QAAA,OAAA,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/build/web-components/avatar/definition.d.ts

@@ -0,0 +1,7 @@
+import Avatar from "./component.js";
+export default Avatar;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-avatar": Avatar;
+	}
+}

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

@@ -0,0 +1 @@
+{"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/build/web-components/avatar/definition.js

@@ -0,0 +1,2 @@
+import Avatar from"./component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"sharekit";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"@oxc-project/runtime/helpers/decorate";Avatar.define();export{Avatar as default};
+//# sourceMappingURL=definition.js.map

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

@@ -0,0 +1 @@
+{"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":"6OAEA,OAAO,QAAQ"}

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

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

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

@@ -0,0 +1 @@
+{"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/build/web-components/badge/component.js

@@ -0,0 +1,3 @@
+import{godown,styles}from"@godown/element";import Button from"../button/component.js";import{css}from"lit";import _decorate from"@oxc-project/runtime/helpers/decorate";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";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/build/web-components/badge/component.js.map

@@ -0,0 +1 @@
+{"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":"gSAKA,MAAM,UAAY,QAQlB,IAAA,MAAA,MAUMA,UAAc,MAAO,oCACzB,MAAe,QACf,MAAyB,GAC1B,EAbA,MAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AAQZ,CAAC,CAAC,AAAA,EAAA,MAAA,CAMF,IAAA,QAAe"}

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

@@ -0,0 +1,7 @@
+import Badge from "./component.js";
+export default Badge;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-badge": Badge;
+	}
+}

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

@@ -0,0 +1 @@
+{"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/build/web-components/badge/definition.js

@@ -0,0 +1,2 @@
+import Badge from"./component.js";import"@godown/element";import"../button/component.js";import"lit";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";Badge.define();export{Badge as default};
+//# sourceMappingURL=definition.js.map

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

@@ -0,0 +1 @@
+{"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":"2QAEA,MAAM,QAAQ"}

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

@@ -0,0 +1,36 @@
+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
+*/
+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;
+	constructor();
+	protected render(): TemplateResult<1>;
+	protected _renderText(text: string): TemplateResult<1>;
+	protected getTexts(): string[];
+	protected _computeStyle(len: number): string;
+}
+export default Breath;
+export { Breath };

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;;;;;;;;;;;;;;;;AAsBzF,cAqEM,eAAe,YAAY;;;;;;CAM/B,AACA;;;;CAKA,AACA;CAEA;CAKA,UAAU,UAAU,eAAe;CAYnC,UAAU,YAAYA,eAAe,eAAe;CASpD,UAAU;CAMV,UAAU,cAAcC;AAWzB;AAED,eAAe;AACf,SAAS","names":["text: string","len: number"],"sources":["../../../../src/web-components/breath/component.ts"],"sourcesContent":["import { attr, godown, 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\";\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  constructor() {\n    super();\n    new StyleController(this, () => this._computeStyle(this.getTexts().length));\n  }\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)}\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}%,${gap * 2}%{opacity:1;}}${style1}`;\n  }\n}\n\nexport default Breath;\nexport { Breath };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown,styles,StyleController,attr}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";import"../../internal/reset-style.js";import"sharekit";const defineName=`breath`,cssScope=scopePrefix(defineName),splitTextRegexp=/[\s,]+/;let Breath=class e extends GlobalStyle{constructor(){super(),new StyleController(this,()=>this._computeStyle(this.getTexts().length))}render(){let e=this.getTexts();return html`<div part="root" ${attr(this.observedRecord)}> ${e.map(this._renderText)} </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/build/web-components/breath/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/breath/component.ts"],"sourcesContent":["import { attr, godown, 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\";\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  constructor() {\n    super();\n    new StyleController(this, () => this._computeStyle(this.getTexts().length));\n  }\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)}\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}%,${gap * 2}%{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":"wUAMA,MAAM,WAAa,SACb,SAAW,YAAY,WAAW,CAElC,gBAAkB,SAiBxB,IAAA,OAAA,MAqEMA,UAAe,WAAY,CAe/B,aAAc,CACZ,OAAO,CACP,IAAI,gBAAgB,KAAM,IAAM,KAAK,cAAc,KAAK,UAAU,CAAC,OAAO,CAC3E,CAES,QAA4B,CACpC,IAAMC,EAAQ,KAAK,UAAU,CAC7B,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAEA,EAAM,IAAI,KAAK,YAAY,CAAA,OAEjC,CAAC,AACF,CAES,YAAYC,EAAiC,CACrD,MAAO,KAAI,CAAA,yCAEe,EAAEC,EAAK,+BACN,EAAEA,EAAK,eAElC,CAAC,AACF,CAES,UAAqB,CAC7B,OAAO,MAAM,QAAQ,KAAK,QAAQ,CAC9B,KAAK,SACJ,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,EAAS,CAACH,EAAWD,GAAQA,EAAMG,EAAS,GAC5CE,GAAkBF,EAAS,GAAK,EAAK,EAC3CD,GAAU,CAAC,eAAe,EAAEC,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,EAAEA,EAAM,EAAE,cAAc,EAAEG,GAAQ,AAC9I,CACF,aApDE,UAAU,AAAA,EAAA,OAAA,UAAA,UAAA,OAAA,YAMV,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,OAAA,UAAA,WAAA,OAAA,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,CA6DD,IAAA,SAAe"}

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

@@ -0,0 +1,7 @@
+import Breath from "./component.js";
+export default Breath;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-breath": Breath;
+	}
+}

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

@@ -0,0 +1 @@
+{"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/build/web-components/breath/definition.js

@@ -0,0 +1,2 @@
+import Breath from"./component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";Breath.define();export{Breath as default};
+//# sourceMappingURL=definition.js.map

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

@@ -0,0 +1 @@
+{"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":"6OAEA,OAAO,QAAQ"}

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

@@ -0,0 +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
+*/
+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;
+}
+export default Button;
+export { Button };

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

@@ -0,0 +1 @@
+{"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, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, query } 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  @query(\"[part=modal-root]\")\n  protected _modalRoot: HTMLElement;\n  @query(\"[part=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/build/web-components/button/component.js

@@ -0,0 +1,2 @@
+import{godown,styles,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property,query}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";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([query(`[part=modal-root]`)],Button.prototype,`_modalRoot`,void 0),_decorate([query(`[part=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/build/web-components/button/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/button/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, query } 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  @query(\"[part=modal-root]\")\n  protected _modalRoot: HTMLElement;\n  @query(\"[part=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":"uUAMA,MAAM,UAAY,SACZ,SAAW,YAAY,UAAU,CAUvC,IAAA,OAAA,MA0DMA,UAAe,WAAY,oCAK/B,MAAQ,QAMR,SAAW,QAMX,OAAS,QAMT,MAAQ,GAaE,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,OAAS,GACd,MAAM,OAAO,CACd,CAED,MAAa,CACX,KAAK,OAAS,GACd,MAAM,MAAM,AACb,CAED,mBAA0B,CACxB,MAAM,mBAAmB,CACzB,KAAK,OAAO,IAAI,KAAM,QAAS,KAAK,aAAa,AAClD,CAES,aAAaC,EAAqB,CAC1C,GAAI,KAAK,SAAU,CACjB,EAAE,iBAAiB,CACnB,EAAE,gBAAgB,CAClB,MACD,CACI,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,CAC3DH,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,EACDN,EAAM,QAAQM,EAAW,CACvB,SAAU,IACV,WAAY,CACb,EAAC,CACFN,EAAM,iBAAiB,eAAgB,IAAMA,EAAM,QAAQ,CAAE,CAAE,KAAM,EAAM,EAAC,AAC7E,CACF,aAtGE,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,OAAA,UAAA,QAAA,IAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,OAAA,UAAA,WAAA,IAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,OAAA,UAAA,SAAA,IAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,OAAA,UAAA,QAAA,IAAA,GAAA,YAM1C,UAAU,AAAA,EAAA,OAAA,UAAA,UAAA,OAAA,CAGV,UAAA,CAAA,MAAM,oBAAoB,AAAA,EAAA,OAAA,UAAA,aAAA,OAAA,CAE1B,UAAA,CAAA,MAAM,cAAc,AAAA,EAAA,OAAA,UAAA,QAAA,OAAA,CA3FtB,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/build/web-components/button/definition.d.ts

@@ -0,0 +1,7 @@
+import Button from "./component.js";
+export default Button;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-button": Button;
+	}
+}

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

@@ -0,0 +1 @@
+{"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/build/web-components/button/definition.js

@@ -0,0 +1,2 @@
+import Button from"./component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";Button.define();export{Button as default};
+//# sourceMappingURL=definition.js.map

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

@@ -0,0 +1 @@
+{"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":"6OAEA,OAAO,QAAQ"}

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

@@ -0,0 +1,29 @@
+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
+*/
+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>;
+}
+export default Card;
+export { Card };

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

@@ -0,0 +1 @@
+{"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/build/web-components/card/component.js

@@ -0,0 +1,2 @@
+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";import"../../internal/reset-style.js";import"sharekit";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