smoothly 1.1.1-alpha.57 → 1.1.1-alpha.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/cjs/smoothly-app_98.cjs.entry.js +7 -7
  2. package/dist/cjs/smoothly-app_98.cjs.entry.js.map +1 -1
  3. package/dist/collection/components/button/style.css +32 -25
  4. package/dist/collection/components/button-demo/index.js +2 -2
  5. package/dist/collection/components/button-demo/index.js.map +1 -1
  6. package/dist/collection/components/input/clear/style.css +32 -25
  7. package/dist/collection/components/input/edit/style.css +32 -25
  8. package/dist/collection/components/input/reset/style.css +32 -25
  9. package/dist/collection/components/submit/style.css +32 -25
  10. package/dist/components/{p-f535a440.js → p-095b96f5.js} +2 -2
  11. package/dist/components/{p-f535a440.js.map → p-095b96f5.js.map} +1 -1
  12. package/dist/components/{p-80bb3cd0.js → p-557052e3.js} +2 -2
  13. package/dist/components/{p-80bb3cd0.js.map → p-557052e3.js.map} +1 -1
  14. package/dist/components/{p-2a52e1ba.js → p-64731db5.js} +4 -4
  15. package/dist/components/{p-2a52e1ba.js.map → p-64731db5.js.map} +1 -1
  16. package/dist/components/{p-9e1d8b5e.js → p-745ea38e.js} +2 -2
  17. package/dist/components/{p-9e1d8b5e.js.map → p-745ea38e.js.map} +1 -1
  18. package/dist/components/{p-65e10394.js → p-8b27c609.js} +3 -3
  19. package/dist/components/{p-65e10394.js.map → p-8b27c609.js.map} +1 -1
  20. package/dist/components/{p-4985a572.js → p-8e0f18c5.js} +2 -2
  21. package/dist/components/{p-4985a572.js.map → p-8e0f18c5.js.map} +1 -1
  22. package/dist/components/{p-c78d79f2.js → p-a7180726.js} +3 -3
  23. package/dist/components/{p-c78d79f2.js.map → p-a7180726.js.map} +1 -1
  24. package/dist/components/{p-ae0f4b32.js → p-ad0a8fd7.js} +2 -2
  25. package/dist/components/{p-ae0f4b32.js.map → p-ad0a8fd7.js.map} +1 -1
  26. package/dist/components/{p-2cac9bfe.js → p-b1294072.js} +2 -2
  27. package/dist/components/{p-2cac9bfe.js.map → p-b1294072.js.map} +1 -1
  28. package/dist/components/{p-387fc4ef.js → p-bfd3eaac.js} +2 -2
  29. package/dist/components/{p-387fc4ef.js.map → p-bfd3eaac.js.map} +1 -1
  30. package/dist/components/{p-758ebbb1.js → p-c134a98b.js} +5 -5
  31. package/dist/components/p-c134a98b.js.map +1 -0
  32. package/dist/components/{p-8cdffec8.js → p-dd15669c.js} +11 -11
  33. package/dist/components/{p-8cdffec8.js.map → p-dd15669c.js.map} +1 -1
  34. package/dist/components/{p-3f09a45a.js → p-df8bf8b5.js} +2 -2
  35. package/dist/components/{p-3f09a45a.js.map → p-df8bf8b5.js.map} +1 -1
  36. package/dist/components/{p-9d924206.js → p-e2b0d7df.js} +2 -2
  37. package/dist/components/{p-9d924206.js.map → p-e2b0d7df.js.map} +1 -1
  38. package/dist/components/{p-e6353b25.js → p-f27be90c.js} +6 -6
  39. package/dist/components/{p-e6353b25.js.map → p-f27be90c.js.map} +1 -1
  40. package/dist/components/{p-cdef3ba3.js → p-fc344bb6.js} +2 -2
  41. package/dist/components/p-fc344bb6.js.map +1 -0
  42. package/dist/components/smoothly-app-demo.js +16 -16
  43. package/dist/components/smoothly-button-confirm.js +1 -1
  44. package/dist/components/smoothly-button-demo.js +1 -1
  45. package/dist/components/smoothly-button.js +1 -1
  46. package/dist/components/smoothly-display-demo.js +1 -1
  47. package/dist/components/smoothly-input-clear.js +1 -1
  48. package/dist/components/smoothly-input-demo-controlled-form.js +1 -1
  49. package/dist/components/smoothly-input-demo.js +1 -1
  50. package/dist/components/smoothly-input-edit.js +1 -1
  51. package/dist/components/smoothly-input-file.js +1 -1
  52. package/dist/components/smoothly-input-reset.js +1 -1
  53. package/dist/components/smoothly-input-submit.js +1 -1
  54. package/dist/components/smoothly-picker-demo.js +1 -1
  55. package/dist/components/smoothly-submit.js +1 -1
  56. package/dist/components/smoothly-table-demo.js +1 -1
  57. package/dist/components/smoothly-table-testing.js +1 -1
  58. package/dist/components/smoothly-theme-demo.js +1 -1
  59. package/dist/esm/smoothly-app_98.entry.js +7 -7
  60. package/dist/esm/smoothly-app_98.entry.js.map +1 -1
  61. package/dist/smoothly/p-b1c3beba.entry.js +2 -0
  62. package/dist/smoothly/p-b1c3beba.entry.js.map +1 -0
  63. package/dist/smoothly/smoothly.esm.js +1 -1
  64. package/package.json +1 -1
  65. package/dist/components/p-758ebbb1.js.map +0 -1
  66. package/dist/components/p-cdef3ba3.js.map +0 -1
  67. package/dist/smoothly/p-a1e2d60f.entry.js +0 -2
  68. package/dist/smoothly/p-a1e2d60f.entry.js.map +0 -1
@@ -1679,7 +1679,7 @@ function local(path) {
1679
1679
  return new URL(path, window.location.origin).origin == window.location.origin;
1680
1680
  }
1681
1681
 
1682
- const styleCss$1o = "[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none}[type=link].sc-smoothly-button-h{display:inline;border:none}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-button-h>button.sc-smoothly-button{justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{padding:0.8em;min-width:8em}.sc-smoothly-button-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-button{padding:0.6em}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{padding:0.5em}[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button,[shape=rounded].sc-smoothly-button-h{border-radius:2rem}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-button-h>button.sc-smoothly-button{font-size:100%}[size=large].sc-smoothly-button-h>button.sc-smoothly-button{font-size:130%}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button,[shape=rounded].sc-smoothly-button-h{border-radius:2rem}.sc-smoothly-button-h>button.sc-smoothly-button:hover,.sc-smoothly-button-h>button.sc-smoothly-button:focus-visible{border:solid 1px rgb(var(--smoothly-button-focus-border))}.sc-smoothly-button-h:not([fill=clear])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear])>button.sc-smoothly-button:active,.sc-smoothly-button-h:not([fill=clear]):hover,.sc-smoothly-button-h:not([fill=clear]):focus-visible,.sc-smoothly-button-h:not([fill=clear]):active{background:rgb(var(--smoothly-button-hover))}.sc-smoothly-button-h:not([fill=clear])>button.sc-smoothly-button,.sc-smoothly-button-h:not([fill=clear]).sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h:not([fill=clear]) .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[fill=clear].sc-smoothly-button-h>button.sc-smoothly-button:hover,[fill=clear].sc-smoothly-button-h>button.sc-smoothly-button:focus-visible,[fill=clear].sc-smoothly-button-h>button.sc-smoothly-button:active,[fill=clear].sc-smoothly-button-h:hover>button.sc-smoothly-button,[fill=clear].sc-smoothly-button-h:focus-visible>button.sc-smoothly-button,[fill=clear].sc-smoothly-button-h:active>button.sc-smoothly-button{color:rgb(var(--smoothly-button-hover));stroke:rgb(var(--smoothly-button-hover));fill:rgb(var(--smoothly-button-hover))}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}[hidden].sc-smoothly-button-h{display:none}";
1682
+ const styleCss$1o = "[color=default].sc-smoothly-button{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-button{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-button{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-button{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-button{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-button{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-button{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-button{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-button{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-button{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-button-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none;position:relative}[type=link].sc-smoothly-button-h{display:inline;border:none}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}.sc-smoothly-button-h>a.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-button-h>button.sc-smoothly-button{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-button-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-button{padding:0.8em;min-width:8em}.sc-smoothly-button-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-button{padding:0.6em}[size=icon].sc-smoothly-button-h>button.sc-smoothly-button{padding:0.5em}[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button,[shape=rounded].sc-smoothly-button-h{border-radius:2rem}[type=button].sc-smoothly-button-h>a.sc-smoothly-button{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-button-h>button.sc-smoothly-button{font-size:100%}[size=large].sc-smoothly-button-h>button.sc-smoothly-button{font-size:130%}.sc-smoothly-button-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-button-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-button-h>button.sc-smoothly-button{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-button-h{width:100%}[expand=full].sc-smoothly-button-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-button-h,[shape=rounded].sc-smoothly-button-h>button.sc-smoothly-button::before{border-radius:2rem}[fill=outline].sc-smoothly-button-h>button.sc-smoothly-button{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border:1px solid rgb(var(--smoothly-button-foreground))}.sc-smoothly-button-h:not([fill=clear]):hover>button.sc-smoothly-button,.sc-smoothly-button-h>button.sc-smoothly-button:focus-visible,[fill=outline].sc-smoothly-button-h:active>button.sc-smoothly-button::before{border:solid 1px rgb(var(--smoothly-button-focus-border))}[fill=outline].sc-smoothly-button-h:hover>button.sc-smoothly-button::before,[fill=outline].sc-smoothly-button-h:focus-within>button.sc-smoothly-button::before,[fill=outline].sc-smoothly-button-h:active>button.sc-smoothly-button::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px}.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-button:active,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):hover,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):focus-visible,.sc-smoothly-button-h:not([fill=clear]):not([fill=outline]):active{background:rgb(var(--smoothly-button-hover))}.sc-smoothly-button-h>button.sc-smoothly-button,.sc-smoothly-button-h.sc-smoothly-button-s>smoothly-icon,.sc-smoothly-button-h .sc-smoothly-button-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[disabled].sc-smoothly-button-h{opacity:0.5;pointer-events:none}[hidden].sc-smoothly-button-h{display:none}";
1683
1683
  const SmoothlyButtonStyle0 = styleCss$1o;
1684
1684
 
1685
1685
  const SmoothlyButton = class {
@@ -1750,8 +1750,8 @@ const SmoothlyButtonDemo = class {
1750
1750
  index.h("h2", { key: '4010960243320b540719a3caddcfb30c27ed923d' }, "Buttons"),
1751
1751
  index.h("section", { key: 'dc4d69933416679a5f05bee7879ede4253f3e91c' }, index.h("h4", { key: '85cbba39fb5a756c13dbfdce7b17dfc9e45f948f' }, "Confirm button (two clicks)"), index.h("div", { key: '5a361333d9586e408a7f33ebfa7b8526bc2dc3b2' }, index.h("smoothly-button-confirm", { key: '24018d38befed6df3b95bc1d5b55bdc4449a9891', name: "confirm", type: "button", shape: "rounded", color: "danger", size: "large" }, "Delete"), index.h("smoothly-button-confirm", { key: 'ec49c07d172080ac4f5512590d296df381c6e4e6', name: "confirm-icon", type: "button", shape: "rounded", color: "success", size: "icon" }, index.h("smoothly-icon", { key: '28012c197cf0828c22e424072b56c982bddeecdb', name: "checkmark-outline", size: "small" }))), index.h("h4", { key: '33ea5388216ca12d371e32ebf894cec225cad2ed' }, "Toggle button"), index.h("smoothly-toggle", { key: '27df7d05004e190dcb7ca8be61385555a87b2351' }, index.h("smoothly-icon", { key: '8b49401c1bcd45177f46768578d0e9b7b570deca', name: "card", fill: "solid", slot: "icon-slot" })), index.h("smoothly-toggle", { key: 'ec1e80a5825ee70383b853c8f2588d420c8ad6d9' }, index.h("smoothly-icon", { key: 'ac1e87d688a525b40c487d743b9ab0fad991aa6c', name: "briefcase", slot: "icon-slot" })), index.h("smoothly-toggle", { key: '6beb2efc68ad87b6f23d8c092c0b6f0dadd81ac0' }, index.h("smoothly-icon", { key: '9fbadeae066e7d377af1f70c6ce3e9a0da2169dc', name: "airplane", slot: "icon-slot" })), index.h("h4", { key: '1cb61dc2bbf40923cc322e94521fb5c78f42ca22' }, "Toggle switches"), index.h("smoothly-toggle-switch", { key: 'fc7d6aa1f952e23c0476fb994382b67a35b47d74', checkmark: false, color: "primary", disabled: false, size: "small", onSmoothlyToggleSwitchChange: e => {
1752
1752
  console.log("toggleSwitch ", e.detail);
1753
- } }), index.h("smoothly-toggle-switch", { key: '2b4d388bef41af1f8dd2d7447cbcf5ba5493d027', disabled: false }), index.h("smoothly-toggle-switch", { key: 'e15b3cec19a48bbca68b8e79751f4dcbcbc5fae6', disabled: false, size: "large" }), index.h("h4", { key: '13f24948e5bc4a7880f6554f3ef6589591b3b83d' }, "Links with icons"), index.h("smoothly-button", { key: 'ce359b201775ef5ee7d8020807d4539e67125ac5', type: "link" }, index.h("smoothly-icon", { key: 'b64b7a5d5e57c93573c59c97b76aa2918c4b2348', name: "checkmark-circle", slot: "start" }), "type link"), index.h("smoothly-button", { key: '316c38e7e427bddc3479ee10d9851c354c12be35', type: "button", color: "warning", fill: "default" }, index.h("smoothly-icon", { key: '3416ec7f3e98b85e8394a23da71748cf9314e8e8', name: "call", slot: "start" }), index.h("a", { key: 'a0d50eacc3244bddaa112202b005f86d472a11f5', href: "https://google.com" }, "link")), index.h("smoothly-button", { key: '63897f2705736956021d66ac9ff5a033f4f70170', link: "https://google.com", type: "link" }, index.h("smoothly-icon", { key: 'cbabd3da30ad3dc17b1b02792da4af961ee12d2c', name: "arrow-forward", slot: "end" }), "link + type link"), index.h("h4", { key: '4a576ec57e44416285ad82d17b008453f4301c28' }, "Size and Color test"), index.h("smoothly-button", { key: 'b842d6e608984ccb282e48b7184949a7a45f3458', color: "primary", fill: "solid", size: "small", shape: "rounded" }, "Color Primary + Small"), index.h("smoothly-button", { key: '9f57248d8e3d4aae92de2168c6525991a337ad45', color: "secondary", fill: "solid", shape: "rounded" }, "Color Secondary + Default"), index.h("smoothly-button", { key: '0b3a2a77cae11dadddc43e5a7987f5e47c3cb71a', color: "warning", fill: "solid", size: "large" }, "Color Warning + Large"), index.h("smoothly-button", { key: '36f58762ab703b9aae69900fab6b6c0d34647c05', color: "danger", fill: "solid", size: "small", shape: "rounded" }, "Color Danger + Small"), index.h("smoothly-button", { key: '644c77d44ff7d3e8d8f215cf10138e9e2d66c6bf', color: "success", fill: "solid", size: "small", shape: "rounded" }, "Color Success + Small"), index.h("smoothly-button", { key: '8138ca1f089fbec7a5cda30623c582e31304e814', color: "tertiary", fill: "solid", size: "small", shape: "rounded" }, "Color Tertiary + Small"), index.h("smoothly-button", { key: '84f4d847d6ac62e879c9bc27535642b53fbe31bd', color: "dark", fill: "solid", size: "small", shape: "rounded" }, "Color Dark + Small"), index.h("smoothly-button", { key: 'c5c0361f45a5a4d1020193409c4de28ae4cafb44', color: "medium", fill: "solid", size: "small", shape: "rounded" }, "Color Medium + Small"), index.h("smoothly-button", { key: '98e2a05d00c6686f4463c2d8911594f6deb6f38f', color: "light", fill: "solid", size: "small", shape: "rounded" }, "Color Light + Small"), index.h("h4", { key: '9efb20da61f0a8dc19ea8db90d2b53cd3805d528' }, "Expand examples"), index.h("smoothly-button", { key: '0a368961e16239f4c23752d92ced57a36658a965', color: "secondary", fill: "solid", expand: "full" }, "Color Secondary + Default"), index.h("smoothly-button", { key: '8341b8d32fa71ed32b4219cdee03d607f4d33505', color: "warning", fill: "solid", expand: "block" }, "Color Warning + Large"), index.h("h4", { key: '50317448c395b1d53e3eb488b714f302d848eddd' }, "Fill examples"), index.h("div", { key: '2c9cf0a6df12eb6afd2a70184839288eac0b58c4' }, index.h("smoothly-button", { key: '3dd9fb49a80d860c16f1bc10ffa409e527f7512c', shape: "rounded", color: "primary", fill: "solid" }, index.h("smoothly-icon", { key: 'd81bc6007889b9d62540dcc510af0466f6815b3f', name: "checkmark-circle", slot: "start" }), "Fill Solid"), index.h("smoothly-button", { key: '42ddc50c4e3e412ec8d5fa7f2d3db299e6700797', shape: "rounded", color: "secondary", fill: "outline" }, index.h("smoothly-icon", { key: '6ba360593a5980319202c5b261635aad1c20f261', name: "checkmark-circle", slot: "start", fill: "clear" }), "Fill Outline"), index.h("smoothly-button", { key: 'd524f538e1ae3b4f41391c25b5fcfd7b735792c9', shape: "rounded", color: "tertiary", fill: "clear" }, index.h("smoothly-icon", { key: 'be4fbd4ea5c11c40a4138ffa55c0b92e8340ea31', name: "checkmark-circle", slot: "start", fill: "clear" }), "Fill Clear"), index.h("smoothly-button", { key: 'e9d9ceaec977df4280beae9be42ecd24af8dfdce', size: "icon", shape: "rounded", color: "success", fill: "solid" }, index.h("smoothly-icon", { key: 'fc27c2d8baee52e63967c49c86c8c46dfb58e4d6', name: "basketball", fill: "solid" }))), index.h("h4", { key: 'ca8c9ac50728ba62305804548f7968e81e2be194' }, "Buttons with Icon in \"start\""), index.h("div", { key: '958e951e976c946483d4e5e7fc85f8c8445c54c0' }, index.h("smoothly-button", { key: 'c47ea76a5f201627470b1ff7ca7a0dc834675d88', shape: "rounded", fill: "solid", color: "warning" }, index.h("smoothly-icon", { key: '038c7823069abaeb98f93ab77c774e3a12ec334e', name: "checkmark-circle", slot: "start" }), "Check"), index.h("smoothly-button", { key: 'dc054caf7f84f9e65fcfc919074fa44fa66b61d5', shape: "rounded", fill: "solid", color: "secondary" }, index.h("smoothly-icon", { key: 'b76a1ad19c42c185b71be0aab7a10b31781f505a', name: "basketball", slot: "start" }), "Check"), index.h("smoothly-button", { key: 'c6bb85a9224fabbfeee7ab85d3bd9f344a393c47', shape: "rounded", fill: "solid", color: "success" }, index.h("smoothly-icon", { key: 'f6f706976adfbd41b0e06acee734d62d5e78a4ec', name: "call", slot: "start" }), "Check"), index.h("smoothly-button", { key: '89964237a76ad039c8886d87de0b3cb412236870', size: "icon", fill: "solid", shape: "rounded", color: "success" }, index.h("smoothly-icon", { key: '16e5206cf67a322b9de3aa821703d9053c6972e8', name: "call" })), index.h("smoothly-button", { key: '2f040e937238f12e8bbb2751c4258ed3f539a048', size: "flexible", fill: "solid", color: "success" }, index.h("smoothly-icon", { key: 'd4d8361feb6801a4b96bd5bf48ca30b25ad68960', name: "airplane" }))), index.h("h4", { key: 'd8b647450ea32116fb592bd9fd5333403b2f1e67' }, "Buttons with Icon in \"end\""), index.h("smoothly-button", { key: '8edb4ff066c2849ef91316fd488ac91fd7ffe196', fill: "solid", color: "light" }, "Go Forward", index.h("smoothly-icon", { key: '6e24b39f6a65a973bf533af1e4cd43431a8165f6', name: "arrow-forward", slot: "end" })), index.h("h4", { key: '436604a58c7dadd23ee82d2837de31b15043662c' }, "Test for icon button"), index.h("div", { key: 'c9cf6b0dfcf3cf05d7020a32d8638f05ab0ca55b' }, index.h("smoothly-button", { key: '14ceba6d483d5a56e2a34c4ec046fe6db8fe27ca', size: "icon", fill: "solid", shape: "rounded", color: "success" }, index.h("smoothly-icon", { key: '1848dfb1952f3af49060581b60352e0a9354d7b0', name: "call" })), index.h("smoothly-button", { key: 'b76117895219e86e29e1da4c6f664926473a596c', size: "icon", shape: "rounded", color: "warning", fill: "solid" }, index.h("smoothly-icon", { key: '407642aedda6fee089389e20b852f8404dd2f28e', name: "search-outline" })), index.h("smoothly-button", { key: '7e64c76cde2c1cbb15d0dab1f91783f8a35e73a7', size: "icon", shape: "rounded", color: "secondary" }, index.h("smoothly-icon", { key: '2b0dc227b803682d9e71d2ea53aec44953755274', name: "checkmark-circle" }))), index.h("h4", { key: '0706229bbb5e1ff691cd282418dd59bff59c8fce' }, "Link examples"), index.h("div", { key: '8c4ffbd4b1b5f3bd9a9fc19c364903428ff1aff4' }, index.h("smoothly-button", { key: '596da392acc0e207aebe4e67c9943c09c24bb4c1', type: "link" }, "type link"), index.h("smoothly-button", { key: 'd960ee5589776f74114f7005c732749fd30f07b4', type: "button", fill: "clear" }, index.h("a", { key: '246c28322c77cea703c841c6c61ba832e1aba1b5', href: "https://google.com" }, "link")), index.h("smoothly-button", { key: 'a3993c5a732f7f7fe71ed1f6420823e8057cb150', link: "https://google.com", type: "link" }, "link + type link")), index.h("h4", { key: 'e289c12fffbb3a86223c6a15706c1d71b4bfa691' }, "Disabled buttons"), index.h("div", { key: '47eb1de16d9e12e8e88b6f66ef67993ad3514039' }, index.h("smoothly-button", { key: '999ca26f6a37ee65759a168228d73c00cda159fc', disabled: true, fill: "solid", color: "secondary" }, "Disabled"), index.h("smoothly-button", { key: '0128259afbe91c1b7da9a4934d0fb6f02b6977e8', type: "link", link: "https://google.com", disabled: true }, "Disabled link"))),
1754
- index.h("smoothly-back-to-top", { key: '35894bb15bc5047f846781ae567b14ce1c42cc64' }),
1753
+ } }), index.h("smoothly-toggle-switch", { key: '2b4d388bef41af1f8dd2d7447cbcf5ba5493d027', disabled: false }), index.h("smoothly-toggle-switch", { key: 'e15b3cec19a48bbca68b8e79751f4dcbcbc5fae6', disabled: false, size: "large" }), index.h("h4", { key: '13f24948e5bc4a7880f6554f3ef6589591b3b83d' }, "Links with icons"), index.h("smoothly-button", { key: 'ce359b201775ef5ee7d8020807d4539e67125ac5', type: "link" }, index.h("smoothly-icon", { key: 'b64b7a5d5e57c93573c59c97b76aa2918c4b2348', name: "checkmark-circle", slot: "start" }), "type link"), index.h("smoothly-button", { key: '316c38e7e427bddc3479ee10d9851c354c12be35', type: "button", color: "warning", fill: "default" }, index.h("smoothly-icon", { key: '3416ec7f3e98b85e8394a23da71748cf9314e8e8', name: "call", slot: "start" }), index.h("a", { key: 'a0d50eacc3244bddaa112202b005f86d472a11f5', href: "https://google.com" }, "link")), index.h("smoothly-button", { key: '63897f2705736956021d66ac9ff5a033f4f70170', link: "https://google.com", type: "link" }, index.h("smoothly-icon", { key: 'cbabd3da30ad3dc17b1b02792da4af961ee12d2c', name: "arrow-forward", slot: "end" }), "link + type link"), index.h("h4", { key: '4a576ec57e44416285ad82d17b008453f4301c28' }, "Size and Color test"), index.h("smoothly-button", { key: 'b842d6e608984ccb282e48b7184949a7a45f3458', color: "primary", fill: "solid", size: "small", shape: "rounded" }, "Color Primary + Small"), index.h("smoothly-button", { key: '9f57248d8e3d4aae92de2168c6525991a337ad45', color: "secondary", fill: "solid", shape: "rounded" }, "Color Secondary + Default"), index.h("smoothly-button", { key: '0b3a2a77cae11dadddc43e5a7987f5e47c3cb71a', color: "warning", fill: "solid", size: "large" }, "Color Warning + Large"), index.h("smoothly-button", { key: '36f58762ab703b9aae69900fab6b6c0d34647c05', color: "danger", fill: "solid", size: "small", shape: "rounded" }, "Color Danger + Small"), index.h("smoothly-button", { key: '644c77d44ff7d3e8d8f215cf10138e9e2d66c6bf', color: "success", fill: "solid", size: "small", shape: "rounded" }, "Color Success + Small"), index.h("smoothly-button", { key: '8138ca1f089fbec7a5cda30623c582e31304e814', color: "tertiary", fill: "solid", size: "small", shape: "rounded" }, "Color Tertiary + Small"), index.h("smoothly-button", { key: '84f4d847d6ac62e879c9bc27535642b53fbe31bd', color: "dark", fill: "solid", size: "small", shape: "rounded" }, "Color Dark + Small"), index.h("smoothly-button", { key: 'c5c0361f45a5a4d1020193409c4de28ae4cafb44', color: "medium", fill: "solid", size: "small", shape: "rounded" }, "Color Medium + Small"), index.h("smoothly-button", { key: '98e2a05d00c6686f4463c2d8911594f6deb6f38f', color: "light", fill: "solid", size: "small", shape: "rounded" }, "Color Light + Small"), index.h("h4", { key: '9efb20da61f0a8dc19ea8db90d2b53cd3805d528' }, "Expand examples"), index.h("smoothly-button", { key: '0a368961e16239f4c23752d92ced57a36658a965', color: "secondary", fill: "solid", expand: "full" }, "Color Secondary + Default"), index.h("smoothly-button", { key: '8341b8d32fa71ed32b4219cdee03d607f4d33505', color: "warning", fill: "solid", expand: "block" }, "Color Warning + Large"), index.h("h4", { key: '50317448c395b1d53e3eb488b714f302d848eddd' }, "Fill examples"), index.h("div", { key: '2c9cf0a6df12eb6afd2a70184839288eac0b58c4' }, index.h("smoothly-button", { key: '3dd9fb49a80d860c16f1bc10ffa409e527f7512c', shape: "rounded", color: "primary", fill: "solid" }, index.h("smoothly-icon", { key: 'd81bc6007889b9d62540dcc510af0466f6815b3f', name: "checkmark-circle", slot: "start" }), "Fill Solid"), index.h("smoothly-button", { key: '42ddc50c4e3e412ec8d5fa7f2d3db299e6700797', shape: "rounded", color: "secondary", fill: "outline" }, index.h("smoothly-icon", { key: '69ea6cf5e5ebd4d8589061312b52cc0164781c9b', name: "checkmark-circle", slot: "start" }), "Fill Outline"), index.h("smoothly-button", { key: '8b6f7debbfbc0179eee149833cebfa3f788160fc', shape: "rounded", color: "tertiary", fill: "clear" }, index.h("smoothly-icon", { key: 'a6dce859a59d0bfd7c84ee63c74532999c7990ed', name: "checkmark-circle", slot: "start" }), "Fill Clear"), index.h("smoothly-button", { key: '7d60906d179090f1870717db35ade035dd545847', size: "icon", shape: "rounded", color: "success", fill: "solid" }, index.h("smoothly-icon", { key: 'e031a3e85c3706a30601fdd012c219d1c6ba286b', name: "basketball" }))), index.h("h4", { key: 'e3a5f3492a0b92f88dcae8f05d3453aca96d6fc1' }, "Buttons with Icon in \"start\""), index.h("div", { key: 'a746ce086f8425e6c20ff435b3383088e2ed61ae' }, index.h("smoothly-button", { key: '37095d5c88837cdd666391280fb159e74f81c62b', shape: "rounded", fill: "solid", color: "warning" }, index.h("smoothly-icon", { key: 'd94c7681aa7e9ed56fb1a58d8d2448ba7a597c1b', name: "checkmark-circle", slot: "start" }), "Check"), index.h("smoothly-button", { key: '00698e17f568a82942a88160ff09cbe90a383276', shape: "rounded", fill: "solid", color: "secondary" }, index.h("smoothly-icon", { key: '06658536a9afc3ac2b387dbd70c76c628c84f9c1', name: "basketball", slot: "start" }), "Check"), index.h("smoothly-button", { key: 'c6f70c2fb1d9d753a9b6084b0e173e556dc6172a', shape: "rounded", fill: "solid", color: "success" }, index.h("smoothly-icon", { key: '619687f212e9a295d1342a6cde2467d69439b6bc', name: "call", slot: "start" }), "Check"), index.h("smoothly-button", { key: 'b0f14296b12e870300fc4d82a015724ebbccad75', size: "icon", fill: "solid", shape: "rounded", color: "success" }, index.h("smoothly-icon", { key: '6e92ffcdc015ba65b948a7803642cf0cdd739750', name: "call" })), index.h("smoothly-button", { key: '39deb31c5241d560bf05661b612630759e226cae', size: "flexible", fill: "solid", color: "success" }, index.h("smoothly-icon", { key: 'e3788144ec4624ac18c720e0ca8d8c100c0fe796', name: "airplane" }))), index.h("h4", { key: '3c77010534a50d18a4bb39c901703c39fa685af0' }, "Buttons with Icon in \"end\""), index.h("smoothly-button", { key: '747315530c50debbdb4c3b305964fa27c875cc13', fill: "solid", color: "light" }, "Go Forward", index.h("smoothly-icon", { key: '5f6c3ccdfc3a0a015582adee9d16e9a421743c13', name: "arrow-forward", slot: "end" })), index.h("h4", { key: '463a1c8fe59c4ec0605bbab95b0059aa1dbd56d0' }, "Test for icon button"), index.h("div", { key: '706ce63096553258939a3c3bcae369ded9c9b9bc' }, index.h("smoothly-button", { key: 'e7425a663adc7185e09c30a22af0bebe197a3b24', size: "icon", fill: "solid", shape: "rounded", color: "success" }, index.h("smoothly-icon", { key: '2039e6d7150b11237c8b35101ba2bd8cec879ece', name: "call" })), index.h("smoothly-button", { key: '77b1e6b4c8456b627ad40c488db52bdc1068a877', size: "icon", shape: "rounded", color: "warning", fill: "solid" }, index.h("smoothly-icon", { key: '9c36ef61b410fb9142e25fd01f8ed9f84d693feb', name: "search-outline" })), index.h("smoothly-button", { key: '467673c72610abda586032cdac55f9d34acb1cb6', size: "icon", shape: "rounded", color: "secondary" }, index.h("smoothly-icon", { key: 'af9f718bba62029021db9b5a35e386e236035400', name: "checkmark-circle" }))), index.h("h4", { key: 'ed1f2a97ba07ad295e01553c007bdbd7c31c0aea' }, "Link examples"), index.h("div", { key: 'ca14b8444d760e13e125168bf5797ca752253369' }, index.h("smoothly-button", { key: '6618490b8a5f4a0f61dffbc3653e45d02f7beb3e', type: "link" }, "type link"), index.h("smoothly-button", { key: '0334bbdf4fa02231f419c72a173b339fe3b4c25e', type: "button", fill: "clear" }, index.h("a", { key: 'af4721375fab21a90d9747b9e074035620dacdef', href: "https://google.com" }, "link")), index.h("smoothly-button", { key: '9fcc003838a0bf122555614e7ac02bdf6b0b3ef4', link: "https://google.com", type: "link" }, "link + type link")), index.h("h4", { key: 'e475d0a38b7a535b9964e3099956e34a2796fbc2' }, "Disabled buttons"), index.h("div", { key: 'd95e04b125a97d392223ac7dddaba1cfbe83774a' }, index.h("smoothly-button", { key: '96ff19270e438be333e389fa795e4aa16d5e5b95', disabled: true, fill: "solid", color: "secondary" }, "Disabled"), index.h("smoothly-button", { key: 'f4c395a1ddf9129b331615d77673bc851147d6c4', type: "link", link: "https://google.com", disabled: true }, "Disabled link"))),
1754
+ index.h("smoothly-back-to-top", { key: 'dcf7e960fdf8f26a81c9c5ee6b0d00d9ebcdc8ce' }),
1755
1755
  ];
1756
1756
  }
1757
1757
  };
@@ -9005,7 +9005,7 @@ const SmoothlyInputCheckbox = class {
9005
9005
  };
9006
9006
  SmoothlyInputCheckbox.style = SmoothlyInputCheckboxStyle0;
9007
9007
 
9008
- const styleCss$15 = "[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none}[type=link].sc-smoothly-input-clear-h{display:inline;border:none}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{padding:0.8em;min-width:8em}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-clear{padding:0.6em}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0.5em}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}[type=button].sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:100%}[size=large].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:130%}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-visible{border:solid 1px rgb(var(--smoothly-button-focus-border))}.sc-smoothly-input-clear-h:not([fill=clear])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear])>button.sc-smoothly-input-clear:active,.sc-smoothly-input-clear-h:not([fill=clear]):hover,.sc-smoothly-input-clear-h:not([fill=clear]):focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):active{background:rgb(var(--smoothly-button-hover))}.sc-smoothly-input-clear-h:not([fill=clear])>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h:not([fill=clear]).sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h:not([fill=clear]) .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[fill=clear].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:hover,[fill=clear].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-visible,[fill=clear].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:active,[fill=clear].sc-smoothly-input-clear-h:hover>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h:focus-visible>button.sc-smoothly-input-clear,[fill=clear].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear{color:rgb(var(--smoothly-button-hover));stroke:rgb(var(--smoothly-button-hover));fill:rgb(var(--smoothly-button-hover))}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h{margin:0rem;min-width:0rem;display:flex}[type=\"input\"].sc-smoothly-input-clear-h{line-height:1}[type=\"form\"].sc-smoothly-input-clear-h{margin:1em 0em}.sc-smoothly-input-clear-h[type=\"input\"].sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"] .sc-smoothly-input-clear-s>smoothly-icon{filter:opacity(60%);font-size:70%;color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-clear-h[type=\"input\"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}[type=\"input\"].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0rem;margin:0rem;min-width:0rem}";
9008
+ const styleCss$15 = "[color=default].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-clear{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-clear-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none;position:relative}[type=link].sc-smoothly-input-clear-h{display:inline;border:none}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-clear-h>a.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-clear{padding:0.8em;min-width:8em}.sc-smoothly-input-clear-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-clear{padding:0.6em}[size=icon].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0.5em}[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,[shape=rounded].sc-smoothly-input-clear-h{border-radius:2rem}[type=button].sc-smoothly-input-clear-h>a.sc-smoothly-input-clear{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:100%}[size=large].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{font-size:130%}.sc-smoothly-input-clear-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-clear-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-clear-h{width:100%}[expand=full].sc-smoothly-input-clear-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-clear-h,[shape=rounded].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear::before{border-radius:2rem}[fill=outline].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border:1px solid rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-clear-h:not([fill=clear]):hover>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear:focus-visible,[fill=outline].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear::before{border:solid 1px rgb(var(--smoothly-button-focus-border))}[fill=outline].sc-smoothly-input-clear-h:hover>button.sc-smoothly-input-clear::before,[fill=outline].sc-smoothly-input-clear-h:focus-within>button.sc-smoothly-input-clear::before,[fill=outline].sc-smoothly-input-clear-h:active>button.sc-smoothly-input-clear::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px}.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-clear:active,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):hover,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):focus-visible,.sc-smoothly-input-clear-h:not([fill=clear]):not([fill=outline]):active{background:rgb(var(--smoothly-button-hover))}.sc-smoothly-input-clear-h>button.sc-smoothly-input-clear,.sc-smoothly-input-clear-h.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h .sc-smoothly-input-clear-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[disabled].sc-smoothly-input-clear-h{opacity:0.5;pointer-events:none}[hidden].sc-smoothly-input-clear-h{display:none}.sc-smoothly-input-clear-h:not([display]){display:none}.sc-smoothly-input-clear-h{margin:0rem;min-width:0rem;display:flex}[type=\"input\"].sc-smoothly-input-clear-h{line-height:1}[type=\"form\"].sc-smoothly-input-clear-h{margin:1em 0em}.sc-smoothly-input-clear-h[type=\"input\"].sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"] .sc-smoothly-input-clear-s>smoothly-icon{filter:opacity(60%);font-size:70%;color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-clear-h[type=\"input\"]:hover.sc-smoothly-input-clear-s>smoothly-icon,.sc-smoothly-input-clear-h[type=\"input\"]:hover .sc-smoothly-input-clear-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}[type=\"input\"].sc-smoothly-input-clear-h>button.sc-smoothly-input-clear{padding:0rem;margin:0rem;min-width:0rem}";
9009
9009
  const SmoothlyInputClearStyle0 = styleCss$15;
9010
9010
 
9011
9011
  const SmoothlyInputClear = class {
@@ -9310,7 +9310,7 @@ const SmoothlyInputDemoControlledForm = class {
9310
9310
  };
9311
9311
  SmoothlyInputDemoControlledForm.style = SmoothlyInputDemoControlledFormStyle0;
9312
9312
 
9313
- const styleCss$$ = "[color=default].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-edit-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none}[type=link].sc-smoothly-input-edit-h{display:inline;border:none}[disabled].sc-smoothly-input-edit-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-edit{padding:0.8em;min-width:8em}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-edit{padding:0.6em}[size=icon].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{padding:0.5em}[shape=rounded].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,[shape=rounded].sc-smoothly-input-edit-h{border-radius:2rem}[type=button].sc-smoothly-input-edit-h>a.sc-smoothly-input-edit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:100%}[size=large].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:130%}.sc-smoothly-input-edit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-edit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-edit-h{width:100%}[expand=full].sc-smoothly-input-edit-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,[shape=rounded].sc-smoothly-input-edit-h{border-radius:2rem}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-visible{border:solid 1px rgb(var(--smoothly-button-focus-border))}.sc-smoothly-input-edit-h:not([fill=clear])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([fill=clear])>button.sc-smoothly-input-edit:focus-visible,.sc-smoothly-input-edit-h:not([fill=clear])>button.sc-smoothly-input-edit:active,.sc-smoothly-input-edit-h:not([fill=clear]):hover,.sc-smoothly-input-edit-h:not([fill=clear]):focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):active{background:rgb(var(--smoothly-button-hover))}.sc-smoothly-input-edit-h:not([fill=clear])>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h:not([fill=clear]).sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h:not([fill=clear]) .sc-smoothly-input-edit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[fill=clear].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:hover,[fill=clear].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-visible,[fill=clear].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:active,[fill=clear].sc-smoothly-input-edit-h:hover>button.sc-smoothly-input-edit,[fill=clear].sc-smoothly-input-edit-h:focus-visible>button.sc-smoothly-input-edit,[fill=clear].sc-smoothly-input-edit-h:active>button.sc-smoothly-input-edit{color:rgb(var(--smoothly-button-hover));stroke:rgb(var(--smoothly-button-hover));fill:rgb(var(--smoothly-button-hover))}[disabled].sc-smoothly-input-edit-h{opacity:0.5;pointer-events:none}[hidden].sc-smoothly-input-edit-h{display:none}.sc-smoothly-input-edit-h:not([display]){display:none}[editable].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h smoothly-icon.default.sc-smoothly-input-edit{transform:translate(.1em, -.1em)}.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>button>*+smoothly-icon{display:none}";
9313
+ const styleCss$$ = "[color=default].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-edit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-edit-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none;position:relative}[type=link].sc-smoothly-input-edit-h{display:inline;border:none}[disabled].sc-smoothly-input-edit-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-edit-h>a.sc-smoothly-input-edit,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-edit{padding:0.8em;min-width:8em}.sc-smoothly-input-edit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-edit{padding:0.6em}[size=icon].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{padding:0.5em}[shape=rounded].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,[shape=rounded].sc-smoothly-input-edit-h{border-radius:2rem}[type=button].sc-smoothly-input-edit-h>a.sc-smoothly-input-edit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:100%}[size=large].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{font-size:130%}.sc-smoothly-input-edit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-edit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-edit-h{width:100%}[expand=full].sc-smoothly-input-edit-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-edit-h,[shape=rounded].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit::before{border-radius:2rem}[fill=outline].sc-smoothly-input-edit-h>button.sc-smoothly-input-edit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border:1px solid rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-edit-h:not([fill=clear]):hover>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit:focus-visible,[fill=outline].sc-smoothly-input-edit-h:active>button.sc-smoothly-input-edit::before{border:solid 1px rgb(var(--smoothly-button-focus-border))}[fill=outline].sc-smoothly-input-edit-h:hover>button.sc-smoothly-input-edit::before,[fill=outline].sc-smoothly-input-edit-h:focus-within>button.sc-smoothly-input-edit::before,[fill=outline].sc-smoothly-input-edit-h:active>button.sc-smoothly-input-edit::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px}.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:hover,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-edit:active,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):hover,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):focus-visible,.sc-smoothly-input-edit-h:not([fill=clear]):not([fill=outline]):active{background:rgb(var(--smoothly-button-hover))}.sc-smoothly-input-edit-h>button.sc-smoothly-input-edit,.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>smoothly-icon,.sc-smoothly-input-edit-h .sc-smoothly-input-edit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[disabled].sc-smoothly-input-edit-h{opacity:0.5;pointer-events:none}[hidden].sc-smoothly-input-edit-h{display:none}.sc-smoothly-input-edit-h:not([display]){display:none}[editable].sc-smoothly-input-edit-h{opacity:0.5}.sc-smoothly-input-edit-h smoothly-icon.default.sc-smoothly-input-edit{transform:translate(.1em, -.1em)}.sc-smoothly-input-edit-h.sc-smoothly-input-edit-s>button>*+smoothly-icon{display:none}";
9314
9314
  const SmoothlyInputEditStyle0 = styleCss$$;
9315
9315
 
9316
9316
  const SmoothlyInputEdit = class {
@@ -9737,7 +9737,7 @@ const SmoothlyInputRange = class {
9737
9737
  };
9738
9738
  SmoothlyInputRange.style = SmoothlyInputRangeStyle0;
9739
9739
 
9740
- const styleCss$V = "[color=default].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-reset-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none}[type=link].sc-smoothly-input-reset-h{display:inline;border:none}[disabled].sc-smoothly-input-reset-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{padding:0.8em;min-width:8em}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-reset{padding:0.6em}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{padding:0.5em}[shape=rounded].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,[shape=rounded].sc-smoothly-input-reset-h{border-radius:2rem}[type=button].sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:100%}[size=large].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:130%}.sc-smoothly-input-reset-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-reset-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,[shape=rounded].sc-smoothly-input-reset-h{border-radius:2rem}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:focus-visible{border:solid 1px rgb(var(--smoothly-button-focus-border))}.sc-smoothly-input-reset-h:not([fill=clear])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear])>button.sc-smoothly-input-reset:active,.sc-smoothly-input-reset-h:not([fill=clear]):hover,.sc-smoothly-input-reset-h:not([fill=clear]):focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):active{background:rgb(var(--smoothly-button-hover))}.sc-smoothly-input-reset-h:not([fill=clear])>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h:not([fill=clear]).sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h:not([fill=clear]) .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[fill=clear].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:hover,[fill=clear].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:focus-visible,[fill=clear].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:active,[fill=clear].sc-smoothly-input-reset-h:hover>button.sc-smoothly-input-reset,[fill=clear].sc-smoothly-input-reset-h:focus-visible>button.sc-smoothly-input-reset,[fill=clear].sc-smoothly-input-reset-h:active>button.sc-smoothly-input-reset{color:rgb(var(--smoothly-button-hover));stroke:rgb(var(--smoothly-button-hover));fill:rgb(var(--smoothly-button-hover))}[disabled].sc-smoothly-input-reset-h{opacity:0.5;pointer-events:none}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h{transition:0.6s;min-width:0rem}[type=\"input\"].sc-smoothly-input-reset-h{line-height:1}.sc-smoothly-input-reset-h[type=\"input\"].sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type=\"input\"] .sc-smoothly-input-reset-s>smoothly-icon{filter:opacity(60%);font-size:70%}.sc-smoothly-input-reset-h[type=\"input\"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type=\"input\"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}[type=\"input\"].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:0rem}.sc-smoothly-input-reset-h smoothly-icon.default.sc-smoothly-input-reset{transform:translateY(-.1em) scaleX(-1)}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>button>*+smoothly-icon{display:none}";
9740
+ const styleCss$V = "[color=default].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-input-reset{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-input-reset-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none;position:relative}[type=link].sc-smoothly-input-reset-h{display:inline;border:none}[disabled].sc-smoothly-input-reset-h{opacity:0.5;pointer-events:none}.sc-smoothly-input-reset-h>a.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-input-reset{padding:0.8em;min-width:8em}.sc-smoothly-input-reset-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-input-reset{padding:0.6em}[size=icon].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{padding:0.5em}[shape=rounded].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,[shape=rounded].sc-smoothly-input-reset-h{border-radius:2rem}[type=button].sc-smoothly-input-reset-h>a.sc-smoothly-input-reset{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:100%}[size=large].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{font-size:130%}.sc-smoothly-input-reset-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-input-reset-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-input-reset-h{width:100%}[expand=full].sc-smoothly-input-reset-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-input-reset-h,[shape=rounded].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset::before{border-radius:2rem}[fill=outline].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border:1px solid rgb(var(--smoothly-button-foreground))}.sc-smoothly-input-reset-h:not([fill=clear]):hover>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset:focus-visible,[fill=outline].sc-smoothly-input-reset-h:active>button.sc-smoothly-input-reset::before{border:solid 1px rgb(var(--smoothly-button-focus-border))}[fill=outline].sc-smoothly-input-reset-h:hover>button.sc-smoothly-input-reset::before,[fill=outline].sc-smoothly-input-reset-h:focus-within>button.sc-smoothly-input-reset::before,[fill=outline].sc-smoothly-input-reset-h:active>button.sc-smoothly-input-reset::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px}.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-input-reset:active,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):hover,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):focus-visible,.sc-smoothly-input-reset-h:not([fill=clear]):not([fill=outline]):active{background:rgb(var(--smoothly-button-hover))}.sc-smoothly-input-reset-h>button.sc-smoothly-input-reset,.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h .sc-smoothly-input-reset-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[disabled].sc-smoothly-input-reset-h{opacity:0.5;pointer-events:none}[hidden].sc-smoothly-input-reset-h{display:none}.sc-smoothly-input-reset-h:not([display]){display:none}.sc-smoothly-input-reset-h{transition:0.6s;min-width:0rem}[type=\"input\"].sc-smoothly-input-reset-h{line-height:1}.sc-smoothly-input-reset-h[type=\"input\"].sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type=\"input\"] .sc-smoothly-input-reset-s>smoothly-icon{filter:opacity(60%);font-size:70%}.sc-smoothly-input-reset-h[type=\"input\"]:hover.sc-smoothly-input-reset-s>smoothly-icon,.sc-smoothly-input-reset-h[type=\"input\"]:hover .sc-smoothly-input-reset-s>smoothly-icon{cursor:pointer;filter:opacity(100%)}[type=\"input\"].sc-smoothly-input-reset-h>button.sc-smoothly-input-reset{min-width:0rem}.sc-smoothly-input-reset-h smoothly-icon.default.sc-smoothly-input-reset{transform:translateY(-.1em) scaleX(-1)}.sc-smoothly-input-reset-h.sc-smoothly-input-reset-s>button>*+smoothly-icon{display:none}";
9741
9741
  const SmoothlyInputResetStyle0 = styleCss$V;
9742
9742
 
9743
9743
  const SmoothlyInputReset = class {
@@ -12278,7 +12278,7 @@ const SmoothlySpinner = class {
12278
12278
  };
12279
12279
  SmoothlySpinner.style = SmoothlySpinnerStyle0;
12280
12280
 
12281
- const styleCss$m = "[color=default].sc-smoothly-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-submit-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none}[type=link].sc-smoothly-submit-h{display:inline;border:none}[disabled].sc-smoothly-submit-h{opacity:0.5;pointer-events:none}.sc-smoothly-submit-h>a.sc-smoothly-submit,.sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem}.sc-smoothly-submit-h>button.sc-smoothly-submit{justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-submit{padding:0.8em;min-width:8em}.sc-smoothly-submit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-submit{padding:0.6em}[size=icon].sc-smoothly-submit-h>button.sc-smoothly-submit{padding:0.5em}[shape=rounded].sc-smoothly-submit-h>button.sc-smoothly-submit,[shape=rounded].sc-smoothly-submit-h{border-radius:2rem}[type=button].sc-smoothly-submit-h>a.sc-smoothly-submit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:100%}[size=large].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:130%}.sc-smoothly-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-submit-h>button.sc-smoothly-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-submit-h{width:100%}[expand=full].sc-smoothly-submit-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-submit-h>button.sc-smoothly-submit,[shape=rounded].sc-smoothly-submit-h{border-radius:2rem}.sc-smoothly-submit-h>button.sc-smoothly-submit:hover,.sc-smoothly-submit-h>button.sc-smoothly-submit:focus-visible{border:solid 1px rgb(var(--smoothly-button-focus-border))}.sc-smoothly-submit-h:not([fill=clear])>button.sc-smoothly-submit:hover,.sc-smoothly-submit-h:not([fill=clear])>button.sc-smoothly-submit:focus-visible,.sc-smoothly-submit-h:not([fill=clear])>button.sc-smoothly-submit:active,.sc-smoothly-submit-h:not([fill=clear]):hover,.sc-smoothly-submit-h:not([fill=clear]):focus-visible,.sc-smoothly-submit-h:not([fill=clear]):active{background:rgb(var(--smoothly-button-hover))}.sc-smoothly-submit-h:not([fill=clear])>button.sc-smoothly-submit,.sc-smoothly-submit-h:not([fill=clear]).sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h:not([fill=clear]) .sc-smoothly-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[fill=clear].sc-smoothly-submit-h>button.sc-smoothly-submit:hover,[fill=clear].sc-smoothly-submit-h>button.sc-smoothly-submit:focus-visible,[fill=clear].sc-smoothly-submit-h>button.sc-smoothly-submit:active,[fill=clear].sc-smoothly-submit-h:hover>button.sc-smoothly-submit,[fill=clear].sc-smoothly-submit-h:focus-visible>button.sc-smoothly-submit,[fill=clear].sc-smoothly-submit-h:active>button.sc-smoothly-submit{color:rgb(var(--smoothly-button-hover));stroke:rgb(var(--smoothly-button-hover));fill:rgb(var(--smoothly-button-hover))}[disabled].sc-smoothly-submit-h{opacity:0.5;pointer-events:none}[hidden].sc-smoothly-submit-h{display:none}.sc-smoothly-submit-h{margin:1em 0em}";
12281
+ const styleCss$m = "[color=default].sc-smoothly-submit{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-submit{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-submit{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-submit{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-submit{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-contrast);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-submit{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-submit{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-submit{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-submit{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-submit{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}.sc-smoothly-submit-h{display:inline-block;box-sizing:border-box;border-radius:0.5rem;cursor:pointer;border:none;outline:none;position:relative}[type=link].sc-smoothly-submit-h{display:inline;border:none}[disabled].sc-smoothly-submit-h{opacity:0.5;pointer-events:none}.sc-smoothly-submit-h>a.sc-smoothly-submit,.sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:110%;font-weight:400;border:1px solid transparent;outline:none;background-color:transparent;cursor:pointer;display:inline-flex;gap:0.5rem;box-sizing:border-box}.sc-smoothly-submit-h>button.sc-smoothly-submit{font-weight:bold;justify-content:center;height:100%;width:100%;border-radius:0.5rem;align-items:center}.sc-smoothly-submit-h:not([size=icon]):not([size=flexible])>button.sc-smoothly-submit{padding:0.8em;min-width:8em}.sc-smoothly-submit-h:not([size=icon]):not([size=flexible]):has(smoothly-icon)>button.sc-smoothly-submit{padding:0.6em}[size=icon].sc-smoothly-submit-h>button.sc-smoothly-submit{padding:0.5em}[shape=rounded].sc-smoothly-submit-h>button.sc-smoothly-submit,[shape=rounded].sc-smoothly-submit-h{border-radius:2rem}[type=button].sc-smoothly-submit-h>a.sc-smoothly-submit{text-align:center;text-decoration:inherit;width:calc(100% - 0.6em)}[size=small].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:100%}[size=large].sc-smoothly-submit-h>button.sc-smoothly-submit{font-size:130%}.sc-smoothly-submit-h:not([size=icon]){min-width:8em}[size=flexible].sc-smoothly-submit-h{min-width:unset;padding:0;margin:0;display:flex;justify-content:center;align-items:center;border:none}[size=flexible].sc-smoothly-submit-h>button.sc-smoothly-submit{min-width:unset;padding:0;margin:0}[expand].sc-smoothly-submit-h{width:100%}[expand=full].sc-smoothly-submit-h{border-left:none;border-right:none;border-radius:0}[shape=rounded].sc-smoothly-submit-h,[shape=rounded].sc-smoothly-submit-h>button.sc-smoothly-submit::before{border-radius:2rem}[fill=outline].sc-smoothly-submit-h>button.sc-smoothly-submit{background-color:transparent;color:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));border:1px solid rgb(var(--smoothly-button-foreground))}.sc-smoothly-submit-h:not([fill=clear]):hover>button.sc-smoothly-submit,.sc-smoothly-submit-h>button.sc-smoothly-submit:focus-visible,[fill=outline].sc-smoothly-submit-h:active>button.sc-smoothly-submit::before{border:solid 1px rgb(var(--smoothly-button-focus-border))}[fill=outline].sc-smoothly-submit-h:hover>button.sc-smoothly-submit::before,[fill=outline].sc-smoothly-submit-h:focus-within>button.sc-smoothly-submit::before,[fill=outline].sc-smoothly-submit-h:active>button.sc-smoothly-submit::before{content:\"\";position:absolute;border:2px solid rgb(var(--smoothly-button-focus-border));inset:-1px}.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-submit:hover,.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-submit:focus-visible,.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline])>button.sc-smoothly-submit:active,.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline]):hover,.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline]):focus-visible,.sc-smoothly-submit-h:not([fill=clear]):not([fill=outline]):active{background:rgb(var(--smoothly-button-hover))}.sc-smoothly-submit-h>button.sc-smoothly-submit,.sc-smoothly-submit-h.sc-smoothly-submit-s>smoothly-icon,.sc-smoothly-submit-h .sc-smoothly-submit-s>smoothly-icon{color:rgb(var(--smoothly-button-foreground));stroke:rgb(var(--smoothly-button-foreground));fill:rgb(var(--smoothly-button-foreground))}[disabled].sc-smoothly-submit-h{opacity:0.5;pointer-events:none}[hidden].sc-smoothly-submit-h{display:none}.sc-smoothly-submit-h{margin:1em 0em}";
12282
12282
  const SmoothlySubmitStyle0 = styleCss$m;
12283
12283
 
12284
12284
  const SmoothlySubmit = class {