godown 3.13.1 → 3.13.2

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

@@ -1,34 +1,33 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Flex} provides flex layout.
- *
- * @slot - Flex items.
- * @category layout
- */
+* {@linkcode Flex} provides flex layout.
+*
+* @slot - Flex items.
+* @category layout
+*/
 declare class Flex extends GlobalStyle {
-    /**
-     * CSS property `flex-flow` (`flex-direction flex-wrap`).
-     */
-    flexFlow: string;
-    /**
-     * CSS property `gap`.
-     */
-    gap: string;
-    /**
-     * CSS property `justify-content`.
-     */
-    content: string;
-    /**
-     * CSS property `align-items`.
-     */
-    items: string;
-    /**
-     * If true, set flex-direction to "column".
-     */
-    vertical: boolean;
-    protected render(): TemplateResult<1>;
+	/**
+	* CSS property `flex-flow` (`flex-direction flex-wrap`).
+	*/
+	flexFlow: string;
+	/**
+	* CSS property `gap`.
+	*/
+	gap: string;
+	/**
+	* CSS property `justify-content`.
+	*/
+	content: string;
+	/**
+	* CSS property `align-items`.
+	*/
+	items: string;
+	/**
+	* If true, set flex-direction to "column".
+	*/
+	vertical: boolean;
+	protected render(): TemplateResult<1>;
 }
 export default Flex;
 export { Flex };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/flex/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D;;;;;GAKG;AACH,cAWM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAuBtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;AAU7D,cAWM,aAAa,YAAY;;;;CAI7B,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;AAuBpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/flex/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, htmlStyle, joinRules, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"flex\";\n\n/**\n * {@linkcode Flex} provides flex layout.\n *\n * @slot - Flex items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: flex;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Flex extends GlobalStyle {\n  /**\n   * CSS property `flex-flow` (`flex-direction flex-wrap`).\n   */\n  @property({ attribute: \"flex-flow\" })\n  flexFlow: string;\n\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `justify-content`.\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `align-items`.\n   */\n  @property()\n  items: string;\n\n  /**\n   * If true, set flex-direction to \"column\".\n   */\n  @property({ type: Boolean })\n  vertical = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          htmlSlot(),\n          htmlStyle(\n            joinRules({\n              \":host\": {\n                gap: this.gap,\n                \"flex-flow\": this.flexFlow,\n                \"flex-direction\": this.vertical && \"column\",\n                \"align-items\": this.items,\n                \"justify-content\": this.content,\n              },\n            }),\n          ),\n        ]}\n      </div>\n    `;\n  }\n}\n\nexport default Flex;\nexport { Flex };\n"],"version":3,"file":"component.d.ts"}

package/web-components/flex/component.js

@@ -1,2 +1,3 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as r,htmlSlot as i,htmlStyle as l,joinRules as s}from"@godown/element";import{css as p,html as n}from"lit";import{property as a}from"lit/decorators.js";import{GlobalStyle as d}from"../../internal/global-style.js";let f=class Flex extends d{constructor(){super(...arguments),this.vertical=!1}render(){return n`<div part="root" ${r(this.observedRecord)}> ${[i(),l(s({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&"column","align-items":this.items,"justify-content":this.content}}))]} </div>`}};t([a({attribute:"flex-flow"})],f.prototype,"flexFlow",void 0),t([a()],f.prototype,"gap",void 0),t([a()],f.prototype,"content",void 0),t([a()],f.prototype,"items",void 0),t([a({type:Boolean})],f.prototype,"vertical",void 0),f=t([o("flex"),e(p`:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}`)],f);var c=f;export{f as Flex,c as default};
+import{godown,styles,attr,htmlSlot,htmlStyle,joinRules}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`flex`;let Flex=class e extends GlobalStyle{constructor(...e){super(...e),this.vertical=!1}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${[htmlSlot(),htmlStyle(joinRules({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&`column`,"align-items":this.items,"justify-content":this.content}}))]} </div>`}};_decorate([property({attribute:`flex-flow`})],Flex.prototype,`flexFlow`,void 0),_decorate([property()],Flex.prototype,`gap`,void 0),_decorate([property()],Flex.prototype,`content`,void 0),_decorate([property()],Flex.prototype,`items`,void 0),_decorate([property({type:Boolean})],Flex.prototype,`vertical`,void 0),Flex=_decorate([godown(protoName),styles(css`:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}
+`)],Flex);var Flex$1=Flex;export{Flex,Flex$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/flex/component.ts"],"sourcesContent":null,"names":["Flex","GlobalStyle","constructor","this","vertical","render","html","attr","observedRecord","flexFlow","items","content","__decorate","property","attribute","prototype","type","Boolean","godown","styles","css","Flex$1"],"mappings":"4RAyBA,IAAMA,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBA6BEC,KAAQC,UAAG,EAED,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAJ,KAAAK,oBAAA,UAGA,QAAK,cAEV,YAAAL,KAAAM,SACQ,iBAAEN,KAAAC,UAAA,SACD,cACGD,KAAAO,MACR,kBAASP,KAAAQ,wBAMRC,EAAA,CACFC,EAAA,CACFC,UAAA,eACFd,EAAAe,UAAA,gBAAA,aAGPA,UAAA,WAAA,KACD,CAjDCF,KADCb,EAAAe,UAAW,eAAW,GACNH,EAAA,CAMjBC,KADCb,EAAAe,UAAU,aAAA,GACCH,EAAA,CAMZC,EAAA,CAAAG,KAAAC,WADCjB,EAAAe,UAAU,gBAAA,GACKf,EAAAY,EAAA,CAMhBM,EA1CgB,QAyCfC,EAAAC,CAAU,mFACGpB,GAMd,IAAAqB,EAAArB"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/flex/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, htmlStyle, joinRules, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"flex\";\n\n/**\n * {@linkcode Flex} provides flex layout.\n *\n * @slot - Flex items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: flex;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Flex extends GlobalStyle {\n  /**\n   * CSS property `flex-flow` (`flex-direction flex-wrap`).\n   */\n  @property({ attribute: \"flex-flow\" })\n  flexFlow: string;\n\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `justify-content`.\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `align-items`.\n   */\n  @property()\n  items: string;\n\n  /**\n   * If true, set flex-direction to \"column\".\n   */\n  @property({ type: Boolean })\n  vertical = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          htmlSlot(),\n          htmlStyle(\n            joinRules({\n              \":host\": {\n                gap: this.gap,\n                \"flex-flow\": this.flexFlow,\n                \"flex-direction\": this.vertical && \"column\",\n                \"align-items\": this.items,\n                \"justify-content\": this.content,\n              },\n            }),\n          ),\n        ]}\n      </div>\n    `;\n  }\n}\n\nexport default Flex;\nexport { Flex };\n"],"names":["Flex"],"mappings":"oQAMA,MAAM,UAAY,OAQlB,IAAA,KAAA,MAWMA,UAAa,WAAY,oCA6B7B,UAAW,EAED,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,CACA,UAAU,CACV,UACE,UAAU,CACR,QAAS,CACP,IAAK,KAAK,IACV,YAAa,KAAK,SAClB,iBAAkB,KAAK,UAAY,SACnC,cAAe,KAAK,MACpB,kBAAmB,KAAK,OACzB,CACF,EAAC,CAEL,AAAA,EAAA,OAEL,CAAC,AACF,CACF,EAjEA,WAeE,SAAS,CAAE,UAAW,WAAa,EAAC,AAAA,EAAA,KAAA,UAAA,kBAAA,YAMpC,UAAU,AAAA,EAAA,KAAA,UAAA,aAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,iBAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,eAAA,YAMV,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,kBAAA,CAvC7B,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AASZ,CAAC,CAAC,AAAA,EAAA,KAAA,CAyDF,IAAA,OAAe"}

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

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

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

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

package/web-components/flex/definition.js

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

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

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

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

@@ -1,24 +1,23 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Form} Gets child element key-value object,
- * which will be nested if the child element is the same as this element.
- *
- * @category form
- */
+* {@linkcode Form} Gets child element key-value object,
+* which will be nested if the child element is the same as this element.
+*
+* @category form
+*/
 declare class Form<T = object> extends GlobalStyle {
-    name: string;
-    get value(): T;
-    nameValue: () => [string, T];
-    protected render(): TemplateResult<1>;
-    reset(): void;
-    namevalue(): [string, T];
-    static buildValue(elements: (Element & {
-        name?: string;
-        value?: unknown;
-        namevalue?: () => [string, unknown];
-    })[]): Record<string, any>;
+	name: string;
+	get value(): T;
+	nameValue: () => [string, T];
+	protected render(): TemplateResult<1>;
+	reset(): void;
+	namevalue(): [string, T];
+	static buildValue(elements: (Element & {
+		name?: string;
+		value?: unknown;
+		namevalue?: () => [string, unknown];
+	})[]): Record<string, any>;
 }
 export default Form;
 export { Form };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/form/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D;;;;;GAKG;AACH,cAMM,IAAI,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,WAAW;IAExC,IAAI,SAAM;IAEV,IAAI,KAAK,IAAI,CAAC,CAEb;IAED,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAkB;IAE9C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,KAAK,IAAI,IAAI;IAWb,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAIxB,MAAM,CAAC,UAAU,CACf,QAAQ,EAAE,CAAC,OAAO,GAAG;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACrC,CAAC,EAAE,GACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAoBvB;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAA2B,KAAM;AAG/C,SAAS,mBAAmB,gCAAiC;;;;;;;AAU7D,cAMM,KAAK,oBAAoB,YAAY;CACzC,AACA;CAEA,IAAI,SAAS;CAIb,0BAA0B;CAE1B,UAAU,UAAU,eAAe;CAInC;CAWA,sBAAsB;CAItB,OAAO,WACLA,WAAW,UAAU;EACnB;EACA;EACA;CACD,OACA;AAoBJ;AAED,eAAe;AACf,SAAS","names":["elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[]"],"sources":["../../../src/web-components/form/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"form\";\n\n/**\n * {@linkcode Form} Gets child element key-value object,\n * which will be nested if the child element is the same as this element.\n *\n * @category form\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n  }\n`)\nclass Form<T = object> extends GlobalStyle {\n  @property()\n  name = \"\";\n\n  get value(): T {\n    return Form.buildValue(this._slot.assignedElements()) as T;\n  }\n\n  nameValue: () => [string, T] = this.namevalue;\n\n  protected render(): TemplateResult<1> {\n    return htmlSlot();\n  }\n\n  reset(): void {\n    this.deepQuerySelectorAll<HTMLElement & { reset?: () => void }>(\"*\").forEach((el) => {\n      if (el.tagName === this.tagName) {\n        return;\n      }\n      if (el.reset) {\n        el.reset();\n      }\n    });\n  }\n\n  namevalue(): [string, T] {\n    return [this.name, this.value];\n  }\n\n  static buildValue(\n    elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[],\n  ): Record<string, any> {\n    const result = {};\n    for (const el of elements) {\n      if (el.tagName === \"FORM\") {\n        Object.assign(result, Object.fromEntries(new FormData(el as HTMLFormElement).entries()));\n      } else if (el.namevalue) {\n        const [name, value] = el.namevalue();\n        if (name) {\n          result[name] = value;\n        }\n      } else if (el.name && el.value !== undefined) {\n        result[el.name] = el.value;\n      } else if (el.shadowRoot) {\n        for (const slot of el.shadowRoot.querySelectorAll(\"slot\")) {\n          Object.assign(result, this.buildValue(slot.assignedElements()));\n        }\n      }\n    }\n    return result;\n  }\n}\n\nexport default Form;\nexport { Form };\n"],"version":3,"file":"component.d.ts"}

package/web-components/form/component.js

@@ -1,2 +1,3 @@
-import{__decorate as e}from"tslib";import{godown as t,styles as s,htmlSlot as a}from"@godown/element";import{css as o}from"lit";import{property as r}from"lit/decorators.js";import{GlobalStyle as l}from"../../internal/global-style.js";var i;let n=i=class Form extends l{constructor(){super(...arguments),this.name="",this.nameValue=this.namevalue}get value(){return i.buildValue(this._slot.assignedElements())}render(){return a()}reset(){this.deepQuerySelectorAll("*").forEach((e=>{e.tagName!==this.tagName&&e.reset&&e.reset()}))}namevalue(){return[this.name,this.value]}static buildValue(e){const t={};for(const s of e)if("FORM"===s.tagName)Object.assign(t,Object.fromEntries(new FormData(s).entries()));else if(s.namevalue){const[e,a]=s.namevalue();e&&(t[e]=a)}else if(s.name&&void 0!==s.value)t[s.name]=s.value;else if(s.shadowRoot)for(const e of s.shadowRoot.querySelectorAll("slot"))Object.assign(t,this.buildValue(e.assignedElements()));return t}};e([r()],n.prototype,"name",void 0),n=i=e([t("form"),s(o`:host{display:block}`)],n);var m=n;export{n as Form,m as default};
+import{godown,styles,htmlSlot}from"@godown/element";import{css}from"lit";import{property}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";var _Form;const protoName=`form`;let Form=_Form=class e extends GlobalStyle{constructor(...e){super(...e),this.name=``,this.nameValue=this.namevalue}get value(){return _Form.buildValue(this._slot.assignedElements())}render(){return htmlSlot()}reset(){this.deepQuerySelectorAll(`*`).forEach(e=>{e.tagName!==this.tagName&&e.reset&&e.reset()})}namevalue(){return[this.name,this.value]}static buildValue(e){let c={};for(let l of e)if(l.tagName===`FORM`)Object.assign(c,Object.fromEntries(new FormData(l).entries()));else if(l.namevalue){let[e,u]=l.namevalue();e&&(c[e]=u)}else if(l.name&&l.value!==void 0)c[l.name]=l.value;else if(l.shadowRoot)for(let e of l.shadowRoot.querySelectorAll(`slot`))Object.assign(c,this.buildValue(e.assignedElements()));return c}};_decorate([property()],Form.prototype,`name`,void 0),Form=_Form=_decorate([godown(protoName),styles(css`:host{display:block}
+`)],Form);var Form$1=Form;export{Form,Form$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/form/component.ts"],"sourcesContent":null,"names":["Form","Form_1","GlobalStyle","constructor","this","name","nameValue","namevalue","value","buildValue","_slot","assignedElements","render","htmlSlot","reset","deepQuerySelectorAll","forEach","el","tagName","elements","result","Object","assign","fromEntries","FormData","entries","undefined","shadowRoot","slot","querySelectorAll","__decorate","property","prototype","godown","styles","css"],"mappings":"gPAoBA,IAAMA,EAAIC,EAAV,MAAMD,aAAyBE,EAA/B,WAAAC,uBAEEC,KAAIC,KAAG,GAMPD,KAAAE,UAA+BF,KAAKG,UAJpC,SAAIC,GACF,OAAOP,EAAKQ,WAAWL,KAAKM,MAAMC,oBAK1B,MAAAC,GACR,OAAOC,IAGT,KAAAC,GACEV,KAAKW,qBAA2D,KAAKC,SAASC,IACxEA,EAAGC,UAAYd,KAAKc,SAGpBD,EAAGH,OACLG,EAAGH,WAKT,SAAAP,GACE,MAAO,CAACH,KAAKC,KAAMD,KAAKI,OAG1B,iBAAOC,CACLU,GAMA,MAAMC,EAAS,CAAE,EACjB,IAAK,MAAMH,KAAME,EACf,GAAmB,SAAfF,EAAGC,QACLG,OAAOC,OAAOF,EAAQC,OAAOE,YAAY,IAAIC,SAASP,GAAuBQ,iBACxE,GAAIR,EAAGV,UAAW,CACvB,MAAOF,EAAMG,GAASS,EAAGV,YACrBF,IACFe,EAAOf,GAAQG,QAEZ,GAAIS,EAAGZ,WAAqBqB,IAAbT,EAAGT,MACvBY,EAAOH,EAAGZ,MAAQY,EAAGT,WAChB,GAAIS,EAAGU,WACZ,IAAK,MAAMC,KAAQX,EAAGU,WAAWE,iBAAiB,QAChDR,OAAOC,OAAOF,EAAQhB,KAAKK,WAAWmB,EAAKjB,qBAIjD,OAAOS,IAnDTU,EAAA,CADCC,KACS/B,EAAAgC,UAAA,YAAA,GAFNhC,EAAIC,EAAA6B,EAAA,CANTG,EARiB,QASjBC,EAAOC,CAAG"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/form/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"form\";\n\n/**\n * {@linkcode Form} Gets child element key-value object,\n * which will be nested if the child element is the same as this element.\n *\n * @category form\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n  }\n`)\nclass Form<T = object> extends GlobalStyle {\n  @property()\n  name = \"\";\n\n  get value(): T {\n    return Form.buildValue(this._slot.assignedElements()) as T;\n  }\n\n  nameValue: () => [string, T] = this.namevalue;\n\n  protected render(): TemplateResult<1> {\n    return htmlSlot();\n  }\n\n  reset(): void {\n    this.deepQuerySelectorAll<HTMLElement & { reset?: () => void }>(\"*\").forEach((el) => {\n      if (el.tagName === this.tagName) {\n        return;\n      }\n      if (el.reset) {\n        el.reset();\n      }\n    });\n  }\n\n  namevalue(): [string, T] {\n    return [this.name, this.value];\n  }\n\n  static buildValue(\n    elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[],\n  ): Record<string, any> {\n    const result = {};\n    for (const el of elements) {\n      if (el.tagName === \"FORM\") {\n        Object.assign(result, Object.fromEntries(new FormData(el as HTMLFormElement).entries()));\n      } else if (el.namevalue) {\n        const [name, value] = el.namevalue();\n        if (name) {\n          result[name] = value;\n        }\n      } else if (el.name && el.value !== undefined) {\n        result[el.name] = el.value;\n      } else if (el.shadowRoot) {\n        for (const slot of el.shadowRoot.querySelectorAll(\"slot\")) {\n          Object.assign(result, this.buildValue(slot.assignedElements()));\n        }\n      }\n    }\n    return result;\n  }\n}\n\nexport default Form;\nexport { Form };\n"],"names":["Form","el","elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[]","result","elements","name","value","slot"],"mappings":"gPAMA,MAAM,UAAY,OAQlB,IAAA,KAAA,MAAA,MAMMA,UAAyB,WAAY,mBAQzC,iBANA,KAAO,GAMP,KAAA,UAA+B,KAAK,UAJpC,IAAI,OAAW,CACb,MAAO,OAAK,WAAW,KAAK,MAAM,kBAAkB,CAAC,AACtD,CAIS,QAA4B,CACpC,MAAO,WAAU,AAClB,CAED,OAAc,CACZ,KAAK,qBAA2D,IAAI,CAAC,QAAQ,AAACC,GAAO,CAC/E,EAAG,UAAY,KAAK,SAGpBA,EAAG,OACL,EAAG,OAAO,AAEb,EAAC,AACH,CAED,WAAyB,CACvB,MAAO,CAAC,KAAK,KAAM,KAAK,KAAM,CAC/B,CAED,OAAO,WACLC,EAKqB,CACrB,IAAMC,EAAS,CAAE,EACjB,IAAK,IAAMF,KAAMG,EACf,GAAIH,EAAG,UAAY,OACjB,OAAO,OAAOE,EAAQ,OAAO,YAAY,IAAI,SAASF,GAAuB,SAAS,CAAC,CAAC,SAC/EA,EAAG,UAAW,CACvB,GAAM,CAACI,EAAMC,EAAM,CAAG,EAAG,WAAW,CACpC,AAAID,IACFF,EAAOE,GAAQC,EAElB,SAAUL,EAAG,MAAQA,EAAG,eACvB,EAAOA,EAAG,MAAQA,EAAG,cACZA,EAAG,WACZ,IAAK,IAAMM,IAAQ,GAAG,WAAW,iBAAiB,OAAO,CACvD,OAAO,OAAOJ,EAAQ,KAAK,WAAW,EAAK,kBAAkB,CAAC,CAAC,CAIrE,OAAOA,CACR,CACF,EA7DA,WAOE,UAAU,AAAA,EAAA,KAAA,UAAA,cAAA,CAPZ,KAAA,MAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AAIZ,CAAC,CAAC,AAAA,EAAA,KAAA,CA0DF,IAAA,OAAe"}

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

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

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

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

package/web-components/form/definition.js

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

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

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

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

@@ -1,38 +1,37 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Grid} provides gird layout.
- *
- * @slot - Grid items.
- * @category layout
- */
+* {@linkcode Grid} provides gird layout.
+*
+* @slot - Grid items.
+* @category layout
+*/
 declare class Grid extends GlobalStyle {
-    /**
-     * CSS property `gap`.
-     */
-    gap: string;
-    /**
-     * CSS property `grid-template-columns`.
-     *
-     * If columns is numerical, divide columns equally.
-     */
-    columns: string | number;
-    /**
-     * CSS property `grid-template-rows`.
-     *
-     * If rows is numerical, divide rows equally.
-     */
-    rows: string | number;
-    /**
-     * CSS property `place-content` (`align-content justify-content`).
-     */
-    content: string;
-    /**
-     * CSS property `place-items` (`align-items justify-items`).
-     */
-    items: string;
-    protected render(): TemplateResult<1>;
+	/**
+	* CSS property `gap`.
+	*/
+	gap: string;
+	/**
+	* CSS property `grid-template-columns`.
+	*
+	* If columns is numerical, divide columns equally.
+	*/
+	columns: string | number;
+	/**
+	* CSS property `grid-template-rows`.
+	*
+	* If rows is numerical, divide rows equally.
+	*/
+	rows: string | number;
+	/**
+	* CSS property `place-content` (`align-content justify-content`).
+	*/
+	content: string;
+	/**
+	* CSS property `place-items` (`align-items justify-items`).
+	*/
+	items: string;
+	protected render(): TemplateResult<1>;
 }
 export default Grid;
 export { Grid };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/grid/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D;;;;;GAKG;AACH,cAWM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAuBtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;AAY7D,cAWM,aAAa,YAAY;;;;CAI7B,AACA;;;;;;CAOA,AACA;;;;;;CAOA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;AAuBpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/grid/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, htmlStyle, isNumerical, joinRules, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst toTemplate = (s: number | string) => (isNumerical(s) ? `repeat(${s},1fr)` : s);\n\nconst protoName = \"grid\";\n\n/**\n * {@linkcode Grid} provides gird layout.\n *\n * @slot - Grid items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: grid;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Grid extends GlobalStyle {\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `grid-template-columns`.\n   *\n   * If columns is numerical, divide columns equally.\n   */\n  @property()\n  columns: string | number;\n\n  /**\n   * CSS property `grid-template-rows`.\n   *\n   * If rows is numerical, divide rows equally.\n   */\n  @property()\n  rows: string | number;\n\n  /**\n   * CSS property `place-content` (`align-content justify-content`).\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `place-items` (`align-items justify-items`).\n   */\n  @property()\n  items: string;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          htmlSlot(),\n          htmlStyle(\n            joinRules({\n              \":host\": {\n                gap: this.gap,\n                \"grid-template-columns\": toTemplate(this.columns),\n                \"grid-template-rows\": toTemplate(this.rows),\n                \"place-content\": this.content,\n                \"place-items\": this.items,\n              },\n            }),\n          ),\n        ]}\n      </div>\n    `;\n  }\n}\n\nexport default Grid;\nexport { Grid };\n"],"version":3,"file":"component.d.ts"}

package/web-components/grid/component.js

@@ -1,2 +1,3 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e,htmlSlot as s,htmlStyle as i,joinRules as p,isNumerical as d}from"@godown/element";import{css as n,html as a}from"lit";import{property as l}from"lit/decorators.js";import{GlobalStyle as m}from"../../internal/global-style.js";const c=t=>d(t)?`repeat(${t},1fr)`:t;let g=class Grid extends m{render(){return a`<div part="root" ${e(this.observedRecord)}> ${[s(),i(p({":host":{gap:this.gap,"grid-template-columns":c(this.columns),"grid-template-rows":c(this.rows),"place-content":this.content,"place-items":this.items}}))]} </div>`}};t([l()],g.prototype,"gap",void 0),t([l()],g.prototype,"columns",void 0),t([l()],g.prototype,"rows",void 0),t([l()],g.prototype,"content",void 0),t([l()],g.prototype,"items",void 0),g=t([o("grid"),r(n`:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}`)],g);var h=g;export{g as Grid,h as default};
+import{godown,styles,attr,htmlSlot,htmlStyle,joinRules,isNumerical}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const toTemplate=e=>isNumerical(e)?`repeat(${e},1fr)`:e,protoName=`grid`;let Grid=class e extends GlobalStyle{render(){return html`<div part="root" ${attr(this.observedRecord)}> ${[htmlSlot(),htmlStyle(joinRules({":host":{gap:this.gap,"grid-template-columns":toTemplate(this.columns),"grid-template-rows":toTemplate(this.rows),"place-content":this.content,"place-items":this.items}}))]} </div>`}};_decorate([property()],Grid.prototype,`gap`,void 0),_decorate([property()],Grid.prototype,`columns`,void 0),_decorate([property()],Grid.prototype,`rows`,void 0),_decorate([property()],Grid.prototype,`content`,void 0),_decorate([property()],Grid.prototype,`items`,void 0),Grid=_decorate([godown(protoName),styles(css`:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}
+`)],Grid);var Grid$1=Grid;export{Grid,Grid$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/grid/component.ts"],"sourcesContent":null,"names":["toTemplate","s","isNumerical","Grid","GlobalStyle","render","html","attr","this","observedRecord","columns","rows","content","items","__decorate","property","prototype","godown","styles","css","Grid$1"],"mappings":"6SAMA,MAAMA,EAAcC,GAAwBC,EAAYD,GAAK,UAAUA,SAAWA,EAqBlF,IAAME,EAAN,MAAMA,aAAaC,EAmCP,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAC,KAAAC,oBAAA,UAGA,QAAK,cAEV,wBAAAT,EAAAQ,KAAAE,SACQ,qBAAEV,EAAAQ,KAAAG,MACD,gBACGH,KAAAI,QACR,cAASJ,KAAAK,sBAMRC,EAAA,CACFC,KAEJZ,EAAAa,UAAA,WAAA,aAGPA,UAAA,eAAA,KACD,CArDCD,KADCZ,EAAAa,UAAU,YAAA,GACCF,EAAA,CAQZC,KADCZ,EAAAa,UAAU,eAAA,GACcF,EAAA,CAQzBC,KADCZ,EAAAa,UAAU,aAAA,GACWb,EAAAW,EAAA,CAMtBG,EA9CgB,QA6CfC,EAAAC,CAAU,mFACKhB,GAMhB,IAAAiB,EAAAjB"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/grid/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, htmlStyle, isNumerical, joinRules, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst toTemplate = (s: number | string) => (isNumerical(s) ? `repeat(${s},1fr)` : s);\n\nconst protoName = \"grid\";\n\n/**\n * {@linkcode Grid} provides gird layout.\n *\n * @slot - Grid items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: grid;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Grid extends GlobalStyle {\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `grid-template-columns`.\n   *\n   * If columns is numerical, divide columns equally.\n   */\n  @property()\n  columns: string | number;\n\n  /**\n   * CSS property `grid-template-rows`.\n   *\n   * If rows is numerical, divide rows equally.\n   */\n  @property()\n  rows: string | number;\n\n  /**\n   * CSS property `place-content` (`align-content justify-content`).\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `place-items` (`align-items justify-items`).\n   */\n  @property()\n  items: string;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          htmlSlot(),\n          htmlStyle(\n            joinRules({\n              \":host\": {\n                gap: this.gap,\n                \"grid-template-columns\": toTemplate(this.columns),\n                \"grid-template-rows\": toTemplate(this.rows),\n                \"place-content\": this.content,\n                \"place-items\": this.items,\n              },\n            }),\n          ),\n        ]}\n      </div>\n    `;\n  }\n}\n\nexport default Grid;\nexport { Grid };\n"],"names":["s: number | string","s","Grid"],"mappings":"gRAMA,MAAM,WAAa,AAACA,GAAwB,YAAYC,EAAE,CAAG,CAAC,OAAO,EAAEA,EAAE,KAAK,CAAC,CAAGA,EAE5E,UAAY,OAQlB,IAAA,KAAA,MAWMC,UAAa,WAAY,CAmCnB,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,CACA,UAAU,CACV,UACE,UAAU,CACR,QAAS,CACP,IAAK,KAAK,IACV,wBAAyB,WAAW,KAAK,QAAQ,CACjD,qBAAsB,WAAW,KAAK,KAAK,CAC3C,gBAAiB,KAAK,QACtB,cAAe,KAAK,KACrB,CACF,EAAC,CAEL,AAAA,EAAA,OAEL,CAAC,AACF,CACF,EArEA,WAeE,UAAU,AAAA,EAAA,KAAA,UAAA,aAAA,YAQV,UAAU,AAAA,EAAA,KAAA,UAAA,iBAAA,YAQV,UAAU,AAAA,EAAA,KAAA,UAAA,cAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,iBAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,eAAA,CA3CZ,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AASZ,CAAC,CAAC,AAAA,EAAA,KAAA,CA6DF,IAAA,OAAe"}

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

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

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

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

package/web-components/grid/definition.js

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

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

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

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

@@ -1,31 +1,30 @@
 import { type TemplateResult } from "lit";
 import Link from "../link/component.js";
 /**
- * {@linkcode Heading} renders a heading.
- *
- * If the id is provided, the anchor will be displayed.
- *
- * @slot - Heading content.
- * @category layout
- */
+* {@linkcode Heading} renders a heading.
+*
+* If the id is provided, the anchor will be displayed.
+*
+* @slot - Heading content.
+* @category layout
+*/
 declare class Heading extends Link {
-    /**
-     * The heading level.
-     */
-    as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    /**
-     * The anchor prefix.
-     *
-     * Element must have an id to be displayed.
-     */
-    anchor: string;
-    /**
-     * The anchor side.
-     */
-    side: "left" | "right";
-    protected render(): TemplateResult<1>;
-    protected wrapHeading(...children: any[]): TemplateResult<1>;
+	/**
+	* The heading level.
+	*/
+	as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+	/**
+	* The anchor prefix.
+	*
+	* Element must have an id to be displayed.
+	*/
+	anchor: string;
+	/**
+	* The anchor side.
+	*/
+	side: "left" | "right";
+	protected render(): TemplateResult<1>;
+	protected wrapHeading(...children: any[]): TemplateResult<1>;
 }
 export default Heading;
 export { Heading };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/heading/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAIxC;;;;;;;GAOG;AACH,cAgCM,OAAQ,SAAQ,IAAI;IACxB;;OAEG;IAEH,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEnD;;;;OAIG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IAEhC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAmBrC,SAAS,CAAC,WAAW,CAAC,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC;CA4B7D;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAA0C,KAAM;AAG9D,OAAO,UAAU,sBAAuB;;;;;;;;;AAYxC,cAgCM,gBAAgB,KAAK;;;;CAIzB,AACA,IAAI,OAAO,OAAO,OAAO,OAAO,OAAO;;;;;;CAOvC,AACA;;;;CAKA,AACA,MAAM,SAAS;CAEf,UAAU,UAAU,eAAe;CAmBnC,UAAU,YAAY,GAAG,kBAAkB,eAAe;AA4B3D;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/heading/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles, tokenList } from \"@godown/element\";\nimport { type TemplateResult, css, html, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport Link from \"../link/component.js\";\n\nconst protoName = \"heading\";\n\n/**\n * {@linkcode Heading} renders a heading.\n *\n * If the id is provided, the anchor will be displayed.\n *\n * @slot - Heading content.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    text-align: start;\n  }\n\n  [part~=\"anchor\"] {\n    position: absolute;\n    text-align: center;\n    min-width: 1.25em;\n    right: 100%;\n  }\n\n  [part~=\"left\"][part~=\"anchor\"] {\n    right: 100%;\n  }\n\n  [part~=\"right\"][part~=\"anchor\"] {\n    left: 100%;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    width: fit-content;\n    position: relative;\n  }\n`)\nclass Heading extends Link {\n  /**\n   * The heading level.\n   */\n  @property()\n  as: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h1\";\n\n  /**\n   * The anchor prefix.\n   *\n   * Element must have an id to be displayed.\n   */\n  @property()\n  anchor = \"#\";\n\n  /**\n   * The anchor side.\n   */\n  @property()\n  side: \"left\" | \"right\" = \"left\";\n\n  protected render(): TemplateResult<1> {\n    const hrefValue = this.href || (this.id ? \"#\" + this.id : undefined);\n    return html`\n      <a\n        part=\"root\"\n        href=\"${hrefValue || nothing}\"\n      >\n        ${this.wrapHeading(\n          htmlSlot(),\n          hrefValue\n            ? html`\n                <i part=\"${tokenList(\"anchor\", this.side)}\">${this.anchor}</i>\n              `\n            : \"\",\n        )}\n      </a>\n    `;\n  }\n\n  protected wrapHeading(...children: any[]): TemplateResult<1> {\n    switch (this.as) {\n      case \"h2\":\n        return html`\n          <h2>${children}</h2>\n        `;\n      case \"h3\":\n        return html`\n          <h3>${children}</h3>\n        `;\n      case \"h4\":\n        return html`\n          <h4>${children}</h4>\n        `;\n      case \"h5\":\n        return html`\n          <h5>${children}</h5>\n        `;\n      case \"h6\":\n        return html`\n          <h6>${children}</h6>\n        `;\n      default:\n        return html`\n          <h1>${children}</h1>\n        `;\n    }\n  }\n}\n\nexport default Heading;\nexport { Heading };\n"],"version":3,"file":"component.d.ts"}

package/web-components/heading/component.js

@@ -1,2 +1,3 @@
-import{__decorate as t}from"tslib";import{godown as r,styles as h,htmlSlot as i,tokenList as e}from"@godown/element";import{css as o,nothing as a,html as s}from"lit";import{property as n}from"lit/decorators.js";import p from"../link/component.js";let c=class Heading extends p{constructor(){super(...arguments),this.as="h1",this.anchor="#",this.side="left"}render(){const t=this.href||(this.id?"#"+this.id:void 0);return s`<a part="root" href="${t||a}"> ${this.wrapHeading(i(),t?s`<i part="${e("anchor",this.side)}">${this.anchor}</i>`:"")} </a>`}wrapHeading(...t){switch(this.as){case"h2":return s`<h2>${t}</h2>`;case"h3":return s`<h3>${t}</h3>`;case"h4":return s`<h4>${t}</h4>`;case"h5":return s`<h5>${t}</h5>`;case"h6":return s`<h6>${t}</h6>`;default:return s`<h1>${t}</h1>`}}};t([n()],c.prototype,"as",void 0),t([n()],c.prototype,"anchor",void 0),t([n()],c.prototype,"side",void 0),c=t([r("heading"),h(o`:host{display:block;text-align:start}[part~=anchor]{min-width:1.25em;position:absolute;right:100%;text-align:center}[part~=left][part~=anchor]{right:100%}[part~=right][part~=anchor]{left:100%}h1,h2,h3,h4,h5,h6{position:relative;width:-moz-fit-content;width:fit-content}`)],c);var d=c;export{c as Heading,d as default};
+import{godown,styles,htmlSlot,tokenList}from"@godown/element";import{css,nothing,html}from"lit";import{property}from"lit/decorators.js";import Link from"../link/component.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`heading`;let Heading=class e extends Link{constructor(...e){super(...e),this.as=`h1`,this.anchor=`#`,this.side=`left`}render(){let e=this.href||(this.id?`#`+this.id:void 0);return html`<a part="root" href="${e||nothing}"> ${this.wrapHeading(htmlSlot(),e?html`<i part="${tokenList(`anchor`,this.side)}">${this.anchor}</i>`:``)} </a>`}wrapHeading(...e){switch(this.as){case`h2`:return html`<h2>${e}</h2>`;case`h3`:return html`<h3>${e}</h3>`;case`h4`:return html`<h4>${e}</h4>`;case`h5`:return html`<h5>${e}</h5>`;case`h6`:return html`<h6>${e}</h6>`;default:return html`<h1>${e}</h1>`}}};_decorate([property()],Heading.prototype,`as`,void 0),_decorate([property()],Heading.prototype,`anchor`,void 0),_decorate([property()],Heading.prototype,`side`,void 0),Heading=_decorate([godown(protoName),styles(css`:host{display:block;text-align:start}[part~=anchor]{position:absolute;text-align:center;min-width:1.25em;right:100%}[part~=left][part~=anchor]{right:100%}[part~=right][part~=anchor]{left:100%}h1,h2,h3,h4,h5,h6{width:-moz-fit-content;width:fit-content;position:relative}
+`)],Heading);var Heading$1=Heading;export{Heading,Heading$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/heading/component.ts"],"sourcesContent":null,"names":["Heading","Link","constructor","this","as","anchor","side","render","hrefValue","href","id","undefined","html","nothing","wrapHeading","htmlSlot","children","prototype","__decorate","property","godown","styles","css"],"mappings":"uPAgDA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAEC,GAA4C,KAQ9CD,KAAME,OAAG,IAMTF,KAAIG,KAAqB,OAEf,MAAAC,GACR,MAAMC,EAAYL,KAAKM,OAASN,KAAKO,GAAK,IAAMP,KAAKO,QAAKC,GAC1D,OAAOC,CAAI,wBAAAJ,GAAAK,OAAAV,KAAAW,YAAAC,IAAAP,qEAGC,mBAEN,OAAgBL,KAAAC,IAGd,iBACwB,OAAAY,SACrB,IAAA,KACC,OACPJ,CAAA,OAAAI,kBAEJ,OAAAJ,CAAA,OAAAI,SACH,IAAA,KAEsB,OAAkBJ,CAAA,OAAAI,SACtC,IAAY,KACV,OAASJ,CAAA,OAAAI,SACP,QACQ,OAAQJ,CAAA,OAAAI,SAElB,WAIAhB,EAAAiB,UAAS,UAAA,GACPC,EAAA,QAECD,UAAA,cAAA,GACHC,EAAA,CACEC,iBACgB,YAAA,KACfD,EAAA,CACHE,EApGY,WAqGVC,EAAAC,CAAA,2RAECtB"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/heading/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles, tokenList } from \"@godown/element\";\nimport { type TemplateResult, css, html, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport Link from \"../link/component.js\";\n\nconst protoName = \"heading\";\n\n/**\n * {@linkcode Heading} renders a heading.\n *\n * If the id is provided, the anchor will be displayed.\n *\n * @slot - Heading content.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    text-align: start;\n  }\n\n  [part~=\"anchor\"] {\n    position: absolute;\n    text-align: center;\n    min-width: 1.25em;\n    right: 100%;\n  }\n\n  [part~=\"left\"][part~=\"anchor\"] {\n    right: 100%;\n  }\n\n  [part~=\"right\"][part~=\"anchor\"] {\n    left: 100%;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    width: fit-content;\n    position: relative;\n  }\n`)\nclass Heading extends Link {\n  /**\n   * The heading level.\n   */\n  @property()\n  as: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h1\";\n\n  /**\n   * The anchor prefix.\n   *\n   * Element must have an id to be displayed.\n   */\n  @property()\n  anchor = \"#\";\n\n  /**\n   * The anchor side.\n   */\n  @property()\n  side: \"left\" | \"right\" = \"left\";\n\n  protected render(): TemplateResult<1> {\n    const hrefValue = this.href || (this.id ? \"#\" + this.id : undefined);\n    return html`\n      <a\n        part=\"root\"\n        href=\"${hrefValue || nothing}\"\n      >\n        ${this.wrapHeading(\n          htmlSlot(),\n          hrefValue\n            ? html`\n                <i part=\"${tokenList(\"anchor\", this.side)}\">${this.anchor}</i>\n              `\n            : \"\",\n        )}\n      </a>\n    `;\n  }\n\n  protected wrapHeading(...children: any[]): TemplateResult<1> {\n    switch (this.as) {\n      case \"h2\":\n        return html`\n          <h2>${children}</h2>\n        `;\n      case \"h3\":\n        return html`\n          <h3>${children}</h3>\n        `;\n      case \"h4\":\n        return html`\n          <h4>${children}</h4>\n        `;\n      case \"h5\":\n        return html`\n          <h5>${children}</h5>\n        `;\n      case \"h6\":\n        return html`\n          <h6>${children}</h6>\n        `;\n      default:\n        return html`\n          <h1>${children}</h1>\n        `;\n    }\n  }\n}\n\nexport default Heading;\nexport { Heading };\n"],"names":["Heading","hrefValue","children"],"mappings":"4OAMA,MAAM,UAAY,UAUlB,IAAA,QAAA,MAgCMA,UAAgB,IAAK,oCAKzB,GAA8C,UAQ9C,OAAS,SAMT,KAAyB,OAEf,QAA4B,CACpC,IAAMC,EAAY,KAAK,OAAS,KAAK,GAAK,IAAM,KAAK,WACrD,MAAO,KAAI,CAAA,qBAGD,EAAEA,GAAa,QAAQ,GAE7B,EAAE,KAAK,YACL,UAAU,CACVA,EACI,IAAI,CAAA,SACO,EAAE,UAAU,SAAU,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,OAAO,IAC5D,CAAC,CACD,GACL,CAAA,KAEL,CAAC,AACF,CAED,YAAsB,GAAGC,EAAoC,CAC3D,OAAQ,KAAK,GAAb,CACE,IAAK,KACH,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,CACH,IAAK,KACH,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,CACH,IAAK,KACH,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,CACH,IAAK,KACH,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,CACH,IAAK,KACH,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,CACH,QACE,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,AACJ,CACF,CACF,EApGA,WAoCE,UAAU,AAAA,EAAA,QAAA,UAAA,YAAA,YAQV,UAAU,AAAA,EAAA,QAAA,UAAA,gBAAA,YAMV,UAAU,AAAA,EAAA,QAAA,UAAA,cAAA,CAlDZ,QAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AA8BZ,CAAC,CAAC,AAAA,EAAA,QAAA,CAuEF,IAAA,UAAe"}

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

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

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

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

package/web-components/heading/definition.js

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

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

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

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

@@ -2,25 +2,24 @@ import { type TemplateResult } from "lit";
 import { SuperInput } from "../../internal/super-input.js";
 type InputType = "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "file" | "image";
 /**
- * {@linkcode Input} renders a input.
- *
- * @fires input - Fires when the input value changes.
- * @fires change - Fires when the input value changes.
- * @category input
- */
+* {@linkcode Input} renders a input.
+*
+* @fires input - Fires when the input value changes.
+* @fires change - Fires when the input value changes.
+* @category input
+*/
 declare class Input extends SuperInput {
-    type: InputType;
-    value: string;
-    /**
-     * If outline, the outline is always present.
-     */
-    variant: "default" | "outline";
-    protected _input: HTMLInputElement;
-    constructor();
-    protected render(): TemplateResult<1>;
-    protected _renderSuffix(): TemplateResult<1>;
-    protected _changeInputType(t: typeof this.type): void;
+	type: InputType;
+	value: string;
+	/**
+	* If outline, the outline is always present.
+	*/
+	variant: "default" | "outline";
+	protected _input: HTMLInputElement;
+	constructor();
+	protected render(): TemplateResult<1>;
+	protected _renderSuffix(): TemplateResult<1>;
+	protected _changeInputType(t: typeof this.type): void;
 }
 export default Input;
 export { Input };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/input/component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAG3D,KAAK,SAAS,GACV,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,CAAC;AAIZ;;;;;;GAMG;AACH,cA6CM,KAAM,SAAQ,UAAU;IAE5B,IAAI,EAAE,SAAS,CAAU;IAEzB,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAG3C,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;;IAYnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IA4BrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAiB5C,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI;CAKtD;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"mappings":"AAEA,cAAc,sBAA0C,KAAM;AAI9D,SAAS,kBAAkB,+BAAgC;KAGtD,YACD,SACA,WACA,QACA,QACA,UACA,aACA,aACA,SACA,UACA,SACA,SACA,mBACA,WACA,UACA,UACA,SACA;;;;;;;;AAWJ,cA6CM,cAAc,WAAW;CAC7B,AACA,MAAM;CAEN;;;;CAKA,AACA,SAAS,YAAY;CAErB,UACU,QAAQ;CAElB;CAUA,UAAU,UAAU,eAAe;CA4BnC,UAAU,iBAAiB,eAAe;CAiB1C,UAAU,iBAAiBA,UAAU,KAAK;AAK3C;AAED,eAAe;AACf,SAAS","names":["t: typeof this.type"],"sources":["../../../src/web-components/input/component.ts"],"sourcesContent":["import { attr, godown, queryPart, styles, StyleController, htmlSlot } from \"@godown/element\";\nimport iconEyeSlash from \"../../internal/icons/eye-slash.js\";\nimport { type TemplateResult, css, html, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { RingBuilder } from \"../../internal/ring.js\";\n\ntype InputType =\n  | \"text\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"email\"\n  | \"password\"\n  | \"datetime\"\n  | \"date\"\n  | \"month\"\n  | \"week\"\n  | \"time\"\n  | \"datetime-local\"\n  | \"number\"\n  | \"range\"\n  | \"color\"\n  | \"file\"\n  | \"image\";\n\nconst protoName = \"input\";\n\n/**\n * {@linkcode Input} renders a input.\n *\n * @fires input - Fires when the input value changes.\n * @fires change - Fires when the input value changes.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    ${cssGlobalVars.input}-icon-color: hsl(0, 0%, 50%);\n  }\n\n  :host(:focus-within),\n  :host(:active) {\n    ${cssGlobalVars.ringColor}: currentColor;\n    ${cssGlobalVars.input}-icon-color: currentColor;\n  }\n\n  [part=\"root\"] {\n    padding-inline: 0.75em;\n    padding-block: 0.5em;\n    display: flex;\n    position: relative;\n    align-items: center;\n    border-radius: inherit;\n  }\n\n  [part=\"input\"] {\n    width: 100%;\n    height: 100%;\n    flex-grow: 1;\n  }\n\n  [part=\"prefix\"],\n  [part=\"suffix\"] {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(${cssGlobalVars.input}-icon-color);\n  }\n\n  [part=\"suffix\"] slot svg {\n    margin-inline-start: 0.25em;\n  }\n\n  [part=\"prefix\"] slot svg {\n    margin-inline-end: 0.25em;\n  }\n`)\nclass Input extends SuperInput {\n  @property({ reflect: true })\n  type: InputType = \"text\";\n\n  value: string;\n\n  /**\n   * If outline, the outline is always present.\n   */\n  @property()\n  variant: \"default\" | \"outline\" = \"default\";\n\n  @queryPart(\"input\")\n  protected _input: HTMLInputElement;\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () =>\n        new RingBuilder({ type: this.ringType }).css +\n        (this.variant === \"outline\" ? `:host{${cssGlobalVars.ringColor}:currentColor}` : \"\"),\n    );\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <label\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          this._renderPrefix(),\n          html`\n            <input\n              part=\"input\"\n              type=\"${this.type}\"\n              .value=\"${this.value}\"\n              ?autofocus=\"${this.autofocus}\"\n              ?disabled=\"${this.disabled}\"\n              autocapitalize=\"${this.autocapitalize || nothing}\"\n              autocomplete=\"${this.autocomplete || nothing}\"\n              placeholder=\"${this.placeholder || nothing}\"\n              @input=\"${this._handleInput}\"\n              @change=\"${this._handleChange}\"\n            />\n          `,\n          this._renderSuffix(),\n        ]}\n      </label>\n    `;\n  }\n\n  protected _renderSuffix(): TemplateResult<1> {\n    const PASSWORD = \"password\";\n    if (this.type === PASSWORD) {\n      return html`\n        <i\n          part=\"suffix\"\n          @mousedown=\"${() => this._changeInputType(\"text\")}\"\n          @mouseup=\"${() => this._changeInputType(PASSWORD)}\"\n          @mouseleave=\"${() => this._changeInputType(PASSWORD)}\"\n        >\n          ${htmlSlot(\"suffix\", iconEyeSlash())}\n        </i>\n      `;\n    }\n    return super._renderSuffix();\n  }\n\n  protected _changeInputType(t: typeof this.type): void {\n    if (this._input) {\n      this._input.type = t;\n    }\n  }\n}\n\nexport default Input;\nexport { Input };\n"],"version":3,"file":"component.d.ts"}