smoothly 1.1.1-alpha.60 → 1.1.1-alpha.62

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 (111) hide show
  1. package/dist/cjs/smoothly-app_98.cjs.entry.js +14 -13
  2. package/dist/cjs/smoothly-app_98.cjs.entry.js.map +1 -1
  3. package/dist/collection/components/input/checkbox/style.css +8 -3
  4. package/dist/collection/components/input/date/range/style.css +8 -3
  5. package/dist/collection/components/input/date/style.css +8 -3
  6. package/dist/collection/components/input/file/style.css +8 -3
  7. package/dist/collection/components/input/radio/style.css +8 -3
  8. package/dist/collection/components/input/range/style.css +8 -3
  9. package/dist/collection/components/input/select/index.js +5 -4
  10. package/dist/collection/components/input/select/index.js.map +1 -1
  11. package/dist/collection/components/input/select/style.css +8 -3
  12. package/dist/collection/components/input/style.css +8 -3
  13. package/dist/collection/components/picker/style.css +8 -3
  14. package/dist/components/{p-6b2c0b44.js → p-02019c4a.js} +7 -6
  15. package/dist/components/p-02019c4a.js.map +1 -0
  16. package/dist/components/{p-43b5015c.js → p-0dacac0a.js} +2 -2
  17. package/dist/components/{p-43b5015c.js.map → p-0dacac0a.js.map} +1 -1
  18. package/dist/components/{p-5c4ff642.js → p-171d533f.js} +2 -2
  19. package/dist/components/{p-5c4ff642.js.map → p-171d533f.js.map} +1 -1
  20. package/dist/components/{p-782928ba.js → p-1c2fbfd7.js} +3 -3
  21. package/dist/components/{p-782928ba.js.map → p-1c2fbfd7.js.map} +1 -1
  22. package/dist/components/{p-d5e66fd4.js → p-24623a8d.js} +8 -8
  23. package/dist/components/{p-d5e66fd4.js.map → p-24623a8d.js.map} +1 -1
  24. package/dist/components/{p-1656296f.js → p-39d02ee6.js} +4 -4
  25. package/dist/components/{p-1656296f.js.map → p-39d02ee6.js.map} +1 -1
  26. package/dist/components/{p-21bb51c0.js → p-45f8b57b.js} +2 -2
  27. package/dist/components/{p-21bb51c0.js.map → p-45f8b57b.js.map} +1 -1
  28. package/dist/components/{p-d4e4ed7a.js → p-4a39a60f.js} +2 -2
  29. package/dist/components/{p-d4e4ed7a.js.map → p-4a39a60f.js.map} +1 -1
  30. package/dist/components/{p-bbe6f7ea.js → p-4aa767e9.js} +3 -3
  31. package/dist/components/{p-bbe6f7ea.js.map → p-4aa767e9.js.map} +1 -1
  32. package/dist/components/{p-37c75339.js → p-529248c8.js} +9 -9
  33. package/dist/components/{p-37c75339.js.map → p-529248c8.js.map} +1 -1
  34. package/dist/components/{p-bdb41ea4.js → p-5579cdb5.js} +4 -4
  35. package/dist/components/{p-bdb41ea4.js.map → p-5579cdb5.js.map} +1 -1
  36. package/dist/components/{p-62ce2414.js → p-5f08fe6b.js} +2 -2
  37. package/dist/components/{p-62ce2414.js.map → p-5f08fe6b.js.map} +1 -1
  38. package/dist/components/{p-7dbaa30a.js → p-6bac9898.js} +2 -2
  39. package/dist/components/{p-7dbaa30a.js.map → p-6bac9898.js.map} +1 -1
  40. package/dist/components/{p-3153a123.js → p-7f457e7f.js} +2 -2
  41. package/dist/components/{p-3153a123.js.map → p-7f457e7f.js.map} +1 -1
  42. package/dist/components/{p-879b3ac3.js → p-83d7c1b0.js} +2 -2
  43. package/dist/components/{p-879b3ac3.js.map → p-83d7c1b0.js.map} +1 -1
  44. package/dist/components/{p-a0293100.js → p-883b55b9.js} +16 -16
  45. package/dist/components/{p-a0293100.js.map → p-883b55b9.js.map} +1 -1
  46. package/dist/components/{p-b4888ece.js → p-951f4044.js} +6 -6
  47. package/dist/components/{p-b4888ece.js.map → p-951f4044.js.map} +1 -1
  48. package/dist/components/{p-9b457cf4.js → p-a57212b2.js} +4 -4
  49. package/dist/components/{p-9b457cf4.js.map → p-a57212b2.js.map} +1 -1
  50. package/dist/components/{p-56b04521.js → p-b2a06a15.js} +2 -2
  51. package/dist/components/{p-56b04521.js.map → p-b2a06a15.js.map} +1 -1
  52. package/dist/components/{p-87ef17a1.js → p-bb2d66c9.js} +2 -2
  53. package/dist/components/{p-87ef17a1.js.map → p-bb2d66c9.js.map} +1 -1
  54. package/dist/components/{p-a0bac237.js → p-c7b02804.js} +10 -10
  55. package/dist/components/{p-a0bac237.js.map → p-c7b02804.js.map} +1 -1
  56. package/dist/components/{p-4df828b7.js → p-cfda0832.js} +4 -4
  57. package/dist/components/{p-4df828b7.js.map → p-cfda0832.js.map} +1 -1
  58. package/dist/components/{p-de989dde.js → p-d0124302.js} +3 -3
  59. package/dist/components/{p-de989dde.js.map → p-d0124302.js.map} +1 -1
  60. package/dist/components/{p-9988d4d7.js → p-dcba29ff.js} +2 -2
  61. package/dist/components/{p-9988d4d7.js.map → p-dcba29ff.js.map} +1 -1
  62. package/dist/components/{p-29c35794.js → p-dda41fd4.js} +3 -3
  63. package/dist/components/{p-29c35794.js.map → p-dda41fd4.js.map} +1 -1
  64. package/dist/components/{p-23316eb1.js → p-e0ab88e4.js} +8 -8
  65. package/dist/components/{p-23316eb1.js.map → p-e0ab88e4.js.map} +1 -1
  66. package/dist/components/{p-795e486a.js → p-e250678d.js} +6 -6
  67. package/dist/components/{p-795e486a.js.map → p-e250678d.js.map} +1 -1
  68. package/dist/components/{p-120d01a9.js → p-e7109838.js} +2 -2
  69. package/dist/components/{p-120d01a9.js.map → p-e7109838.js.map} +1 -1
  70. package/dist/components/{p-64b90b2f.js → p-f25b7657.js} +2 -2
  71. package/dist/components/{p-64b90b2f.js.map → p-f25b7657.js.map} +1 -1
  72. package/dist/components/smoothly-address-display.js +1 -1
  73. package/dist/components/smoothly-address.js +1 -1
  74. package/dist/components/smoothly-addresses.js +3 -3
  75. package/dist/components/smoothly-app-demo.js +27 -27
  76. package/dist/components/smoothly-calendar.js +1 -1
  77. package/dist/components/smoothly-filter-field.js +1 -1
  78. package/dist/components/smoothly-filter-input.js +1 -1
  79. package/dist/components/smoothly-filter-picker.js +1 -1
  80. package/dist/components/smoothly-filter.js +1 -1
  81. package/dist/components/smoothly-input-checkbox.js +1 -1
  82. package/dist/components/smoothly-input-color.js +1 -1
  83. package/dist/components/smoothly-input-date-range.js +1 -1
  84. package/dist/components/smoothly-input-date.js +1 -1
  85. package/dist/components/smoothly-input-demo-controlled-form.js +1 -1
  86. package/dist/components/smoothly-input-demo.js +1 -1
  87. package/dist/components/smoothly-input-file.js +1 -1
  88. package/dist/components/smoothly-input-month.js +1 -1
  89. package/dist/components/smoothly-input-radio.js +1 -1
  90. package/dist/components/smoothly-input-range.js +1 -1
  91. package/dist/components/smoothly-input-select.js +1 -1
  92. package/dist/components/smoothly-input.js +1 -1
  93. package/dist/components/smoothly-next-demo.js +1 -1
  94. package/dist/components/smoothly-next-table-demo-filtered.js +1 -1
  95. package/dist/components/smoothly-picker-demo.js +1 -1
  96. package/dist/components/smoothly-picker-menu.js +1 -1
  97. package/dist/components/smoothly-picker.js +1 -1
  98. package/dist/components/smoothly-table-demo-filtered.js +1 -1
  99. package/dist/components/smoothly-table-demo.js +1 -1
  100. package/dist/components/smoothly-table-testing.js +1 -1
  101. package/dist/components/smoothly-theme-demo.js +1 -1
  102. package/dist/components/smoothly-theme-picker.js +1 -1
  103. package/dist/esm/smoothly-app_98.entry.js +14 -13
  104. package/dist/esm/smoothly-app_98.entry.js.map +1 -1
  105. package/dist/smoothly/p-74e6644f.entry.js +2 -0
  106. package/dist/smoothly/p-74e6644f.entry.js.map +1 -0
  107. package/dist/smoothly/smoothly.esm.js +1 -1
  108. package/package.json +1 -1
  109. package/dist/components/p-6b2c0b44.js.map +0 -1
  110. package/dist/smoothly/p-700ae0e4.entry.js +0 -2
  111. package/dist/smoothly/p-700ae0e4.entry.js.map +0 -1
@@ -8653,7 +8653,7 @@ const SmoothlyIconDemo = class {
8653
8653
  };
8654
8654
  SmoothlyIconDemo.style = SmoothlyIconDemoStyle0;
8655
8655
 
8656
- const styleCss$17 = ".sc-smoothly-input-h{box-sizing:border-box}.sc-smoothly-input-h[looks=\"border\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-h[looks=\"line\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-h[looks=\"grid\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-h{border:none}[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background:transparent}[looks=\"transparent\"].sc-smoothly-input-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);overflow:hidden;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input:nth-child(2){margin-left:0.2em}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{position:absolute;left:0.4em;top:0.6em;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>label.sc-smoothly-input{display:none}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0.7em 0.7em 0.7em 0.8em}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input{padding:1.2em 0.7em 0.2em 0.8em;box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}.sc-smoothly-input-h>div.sc-smoothly-input>smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:invalid+label.sc-smoothly-input+smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h:not([readonly]):not(.has-value)[placeholder]>div.sc-smoothly-input>label.sc-smoothly-input,.has-value.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):not(.has-value):focus-within>div.sc-smoothly-input>label.sc-smoothly-input{top:0.4em;transform:scale(0.6)}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}";
8656
+ const styleCss$17 = ".sc-smoothly-input-h{box-sizing:border-box}[readonly].sc-smoothly-input-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-h[looks=\"border\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-h{border:transparent solid 1px}.sc-smoothly-input-h[looks=\"line\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}.sc-smoothly-input-h[looks=\"grid\"].sc-smoothly-input-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-h{border:none}[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background:transparent}[looks=\"transparent\"].sc-smoothly-input-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);overflow:hidden;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>div.sc-smoothly-input:nth-child(2){margin-left:0.2em}.sc-smoothly-input-h>div.sc-smoothly-input{position:relative;width:100%;height:100%}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{position:absolute;left:0.4em;top:0.6em;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>label.sc-smoothly-input{display:none}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0.7em 0.7em 0.7em 0.8em}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input{padding:1.2em 0.7em 0.2em 0.8em;box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}.sc-smoothly-input-h>div.sc-smoothly-input>smoothly-icon.sc-smoothly-input{display:none;position:absolute;right:0.2em;top:0.6em}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:invalid+label.sc-smoothly-input+smoothly-icon.sc-smoothly-input{display:block}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.sc-smoothly-input-h:not([readonly]):not(.has-value)[placeholder]>div.sc-smoothly-input>label.sc-smoothly-input,.has-value.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):not(.has-value):focus-within>div.sc-smoothly-input>label.sc-smoothly-input{top:0.4em;transform:scale(0.6)}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:focus{outline:none}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:hover,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:focus,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill:active{box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset;-webkit-box-shadow:0 0 0 40em rgb(var(--smoothly-input-background)) inset}.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill,.sc-smoothly-input-h>div.sc-smoothly-input>input.sc-smoothly-input:-webkit-autofill+label.sc-smoothly-input{-webkit-text-fill-color:rgb(var(--smoothly-input-foreground))}";
8657
8657
  const SmoothlyInputStyle0 = styleCss$17;
8658
8658
 
8659
8659
  const SmoothlyInput = class {
@@ -8941,7 +8941,7 @@ function getLocale() {
8941
8941
  }
8942
8942
  SmoothlyInput.style = SmoothlyInputStyle0;
8943
8943
 
8944
- const styleCss$16 = ".sc-smoothly-input-checkbox-h{box-sizing:border-box}.sc-smoothly-input-checkbox-h[looks=\"border\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-checkbox-h[looks=\"line\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-checkbox-h[looks=\"grid\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{border:none}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5em;padding:.6em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.2em;width:1.2em;border:1px solid black;display:block}.sc-smoothly-input-checkbox-h:not([readonly])>smoothly-icon.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly])>input.sc-smoothly-input-checkbox{cursor:pointer}[disabled].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[disabled].sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{border-color:rgb(var(--smoothly-color-contrast), 0.3);color:rgb(var(--smoothly-color-contrast), 0.4)}";
8944
+ const styleCss$16 = ".sc-smoothly-input-checkbox-h{box-sizing:border-box}[readonly].sc-smoothly-input-checkbox-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-checkbox-h[looks=\"border\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid 1px}.sc-smoothly-input-checkbox-h[looks=\"line\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-checkbox-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-checkbox-h{border-bottom:transparent solid 1px}.sc-smoothly-input-checkbox-h[looks=\"grid\"].sc-smoothly-input-checkbox-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-checkbox-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-checkbox-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-checkbox-h{border:none}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:not(:focus-within)>input.sc-smoothly-input-checkbox{background:transparent}[looks=\"transparent\"].sc-smoothly-input-checkbox-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-checkbox-h{display:flex;align-items:center;flex-direction:row;position:relative;gap:.5em;padding:.6em;box-sizing:border-box;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{position:absolute;z-index:1}.sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.2em;width:1.2em;border:1px solid black;display:block}.sc-smoothly-input-checkbox-h:not([readonly])>smoothly-icon.sc-smoothly-input-checkbox,.sc-smoothly-input-checkbox-h:not([readonly])>input.sc-smoothly-input-checkbox{cursor:pointer}[disabled].sc-smoothly-input-checkbox-h>input.sc-smoothly-input-checkbox,[disabled].sc-smoothly-input-checkbox-h>smoothly-icon.sc-smoothly-input-checkbox{border-color:rgb(var(--smoothly-color-contrast), 0.3);color:rgb(var(--smoothly-color-contrast), 0.4)}";
8945
8945
  const SmoothlyInputCheckboxStyle0 = styleCss$16;
8946
8946
 
8947
8947
  const SmoothlyInputCheckbox = class {
@@ -9101,7 +9101,7 @@ const SmoothlyInputColor = class {
9101
9101
  };
9102
9102
  SmoothlyInputColor.style = SmoothlyInputColorStyle0;
9103
9103
 
9104
- const styleCss$13 = ".sc-smoothly-input-date-h{box-sizing:border-box}.sc-smoothly-input-date-h[looks=\"border\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-h[looks=\"line\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-h[looks=\"grid\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-date-h{border:none}[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background))}[looks=transparent].sc-smoothly-input-date-h smoothly-input.sc-smoothly-input-date{outline:none}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-h>div.sc-smoothly-input-date{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>div.arrow.sc-smoothly-input-date{box-sizing:border-box;position:absolute;top:1px;z-index:9;transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h>span.icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center;margin-right:.4em}@media screen and (min-width: 400px){.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}";
9104
+ const styleCss$13 = ".sc-smoothly-input-date-h{box-sizing:border-box}[readonly].sc-smoothly-input-date-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-date-h[looks=\"border\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-h{border:transparent solid 1px}.sc-smoothly-input-date-h[looks=\"line\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-h{border-bottom:transparent solid 1px}.sc-smoothly-input-date-h[looks=\"grid\"].sc-smoothly-input-date-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-date-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-date-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-date-h{border:none}[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:not(:focus-within)>input.sc-smoothly-input-date{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h{display:flex;position:relative;max-width:100vw;background-color:rgb(var(--smoothly-input-background))}[looks=transparent].sc-smoothly-input-date-h smoothly-input.sc-smoothly-input-date{outline:none}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));min-width:18em}.sc-smoothly-input-date-h>div.sc-smoothly-input-date{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-h>nav.sc-smoothly-input-date>div.arrow.sc-smoothly-input-date{box-sizing:border-box;position:absolute;top:1px;z-index:9;transform:translate(2em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-h>span.icons.sc-smoothly-input-date{display:flex;flex-direction:row;align-items:center;margin-right:.4em}@media screen and (min-width: 400px){.sc-smoothly-input-date-h>nav.sc-smoothly-input-date{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em}}";
9105
9105
  const SmoothlyInputDateStyle0 = styleCss$13;
9106
9106
 
9107
9107
  const SmoothlyInputDate = class {
@@ -9168,7 +9168,7 @@ const SmoothlyInputDate = class {
9168
9168
  };
9169
9169
  SmoothlyInputDate.style = SmoothlyInputDateStyle0;
9170
9170
 
9171
- const styleCss$12 = ".sc-smoothly-input-date-range-h{box-sizing:border-box}.sc-smoothly-input-date-range-h[looks=\"border\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-range-h[looks=\"line\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-date-range-h[looks=\"grid\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h{position:relative;display:flex;width:fit-content;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em;min-width:18em}.sc-smoothly-input-date-range-h>div.sc-smoothly-input-date-range{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>div.arrow.sc-smoothly-input-date-range{position:absolute;box-sizing:border-box;top:1px;left:-7em;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{border-radius:var(--border-radius, none);background-color:transparent}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}.sc-smoothly-input-date-range-h>span.icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center;margin-right:0.4em}";
9171
+ const styleCss$12 = ".sc-smoothly-input-date-range-h{box-sizing:border-box}[readonly].sc-smoothly-input-date-range-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-date-range-h[looks=\"border\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-date-range-h{border:transparent solid 1px}.sc-smoothly-input-date-range-h[looks=\"line\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-date-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-date-range-h{border-bottom:transparent solid 1px}.sc-smoothly-input-date-range-h[looks=\"grid\"].sc-smoothly-input-date-range-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-date-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-date-range-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-date-range-h{border:none}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:not(:focus-within)>input.sc-smoothly-input-date-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-date-range-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h{position:relative;display:flex;width:fit-content;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-date-range-h:focus-within smoothly-input.sc-smoothly-input-date-range{outline:none}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range{position:absolute;z-index:10;top:4em;background-color:rgb(var(--smoothly-input-background));max-width:22em;min-width:18em}.sc-smoothly-input-date-range-h>div.sc-smoothly-input-date-range{position:fixed;top:0px;left:0px;right:0px;bottom:0px;width:100vw;height:100vh;z-index:2}.sc-smoothly-input-date-range-h>nav.sc-smoothly-input-date-range>div.arrow.sc-smoothly-input-date-range{position:absolute;box-sizing:border-box;top:1px;left:-7em;z-index:9;transform:translate(10em, -0.55em) rotate(45deg);width:1em;height:1em;background-color:rgb(var(--smoothly-input-background));border-top:1px solid rgb(var(--smoothly-input-border));border-left:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range{display:flex;background-color:var(--smoothly-input-background);border-radius:0.25rem;cursor:pointer}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>smoothly-input.sc-smoothly-input-date-range{border-radius:var(--border-radius, none);background-color:transparent}.sc-smoothly-input-date-range-h>section.sc-smoothly-input-date-range>span.sc-smoothly-input-date-range{padding:0.5em 0.2em 0.5em 0.2em;align-self:center}.sc-smoothly-input-date-range-h>span.icons.sc-smoothly-input-date-range{display:flex;flex-direction:row;align-items:center;margin-right:0.4em}";
9172
9172
  const SmoothlyInputDateRangeStyle0 = styleCss$12;
9173
9173
 
9174
9174
  const SmoothlyInputDateRange = class {
@@ -9347,7 +9347,7 @@ const SmoothlyInputEdit = class {
9347
9347
  };
9348
9348
  SmoothlyInputEdit.style = SmoothlyInputEditStyle0;
9349
9349
 
9350
- const styleCss$_ = ".sc-smoothly-input-file-h{box-sizing:border-box}.sc-smoothly-input-file-h[looks=\"border\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-file-h[looks=\"line\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-file-h[looks=\"grid\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-file-h{border:none}[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:0.4rem;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{position:absolute;inset:0;color:rgb(var(--smoothly-hover-contrast));background-color:rgb(var(--smoothly-input-hover-background))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem;column-gap:1ch}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{padding-top:0.4rem;display:flex;width:100%;align-items:baseline;justify-content:flex-start;color:rgb(var(--smoothly-input-foreground));cursor:inherit}.sc-smoothly-input-file-h>label.sc-smoothly-input-file-s>*{display:block;width:100%;font-size:0.65em;opacity:0.8}.sc-smoothly-input-file-h:not([show-label]) label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>span.sc-smoothly-input-file{cursor:pointer}";
9350
+ const styleCss$_ = ".sc-smoothly-input-file-h{box-sizing:border-box}[readonly].sc-smoothly-input-file-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-file-h[looks=\"border\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-file-h{border:transparent solid 1px}.sc-smoothly-input-file-h[looks=\"line\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-file-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-file-h{border-bottom:transparent solid 1px}.sc-smoothly-input-file-h[looks=\"grid\"].sc-smoothly-input-file-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-file-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-file-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-file-h{border:none}[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:not(:focus-within)>input.sc-smoothly-input-file{background:transparent}[looks=\"transparent\"].sc-smoothly-input-file-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-file-h{display:flex;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative;width:100%;padding-left:0.4rem;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{position:absolute;inset:0;color:rgb(var(--smoothly-hover-contrast));background-color:rgb(var(--smoothly-input-hover-background))}.sc-smoothly-input-file-h:not(.dragging)>div.sc-smoothly-input-file>div.mask.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>input.sc-smoothly-input-file{overflow:hidden;height:0;width:0;padding:0}.sc-smoothly-input-file-h>div.input.sc-smoothly-input-file{display:flex;align-items:center;padding-bottom:0.2rem;column-gap:1ch}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>smoothly-button.sc-smoothly-input-file{margin:0;border:none}.sc-smoothly-input-file-h>label.sc-smoothly-input-file{padding-top:0.4rem;display:flex;width:100%;align-items:baseline;justify-content:flex-start;color:rgb(var(--smoothly-input-foreground));cursor:inherit}.sc-smoothly-input-file-h>label.sc-smoothly-input-file-s>*{display:block;width:100%;font-size:0.65em;opacity:0.8}.sc-smoothly-input-file-h:not([show-label]) label.sc-smoothly-input-file{display:none}.sc-smoothly-input-file-h>div.sc-smoothly-input-file>span.sc-smoothly-input-file{cursor:pointer}";
9351
9351
  const SmoothlyInputFileStyle0 = styleCss$_;
9352
9352
 
9353
9353
  const SmoothlyInputFile = class {
@@ -9538,7 +9538,7 @@ const SmoothlyInputMonth = class {
9538
9538
  };
9539
9539
  SmoothlyInputMonth.style = SmoothlyInputMonthStyle0;
9540
9540
 
9541
- const styleCss$Y = ".sc-smoothly-input-radio-h{box-sizing:border-box}.sc-smoothly-input-radio-h[looks=\"border\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-radio-h[looks=\"line\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-radio-h[looks=\"grid\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-radio-h{padding:.4em;background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio{display:flex;width:100%;align-items:center;gap:1em}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio>div.sc-smoothly-input-radio{align-items:center;display:flex;justify-content:right;width:100%;flex-wrap:wrap;gap:1em}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio-s>p{margin:0 0 0 0.2em;white-space:nowrap}";
9541
+ const styleCss$Y = ".sc-smoothly-input-radio-h{box-sizing:border-box}[readonly].sc-smoothly-input-radio-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-radio-h[looks=\"border\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-radio-h{border:transparent solid 1px}.sc-smoothly-input-radio-h[looks=\"line\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-radio-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-radio-h{border-bottom:transparent solid 1px}.sc-smoothly-input-radio-h[looks=\"grid\"].sc-smoothly-input-radio-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-radio-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-radio-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-radio-h{border:none}[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:not(:focus-within)>input.sc-smoothly-input-radio{background:transparent}[looks=\"transparent\"].sc-smoothly-input-radio-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-radio-h{padding:.4em;background-color:rgb(var(--smoothly-input-background));display:flex;align-items:center}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio{display:flex;width:100%;align-items:center;gap:1em}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio>div.sc-smoothly-input-radio{align-items:center;display:flex;justify-content:right;width:100%;flex-wrap:wrap;gap:1em}.sc-smoothly-input-radio-h>div.input-group.sc-smoothly-input-radio-s>p{margin:0 0 0 0.2em;white-space:nowrap}";
9542
9542
  const SmoothlyInputRadioStyle0 = styleCss$Y;
9543
9543
 
9544
9544
  const SmoothlyInputRadio = class {
@@ -9668,7 +9668,7 @@ const SmoothlyInputRadioItem = class {
9668
9668
  };
9669
9669
  SmoothlyInputRadioItem.style = SmoothlyInputRadioItemStyle0;
9670
9670
 
9671
- const styleCss$W = ".sc-smoothly-input-range-h{box-sizing:border-box}.sc-smoothly-input-range-h[looks=\"border\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-range-h[looks=\"line\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-range-h[looks=\"grid\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-range-h{border:none}[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));padding:0 .4em}.sc-smoothly-input-range-h .sc-smoothly-input-range:nth-child(2){margin-left:0.2em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:1.1em 0 .1em 0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>output.sc-smoothly-input-range{min-width:4em;text-align:center;margin-left:.5em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:absolute;display:block;white-space:nowrap;text-align:center;top:.5em;left:0;font-size:.6em}.output-side-right.sc-smoothly-input-range-h>dov.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:left;padding-right:.5em}.output-side-right.sc-smoothly-input-range-h>dov.sc-smoothly-input-range>output.sc-smoothly-input-range{order:3;margin:0}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:1.2em;width:.7em;border-radius:20%;background-color:rgb(var(--smoothly-primary-contrast));border:1px rgb(var(--smoothly-color-contrast)) solid;cursor:pointer;margin-top:-.45em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:1.2em;width:.7em;border-radius:20%;background-color:rgb(var(--smoothly-primary-contrast));border:1px rgb(var(--smoothly-color-contrast)) solid;cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h:not([value])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value])>dov.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}";
9671
+ const styleCss$W = ".sc-smoothly-input-range-h{box-sizing:border-box}[readonly].sc-smoothly-input-range-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-range-h[looks=\"border\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-range-h{border:transparent solid 1px}.sc-smoothly-input-range-h[looks=\"line\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-range-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-range-h{border-bottom:transparent solid 1px}.sc-smoothly-input-range-h[looks=\"grid\"].sc-smoothly-input-range-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-range-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-range-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-range-h{border:none}[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:not(:focus-within)>input.sc-smoothly-input-range{background:transparent}[looks=\"transparent\"].sc-smoothly-input-range-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}*.sc-smoothly-input-range{box-sizing:border-box}.sc-smoothly-input-range-h{position:relative;width:100%;justify-content:center;align-items:center;display:flex;background-color:rgb(var(--smoothly-input-background));padding:0 .4em}.sc-smoothly-input-range-h .sc-smoothly-input-range:nth-child(2){margin-left:0.2em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:1.1em 0 .1em 0}.output-side-right.sc-smoothly-input-range-h>div.sc-smoothly-input-range{padding:0}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>output.sc-smoothly-input-range{min-width:4em;text-align:center;margin-left:.5em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>label.sc-smoothly-input-range{position:absolute;display:block;white-space:nowrap;text-align:center;top:.5em;left:0;font-size:.6em}.output-side-right.sc-smoothly-input-range-h>dov.sc-smoothly-input-range>label.sc-smoothly-input-range{position:static;font-size:inherit;text-align:left;padding-right:.5em}.output-side-right.sc-smoothly-input-range-h>dov.sc-smoothly-input-range>output.sc-smoothly-input-range{order:3;margin:0}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range{-webkit-appearance:none;width:100%;background:transparent;height:1.5em;padding:0 .4em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-thumb{-webkit-appearance:none;height:1.2em;width:.7em;border-radius:20%;background-color:rgb(var(--smoothly-primary-contrast));border:1px rgb(var(--smoothly-color-contrast)) solid;cursor:pointer;margin-top:-.45em}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-thumb{height:1.2em;width:.7em;border-radius:20%;background-color:rgb(var(--smoothly-primary-contrast));border:1px rgb(var(--smoothly-color-contrast)) solid;cursor:pointer}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{width:100%;height:.3em;cursor:pointer;background-color:rgb(var(--smoothly-primary-color));border-radius:20px}.sc-smoothly-input-range-h:not([value])>div.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-webkit-slider-runnable-track{background-color:rgb(var(--smoothly-primary-tint))}.sc-smoothly-input-range-h:not([value])>dov.sc-smoothly-input-range>input[type=range].sc-smoothly-input-range::-moz-range-track{background-color:rgb(var(--smoothly-primary-tint))}";
9672
9672
  const SmoothlyInputRangeStyle0 = styleCss$W;
9673
9673
 
9674
9674
  const SmoothlyInputRange = class {
@@ -9799,7 +9799,7 @@ var Item;
9799
9799
  Item.is = Item.type.is;
9800
9800
  })(Item || (Item = {}));
9801
9801
 
9802
- const styleCss$U = ".sc-smoothly-input-select-h{box-sizing:border-box}.sc-smoothly-input-select-h[looks=\"border\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-select-h[looks=\"line\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-input-select-h[looks=\"grid\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;min-height:2.7em;display:flex;cursor:default;padding:.7em;overflow:hidden;width:100%;white-space:nowrap;gap:1em;text-overflow:ellipsis}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center;margin-right:.4em}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-icon{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));filter:opacity(60%)}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-input-reset{padding-right:.2em}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label]{position:absolute;left:0.4em;top:0.6em;opacity:0.8;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h:not(.has-value)[placeholder].sc-smoothly-input-select-s>[slot=label]{top:0.4em;transform:scale(0.6)}.has-value.sc-smoothly-input-select-h:has([slot=label])>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h:not([in-calendar]).has-value:has([slot=label])>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([in-calendar]):not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{padding-bottom:.1em;padding-left:.8em;padding-top:1.1em}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));width:100%}[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{transform:translateX(-1px);border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{transform:translateX(-2px);border:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .5) solid 2px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .2) solid 2px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item{padding:.7em}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item:not([selectable]){display:flex;gap:1em;background-color:rgba(var(--smoothly-primary-tint), .5);color:var(--smoothly-color-contrast)}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:not([selectable])>smoothly-icon[name=\"backspace-outline\"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}";
9802
+ const styleCss$U = ".sc-smoothly-input-select-h{box-sizing:border-box}[readonly].sc-smoothly-input-select-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-input-select-h[looks=\"border\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-input-select-h{border:transparent solid 1px}.sc-smoothly-input-select-h[looks=\"line\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-input-select-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-input-select-h{border-bottom:transparent solid 1px}.sc-smoothly-input-select-h[looks=\"grid\"].sc-smoothly-input-select-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-input-select-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-input-select-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-input-select-h{border:none}[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:not(:focus-within)>input.sc-smoothly-input-select{background:transparent}[looks=\"transparent\"].sc-smoothly-input-select-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-input-select-h{display:flex;justify-content:space-between;flex-direction:row;position:relative;background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.icon.sc-smoothly-input-select-h{width:fit-content;flex-direction:column}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select{box-sizing:border-box;min-height:2.7em;display:flex;cursor:default;padding:.7em;overflow:hidden;width:100%;white-space:nowrap;gap:1em;text-overflow:ellipsis}.sc-smoothly-input-select-h>div.select-display.sc-smoothly-input-select smoothly-icon.sc-smoothly-input-select{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground))}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select{display:flex;flex-direction:row;align-items:center;margin-right:.4em}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-icon{color:rgb(var(--smoothly-input-foreground));fill:rgb(var(--smoothly-input-foreground));stroke:rgb(var(--smoothly-input-foreground));filter:opacity(60%)}.sc-smoothly-input-select-h:hover>div.icons.sc-smoothly-input-select-s>smoothly-icon{filter:opacity(100%)}.sc-smoothly-input-select-h>div.icons.sc-smoothly-input-select-s>smoothly-input-reset{padding-right:.2em}.sc-smoothly-input-select-h.sc-smoothly-input-select-s>[slot=label]{position:absolute;left:0.4em;top:0.6em;opacity:0.8;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-select-h.has-value.sc-smoothly-input-select-s>[slot=label],.sc-smoothly-input-select-h:not(.has-value)[placeholder].sc-smoothly-input-select-s>[slot=label]{top:0.4em;transform:scale(0.6)}.has-value.sc-smoothly-input-select-h:has([slot=label])>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{overflow:hidden;width:100%}.sc-smoothly-input-select-h:not([in-calendar]).has-value:has([slot=label])>div.select-display.sc-smoothly-input-select,.sc-smoothly-input-select-h:not([in-calendar]):not(.has-value)[placeholder]>div.select-display.sc-smoothly-input-select{padding-bottom:.1em;padding-left:.8em;padding-top:1.1em}.sc-smoothly-input-select-h>.options.sc-smoothly-input-select{display:flex;flex-direction:column;position:absolute;top:var(--element-height);z-index:10;max-height:var(--menu-height, unset);overflow-x:hidden;overflow-y:auto;background-color:rgb(var(--smoothly-input-background));width:100%}[looks=border].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{transform:translateX(-1px);border:rgb(var(--smoothly-input-border, var(--smoothly-color-contrast))) solid 1px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .4) solid 1px}[looks=\"grid\"].sc-smoothly-input-select-h>div.options.sc-smoothly-input-select{transform:translateX(-2px);border:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .5) solid 2px;border-top:rgba(var(--smoothly-input-border, var(--smoothly-color-contrast)), .2) solid 2px}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item{padding:.7em}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select-s>smoothly-item:not([selectable]){display:flex;gap:1em;background-color:rgba(var(--smoothly-primary-tint), .5);color:var(--smoothly-color-contrast)}.sc-smoothly-input-select-h>div.options.sc-smoothly-input-select>smoothly-item.sc-smoothly-input-select:not([selectable])>smoothly-icon[name=\"backspace-outline\"].sc-smoothly-input-select{margin-left:auto;margin-right:0}.sc-smoothly-input-select-h>div.options.hidden.sc-smoothly-input-select{display:none}";
9803
9803
  const SmoothlyInputSelectStyle0 = styleCss$U;
9804
9804
 
9805
9805
  const SmoothlyInputSelect = class {
@@ -9947,8 +9947,9 @@ const SmoothlyInputSelect = class {
9947
9947
  handleShowOptions(event) {
9948
9948
  event && event.stopPropagation();
9949
9949
  const wasButtonClicked = (event === null || event === void 0 ? void 0 : event.composedPath().some(e => e == this.iconsDiv)) && !event.composedPath().some(e => e == this.toggle);
9950
+ const clickedItem = event === null || event === void 0 ? void 0 : event.composedPath().find((el) => "tagName" in el && el.tagName == "SMOOTHLY-ITEM");
9950
9951
  !this.readonly &&
9951
- !((event === null || event === void 0 ? void 0 : event.target) && this.items.includes(event.target) && this.multiple) &&
9952
+ !(clickedItem && this.items.includes(clickedItem) && this.multiple) &&
9952
9953
  !wasButtonClicked &&
9953
9954
  (this.open = !this.open);
9954
9955
  this.filter = "";
@@ -10048,13 +10049,13 @@ const SmoothlyInputSelect = class {
10048
10049
  (_a = this.optionsDiv) === null || _a === void 0 ? void 0 : _a.scrollTo({ top: item.offsetTop - ((_c = (_b = this.optionsDiv) === null || _b === void 0 ? void 0 : _b.clientHeight) !== null && _c !== void 0 ? _c : 0) / 2 });
10049
10050
  }
10050
10051
  render() {
10051
- return (index.h(index.Host, { key: '8b490f58f18ad1c94201eda0ae160acc3d870136', tabIndex: 0, class: { "has-value": this.selected.length !== 0 }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: 'bbefa03e20c79bc753f5b0c6bd3b375dc756135b', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '9ca9083302827b7d405735a6911417876ece49a4', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("slot", { key: '2ac7682cba0337a36a36511a08f7724cd62f7a17', name: "end" }), this.looks == "border" && (index.h("smoothly-icon", { key: '0dc25ffd5e1922cf96e099ab12a2af88c96f03ad', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: '02e3bf3a13b3a5b7009e3dbe940c8a2afd1f580c', name: "label" }), index.h("div", { key: '973923e7b85a28ac92850cbd8de69087aa719411', class: { hidden: !this.open, options: true }, ref: (el) => {
10052
+ return (index.h(index.Host, { key: '90d210973cf72c06b911d05a03aa082908eb04e2', tabIndex: 0, class: { "has-value": this.selected.length !== 0 }, onClick: (event) => this.handleShowOptions(event) }, index.h("div", { key: 'd9dcfa51435cb61d5a39812187c8e80fc315cea4', class: "select-display", ref: element => (this.displaySelectedElement = element) }, this.placeholder), index.h("div", { key: '1ef166a0bfbbaf05f3e5c58aea7a662d0b03db04', class: "icons", ref: element => (this.iconsDiv = element) }, index.h("slot", { key: '717fe3954766cf99d3f31c14cdc5062f371c07f4', name: "end" }), this.looks == "border" && (index.h("smoothly-icon", { key: 'e236e486bebca53e5eefb7ced72db41de9024d6b', ref: element => (this.toggle = element), size: "tiny", name: this.open ? "caret-down-outline" : "caret-forward-outline" }))), index.h("slot", { key: 'f4ac4ebf88d56fae352641b1545028150f49fff7', name: "label" }), index.h("div", { key: 'a908dcf4963c84dafcd2d8796e55967310bf90c4', class: { hidden: !this.open, options: true }, ref: (el) => {
10052
10053
  this.optionsDiv = el;
10053
- } }, this.filter.length > 0 && (index.h("smoothly-item", { key: 'c83f76de49c4f70091143e20241cb2384668c604', selectable: false }, index.h("smoothly-icon", { key: '5e7a8d0c122fcb232b906f02ebf8267eedddb319', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: '7e4970bf94986603fe55bacea594d599060afa3d', name: "backspace-outline", size: "small", onClick: e => {
10054
+ } }, this.filter.length > 0 && (index.h("smoothly-item", { key: '4f973c076ff4894225a98d8616476c4cbfc4e710', selectable: false }, index.h("smoothly-icon", { key: '574feda8a37c0092b977bf2b1852f5f490f5b592', name: "search-outline", size: "small" }), this.filter, index.h("smoothly-icon", { key: 'ce178c49d4c2c505d03487c85231b47c262b41d5', name: "backspace-outline", size: "small", onClick: e => {
10054
10055
  e.stopPropagation();
10055
10056
  this.filter = "";
10056
10057
  this.element.focus();
10057
- } }))), index.h("slot", { key: '06af70a11ffa09c88a5453dd333b183a95edb4fd' }))));
10058
+ } }))), index.h("slot", { key: 'f76410b24eb140170685e356363bee521cfed58f' }))));
10058
10059
  }
10059
10060
  get element() { return index.getElement(this); }
10060
10061
  static get watchers() { return {
@@ -11642,7 +11643,7 @@ const Notifier = class {
11642
11643
  };
11643
11644
  Notifier.style = SmoothlyNotifierStyle0;
11644
11645
 
11645
- const styleCss$w = ".sc-smoothly-picker-h{box-sizing:border-box}.sc-smoothly-picker-h[looks=\"border\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-picker-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-picker-h{border:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-picker-h[looks=\"line\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-picker-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-picker-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}.sc-smoothly-picker-h[looks=\"grid\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-picker-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-picker-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"transparent\"].sc-smoothly-picker-h{border:none}[looks=\"transparent\"].sc-smoothly-picker-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-picker-h:not(:focus-within)>input.sc-smoothly-picker{background:transparent}[looks=\"transparent\"].sc-smoothly-picker-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-picker-h{display:flex;position:relative;width:max-content;padding:1em 0.7em 0.2em 0.8em;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-picker-h>smoothly-slot-elements.sc-smoothly-picker{white-space:nowrap}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker{position:relative;display:flex;align-items:center;gap:1rem;width:100%;overflow:hidden;text-overflow:ellipsis;margin-right:2px}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker::after{content:\"\";position:absolute;top:0;bottom:0;right:0;width:2ch}.sc-smoothly-picker-h:not([looks=transparent])>smoothly-slot-elements.selected.sc-smoothly-picker::after{background:linear-gradient(90deg, rgba(var(--smoothly-input-background), 0) 0%, rgba(var(--smoothly-input-background), 1) 100%)}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker>*.sc-smoothly-picker{display:none}.sc-smoothly-picker-h>span.label.sc-smoothly-picker{position:absolute;left:0.4rem;top:0.6rem;color:rgb(var(--smoothly-input-foreground));opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker:not(:empty)+span.label.sc-smoothly-picker{top:0.4em;transform:scale(0.6)}";
11646
+ const styleCss$w = ".sc-smoothly-picker-h{box-sizing:border-box}[readonly].sc-smoothly-picker-h{color:rgba(var(--smoothly-input-foreground), 0.7);fill:rgba(var(--smoothly-input-foreground), 0.7);stroke:rgba(var(--smoothly-input-foreground), 0.7)}.sc-smoothly-picker-h[looks=\"border\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"border\"].sc-smoothly-picker-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"][readonly].sc-smoothly-picker-h{border:transparent solid 1px}.sc-smoothly-picker-h[looks=\"line\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"line\"].sc-smoothly-picker-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"line\"][readonly].sc-smoothly-picker-h{border-bottom:transparent solid 1px}.sc-smoothly-picker-h[looks=\"grid\"].sc-smoothly-picker-s>smoothly-picker-menu smoothly-input,[looks=\"grid\"].sc-smoothly-picker-h{border:rgb(var(--smoothly-input-border)) solid .5px}[looks=\"grid\"][readonly].sc-smoothly-picker-h{border:transparent solid .5px}[looks=\"transparent\"].sc-smoothly-picker-h{border:none}[looks=\"transparent\"].sc-smoothly-picker-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"].sc-smoothly-picker-h:not(:focus-within)>input.sc-smoothly-picker{background:transparent}[looks=\"transparent\"].sc-smoothly-picker-h:focus-within{outline:1px solid rgb(var(--smoothly-input-border))}.sc-smoothly-picker-h{display:flex;position:relative;width:max-content;padding:1em 0.7em 0.2em 0.8em;background-color:rgb(var(--smoothly-input-background))}.sc-smoothly-picker-h>smoothly-slot-elements.sc-smoothly-picker{white-space:nowrap}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker{position:relative;display:flex;align-items:center;gap:1rem;width:100%;overflow:hidden;text-overflow:ellipsis;margin-right:2px}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker::after{content:\"\";position:absolute;top:0;bottom:0;right:0;width:2ch}.sc-smoothly-picker-h:not([looks=transparent])>smoothly-slot-elements.selected.sc-smoothly-picker::after{background:linear-gradient(90deg, rgba(var(--smoothly-input-background), 0) 0%, rgba(var(--smoothly-input-background), 1) 100%)}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker>*.sc-smoothly-picker{display:none}.sc-smoothly-picker-h>span.label.sc-smoothly-picker{position:absolute;left:0.4rem;top:0.6rem;color:rgb(var(--smoothly-input-foreground));opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-picker-h>smoothly-slot-elements.selected.sc-smoothly-picker:not(:empty)+span.label.sc-smoothly-picker{top:0.4em;transform:scale(0.6)}";
11646
11647
  const SmoothlyPickerStyle0 = styleCss$w;
11647
11648
 
11648
11649
  const SmoothlyPicker = class {