smoothly 1.103.0 → 1.104.0

package/dist/components/smoothly-form-demo-controlled.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoControlled$1, d as defineCustomElement$1 } from './p-08c44bae.js';
+import { S as SmoothlyFormDemoControlled$1, d as defineCustomElement$1 } from './p-555fc66e.js';
 
 const SmoothlyFormDemoControlled = SmoothlyFormDemoControlled$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-login.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoLogin$1, d as defineCustomElement$1 } from './p-e72aaf1f.js';
+import { S as SmoothlyFormDemoLogin$1, d as defineCustomElement$1 } from './p-1a006926.js';
 
 const SmoothlyFormDemoLogin = SmoothlyFormDemoLogin$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-pet.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoPet$1, d as defineCustomElement$1 } from './p-760a7e6a.js';
+import { S as SmoothlyFormDemoPet$1, d as defineCustomElement$1 } from './p-c65c7493.js';
 
 const SmoothlyFormDemoPet = SmoothlyFormDemoPet$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-prices.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoPrices$1, d as defineCustomElement$1 } from './p-4faf0679.js';
+import { S as SmoothlyFormDemoPrices$1, d as defineCustomElement$1 } from './p-0f6f0385.js';
 
 const SmoothlyFormDemoPrices = SmoothlyFormDemoPrices$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-schedule.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoPrices, d as defineCustomElement$1 } from './p-684de2fd.js';
+import { S as SmoothlyFormDemoPrices, d as defineCustomElement$1 } from './p-d5f78e0f.js';
 
 const SmoothlyFormDemoSchedule = SmoothlyFormDemoPrices;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-transparent.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoTransparent$1, d as defineCustomElement$1 } from './p-fd1366e6.js';
+import { S as SmoothlyFormDemoTransparent$1, d as defineCustomElement$1 } from './p-830b192c.js';
 
 const SmoothlyFormDemoTransparent = SmoothlyFormDemoTransparent$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo-typed.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoTyped$1, d as defineCustomElement$1 } from './p-3d846c0d.js';
+import { S as SmoothlyFormDemoTyped$1, d as defineCustomElement$1 } from './p-f5400818.js';
 
 const SmoothlyFormDemoTyped = SmoothlyFormDemoTyped$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemo$1, d as defineCustomElement$1 } from './p-83676034.js';
+import { S as SmoothlyFormDemo$1, d as defineCustomElement$1 } from './p-81dec243.js';
 
 const SmoothlyFormDemo = SmoothlyFormDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-icon-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyIconDemo$1, d as defineCustomElement$1 } from './p-aee7c7ad.js';
+import { S as SmoothlyIconDemo$1, d as defineCustomElement$1 } from './p-1b2cdb40.js';
 
 const SmoothlyIconDemo = SmoothlyIconDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-checkbox-demo.js

@@ -11,10 +11,10 @@ import { d as defineCustomElement$n } from './p-ccbdacc9.js';
 import { d as defineCustomElement$m } from './p-3aed2b34.js';
 import { d as defineCustomElement$l } from './p-c9caeeb4.js';
 import { d as defineCustomElement$k } from './p-604f869e.js';
-import { d as defineCustomElement$j } from './p-75916f5e.js';
+import { d as defineCustomElement$j } from './p-6337ab02.js';
 import { d as defineCustomElement$i } from './p-9ad494c1.js';
 import { d as defineCustomElement$h } from './p-fd230d2b.js';
-import { d as defineCustomElement$g } from './p-f0fc48a4.js';
+import { d as defineCustomElement$g } from './p-766ab435.js';
 import { d as defineCustomElement$f } from './p-4da1c188.js';
 import { d as defineCustomElement$e } from './p-ad918487.js';
 import { d as defineCustomElement$d } from './p-795bda50.js';
@@ -22,7 +22,7 @@ import { d as defineCustomElement$c } from './p-018f3b07.js';
 import { d as defineCustomElement$b } from './p-b34956f3.js';
 import { d as defineCustomElement$a } from './p-ce52b5f8.js';
 import { d as defineCustomElement$9 } from './p-c4674baf.js';
-import { d as defineCustomElement$8 } from './p-cb02f661.js';
+import { d as defineCustomElement$8 } from './p-82c97ae6.js';
 import { d as defineCustomElement$7 } from './p-4ee29da5.js';
 import { d as defineCustomElement$6 } from './p-efb6497e.js';
 import { d as defineCustomElement$5 } from './p-a76a4d76.js';

package/dist/components/smoothly-input-color-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputColorDemo$1, d as defineCustomElement$1 } from './p-eada567a.js';
+import { S as SmoothlyInputColorDemo$1, d as defineCustomElement$1 } from './p-56100bc5.js';
 
 const SmoothlyInputColorDemo = SmoothlyInputColorDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-color.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputColor$1, d as defineCustomElement$1 } from './p-f0fc48a4.js';
+import { S as SmoothlyInputColor$1, d as defineCustomElement$1 } from './p-766ab435.js';
 
 const SmoothlyInputColor = SmoothlyInputColor$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-date-time.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputDateTime$1, d as defineCustomElement$1 } from './p-8f9e26ce.js';
+import { S as SmoothlyInputDateTime$1, d as defineCustomElement$1 } from './p-73a6bddc.js';
 
 const SmoothlyInputDateTime = SmoothlyInputDateTime$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-demo-standard.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputDemoStandard$1, d as defineCustomElement$1 } from './p-61a80c6e.js';
+import { S as SmoothlyInputDemoStandard$1, d as defineCustomElement$1 } from './p-831cc89a.js';
 
 const SmoothlyInputDemoStandard = SmoothlyInputDemoStandard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-demo-user-input.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputDemoUserInput$1, d as defineCustomElement$1 } from './p-ed3f781f.js';
+import { S as SmoothlyInputDemoUserInput$1, d as defineCustomElement$1 } from './p-31af74d1.js';
 
 const SmoothlyInputDemoUserInput = SmoothlyInputDemoUserInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputDemo$1, d as defineCustomElement$1 } from './p-bd4239d1.js';
+import { S as SmoothlyInputDemo$1, d as defineCustomElement$1 } from './p-23411737.js';
 
 const SmoothlyInputDemo = SmoothlyInputDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-price-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputPriceDemo$1, d as defineCustomElement$1 } from './p-36137940.js';
+import { S as SmoothlyInputPriceDemo$1, d as defineCustomElement$1 } from './p-5d5bf179.js';
 
 const SmoothlyInputPriceDemo = SmoothlyInputPriceDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-range-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputRangeDemo$1, d as defineCustomElement$1 } from './p-9aeab5df.js';
+import { S as SmoothlyInputRangeDemo$1, d as defineCustomElement$1 } from './p-6386d760.js';
 
 const SmoothlyInputRangeDemo = SmoothlyInputRangeDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-range.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputRange$1, d as defineCustomElement$1 } from './p-cb02f661.js';
+import { S as SmoothlyInputRange$1, d as defineCustomElement$1 } from './p-82c97ae6.js';
 
 const SmoothlyInputRange = SmoothlyInputRange$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInput$1, d as defineCustomElement$1 } from './p-75916f5e.js';
+import { S as SmoothlyInput$1, d as defineCustomElement$1 } from './p-6337ab02.js';
 
 const SmoothlyInput = SmoothlyInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-table-demo-filtered.js

@@ -1,4 +1,4 @@
-import { T as TableDemoFiltered, d as defineCustomElement$1 } from './p-4e8a6a86.js';
+import { T as TableDemoFiltered, d as defineCustomElement$1 } from './p-8435133a.js';
 
 const SmoothlyTableDemoFiltered = TableDemoFiltered;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-table-demo.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyTableDemo$1, d as defineCustomElement$1 } from './p-08a3d487.js';
+import { S as SmoothlyTableDemo$1, d as defineCustomElement$1 } from './p-ced1fd1c.js';
 
 const SmoothlyTableDemo = SmoothlyTableDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/esm/smoothly-app_104.entry.js

@@ -9471,7 +9471,7 @@ var Key;
     Key.create = create;
 })(Key || (Key = {}));
 
-const styleCss$X = ".sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-h,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.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))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}";
+const styleCss$X = ".sc-smoothly-input-h{--input-padding-side:.5rem;--input-value-padding-top:1.25rem;--input-value-padding-bottom:.25rem;--input-min-height:3rem;min-height:var(--input-min-height);box-sizing:border-box;border-radius:var(--smoothly-input-border-radius)}[looks=\"border\"].sc-smoothly-input-h{border:rgb(var(--smoothly-input-border)) solid 1px}[looks=\"border\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{outline:2px solid rgb(var(--smoothly-input-border-focus))}[looks=\"border\"][readonly].sc-smoothly-input-h{border:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-h{border-bottom:rgb(var(--smoothly-input-border)) solid 1px;position:relative}[looks=\"line\"][readonly].sc-smoothly-input-h{border-bottom:transparent solid 1px}[looks=\"line\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within::before{content:\"\";position:absolute;inset:0;pointer-events:none;border-bottom:2px solid rgb(var(--smoothly-input-border-focus));z-index:10}[looks=\"grid\"].sc-smoothly-input-h{flex-grow:1;flex-basis:40%;box-shadow:0px 0px 0px 1px rgb(var(--smoothly-input-border));border:none}[looks=\"grid\"][readonly].sc-smoothly-input-h{box-shadow:0px 0px 0px 1px rgba(var(--smoothly-input-border-readonly))}[looks=\"grid\"].sc-smoothly-input-h:not([readonly]):not([disabled]):focus-within{position:relative;box-shadow:0px 0px 0px 2px rgb(var(--smoothly-input-border-focus));outline:none;z-index:10}[looks=\"transparent\"].sc-smoothly-input-h{border:none}[looks=\"transparent\"][readonly].sc-smoothly-input-h,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within){background-color:transparent}[looks=\"transparent\"][readonly].sc-smoothly-input-h>input.sc-smoothly-input,[looks=\"transparent\"].sc-smoothly-input-h:not(:focus-within)>input.sc-smoothly-input{background-color:transparent}[looks=\"transparent\"].sc-smoothly-input-h:not([readonly]):focus-within{outline:1px solid rgb(var(--smoothly-input-border))}[disabled].sc-smoothly-input-h{cursor:not-allowed;--smoothly-input-foreground:var(--smoothly-input-disabled-foreground);--smoothly-input-background:var(--smoothly-input-disabled-background);--smoothly-input-border:var(--smoothly-input-disabled-border)}.sc-smoothly-input-h.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h .label.sc-smoothly-input{position:absolute;top:.6rem;opacity:0.8;user-select:none;cursor:inherit;transform-origin:top left;transition:transform 100ms ease}.sc-smoothly-input-h.floating-label.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.floating-label .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value.sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h.has-value .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[placeholder] .sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly].sc-smoothly-input-s>[slot=label],.sc-smoothly-input-h[readonly] .sc-smoothly-input-s>[slot=label],.floating-label.sc-smoothly-input-h .label.sc-smoothly-input,.has-value.sc-smoothly-input-h .label.sc-smoothly-input,.has-text.sc-smoothly-input-h .label.sc-smoothly-input,[placeholder].sc-smoothly-input-h .label.sc-smoothly-input,[readonly].sc-smoothly-input-h .label.sc-smoothly-input,.sc-smoothly-input-h:not([readonly]):focus-within .label.float-on-focus.sc-smoothly-input{top:.2rem;transform:scale(0.8)}.sc-smoothly-input-h:not([show-label]):not(.show-label) .label.sc-smoothly-input{display:none}.sc-smoothly-input-h smoothly-icon.smoothly-invalid.sc-smoothly-input{fill:rgb(var(--smoothly-input-invalid-icon, var(--smoothly-danger-color)))}.sc-smoothly-input-h{display:flex;align-items:center;justify-content:center;font-weight:var(--smoothly-font-weight);background-color:rgb(var(--smoothly-input-background));color:rgb(var(--smoothly-input-foreground))}[hidden].sc-smoothly-input-h{display:none}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input{position:relative;flex-grow:1;height:100%}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>label.sc-smoothly-input{left:var(--input-padding-side)}.sc-smoothly-input-h:not([show-label])>div.sc-smoothly-input>input.sc-smoothly-input{padding:0 var(--input-padding-side)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{position:absolute;box-sizing:border-box;align-content:center;height:100%;padding-inline:var(--input-padding-side)}[show-label].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input{padding-block:var(--input-value-padding-top) var(--input-value-padding-bottom)}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.value.sc-smoothly-input{display:inline;pointer-events:none;opacity:0}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>div.guide.sc-smoothly-input>div.remainder.sc-smoothly-input{display:inline;pointer-events:none;opacity:0.5}.sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{padding:var(--input-value-padding-top) \n\t\tvar(--input-padding-side) \n\t\tvar(--input-value-padding-bottom) \n\t\tvar(--input-padding-side);box-sizing:border-box;width:100%;height:100%;border:0;z-index:1;position:relative;font-size:1rem;font-family:var(--smoothly-font-family)}[disabled].sc-smoothly-input-h>.smoothly-input-container.sc-smoothly-input>input.sc-smoothly-input{cursor:not-allowed}.sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:none;z-index:2;padding:0.5rem}[invalid].sc-smoothly-input-h>.smoothly-invalid.sc-smoothly-input{display:flex}.sc-smoothly-input-h>div.sc-smoothly-input>label.sc-smoothly-input{z-index:1;pointer-events:none}.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))}.sc-smoothly-input-h>span.copyable.sc-smoothly-input{position:relative}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>smoothly-icon.sc-smoothly-input{cursor:pointer;display:flex;align-items:center;padding:0.5rem}.sc-smoothly-input-h>span.copyable.sc-smoothly-input:hover small.sc-smoothly-input,.sc-smoothly-input-h>span.copyable.sc-smoothly-input:focus small.sc-smoothly-input{display:block}.sc-smoothly-input-h>span.copyable.sc-smoothly-input>small.sc-smoothly-input{display:none;width:max-content;border-radius:0.25rem;padding:0.2rem 0.3rem;position:absolute;right:-0.5rem;top:-2rem;background-color:rgb(var(--smoothly-default-contrast));color:rgb(var(--smoothly-default-tint))}";
 const SmoothlyInputStyle0 = styleCss$X;
 
 const SmoothlyInput = class {