godown 2.7.0 → 2.7.2

package/README.md

@@ -16,6 +16,13 @@ npm i godown
 <g-alert title="Alert"></g-alert>
 ```
 
+Can't use a single tag.
+
+```html
+<g-alert title="Alert"/>
+<!-- ERROR -->
+```
+
 ### JS
 
 ```js
@@ -52,6 +59,8 @@ export default function () {
 
 ### Custom element tag name
 
+The name must contain `-`.
+
 ```js
 import { defineConfig } from "godown/conf";
 
@@ -104,7 +113,7 @@ The CSS variable of the element will be `${cssvar} + element name + description`
 The following CSS variables now affect element styles.
 
 ```html
-<g-button scale style="--ge--g-button--focus-scale:.95;"></g-button>
+<g-button style="--ge--g-button--focus-scale: .95;"></g-button>
 ```
 
 ### Custom initial property
@@ -124,7 +133,7 @@ defineConfig({
 Assign when elements are **connected**.
 
 ```html
-<g-button class="godown-element custom-element" color="blue"> Button </g-button>
+<g-button class="godown-element custom-element" color="blue">Button</g-button>
 
 <g-input class="godown-element custom-element" color="blue"></g-input>
 ```

package/lib/templates.d.ts

@@ -22,6 +22,7 @@ export declare const svgX: () => import("lit").TemplateResult<1>;
 export declare const svgImage: () => import("lit").TemplateResult<1>;
 export declare const svgSun: () => import("lit").TemplateResult<1>;
 export declare const svgMoon: (star?: boolean) => import("lit").TemplateResult<1>;
+export declare const svgLink: () => import("lit").TemplateResult<1>;
 export declare const icons: {
     delta: () => import("lit").TemplateResult<1>;
     "delta-smooth": () => import("lit").TemplateResult<1>;
@@ -34,6 +35,7 @@ export declare const icons: {
     moon: (star?: boolean) => import("lit").TemplateResult<1>;
     "moon-star": () => import("lit").TemplateResult<1>;
     sun: () => import("lit").TemplateResult<1>;
+    link: () => import("lit").TemplateResult<1>;
 };
 export {};
 //# sourceMappingURL=templates.d.ts.map

package/lib/templates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"templates.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAO,MAAM,KAAK,CAAC;AAEhC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnD;;;;GAIG;AACH,eAAO,MAAM,IAAI,UAAU,MAAM,GAAG,IAAI,GAAG,MAAM,WAA2B,MAAM,GAAG,IAAI,GAAG,MAAM,gBAAgC,MAAM,GAAG,IAAI,GAAG,MAAM,SAG3I,MAAM,oCAGlB,CAAC;AAEF,UAAU,QAAQ;IAChB,IAAI,YAAY,CAAC;IACjB,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;IAC7B,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC;CACpE;AAED,eAAO,MAAM,QAAQ,UAQP,CAAC;AAEf,eAAO,MAAM,SAAS,QAAS,MAAM,oCAMpC,CAAC;AAIF,eAAO,MAAM,QAAQ,uCAEpB,CAAC;AAEF,eAAO,MAAM,cAAc,uCAE1B,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,OAAO,oCAGtC,CAAC;AAEF,eAAO,MAAM,SAAS,uCAErB,CAAC;AAEF,eAAO,MAAM,MAAM,uCAElB,CAAC;AAEF,eAAO,MAAM,IAAI,uCAEhB,CAAC;AAEF,eAAO,MAAM,QAAQ,uCAEpB,CAAC;AAEF,eAAO,MAAM,MAAM,uCAElB,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,OAAO,oCAErC,CAAC;AAEF,eAAO,MAAM,KAAK;;;mBA7Bc,OAAO;;;;;;kBAyBR,OAAO;;;CAgBrC,CAAC"}
+{"version":3,"file":"templates.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAO,MAAM,KAAK,CAAC;AAEhC,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnD;;;;GAIG;AACH,eAAO,MAAM,IAAI,UAAU,MAAM,GAAG,IAAI,GAAG,MAAM,WAA2B,MAAM,GAAG,IAAI,GAAG,MAAM,gBAAgC,MAAM,GAAG,IAAI,GAAG,MAAM,SAG3I,MAAM,oCAGlB,CAAC;AAEF,UAAU,QAAQ;IAChB,IAAI,YAAY,CAAC;IACjB,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;IAC7B,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC;CACpE;AAED,eAAO,MAAM,QAAQ,UAQP,CAAC;AAEf,eAAO,MAAM,SAAS,QAAS,MAAM,oCAMpC,CAAC;AAIF,eAAO,MAAM,QAAQ,uCAEpB,CAAC;AAEF,eAAO,MAAM,cAAc,uCAE1B,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,OAAO,oCAGtC,CAAC;AAEF,eAAO,MAAM,SAAS,uCAErB,CAAC;AAEF,eAAO,MAAM,MAAM,uCAElB,CAAC;AAEF,eAAO,MAAM,IAAI,uCAEhB,CAAC;AAEF,eAAO,MAAM,QAAQ,uCAEpB,CAAC;AAEF,eAAO,MAAM,MAAM,uCAElB,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,OAAO,oCAErC,CAAC;AAEF,eAAO,MAAM,OAAO,uCAEnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;mBAjCc,OAAO;;;;;;kBAyBR,OAAO;;;;CAqBrC,CAAC"}

package/lib/templates.js

@@ -56,6 +56,9 @@ export const svgSun = () => {
 export const svgMoon = (star) => {
     return html `<svg viewBox="0 0 16 16">${path(undefined, 0)("M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z")} ${star && path(undefined, 0)("M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z")}</svg>`;
 };
+export const svgLink = () => {
+    return html `<svg viewBox="0 0 48 48" fill="none">${path(0)("M28 6H42V20")}${path(0)("M42 29.4737V39C42 40.6569 40.6569 42 39 42H9C7.34315 42 6 40.6569 6 39V9C6 7.34315 7.34315 6 9 6L18 6")}${path()("M25.7998 22.1999L41.0998 6.8999")}</svg>`;
+};
 export const icons = {
     delta: svgDelta,
     "delta-smooth": svgDeltaSmooth,
@@ -68,5 +71,6 @@ export const icons = {
     moon: svgMoon,
     "moon-star": () => svgMoon(true),
     sun: svgSun,
+    link: svgLink,
 };
 //# sourceMappingURL=templates.js.map

package/lib/templates.js.map

@@ -1 +1 @@
-{"version":3,"file":"templates.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/templates.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, svg } from \"lit\";\n\nexport type HTMLTemplate = ReturnType<typeof html>;\n\n/**\n * @param fill undefined: \"currentColor\". zero value: \"none\".\n * @param stroke undefined: \"currentColor\". zero value: \"none\".\n * @returns Function returns path needs d.\n */\nexport const path = (fill: string | void | number = \"currentColor\", stroke: string | void | number = \"currentColor\", strokeWidth: string | void | number = 3) => {\n  fill = fill || \"none\";\n  stroke = stroke || \"none\";\n  return (d: string) => {\n    return svg`<path d=\"${d}\" fill=\"${fill}\" stroke=\"${stroke}\" stroke-width=\"${strokeWidth}\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>`;\n  };\n};\n\ninterface HtmlSlot {\n  (): HTMLTemplate;\n  (name: string): HTMLTemplate;\n  <T>(name: string, feedback: T, node: ParentNode): T | HTMLTemplate;\n}\n\nexport const htmlSlot = (<T>(name: string, fallback: T, node: ParentNode) => {\n  if (name) {\n    if (fallback && node && !node.querySelector(`[slot=${name}]`)) {\n      return fallback;\n    }\n    return html`<slot name=\"${name}\"></slot>`;\n  }\n  return html`<slot></slot>`;\n}) as HtmlSlot;\n\nexport const htmlStyle = (css: string) => {\n  if (css) {\n    return html`<style>\n      ${css}\n    </style>`;\n  }\n};\n\n// SVG ICONS.\n\nexport const svgDelta = () => {\n  return html`<svg viewBox=\"0 0 48 48\" fill=\"none\">${path()(\"M36 19L24 31L12 19H36Z\")}</svg>`;\n};\n\nexport const svgDeltaSmooth = () => {\n  return html`<svg viewBox=\"0 0 16 16\" fill=\"currentColor\">${path(undefined, 0)(\"m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z\")}</svg>`;\n};\n\nexport const svgArrow = (body?: boolean) => {\n  const d = body ? \"M24 12L36 24L24 36\" : \"M19 12L31 24L19 36\";\n  return html`<svg viewBox=\"0 0 48 48\" fill=\"none\">${body && path()(\"M36 24.0083H12\")} ${path(\"none\")(d)}</svg>`;\n};\n\nexport const svgSearch = () => {\n  return html`<svg viewBox=\"0 0 1024 1024\">${path()(\"M745.429333 655.658667c1.173333 0.746667 2.325333 1.578667 3.413334 2.496l114.410666 96a32 32 0 0 1-41.152 49.024l-114.389333-96a32 32 0 0 1-6.208-6.976A297.429333 297.429333 0 0 1 512 768c-164.949333 0-298.666667-133.717333-298.666667-298.666667S347.050667 170.666667 512 170.666667s298.666667 133.717333 298.666667 298.666666a297.386667 297.386667 0 0 1-65.237334 186.325334zM512 704c129.6 0 234.666667-105.066667 234.666667-234.666667s-105.066667-234.666667-234.666667-234.666666-234.666667 105.066667-234.666667 234.666666 105.066667 234.666667 234.666667 234.666667z\")}</svg>`;\n};\n\nexport const svgEye = () => {\n  return html`<svg viewBox=\"0 0 48 48\">${path(0)(\"M9.85786 18C6.23858 21 4 24 4 24C4 24 12.9543 36 24 36C25.3699 36 26.7076 35.8154 28 35.4921M20.0318 12.5C21.3144 12.1816 22.6414 12 24 12C35.0457 12 44 24 44 24C44 24 41.7614 27 38.1421 30\")} ${path(0)(\"M20.3142 20.6211C19.4981 21.5109 19 22.6972 19 23.9998C19 26.7612 21.2386 28.9998 24 28.9998C25.3627 28.9998 26.5981 28.4546 27.5 27.5705\")} ${path()(\"M42 42L6 6\")}</svg>`;\n};\n\nexport const svgX = () => {\n  return html`<svg viewBox=\"0 0 48 48\" fill=\"none\">${path()(\"M14 14L34 34\")} ${path()(\"M14 34L34 14\")}</svg>`;\n};\n\nexport const svgImage = () => {\n  return html`<svg viewBox=\"0 0 1098 1024\">${path(undefined, 0)(\"M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z\")}</svg>`;\n};\n\nexport const svgSun = () => {\n  return html`<svg viewBox=\"0 0 16 16\">${path(undefined, 0, 1)(\"M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z\")}</svg>`;\n};\n\nexport const svgMoon = (star?: boolean) => {\n  return html`<svg viewBox=\"0 0 16 16\">${path(undefined, 0)(\"M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z\")} ${star && path(undefined, 0)(\"M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z\")}</svg>`;\n};\n\nexport const icons = {\n  delta: svgDelta,\n  \"delta-smooth\": svgDeltaSmooth,\n  arrow: svgArrow,\n  \"arrow-body\": () => svgArrow(true),\n  search: svgSearch,\n  eye: svgEye,\n  x: svgX,\n  image: svgImage,\n  moon: svgMoon,\n  \"moon-star\": () => svgMoon(true),\n  sun: svgSun,\n};\n"]}
+{"version":3,"file":"templates.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["lib/templates.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, svg } from \"lit\";\n\nexport type HTMLTemplate = ReturnType<typeof html>;\n\n/**\n * @param fill undefined: \"currentColor\". zero value: \"none\".\n * @param stroke undefined: \"currentColor\". zero value: \"none\".\n * @returns Function returns path needs d.\n */\nexport const path = (fill: string | void | number = \"currentColor\", stroke: string | void | number = \"currentColor\", strokeWidth: string | void | number = 3) => {\n  fill = fill || \"none\";\n  stroke = stroke || \"none\";\n  return (d: string) => {\n    return svg`<path d=\"${d}\" fill=\"${fill}\" stroke=\"${stroke}\" stroke-width=\"${strokeWidth}\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>`;\n  };\n};\n\ninterface HtmlSlot {\n  (): HTMLTemplate;\n  (name: string): HTMLTemplate;\n  <T>(name: string, feedback: T, node: ParentNode): T | HTMLTemplate;\n}\n\nexport const htmlSlot = (<T>(name: string, fallback: T, node: ParentNode) => {\n  if (name) {\n    if (fallback && node && !node.querySelector(`[slot=${name}]`)) {\n      return fallback;\n    }\n    return html`<slot name=\"${name}\"></slot>`;\n  }\n  return html`<slot></slot>`;\n}) as HtmlSlot;\n\nexport const htmlStyle = (css: string) => {\n  if (css) {\n    return html`<style>\n      ${css}\n    </style>`;\n  }\n};\n\n// SVG ICONS.\n\nexport const svgDelta = () => {\n  return html`<svg viewBox=\"0 0 48 48\" fill=\"none\">${path()(\"M36 19L24 31L12 19H36Z\")}</svg>`;\n};\n\nexport const svgDeltaSmooth = () => {\n  return html`<svg viewBox=\"0 0 16 16\" fill=\"currentColor\">${path(undefined, 0)(\"m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z\")}</svg>`;\n};\n\nexport const svgArrow = (body?: boolean) => {\n  const d = body ? \"M24 12L36 24L24 36\" : \"M19 12L31 24L19 36\";\n  return html`<svg viewBox=\"0 0 48 48\" fill=\"none\">${body && path()(\"M36 24.0083H12\")} ${path(\"none\")(d)}</svg>`;\n};\n\nexport const svgSearch = () => {\n  return html`<svg viewBox=\"0 0 1024 1024\">${path()(\"M745.429333 655.658667c1.173333 0.746667 2.325333 1.578667 3.413334 2.496l114.410666 96a32 32 0 0 1-41.152 49.024l-114.389333-96a32 32 0 0 1-6.208-6.976A297.429333 297.429333 0 0 1 512 768c-164.949333 0-298.666667-133.717333-298.666667-298.666667S347.050667 170.666667 512 170.666667s298.666667 133.717333 298.666667 298.666666a297.386667 297.386667 0 0 1-65.237334 186.325334zM512 704c129.6 0 234.666667-105.066667 234.666667-234.666667s-105.066667-234.666667-234.666667-234.666666-234.666667 105.066667-234.666667 234.666666 105.066667 234.666667 234.666667 234.666667z\")}</svg>`;\n};\n\nexport const svgEye = () => {\n  return html`<svg viewBox=\"0 0 48 48\">${path(0)(\"M9.85786 18C6.23858 21 4 24 4 24C4 24 12.9543 36 24 36C25.3699 36 26.7076 35.8154 28 35.4921M20.0318 12.5C21.3144 12.1816 22.6414 12 24 12C35.0457 12 44 24 44 24C44 24 41.7614 27 38.1421 30\")} ${path(0)(\"M20.3142 20.6211C19.4981 21.5109 19 22.6972 19 23.9998C19 26.7612 21.2386 28.9998 24 28.9998C25.3627 28.9998 26.5981 28.4546 27.5 27.5705\")} ${path()(\"M42 42L6 6\")}</svg>`;\n};\n\nexport const svgX = () => {\n  return html`<svg viewBox=\"0 0 48 48\" fill=\"none\">${path()(\"M14 14L34 34\")} ${path()(\"M14 34L34 14\")}</svg>`;\n};\n\nexport const svgImage = () => {\n  return html`<svg viewBox=\"0 0 1098 1024\">${path(undefined, 0)(\"M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z\")}</svg>`;\n};\n\nexport const svgSun = () => {\n  return html`<svg viewBox=\"0 0 16 16\">${path(undefined, 0, 1)(\"M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z\")}</svg>`;\n};\n\nexport const svgMoon = (star?: boolean) => {\n  return html`<svg viewBox=\"0 0 16 16\">${path(undefined, 0)(\"M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z\")} ${star && path(undefined, 0)(\"M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z\")}</svg>`;\n};\n\nexport const svgLink = () => {\n  return html`<svg viewBox=\"0 0 48 48\" fill=\"none\">${path(0)(\"M28 6H42V20\")}${path(0)(\"M42 29.4737V39C42 40.6569 40.6569 42 39 42H9C7.34315 42 6 40.6569 6 39V9C6 7.34315 7.34315 6 9 6L18 6\")}${path()(\"M25.7998 22.1999L41.0998 6.8999\")}</svg>`;\n};\n\nexport const icons = {\n  delta: svgDelta,\n  \"delta-smooth\": svgDeltaSmooth,\n  arrow: svgArrow,\n  \"arrow-body\": () => svgArrow(true),\n  search: svgSearch,\n  eye: svgEye,\n  x: svgX,\n  image: svgImage,\n  moon: svgMoon,\n  \"moon-star\": () => svgMoon(true),\n  sun: svgSun,\n  link: svgLink,\n};\n"]}

package/naming.d.ts

@@ -61,7 +61,6 @@ declare const namings: {
         get(key: string): any;
     };
     "legacy-2.6": {
-        avatar: string;
         carousel: string;
         details: string;
         dialog: string;
@@ -76,6 +75,7 @@ declare const namings: {
         input: string;
         form: string;
         alert: string;
+        avatar: string;
         button: string;
         card: string;
         "router-a": string;

package/naming.js

@@ -31,9 +31,9 @@ const legacy_2_5 = {
         return this[key];
     },
 };
+// Declared.
 const legacy_2_6 = {
     ...legacy_2_5,
-    avatar: "avatar-a",
     carousel: "carousel-slider",
     details: "open-details",
     dialog: "open-dialog",

package/naming.js.map

@@ -1 +1 @@
-{"version":3,"file":"naming.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["naming.ts"],"names":[],"mappings":"AAGA,YAAY;AACZ,MAAM,UAAU,GAAG;IACjB,EAAE;IACF,IAAI,EAAE,WAAW;IACjB,UAAU,EAAE,iBAAiB;IAC7B,UAAU,EAAE,iBAAiB;IAC7B,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,WAAW;IACjB,EAAE;IACF,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,aAAa;IACrB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,eAAe;IACzB,CAAC,EAAE,SAAS;IACZ,IAAI,EAAE,UAAU;IAChB,EAAE;IACF,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,iBAAiB;IAC3B,EAAE;IACF,OAAO,EAAE,gBAAgB;IACzB,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,eAAe;IACzB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,WAAW;IACpB,GAAG,CAAC,GAAW;QACb,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,GAAG,UAAU;IACb,MAAM,EAAE,UAAU;IAClB,QAAQ,EAAE,iBAAiB;IAC3B,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,kBAAkB;IAC5B,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,WAAW;CACrB,CAAC;AAEF,YAAY;AACZ,MAAM,OAAO,GAAgB;IAC3B,GAAG,CAAC,GAAG;QACL,OAAO,IAAI,GAAG,GAAG,CAAC;IACpB,CAAC;CACF,CAAC;AAEF,MAAM,YAAY,GAAgB;IAChC,GAAG,CAAC,GAAG;QACL,OAAO,SAAS,GAAG,GAAG,CAAC;IACzB,CAAC;CACF,CAAC;AAEF,MAAM,OAAO,GAAG;IACd,MAAM,EAAE,OAAO;IACf,EAAE;IACF,UAAU,EAAE,OAAO;IACnB,eAAe,EAAE,YAAY;IAC7B,EAAE;IACF,MAAM,EAAE,UAAU;IAClB,YAAY,EAAE,UAAU;IACxB,YAAY,EAAE,UAAU;CACzB,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["/* eslint-disable camelcase */\nimport type { GetAccessor } from \"./conf\";\n\n// Declared.\nconst legacy_2_5 = {\n  //\n  clip: \"clip-text\",\n  overbreath: \"overbreath-text\",\n  typewriter: \"typewriter-text\",\n  tabs: \"tab-group\",\n  input: \"base-input\",\n  form: \"base-form\",\n  //\n  alert: \"alert-item\",\n  avatar: \"avatar-a\",\n  button: \"base-button\",\n  card: \"card-item\",\n  dialog: \"dialog-item\",\n  \"router-a\": \"link-a\",\n  progress: \"load-progress\",\n  a: \"super-a\",\n  time: \"time-bar\",\n  //\n  divider: \"div-line\",\n  dragbox: \"drag-box\",\n  skeleton: \"skeleton-screen\",\n  //\n  details: \"details-expand\",\n  \"open-offset\": \"offset-expand\",\n  carousel: \"rotation-pool\",\n  tooltip: \"tool-tip\",\n  wrapper: \"with-wrap\",\n  get(key: string) {\n    return this[key];\n  },\n};\n\nconst legacy_2_6 = {\n  ...legacy_2_5,\n  avatar: \"avatar-a\",\n  carousel: \"carousel-slider\",\n  details: \"open-details\",\n  dialog: \"open-dialog\",\n  divider: \"divider-line\",\n  progress: \"loading-progress\",\n  tooltip: \"open-tooltip\",\n  wrapper: \"wrap-view\",\n};\n\n// Declared.\nconst gPrefix: GetAccessor = {\n  get(key) {\n    return \"g-\" + key;\n  },\n};\n\nconst godownPrefix: GetAccessor = {\n  get(key) {\n    return \"godown-\" + key;\n  },\n};\n\nconst namings = {\n  latest: gPrefix,\n  //\n  \"g-prefix\": gPrefix,\n  \"godown-prefix\": godownPrefix,\n  //\n  legacy: legacy_2_5,\n  \"legacy-2.5\": legacy_2_5,\n  \"legacy-2.6\": legacy_2_6,\n};\n\nexport default namings;\n"]}
+{"version":3,"file":"naming.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["naming.ts"],"names":[],"mappings":"AAGA,YAAY;AACZ,MAAM,UAAU,GAAG;IACjB,EAAE;IACF,IAAI,EAAE,WAAW;IACjB,UAAU,EAAE,iBAAiB;IAC7B,UAAU,EAAE,iBAAiB;IAC7B,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,YAAY;IACnB,IAAI,EAAE,WAAW;IACjB,EAAE;IACF,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE,aAAa;IACrB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,eAAe;IACzB,CAAC,EAAE,SAAS;IACZ,IAAI,EAAE,UAAU;IAChB,EAAE;IACF,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,iBAAiB;IAC3B,EAAE;IACF,OAAO,EAAE,gBAAgB;IACzB,aAAa,EAAE,eAAe;IAC9B,QAAQ,EAAE,eAAe;IACzB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,WAAW;IACpB,GAAG,CAAC,GAAW;QACb,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC;CACF,CAAC;AAEF,YAAY;AACZ,MAAM,UAAU,GAAG;IACjB,GAAG,UAAU;IACb,QAAQ,EAAE,iBAAiB;IAC3B,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,kBAAkB;IAC5B,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,WAAW;CACrB,CAAC;AAEF,YAAY;AACZ,MAAM,OAAO,GAAgB;IAC3B,GAAG,CAAC,GAAG;QACL,OAAO,IAAI,GAAG,GAAG,CAAC;IACpB,CAAC;CACF,CAAC;AAEF,MAAM,YAAY,GAAgB;IAChC,GAAG,CAAC,GAAG;QACL,OAAO,SAAS,GAAG,GAAG,CAAC;IACzB,CAAC;CACF,CAAC;AAEF,MAAM,OAAO,GAAG;IACd,MAAM,EAAE,OAAO;IACf,EAAE;IACF,UAAU,EAAE,OAAO;IACnB,eAAe,EAAE,YAAY;IAC7B,EAAE;IACF,MAAM,EAAE,UAAU;IAClB,YAAY,EAAE,UAAU;IACxB,YAAY,EAAE,UAAU;CACzB,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["/* eslint-disable camelcase */\nimport type { GetAccessor } from \"./conf\";\n\n// Declared.\nconst legacy_2_5 = {\n  //\n  clip: \"clip-text\",\n  overbreath: \"overbreath-text\",\n  typewriter: \"typewriter-text\",\n  tabs: \"tab-group\",\n  input: \"base-input\",\n  form: \"base-form\",\n  //\n  alert: \"alert-item\",\n  avatar: \"avatar-a\",\n  button: \"base-button\",\n  card: \"card-item\",\n  dialog: \"dialog-item\",\n  \"router-a\": \"link-a\",\n  progress: \"load-progress\",\n  a: \"super-a\",\n  time: \"time-bar\",\n  //\n  divider: \"div-line\",\n  dragbox: \"drag-box\",\n  skeleton: \"skeleton-screen\",\n  //\n  details: \"details-expand\",\n  \"open-offset\": \"offset-expand\",\n  carousel: \"rotation-pool\",\n  tooltip: \"tool-tip\",\n  wrapper: \"with-wrap\",\n  get(key: string) {\n    return this[key];\n  },\n};\n\n// Declared.\nconst legacy_2_6 = {\n  ...legacy_2_5,\n  carousel: \"carousel-slider\",\n  details: \"open-details\",\n  dialog: \"open-dialog\",\n  divider: \"divider-line\",\n  progress: \"loading-progress\",\n  tooltip: \"open-tooltip\",\n  wrapper: \"wrap-view\",\n};\n\n// Declared.\nconst gPrefix: GetAccessor = {\n  get(key) {\n    return \"g-\" + key;\n  },\n};\n\nconst godownPrefix: GetAccessor = {\n  get(key) {\n    return \"godown-\" + key;\n  },\n};\n\nconst namings = {\n  latest: gPrefix,\n  //\n  \"g-prefix\": gPrefix,\n  \"godown-prefix\": godownPrefix,\n  //\n  legacy: legacy_2_5,\n  \"legacy-2.5\": legacy_2_5,\n  \"legacy-2.6\": legacy_2_6,\n};\n\nexport default namings;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "2.7.0",
+  "version": "2.7.2",
   "main": "./index.js",
   "type": "module",
   "publishConfig": {
@@ -80,6 +80,7 @@
     "./tabs": "./tabs.js",
     "./clip": "./clip.js",
     "./overbreath": "./overbreath.js",
+    "./text": "./text.js",
     "./time": "./time.js",
     "./typewriter": "./typewriter.js",
     "./tooltip": "./tooltip.js",

package/react/index.d.ts

@@ -26,6 +26,7 @@ export declare const Skeleton: import("@lit/react").ReactWebComponent<import("..
 export declare const Tabs: import("@lit/react").ReactWebComponent<import("../web-components/tabs/tabs.js").Tabs, {}>;
 export declare const Clip: import("@lit/react").ReactWebComponent<import("../web-components/text/clip.js").Clip, {}>;
 export declare const Overbreath: import("@lit/react").ReactWebComponent<import("../web-components/text/overbreath.js").Overbreath, {}>;
+export declare const Text: import("@lit/react").ReactWebComponent<import("../web-components/text/text.js").Text, {}>;
 export declare const Time: import("@lit/react").ReactWebComponent<import("../web-components/text/time.js").Time, {}>;
 export declare const Typewriter: import("@lit/react").ReactWebComponent<import("../web-components/text/typewriter.js").Typewriter, {}>;
 export declare const Tooltip: import("@lit/react").ReactWebComponent<import("../web-components/tooltip/tooltip.js").Tooltip, {}>;

package/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,CAAC,kFAEZ,CAAC;AAEH,eAAO,MAAM,KAAK,8FAEhB,CAAC;AAEH,eAAO,MAAM,MAAM,iGAEjB,CAAC;AAEH,eAAO,MAAM,MAAM,iGAEjB,CAAC;AAEH,eAAO,MAAM,IAAI,2FAEf,CAAC;AAEH,eAAO,MAAM,QAAQ,uGAEnB,CAAC;AAEH,eAAO,MAAM,OAAO,oGAElB,CAAC;AAEH,eAAO,MAAM,MAAM,iGAEjB,CAAC;AAEH,eAAO,MAAM,IAAI,mGAEf,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,YAAY,6GAEvB,CAAC;AAEH,eAAO,MAAM,KAAK,8FAEhB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,OAAO,mGAElB,CAAC;AAEH,eAAO,MAAM,QAAQ,sGAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,wGAEpB,CAAC;AAEH,eAAO,MAAM,UAAU,0GAErB,CAAC;AAEH,eAAO,MAAM,QAAQ,uGAEnB,CAAC;AAEH,eAAO,MAAM,OAAO,oGAElB,CAAC;AAEH,eAAO,MAAM,MAAM,0GAEjB,CAAC;AAEH,eAAO,MAAM,QAAQ,uGAEnB,CAAC;AAEH,eAAO,MAAM,IAAI,2FAEf,CAAC;AAEH,eAAO,MAAM,IAAI,2FAEf,CAAC;AAEH,eAAO,MAAM,UAAU,uGAErB,CAAC;AAEH,eAAO,MAAM,IAAI,2FAEf,CAAC;AAEH,eAAO,MAAM,UAAU,uGAErB,CAAC;AAEH,eAAO,MAAM,OAAO,oGAElB,CAAC;AAEH,eAAO,MAAM,OAAO,oGAElB,CAAC;AAEH,eAAO,MAAM,OAAO,oGAElB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,CAAC,kFAEZ,CAAC;AAEH,eAAO,MAAM,KAAK,8FAEhB,CAAC;AAEH,eAAO,MAAM,MAAM,iGAEjB,CAAC;AAEH,eAAO,MAAM,MAAM,iGAEjB,CAAC;AAEH,eAAO,MAAM,IAAI,2FAEf,CAAC;AAEH,eAAO,MAAM,QAAQ,uGAEnB,CAAC;AAEH,eAAO,MAAM,OAAO,oGAElB,CAAC;AAEH,eAAO,MAAM,MAAM,iGAEjB,CAAC;AAEH,eAAO,MAAM,IAAI,mGAEf,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,YAAY,6GAEvB,CAAC;AAEH,eAAO,MAAM,KAAK,8FAEhB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,UAAU,yGAErB,CAAC;AAEH,eAAO,MAAM,WAAW,2GAEtB,CAAC;AAEH,eAAO,MAAM,OAAO,mGAElB,CAAC;AAEH,eAAO,MAAM,QAAQ,sGAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,wGAEpB,CAAC;AAEH,eAAO,MAAM,UAAU,0GAErB,CAAC;AAEH,eAAO,MAAM,QAAQ,uGAEnB,CAAC;AAEH,eAAO,MAAM,OAAO,oGAElB,CAAC;AAEH,eAAO,MAAM,MAAM,0GAEjB,CAAC;AAEH,eAAO,MAAM,QAAQ,uGAEnB,CAAC;AAEH,eAAO,MAAM,IAAI,2FAEf,CAAC;AAEH,eAAO,MAAM,IAAI,2FAEf,CAAC;AAEH,eAAO,MAAM,UAAU,uGAErB,CAAC;AAEH,eAAO,MAAM,IAAI,2FAEf,CAAC;AAEH,eAAO,MAAM,IAAI,2FAEf,CAAC;AAEH,eAAO,MAAM,UAAU,uGAErB,CAAC;AAEH,eAAO,MAAM,OAAO,oGAElB,CAAC;AAEH,eAAO,MAAM,OAAO,oGAElB,CAAC;AAEH,eAAO,MAAM,OAAO,oGAElB,CAAC"}

package/react/index.js

@@ -84,6 +84,9 @@ export const Clip = create({
 export const Overbreath = create({
     elementClass: (await import("../web-components/text/overbreath.js")).default,
 });
+export const Text = create({
+    elementClass: (await import("../web-components/text/text.js")).default,
+});
 export const Time = create({
     elementClass: (await import("../web-components/text/time.js")).default,
 });

package/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { create } from \"./create.js\";\n\nexport const A = create({\n  elementClass: (await import(\"../web-components/a/a.js\")).default,\n});\n\nexport const Alert = create({\n  elementClass: (await import(\"../web-components/alert/alert.js\")).default,\n});\n\nexport const Avatar = create({\n  elementClass: (await import(\"../web-components/avatar/avatar.js\")).default,\n});\n\nexport const Button = create({\n  elementClass: (await import(\"../web-components/button/button.js\")).default,\n});\n\nexport const Card = create({\n  elementClass: (await import(\"../web-components/card/card.js\")).default,\n});\n\nexport const Carousel = create({\n  elementClass: (await import(\"../web-components/carousel/carousel.js\")).default,\n});\n\nexport const Details = create({\n  elementClass: (await import(\"../web-components/details/details.js\")).default,\n});\n\nexport const Dialog = create({\n  elementClass: (await import(\"../web-components/dialog/dialog.js\")).default,\n});\n\nexport const Form = create({\n  elementClass: (await import(\"../web-components/form/form.js\")).default,\n});\n\nexport const AvatarGroup = create({\n  elementClass: (await import(\"../web-components/group/avatar-group.js\")).default,\n});\n\nexport const DetailsGroup = create({\n  elementClass: (await import(\"../web-components/group/details-group.js\")).default,\n});\n\nexport const Input = create({\n  elementClass: (await import(\"../web-components/input/input.js\")).default,\n});\n\nexport const LabelInput = create({\n  elementClass: (await import(\"../web-components/input/label-input.js\")).default,\n});\n\nexport const SearchInput = create({\n  elementClass: (await import(\"../web-components/input/search-input.js\")).default,\n});\n\nexport const SelectInput = create({\n  elementClass: (await import(\"../web-components/input/select-input.js\")).default,\n});\n\nexport const SplitInput = create({\n  elementClass: (await import(\"../web-components/input/split-input.js\")).default,\n});\n\nexport const SwitchInput = create({\n  elementClass: (await import(\"../web-components/input/switch-input.js\")).default,\n});\n\nexport const Divider = create({\n  elementClass: (await import(\"../web-components/layout/divider.js\")).default,\n});\n\nexport const FlexFlow = create({\n  elementClass: (await import(\"../web-components/layout/flex-flow.js\")).default,\n});\n\nexport const NavLayout = create({\n  elementClass: (await import(\"../web-components/layout/nav-layout.js\")).default,\n});\n\nexport const OpenOffset = create({\n  elementClass: (await import(\"../web-components/offset/open-offset.js\")).default,\n});\n\nexport const Progress = create({\n  elementClass: (await import(\"../web-components/progress/progress.js\")).default,\n});\n\nexport const RouterA = create({\n  elementClass: (await import(\"../web-components/router/router-a.js\")).default,\n});\n\nexport const Router = create({\n  elementClass: (await import(\"../web-components/router/router.js\")).default,\n});\n\nexport const Skeleton = create({\n  elementClass: (await import(\"../web-components/skeleton/skeleton.js\")).default,\n});\n\nexport const Tabs = create({\n  elementClass: (await import(\"../web-components/tabs/tabs.js\")).default,\n});\n\nexport const Clip = create({\n  elementClass: (await import(\"../web-components/text/clip.js\")).default,\n});\n\nexport const Overbreath = create({\n  elementClass: (await import(\"../web-components/text/overbreath.js\")).default,\n});\n\nexport const Time = create({\n  elementClass: (await import(\"../web-components/text/time.js\")).default,\n});\n\nexport const Typewriter = create({\n  elementClass: (await import(\"../web-components/text/typewriter.js\")).default,\n});\n\nexport const Tooltip = create({\n  elementClass: (await import(\"../web-components/tooltip/tooltip.js\")).default,\n});\n\nexport const Dragbox = create({\n  elementClass: (await import(\"../web-components/wrapper/dragbox.js\")).default,\n});\n\nexport const Wrapper = create({\n  elementClass: (await import(\"../web-components/wrapper/wrapper.js\")).default,\n});\n"]}
+{"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["react/index.ts"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { create } from \"./create.js\";\n\nexport const A = create({\n  elementClass: (await import(\"../web-components/a/a.js\")).default,\n});\n\nexport const Alert = create({\n  elementClass: (await import(\"../web-components/alert/alert.js\")).default,\n});\n\nexport const Avatar = create({\n  elementClass: (await import(\"../web-components/avatar/avatar.js\")).default,\n});\n\nexport const Button = create({\n  elementClass: (await import(\"../web-components/button/button.js\")).default,\n});\n\nexport const Card = create({\n  elementClass: (await import(\"../web-components/card/card.js\")).default,\n});\n\nexport const Carousel = create({\n  elementClass: (await import(\"../web-components/carousel/carousel.js\")).default,\n});\n\nexport const Details = create({\n  elementClass: (await import(\"../web-components/details/details.js\")).default,\n});\n\nexport const Dialog = create({\n  elementClass: (await import(\"../web-components/dialog/dialog.js\")).default,\n});\n\nexport const Form = create({\n  elementClass: (await import(\"../web-components/form/form.js\")).default,\n});\n\nexport const AvatarGroup = create({\n  elementClass: (await import(\"../web-components/group/avatar-group.js\")).default,\n});\n\nexport const DetailsGroup = create({\n  elementClass: (await import(\"../web-components/group/details-group.js\")).default,\n});\n\nexport const Input = create({\n  elementClass: (await import(\"../web-components/input/input.js\")).default,\n});\n\nexport const LabelInput = create({\n  elementClass: (await import(\"../web-components/input/label-input.js\")).default,\n});\n\nexport const SearchInput = create({\n  elementClass: (await import(\"../web-components/input/search-input.js\")).default,\n});\n\nexport const SelectInput = create({\n  elementClass: (await import(\"../web-components/input/select-input.js\")).default,\n});\n\nexport const SplitInput = create({\n  elementClass: (await import(\"../web-components/input/split-input.js\")).default,\n});\n\nexport const SwitchInput = create({\n  elementClass: (await import(\"../web-components/input/switch-input.js\")).default,\n});\n\nexport const Divider = create({\n  elementClass: (await import(\"../web-components/layout/divider.js\")).default,\n});\n\nexport const FlexFlow = create({\n  elementClass: (await import(\"../web-components/layout/flex-flow.js\")).default,\n});\n\nexport const NavLayout = create({\n  elementClass: (await import(\"../web-components/layout/nav-layout.js\")).default,\n});\n\nexport const OpenOffset = create({\n  elementClass: (await import(\"../web-components/offset/open-offset.js\")).default,\n});\n\nexport const Progress = create({\n  elementClass: (await import(\"../web-components/progress/progress.js\")).default,\n});\n\nexport const RouterA = create({\n  elementClass: (await import(\"../web-components/router/router-a.js\")).default,\n});\n\nexport const Router = create({\n  elementClass: (await import(\"../web-components/router/router.js\")).default,\n});\n\nexport const Skeleton = create({\n  elementClass: (await import(\"../web-components/skeleton/skeleton.js\")).default,\n});\n\nexport const Tabs = create({\n  elementClass: (await import(\"../web-components/tabs/tabs.js\")).default,\n});\n\nexport const Clip = create({\n  elementClass: (await import(\"../web-components/text/clip.js\")).default,\n});\n\nexport const Overbreath = create({\n  elementClass: (await import(\"../web-components/text/overbreath.js\")).default,\n});\n\nexport const Text = create({\n  elementClass: (await import(\"../web-components/text/text.js\")).default,\n});\n\nexport const Time = create({\n  elementClass: (await import(\"../web-components/text/time.js\")).default,\n});\n\nexport const Typewriter = create({\n  elementClass: (await import(\"../web-components/text/typewriter.js\")).default,\n});\n\nexport const Tooltip = create({\n  elementClass: (await import(\"../web-components/tooltip/tooltip.js\")).default,\n});\n\nexport const Dragbox = create({\n  elementClass: (await import(\"../web-components/wrapper/dragbox.js\")).default,\n});\n\nexport const Wrapper = create({\n  elementClass: (await import(\"../web-components/wrapper/wrapper.js\")).default,\n});\n"]}

package/supers/anchor.d.ts

@@ -1,6 +1,10 @@
 import { type HTMLTemplate } from "../lib/templates.js";
 import { GodownElement } from "./root.js";
 export declare class GodownAnchor extends GodownElement {
+    /**
+     * True when the href is in the same pathname as the location.
+     */
+    active: boolean;
     /**
      * Href for a element.
      */
@@ -12,10 +16,11 @@ export declare class GodownAnchor extends GodownElement {
     /**
      * Arrow type.
      */
-    arrow: "" | "delta" | "arrow" | "angle";
+    arrow: "" | "link" | "delta" | "arrow" | "angle";
     static styles: import("lit").CSSResult[];
     protected render(): HTMLTemplate;
     private _arrowSwitcher;
+    useActive(): void;
 }
 export default GodownAnchor;
 //# sourceMappingURL=anchor.d.ts.map

package/supers/anchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchor.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["supers/anchor.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,qBAAa,YAAa,SAAQ,aAAa;IAC7C;;OAEG;IACS,IAAI,EAAE,MAAM,CAAa;IACrC;;OAEG;IACS,MAAM,SAAW;IAC7B;;OAEG;IACS,KAAK,EAAE,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAM;IAEzD,MAAM,CAAC,MAAM,4BA0DX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,cAAc;CAYvB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"anchor.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["supers/anchor.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAA+B,MAAM,qBAAqB,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,qBAAa,YAAa,SAAQ,aAAa;IAC7C;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACS,IAAI,EAAE,MAAM,CAAa;IACrC;;OAEG;IACS,MAAM,SAAW;IAC7B;;OAEG;IACS,KAAK,EAAE,EAAE,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAM;IAElE,MAAM,CAAC,MAAM,4BA0DX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,cAAc;IAetB,SAAS;CAMV;AAED,eAAe,YAAY,CAAC"}

package/supers/anchor.js

@@ -1,10 +1,14 @@
 import { __decorate } from "tslib";
 import { css, html, ifDefined, property } from "../.deps.js";
-import { htmlSlot, svgArrow, svgDelta } from "../lib/templates.js";
+import { htmlSlot, svgArrow, svgDelta, svgLink } from "../lib/templates.js";
 import { GodownElement } from "./root.js";
 export class GodownAnchor extends GodownElement {
     constructor() {
         super(...arguments);
+        /**
+         * True when the href is in the same pathname as the location.
+         */
+        this.active = false;
         /**
          * Href for a element.
          */
@@ -21,7 +25,7 @@ export class GodownAnchor extends GodownElement {
     render() {
         return html `<a href="${ifDefined(this.href)}" target="${this.target}">
       ${htmlSlot()}
-      <i> ${this._arrowSwitcher()} </i>
+      <i>${this._arrowSwitcher()}</i>
     </a>`;
     }
     _arrowSwitcher() {
@@ -32,10 +36,18 @@ export class GodownAnchor extends GodownElement {
                 return svgArrow(true);
             case "angle":
                 return svgArrow();
+            case "link":
+                return svgLink();
             default:
                 return htmlSlot("icon");
         }
     }
+    useActive() {
+        const url = new URL(this.href, location.href);
+        if (url.origin === location.origin) {
+            this.active = url.pathname === location.pathname;
+        }
+    }
 }
 GodownAnchor.styles = [
     css `
@@ -96,6 +108,9 @@ GodownAnchor.styles = [
       }
     `,
 ];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], GodownAnchor.prototype, "active", void 0);
 __decorate([
     property()
 ], GodownAnchor.prototype, "href", void 0);

package/supers/anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"anchor.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["supers/anchor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,OAAO,YAAa,SAAQ,aAAa;IAA/C;;QACE;;WAEG;QACS,SAAI,GAAW,SAAS,CAAC;QACrC;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;QAC7B;;WAEG;QACS,UAAK,GAAqC,EAAE,CAAC;IAiF3D,CAAC;IAnBW,MAAM;QACd,OAAO,IAAI,CAAA,YAAY,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM;QAC/D,QAAQ,EAAE;YACN,IAAI,CAAC,cAAc,EAAE;SACxB,CAAC;IACR,CAAC;IAEO,cAAc;QACpB,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,OAAO;gBACV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB;gBACE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;;AA9EM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;CACF,AA1DY,CA0DX;AApEU;IAAX,QAAQ,EAAE;0CAA0B;AAIzB;IAAX,QAAQ,EAAE;4CAAkB;AAIjB;IAAX,QAAQ,EAAE;2CAA8C;AAmF3D,eAAe,YAAY,CAAC","sourcesContent":["import { css, html, ifDefined, property } from \"../.deps.js\";\nimport { htmlSlot, type HTMLTemplate, svgArrow, svgDelta } from \"../lib/templates.js\";\nimport { GodownElement } from \"./root.js\";\n\nexport class GodownAnchor extends GodownElement {\n  /**\n   * Href for a element.\n   */\n  @property() href: string = undefined;\n  /**\n   * Target for an element.\n   */\n  @property() target = \"_self\";\n  /**\n   * Arrow type.\n   */\n  @property() arrow: \"\" | \"delta\" | \"arrow\" | \"angle\" = \"\";\n\n  static styles = [\n    css`\n      :host([arrow=\"delta\"]) svg {\n        transform: rotate(-90deg);\n      }\n\n      :host {\n        display: inline-block;\n        color: currentColor;\n        text-decoration: none;\n        cursor: default;\n      }\n\n      :host([href]) {\n        cursor: pointer;\n      }\n\n      a {\n        width: 100%;\n        display: flex;\n        color: inherit;\n        text-decoration: inherit;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      i {\n        display: inline-flex;\n        border-radius: 20%;\n        font-style: normal;\n      }\n\n      i > svg {\n        width: 1em;\n        height: 1em;\n        border-radius: inherit;\n      }\n\n      :host(:hover) i {\n        animation: arrow 0.3s linear;\n      }\n\n      i:hover {\n        background-color: rgb(0 0 0 / 0.075);\n      }\n\n      @keyframes arrow {\n        from {\n          transform: translateX(0);\n        }\n        50% {\n          transform: translateX(0.05em);\n        }\n        to {\n          transform: translateX(0);\n        }\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`<a href=\"${ifDefined(this.href)}\" target=\"${this.target}\">\n      ${htmlSlot()}\n      <i> ${this._arrowSwitcher()} </i>\n    </a>`;\n  }\n\n  private _arrowSwitcher(): HTMLTemplate {\n    switch (this.arrow) {\n      case \"delta\":\n        return svgDelta();\n      case \"arrow\":\n        return svgArrow(true);\n      case \"angle\":\n        return svgArrow();\n      default:\n        return htmlSlot(\"icon\");\n    }\n  }\n}\n\nexport default GodownAnchor;\n"]}
+{"version":3,"file":"anchor.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["supers/anchor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,OAAO,YAAa,SAAQ,aAAa;IAA/C;;QACE;;WAEG;QACyC,WAAM,GAAG,KAAK,CAAC;QAC3D;;WAEG;QACS,SAAI,GAAW,SAAS,CAAC;QACrC;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;QAC7B;;WAEG;QACS,UAAK,GAA8C,EAAE,CAAC;IA0FpE,CAAC;IA5BW,MAAM;QACd,OAAO,IAAI,CAAA,YAAY,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM;QAC/D,QAAQ,EAAE;WACP,IAAI,CAAC,cAAc,EAAE;SACvB,CAAC;IACR,CAAC;IAEO,cAAc;QACpB,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,OAAO;gBACV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,MAAM;gBACT,OAAO,OAAO,EAAE,CAAC;YACnB;gBACE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,SAAS;QACP,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,GAAG,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,EAAE,CAAC;YACnC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,QAAQ,CAAC;QACnD,CAAC;IACH,CAAC;;AAvFM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;CACF,AA1DY,CA0DX;AAxE0C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgB;AAI/C;IAAX,QAAQ,EAAE;0CAA0B;AAIzB;IAAX,QAAQ,EAAE;4CAAkB;AAIjB;IAAX,QAAQ,EAAE;2CAAuD;AA4FpE,eAAe,YAAY,CAAC","sourcesContent":["import { css, html, ifDefined, property } from \"../.deps.js\";\nimport { htmlSlot, type HTMLTemplate, svgArrow, svgDelta, svgLink } from \"../lib/templates.js\";\nimport { GodownElement } from \"./root.js\";\n\nexport class GodownAnchor extends GodownElement {\n  /**\n   * True when the href is in the same pathname as the location.\n   */\n  @property({ type: Boolean, reflect: true }) active = false;\n  /**\n   * Href for a element.\n   */\n  @property() href: string = undefined;\n  /**\n   * Target for an element.\n   */\n  @property() target = \"_self\";\n  /**\n   * Arrow type.\n   */\n  @property() arrow: \"\" | \"link\" | \"delta\" | \"arrow\" | \"angle\" = \"\";\n\n  static styles = [\n    css`\n      :host([arrow=\"delta\"]) svg {\n        transform: rotate(-90deg);\n      }\n\n      :host {\n        display: inline-block;\n        color: currentColor;\n        text-decoration: none;\n        cursor: default;\n      }\n\n      :host([href]) {\n        cursor: pointer;\n      }\n\n      a {\n        width: 100%;\n        display: flex;\n        color: inherit;\n        text-decoration: inherit;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      i {\n        display: inline-flex;\n        border-radius: 20%;\n        font-style: normal;\n      }\n\n      i > svg {\n        width: 1em;\n        height: 1em;\n        border-radius: inherit;\n      }\n\n      :host(:hover) i {\n        animation: arrow 0.3s linear;\n      }\n\n      i:hover {\n        background-color: rgb(0 0 0 / 0.075);\n      }\n\n      @keyframes arrow {\n        from {\n          transform: translateX(0);\n        }\n        50% {\n          transform: translateX(0.05em);\n        }\n        to {\n          transform: translateX(0);\n        }\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`<a href=\"${ifDefined(this.href)}\" target=\"${this.target}\">\n      ${htmlSlot()}\n      <i>${this._arrowSwitcher()}</i>\n    </a>`;\n  }\n\n  private _arrowSwitcher(): HTMLTemplate {\n    switch (this.arrow) {\n      case \"delta\":\n        return svgDelta();\n      case \"arrow\":\n        return svgArrow(true);\n      case \"angle\":\n        return svgArrow();\n      case \"link\":\n        return svgLink();\n      default:\n        return htmlSlot(\"icon\");\n    }\n  }\n\n  useActive() {\n    const url = new URL(this.href, location.href);\n    if (url.origin === location.origin) {\n      this.active = url.pathname === location.pathname;\n    }\n  }\n}\n\nexport default GodownAnchor;\n"]}

package/text.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./web-components/text/text.js";
+//# sourceMappingURL=text.d.ts.map

package/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC"}

package/text.js

@@ -0,0 +1,2 @@
+export { default } from "./web-components/text/text.js";
+//# sourceMappingURL=text.js.map

package/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export { default } from \"./web-components/text/text.js\";\n"]}

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

@@ -32,10 +32,6 @@ export declare class Button extends GodownElement {
      * Enables rounded corners to appear capsule shaped.
      */
     radius: boolean;
-    /**
-     * Enables scale when mousedown.
-     */
-    scale: boolean;
     /**
      * The primary color.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/button/button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAe,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAYlE,QAAA,MAAM,MAAM;;;;;;;;CA2CX,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,OAAO,MAAM,CAAC;AAElC;;;;GAIG;AACH,qBACa,MAAO,SAAQ,aAAa;IACvC;;OAEG;IACyC,QAAQ,UAAS;IAC7D;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,MAAM,CAAW;IAC7C;;OAEG;IACS,IAAI,SAAM;IAEV,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,MAAM,CAAC,MAAM,4BAuHX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAShC,KAAK;IAOL,IAAI;IAIJ,SAAS,CAAC,YAAY;IAiBtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAgBpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAYpC;;;;;;;;;;;;;;;OAeG;IACH,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;KACpB;CACF"}
+{"version":3,"file":"button.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/button/button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAe,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAalE,QAAA,MAAM,MAAM;;;;;;;;CA2CX,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,OAAO,MAAM,CAAC;AAElC;;;;GAIG;AACH,qBACa,MAAO,SAAQ,aAAa;IACvC;;OAEG;IACyC,QAAQ,UAAS;IAC7D;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,MAAM,CAAW;IAC7C;;OAEG;IACS,IAAI,SAAM;IAEV,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,MAAM,CAAC,MAAM,4BAoHX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAShC,KAAK;IAOL,IAAI;IAIJ,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAgBpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAYpC;;;;;;;;;;;;;;;OAeG;IACH,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;KACpB;CACF"}

package/web-components/button/button.js

@@ -11,47 +11,48 @@ const shadow2 = "2px -2px 5px -2px";
 const linearGradient = "linear-gradient";
 const fff = "#fff";
 const _000 = "#000";
+const deg = `var(${cssvarScope}--deg)`;
 const vars = ["color", "background", "box-shadow", "ghost-color"];
 const colors = {
     black: [
         fff, //
-        `${linearGradient}(45deg, rgb(30 30 30), rgb(65 65 65))`,
+        `${linearGradient}(${deg}, rgb(30 30 30), rgb(65 65 65))`,
         `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,
         "rgb(22 20 20)",
     ],
     gary: [
         fff, //
-        `${linearGradient}(45deg, rgb(65 65 65),  rgb(100 100 100))`,
+        `${linearGradient}(${deg}, rgb(65 65 65),  rgb(100 100 100))`,
         `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,
         "rgb(56 56 56)",
     ],
     white: [
         _000, //
-        `${linearGradient}(45deg, rgb(225 225 225), rgb(240 240 240))`,
+        `${linearGradient}(${deg}, rgb(225 225 225), rgb(240 240 240))`,
         `${shadow1} rgb(255 255 255 / 20%), ${shadow2} rgb(165 165 165 / 20%)`,
         "rgb(212 212 212)",
     ],
     red: [
         fff, //
-        `${linearGradient}(45deg, rgb(215 57 68), rgb(250 141 106))`,
+        `${linearGradient}(${deg}, rgb(215 57 68), rgb(250 141 106))`,
         `${shadow1} rgb(181 35 44 / 20%), ${shadow2} rgb(234 130 174 / 20%)`,
         "rgb(214 11 23)",
     ],
     green: [
         _000, //
-        `${linearGradient}(45deg, rgb(21 206 71), rgb(99 253 122))`,
+        `${linearGradient}(${deg}, rgb(21 206 71), rgb(99 253 122))`,
         `${shadow1} rgb(63 179 69 / 20%), ${shadow2} rgb(136 225 142 / 20%)`,
         "rgb(60 214 68)",
     ],
     blue: [
         fff, //
-        `${linearGradient}(45deg, rgb(14 143 255), rgb(121 211 255))`,
+        `${linearGradient}(${deg}, rgb(14 143 255), rgb(121 211 255))`,
         `${shadow1} rgb(92 182 255 / 20%), ${shadow2} rgb(135 232 222 / 20%)`,
         "rgb(42 141 221)",
     ],
     yellow: [
         _000, //
-        `${linearGradient}(45deg, rgb(255 190 54), rgb(255 249 68))`,
+        `${linearGradient}(${deg}, rgb(255 190 54), rgb(255 249 68))`,
         `${shadow1} rgb(214 203 55 / 20%), ${shadow2} rgb(202 203 137 / 20%)`,
         "rgb(255 235 59)",
     ],
@@ -80,10 +81,6 @@ let Button = class Button extends GodownElement {
          * Enables rounded corners to appear capsule shaped.
          */
         this.radius = false;
-        /**
-         * Enables scale when mousedown.
-         */
-        this.scale = false;
         /**
          * The primary color.
          */
@@ -111,21 +108,7 @@ let Button = class Button extends GodownElement {
         this.active = false;
     }
     firstUpdated() {
-        if (this.scale) {
-            this.addEvent(this, "mousedown", this.focus);
-            this.addEvent(this, "mouseup", (e) => {
-                if (this.disabled) {
-                    return;
-                }
-                this.blur();
-                this._handleModal(e);
-            });
-            this.addEvent(this, "mouseleave", this.blur);
-            return;
-        }
-        else {
-            this.addEvent(document, "click", this._handelClick.bind(this));
-        }
+        this.addEvent(document, "click", this._handelClick.bind(this));
     }
     _handleModal(e) {
         const a = this._div.offsetHeight + 1;
@@ -178,8 +161,8 @@ Button.styles = [
     unsafeCSS(constructCSS(vars, colors, (raw) => `[color=${raw}]`, (k, v) => `${cssvarScope}--${k}:${v}`)),
     css `
       :host {
-        ${cssvarScope}--padding: .075em .25em;
-        ${cssvarScope}--deg: .075em .25em;
+        ${cssvarScope}--padding: .05em .25em;
+        ${cssvarScope}--deg: 45deg;
         ${cssvarScope}--ghost-width: .09em;
         ${cssvarScope}--modal-opacity: .15;
         ${cssvarScope}--modal-opacity-end: 0;
@@ -197,14 +180,10 @@ Button.styles = [
         cursor: not-allowed;
       }
 
-      :host([active][scale]) div {
+      :host(:active) {
         scale: var(${cssvarScope}--focus-scale);
       }
 
-      slot {
-        display: flow-root;
-      }
-
       div {
         background: var(${cssvarScope}--background);
         box-shadow: var(${cssvarScope}--box-shadow);
@@ -217,6 +196,7 @@ Button.styles = [
         transition-duration: inherit;
         transition-property: scale;
         pointer-events: none;
+        box-sizing: border-box;
       }
 
       b {
@@ -230,7 +210,7 @@ Button.styles = [
         padding: var(${cssvarScope}--padding);
         margin: 0;
         user-select: none;
-        transition: 0;
+        transition: none;
       }
 
       :host([ghost]) p {
@@ -299,9 +279,6 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], Button.prototype, "radius", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Button.prototype, "scale", void 0);
 __decorate([
     property()
 ], Button.prototype, "color", void 0);