smoothly 1.2.1-alpha.48 → 1.2.1-alpha.49

package/dist/components/smoothly-app-demo.js.map

@@ -1 +1 @@
-{"file":"smoothly-app-demo.js","mappings":"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","names":["SmoothlyAppDemo"],"sources":["src/components/app/demo/index.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-app-demo\",\n})\nexport class SmoothlyAppDemo {\n\t@Prop() baseUrl: string\n\tapp?: HTMLSmoothlyAppElement\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-app color=\"dark\" label=\"Smoothly Demo\" home=\"/root\" ref={e => (this.app = e)}>\n\t\t\t\t<smoothly-trigger slot=\"nav-start\" type=\"link\" name=\"logout\">\n\t\t\t\t\t<smoothly-icon toolTip={\"Log out\"} name=\"log-out\" size=\"medium\"></smoothly-icon>\n\t\t\t\t</smoothly-trigger>\n\t\t\t\t<smoothly-app-room path=\"/root\" label=\"root\">\n\t\t\t\t\t<smoothly-theme-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/links\" label=\"Links\">\n\t\t\t\t\t<smoothly-input type=\"text\">Default</smoothly-input>\n\t\t\t\t\t<div style={{ padding: \"1em\", maxWidth: \"12em\" }}>\n\t\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"danger\" link=\"https://google.com\">\n\t\t\t\t\t\t\topen\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\tfill=\"solid\"\n\t\t\t\t\t\t\tcolor=\"danger\"\n\t\t\t\t\t\t\tlink=\"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf\"\n\t\t\t\t\t\t\ttype=\"download\">\n\t\t\t\t\t\t\tdownload\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button disabled fill=\"solid\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"link\" fill=\"clear\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/form\" label=\"Form\">\n\t\t\t\t\t<smoothly-form-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/input\" label=\"Input\">\n\t\t\t\t\t<smoothly-input-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/button\" label=\"Button\">\n\t\t\t\t\t<smoothly-button-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/dialog\" label=\"Dialog\">\n\t\t\t\t\t<smoothly-dialog-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/display\" label=\"Display\" icon=\"eye-outline\">\n\t\t\t\t\t<smoothly-display-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/table\" label=\"Table\">\n\t\t\t\t\t<smoothly-table-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/next\" label=\"Next\">\n\t\t\t\t\t<smoothly-next-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/tabs\" label=\"Tabs\" slot=\"nav-end\">\n\t\t\t\t\t<smoothly-tabs-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room\n\t\t\t\t\tpath=\"/icon\"\n\t\t\t\t\tlabel=\"Icon\"\n\t\t\t\t\tcontent={<smoothly-icon-demo />}\n\t\t\t\t\tslot=\"nav-end\"></smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/redirect\" label=\"Redirect\" slot=\"nav-end\">\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"/input\">\n\t\t\t\t\t\tTo input\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"../button\">\n\t\t\t\t\t\tTo button\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link={new URL(\"/hidden\", window.location.origin).href}>\n\t\t\t\t\t\tTo hidden\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"/redirect\">\n\t\t\t\t\t\tTo redirect\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"nested\">\n\t\t\t\t\t\tTo redirect nested, relative path\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/hidden\">\n\t\t\t\t\t<p>hello world!</p>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/redirect/nested\">this is a nested room</smoothly-app-room>\n\t\t\t</smoothly-app>\n\t\t)\n\t}\n}\n"],"version":3}
+{"file":"smoothly-app-demo.js","mappings":"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","names":["SmoothlyAppDemo"],"sources":["src/components/app/demo/index.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-app-demo\",\n})\nexport class SmoothlyAppDemo {\n\t@Prop() baseUrl: string\n\tapp?: HTMLSmoothlyAppElement\n\trender() {\n\t\treturn (\n\t\t\t<smoothly-app color=\"dark\" label=\"Smoothly Demo\" home=\"/root\" ref={e => (this.app = e)}>\n\t\t\t\t<smoothly-trigger slot=\"nav-start\" type=\"link\" name=\"logout\">\n\t\t\t\t\t<smoothly-icon toolTip={\"Log out\"} name=\"log-out\" size=\"medium\"></smoothly-icon>\n\t\t\t\t</smoothly-trigger>\n\t\t\t\t<smoothly-app-room path=\"/root\" label=\"root\">\n\t\t\t\t\t<smoothly-theme-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/links\" label=\"Links\">\n\t\t\t\t\t<smoothly-input type=\"text\">Default</smoothly-input>\n\t\t\t\t\t<div style={{ padding: \"1em\", maxWidth: \"12em\" }}>\n\t\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"danger\" link=\"https://google.com\">\n\t\t\t\t\t\t\topen\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button\n\t\t\t\t\t\t\tfill=\"solid\"\n\t\t\t\t\t\t\tcolor=\"danger\"\n\t\t\t\t\t\t\tlink=\"https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf\"\n\t\t\t\t\t\t\ttype=\"download\">\n\t\t\t\t\t\t\tdownload\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button fill=\"solid\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button disabled fill=\"solid\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t\t<smoothly-button type=\"link\" fill=\"clear\" color=\"danger\" onClick={() => alert(\"clicked\")}>\n\t\t\t\t\t\t\taction link\n\t\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t</div>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/form\" label=\"Form\">\n\t\t\t\t\t<smoothly-form-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/input\" label=\"Input\">\n\t\t\t\t\t<smoothly-input-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/button\" label=\"Button\">\n\t\t\t\t\t<smoothly-button-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/dialog\" label=\"Dialog\">\n\t\t\t\t\t<smoothly-dialog-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/display\" label=\"Display\" icon=\"eye-outline\">\n\t\t\t\t\t<smoothly-display-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/table\" label=\"Table\">\n\t\t\t\t\t<smoothly-table-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/next\" label=\"Next\">\n\t\t\t\t\t<smoothly-next-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/tabs\" label=\"Tabs\" slot=\"nav-end\">\n\t\t\t\t\t<smoothly-tabs-demo />\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room\n\t\t\t\t\tpath=\"/icon\"\n\t\t\t\t\tlabel=\"Icon\"\n\t\t\t\t\tcontent={<smoothly-icon-demo />}\n\t\t\t\t\tslot=\"nav-end\"></smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/redirect\" label=\"Redirect\" slot=\"nav-end\">\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"/input\">\n\t\t\t\t\t\tTo input\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"../button\">\n\t\t\t\t\t\tTo button\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link={new URL(\"/hidden\", window.location.origin).href}>\n\t\t\t\t\t\tTo hidden\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"/redirect\">\n\t\t\t\t\t\tTo redirect\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t\t<smoothly-button type=\"link\" link=\"nested\">\n\t\t\t\t\t\tTo redirect nested, relative path\n\t\t\t\t\t</smoothly-button>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/hidden\">\n\t\t\t\t\t<p>hello world!</p>\n\t\t\t\t</smoothly-app-room>\n\t\t\t\t<smoothly-app-room path=\"/redirect/nested\">this is a nested room</smoothly-app-room>\n\t\t\t</smoothly-app>\n\t\t)\n\t}\n}\n"],"version":3}

package/dist/components/smoothly-app-room.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyAppRoom$1, d as defineCustomElement$1 } from './p-66efcdc0.js';
+import { S as SmoothlyAppRoom$1, d as defineCustomElement$1 } from './p-5ef8d096.js';
 
 const SmoothlyAppRoom = SmoothlyAppRoom$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-app.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyApp$1, d as defineCustomElement$1 } from './p-588bab5b.js';
+import { S as SmoothlyApp$1, d as defineCustomElement$1 } from './p-591e0e42.js';
 
 const SmoothlyApp = SmoothlyApp$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-back-to-top.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyBackToTop$1, d as defineCustomElement$1 } from './p-bbb43abd.js';
+import { S as SmoothlyBackToTop$1, d as defineCustomElement$1 } from './p-c090ac4b.js';
 
 const SmoothlyBackToTop = SmoothlyBackToTop$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-burger.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyBurger$1, d as defineCustomElement$1 } from './p-725308f2.js';
+import { S as SmoothlyBurger$1, d as defineCustomElement$1 } from './p-f9cb46a5.js';
 
 const SmoothlyBurger = SmoothlyBurger$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-button-confirm.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyButtonConfirm$1, d as defineCustomElement$1 } from './p-edc7e53a.js';
+import { S as SmoothlyButtonConfirm$1, d as defineCustomElement$1 } from './p-8e13449b.js';
 
 const SmoothlyButtonConfirm = SmoothlyButtonConfirm$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyButtonDemo$1, d as defineCustomElement$1 } from './p-23e216a7.js';
+import { S as SmoothlyButtonDemo$1, d as defineCustomElement$1 } from './p-dcb5daf0.js';
 
 const SmoothlyButtonDemo = SmoothlyButtonDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-calendar.js

@@ -1,4 +1,4 @@
-import { C as Calendar, d as defineCustomElement$1 } from './p-666206c5.js';
+import { C as Calendar, d as defineCustomElement$1 } from './p-5d648150.js';
 
 const SmoothlyCalendar = Calendar;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-checkbox.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f765921a.js';
 import { L as Language, g as getLanguage } from './p-cb504992.js';
-import { d as defineCustomElement$2 } from './p-4922697f.js';
+import { d as defineCustomElement$2 } from './p-8e748704.js';
 
 function create$1(translations, language) {
     let result;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyDialogDemo$1, d as defineCustomElement$1 } from './p-792cf362.js';
+import { S as SmoothlyDialogDemo$1, d as defineCustomElement$1 } from './p-29a260dd.js';
 
 const SmoothlyDialogDemo = SmoothlyDialogDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-dialog.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyDialog$1, d as defineCustomElement$1 } from './p-9b18f789.js';
+import { S as SmoothlyDialog$1, d as defineCustomElement$1 } from './p-e98f0d21.js';
 
 const SmoothlyDialog = SmoothlyDialog$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyDisplayDemo$1, d as defineCustomElement$1 } from './p-9d2628e7.js';
+import { S as SmoothlyDisplayDemo$1, d as defineCustomElement$1 } from './p-4aad1b00.js';
 
 const SmoothlyDisplayDemo = SmoothlyDisplayDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-filter-field.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFilterField$1, d as defineCustomElement$1 } from './p-2a79dcdb.js';
+import { S as SmoothlyFilterField$1, d as defineCustomElement$1 } from './p-97e2d2d1.js';
 
 const SmoothlyFilterField = SmoothlyFilterField$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyFilterInput$1, d as defineCustomElement$1 } from './p-d13712dc.js';
+import { S as SmoothlyFilterInput$1, d as defineCustomElement$1 } from './p-6b8fa870.js';
 
 const SmoothlyFilterInput = SmoothlyFilterInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-filter-select.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFilterSelect$1, d as defineCustomElement$1 } from './p-4625dac5.js';
+import { S as SmoothlyFilterSelect$1, d as defineCustomElement$1 } from './p-b789d768.js';
 
 const SmoothlyFilterSelect = SmoothlyFilterSelect$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-filter-toggle.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFilterToggle$1, d as defineCustomElement$1 } from './p-ae5eb701.js';
+import { S as SmoothlyFilterToggle$1, d as defineCustomElement$1 } from './p-bf57d733.js';
 
 const SmoothlyFilterToggle = SmoothlyFilterToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-filter.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyFilter$1, d as defineCustomElement$1 } from './p-2eaee3c4.js';
+import { S as SmoothlyFilter$1, d as defineCustomElement$1 } from './p-2737c300.js';
 
 const SmoothlyFilter = SmoothlyFilter$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoAll$1, d as defineCustomElement$1 } from './p-d0678b5e.js';
+import { S as SmoothlyFormDemoAll$1, d as defineCustomElement$1 } from './p-47840b52.js';
 
 const SmoothlyFormDemoAll = SmoothlyFormDemoAll$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoCard$1, d as defineCustomElement$1 } from './p-19671644.js';
+import { S as SmoothlyFormDemoCard$1, d as defineCustomElement$1 } from './p-4f53a0e1.js';
 
 const SmoothlyFormDemoCard = SmoothlyFormDemoCard$1;
 const defineCustomElement = defineCustomElement$1;

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

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

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoDateRange$1, d as defineCustomElement$1 } from './p-4fcc1ffa.js';
+import { S as SmoothlyFormDemoDateRange$1, d as defineCustomElement$1 } from './p-017323e3.js';
 
 const SmoothlyFormDemoDateRange = SmoothlyFormDemoDateRange$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyFormDemoDate$1, d as defineCustomElement$1 } from './p-f4b2ed5f.js';
+import { S as SmoothlyFormDemoDate$1, d as defineCustomElement$1 } from './p-1d427e55.js';
 
 const SmoothlyFormDemoDate = SmoothlyFormDemoDate$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-70ab7b2a.js';
+import { S as SmoothlyFormDemoLogin$1, d as defineCustomElement$1 } from './p-5926af96.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-1cebb9b6.js';
+import { S as SmoothlyFormDemoPet$1, d as defineCustomElement$1 } from './p-93ece2c4.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-b75701e7.js';
+import { S as SmoothlyFormDemoPrices$1, d as defineCustomElement$1 } from './p-e93c2ce9.js';
 
 const SmoothlyFormDemoPrices = SmoothlyFormDemoPrices$1;
 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-1b7eaa3c.js';
+import { S as SmoothlyFormDemoTransparent$1, d as defineCustomElement$1 } from './p-e94f2ce5.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-9741bfb4.js';
+import { S as SmoothlyFormDemoTyped$1, d as defineCustomElement$1 } from './p-d03c5e1c.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-0b3c3d54.js';
+import { S as SmoothlyFormDemo$1, d as defineCustomElement$1 } from './p-2ed3a16d.js';
 
 const SmoothlyFormDemo = SmoothlyFormDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-form.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyForm$1, d as defineCustomElement$1 } from './p-08d0d254.js';
+import { S as SmoothlyForm$1, d as defineCustomElement$1 } from './p-de7367c4.js';
 
 const SmoothlyForm = SmoothlyForm$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-00307e9c.js';
+import { S as SmoothlyIconDemo$1, d as defineCustomElement$1 } from './p-f92cf8e8.js';
 
 const SmoothlyIconDemo = SmoothlyIconDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-icon.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyIcon$1, d as defineCustomElement$1 } from './p-4922697f.js';
+import { S as SmoothlyIcon$1, d as defineCustomElement$1 } from './p-8e748704.js';
 
 const SmoothlyIcon = SmoothlyIcon$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,33 +1,33 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-f765921a.js';
 import { D as Date } from './p-390767c7.js';
 import { d as defineCustomElement$t } from './p-7d0eafb0.js';
-import { d as defineCustomElement$s } from './p-edc7e53a.js';
-import { d as defineCustomElement$r } from './p-666206c5.js';
+import { d as defineCustomElement$s } from './p-8e13449b.js';
+import { d as defineCustomElement$r } from './p-5d648150.js';
 import { d as defineCustomElement$q } from './p-4f80c811.js';
 import { d as defineCustomElement$p } from './p-f770567b.js';
 import { d as defineCustomElement$o } from './p-96acfe2c.js';
 import { d as defineCustomElement$n } from './p-f46dd8e4.js';
 import { d as defineCustomElement$m } from './p-4c6fe645.js';
-import { d as defineCustomElement$l } from './p-08d0d254.js';
-import { d as defineCustomElement$k } from './p-4922697f.js';
-import { d as defineCustomElement$j } from './p-2b19c666.js';
-import { d as defineCustomElement$i } from './p-ddf9d2aa.js';
-import { d as defineCustomElement$h } from './p-75de9c9a.js';
-import { d as defineCustomElement$g } from './p-cd448401.js';
-import { d as defineCustomElement$f } from './p-c446b8ad.js';
-import { d as defineCustomElement$e } from './p-22f4742d.js';
-import { d as defineCustomElement$d } from './p-7a45faec.js';
-import { d as defineCustomElement$c } from './p-515ab07d.js';
-import { d as defineCustomElement$b } from './p-046dcaa0.js';
-import { d as defineCustomElement$a } from './p-b3a66468.js';
-import { d as defineCustomElement$9 } from './p-78fd29c9.js';
-import { d as defineCustomElement$8 } from './p-9d011d36.js';
-import { d as defineCustomElement$7 } from './p-cc2c334d.js';
-import { d as defineCustomElement$6 } from './p-db26eba4.js';
-import { d as defineCustomElement$5 } from './p-02796429.js';
-import { d as defineCustomElement$4 } from './p-edcdcc51.js';
-import { d as defineCustomElement$3 } from './p-c77944e7.js';
-import { d as defineCustomElement$2 } from './p-dd5d9674.js';
+import { d as defineCustomElement$l } from './p-de7367c4.js';
+import { d as defineCustomElement$k } from './p-8e748704.js';
+import { d as defineCustomElement$j } from './p-1cd836ca.js';
+import { d as defineCustomElement$i } from './p-bad6a2f9.js';
+import { d as defineCustomElement$h } from './p-d8318156.js';
+import { d as defineCustomElement$g } from './p-575b902b.js';
+import { d as defineCustomElement$f } from './p-9caf65ff.js';
+import { d as defineCustomElement$e } from './p-4b05e229.js';
+import { d as defineCustomElement$d } from './p-172f7392.js';
+import { d as defineCustomElement$c } from './p-864278eb.js';
+import { d as defineCustomElement$b } from './p-751259e1.js';
+import { d as defineCustomElement$a } from './p-c0796b72.js';
+import { d as defineCustomElement$9 } from './p-b1e386db.js';
+import { d as defineCustomElement$8 } from './p-67b8cf78.js';
+import { d as defineCustomElement$7 } from './p-422f3359.js';
+import { d as defineCustomElement$6 } from './p-7c727d4f.js';
+import { d as defineCustomElement$5 } from './p-5ffba444.js';
+import { d as defineCustomElement$4 } from './p-38ce18a1.js';
+import { d as defineCustomElement$3 } from './p-62c1780b.js';
+import { d as defineCustomElement$2 } from './p-4f911ef7.js';
 
 const SmoothlyInputCheckboxDemo$1 = proxyCustomElement(class SmoothlyInputCheckboxDemo extends H {
     constructor() {
@@ -35,7 +35,7 @@ const SmoothlyInputCheckboxDemo$1 = proxyCustomElement(class SmoothlyInputCheckb
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'a6f376b95e198f8e4a10b9bb933c40d4c031b011' }, h("h2", { key: 'b3744c82937a71878155530e7a15c8b185f6e617' }, "All inputs"), h("smoothly-form", { key: '25deb2cc9256bad2ad18853bb5f372838cfe0a1d', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, h("smoothly-input", { key: '008a8813ced7189f41fb920bd1683ee5648018a1', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: 'b62469d3afdc886f4c727c16ff367e8ab133bd3a', name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: '7166466f1c170e9e5dfe7655798fe99cbf7dfbdf', size: "icon", slot: "end" })), h("smoothly-input", { key: 'd0d53c69e02b2420405a5da3d8d7bebaa673cde3', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: '100841b4979cd6915e4e36e1d3fc37eb50b75f08', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: 'd8cc8e56e26024dcc35ae48d812887be4b8b3af8', clearable: true, name: "radioFirstInput" }, h("p", { key: '37ee1b07f23f7e004985da92bef2e3d26cb816ea', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '20d1411240069e89ee5ccf8b330a8d058bcb965f', slot: "options", value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'da656e4feb53aa2831a9be30c8d75250d6514c98', selected: true, slot: "options", value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '23dea65e0f2f957d58c943777c97b3b2ffc120e5', slot: "options", value: "third" }, "Label 3")), h("smoothly-input-color", { key: '9359c38d48945a727167ded78a3805a2df83f89a', name: "color", value: "#479f56", output: "rgb" }, "Color"), h("smoothly-input-select", { key: '56687357823a0b53abc878049a4ce76b90d61497', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, h("label", { key: '1c106111b353bbb025097529db997c69010f6145', slot: "label" }, "Month"), h("smoothly-item", { key: '8569d0c0bdd5061cd6092ec9eb81a77e9e8bc1b1', value: "1" }, "January"), h("smoothly-item", { key: 'ab0f990709601d93274516c88dda16cf5c6b9c1c', value: "2" }, "February"), h("smoothly-item", { key: '1af7b2877392961baacf042d98a9e8e6a382338e', value: "3" }, "March"), h("smoothly-item", { key: 'fe3b4d3500f617afafc51f89f4d32892f6ce33fe', value: "4" }, "April"), h("smoothly-item", { key: '1944a5db20307fac3ebcdd1d0a32fcab157bfe50', value: "5" }, "May"), h("smoothly-item", { key: 'd949d04947e37bbdba9b36b2c8ba442a95dd431a', value: "6" }, "June"), h("smoothly-item", { key: '79a809f66889f27dc191b114fcb1e278baedf043', value: "7" }, "July"), h("smoothly-item", { key: '7477373025012d3539f184efec2ceabd52565c23', value: "8" }, "August"), h("smoothly-item", { key: '1803036533fcced262056902363f68846c1493f4', value: "9" }, "September"), h("smoothly-item", { key: '475d4e4bacfc63956180bc6b1dc9ae6d0d5b87fb', value: "10" }, "October"), h("smoothly-item", { key: 'f8890466af21d148b90aead11d1daa9a9fec5019', value: "11" }, "November"), h("smoothly-item", { key: 'da8f7e423de7059a525a125252c424fb75cd9a48', value: "12" }, "December"), h("smoothly-input-clear", { key: 'fa937815fb2c168b79ce36393ea0e48e0c29c4d0', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'd5a1bd69e592ba5065831fa8038f71b9c1478aa1', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: 'd2bd3fcb5f639f8e831b8bdfd35eaf12ea67a472', value: "folder", selected: true }, h("smoothly-icon", { key: '132f42bdc075baabbec8fab3f09e6e4c61b521cc', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'd2251cf2d45f2f675fffc8244dd8dc7d6cd252da', value: "camera" }, h("smoothly-icon", { key: '72e1ac99f39535b86645ccf14d559c12995eb8c4', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: '111fc6e078f24c088cffed107e3e51b95862909f', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: 'd8c05a00060289c70bd1f555fe22157413b7864c', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-date-range", { key: '11fbaaa3c1e8a80b1c959f664db6ab993428ce7b', start: Date.now(), end: Date.now() }), h("smoothly-input-date", { key: 'afe6ca0f5e3bc4cdedbc7b2e8e6bc0925c63b3d5', name: "date" }, "Date", h("smoothly-input-clear", { key: '9389dd63bd5188c18cc18d33b153e384e3b070cc', slot: "end" })), h("smoothly-input-range", { key: '1c0aaf3d37de892eaacbb648084d8ad2d6e2720d', step: 1, name: "range3", value: 20000 }, "Select"), h("smoothly-input", { key: 'd6b37d39e3b59a32a06f51fdb980c5832cefcc5e', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: '3a8935abc92e6c30b6ab618f8329a758bb1d9ae1', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), h("smoothly-input", { key: 'ec4a04854d1ec1eff8053255ae8785ce451acd70', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: 'aa4d94ad2ac104aeb8b5e77f944ea0a86cf624fe', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), h("smoothly-input", { key: '1ff6583d9011c58ba2bb9aa33754efdf84ad1759', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '2cd4750a0a06d5089403695c8047c19e77474ba3', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), h("smoothly-input-file", { key: 'e942f9e50f461ec91a13e4e82b3c74bd8afd1de1', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: '203f38abd284c44b70af481b3279b65abff495b3', slot: "label" }, "Profile"), h("smoothly-icon", { key: 'a3834d3cad37f9c15fa189d496cd9dec1a069b58', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input-clear", { key: '71f9e216baec6ab76a48201213ecc57e93d9b0f3', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: '1ace06c75ba81a89e133b2a2f30d67b9b1669464', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: '5536f9c2e7d05f90d1bdeac2fee7750b9099c5ed', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '886b8b6c023e025ec3de1cef7af4c28f26189be0', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: '6dd2fea9587776d370ce3edc5eee3345391c1280', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
+        return (h(Host, { key: 'a7363fb37747fa771200774b6eb291900cf18ba7' }, h("h2", { key: '9f94363e4d1d3f79c31ce7e24c493f7c19ed4a0e' }, "All inputs"), h("smoothly-form", { key: '2c9595b887a54795a93899dcef6d543e693fbcd3', looks: "grid", readonly: true, action: "https://api.toiletapi.com/6b12fd2f-e896-46f9-b38f-25cf42cee4b4" }, h("smoothly-input", { key: 'bd5c0f59c89e2b1384ca8eeb83be6576c5ac04a5', readonly: true, name: "First Name", value: "John" }, "First name"), h("smoothly-input", { key: '93fa95196b221f5ba42c49105436dde16ebe6a56', name: "Last name", value: "Doe" }, "Last name", h("smoothly-input-clear", { key: '47ed0d2a0f45c22f9506295140478d41d9a52316', size: "icon", slot: "end" })), h("smoothly-input", { key: '26b05cf4d705cc457d0cf068f21bb24d67f58a4a', type: "phone", name: "Phone", value: "777888999" }, "Phone", h("smoothly-input-reset", { key: '1ee178613933c5d8327c2a1d33762d77f3fb5746', size: "icon", slot: "end" })), h("smoothly-input-radio", { key: '92dc3112a329c01f82801084d728a406147eed11', clearable: true, name: "radioFirstInput" }, h("p", { key: '9e8bd9f4f47b61973745f731f9328f46d7667dd0', slot: "label" }, "Clearable"), h("smoothly-input-radio-item", { key: '15a7534b28f88c996daaadd61552b14178b6c81c', slot: "options", value: "first" }, "Label 1"), h("smoothly-input-radio-item", { key: 'e28d99c87efc661dd1e7c386d9a2ae617c7baf9e', selected: true, slot: "options", value: "second" }, "Label 2"), h("smoothly-input-radio-item", { key: '8f9012008d279f42d39863bb20f0c3e4e16a51e1', slot: "options", value: "third" }, "Label 3")), h("smoothly-input-color", { key: '01b10184e846da2e9ba1b2f889ebd37b72c96f64', name: "color", value: "#479f56", output: "rgb" }, "Color"), h("smoothly-input-select", { key: 'a13f81647f00fb6784e21195ea2ced3900552e54', menuHeight: "7.5items", placeholder: "Select...", multiple: true, name: "select-month" }, h("label", { key: 'c2de2c5c7411c5c342ab1ff9a2f415c6b49efb34', slot: "label" }, "Month"), h("smoothly-item", { key: '6b7d7acbd40b20d60d3847b0b040de2fc756dc44', value: "1" }, "January"), h("smoothly-item", { key: '99f631d7cccfb77923129b748ffc787d292ff3ed', value: "2" }, "February"), h("smoothly-item", { key: 'c329797250f8849f7026204fd4c2812386bb3c3d', value: "3" }, "March"), h("smoothly-item", { key: 'c9415752338eb4d9ea2803921ec7df77d4a20e6f', value: "4" }, "April"), h("smoothly-item", { key: '7a77c212f11a8bb6f7d39183fb8911cc460c3cb9', value: "5" }, "May"), h("smoothly-item", { key: '97f29f0080581a913303d2e16cb095c58f365b0b', value: "6" }, "June"), h("smoothly-item", { key: 'b289f94115d424f7868d110f078ba38631b3b031', value: "7" }, "July"), h("smoothly-item", { key: 'abd27addf10a357dd8e94933eaab563079927bc1', value: "8" }, "August"), h("smoothly-item", { key: '81f5e1d3f2f32316ecfa5c49f110f573f4dfd444', value: "9" }, "September"), h("smoothly-item", { key: '3bbd4df109d0b2db36ea2a486ac7f1e1bd61793f', value: "10" }, "October"), h("smoothly-item", { key: 'de72a03c9d508b852a880b01124a9ba8045b8c25', value: "11" }, "November"), h("smoothly-item", { key: 'f1871cf3bb02241969be77a21305f138cacba98b', value: "12" }, "December"), h("smoothly-input-clear", { key: '0fcec9fb51eaf1507a608f57ccace7da5b70833d', size: "icon", slot: "end" })), h("smoothly-input-select", { key: 'ae40715db85a87514874fa0088ffa6cbec2acef8', name: "select-icon", clearable: false, showSelected: false }, h("smoothly-item", { key: '00c7f8e739cfd069225b405ba08a8543e4b089aa', value: "folder", selected: true }, h("smoothly-icon", { key: '36e2092272d468603970198a2f71716699c772c4', size: "small", name: "folder-outline" })), h("smoothly-item", { key: 'ae6294dc791a9e9e8da364c1f4a4b87d671e39f0', value: "camera" }, h("smoothly-icon", { key: 'e4f96905b253779aa553cab21e193e32217ceaa2', size: "small", name: "camera-outline" }))), h("smoothly-input-checkbox", { key: '677d2d54b3fc66419b67427e92571219466eef83', name: "checkbox" }, "Check the box"), h("smoothly-input-checkbox", { key: 'ce6ef60439a2bcc4306037786665206489136c85', name: "checkbox2", checked: true }, "Check the box 2"), h("smoothly-input-date-range", { key: 'c88dd5dc37d0c1b3f602d9698891aade3e69a8f7', start: Date.now(), end: Date.now() }), h("smoothly-input-date", { key: '531324bc8ac48c07bd44918b392bb8305e088d46', name: "date" }, "Date", h("smoothly-input-clear", { key: '6dfd998669eeac5cff1fd6bc7d1c9bd7974b7d11', slot: "end" })), h("smoothly-input-range", { key: 'ae998ffffdd7486b4a96c35138b9ea6e4036a616', step: 1, name: "range3", value: 20000 }, "Select"), h("smoothly-input", { key: 'fa69821396705f7aec7f4d57beafa3cfccee222a', name: "pets.0.name" }, "First Pet's Name"), h("smoothly-input-range", { key: 'ac5e3389cfc3c83146b6fec374d0a8181c91c0ed', name: "pets.0.age", max: 100, step: 1 }, "First Pet's Age"), h("smoothly-input", { key: '899fdf7b6f9deb1a8962e2ed5455cd323f1b4a3d', name: "pets.1.name" }, "Second Pet's Name"), h("smoothly-input-range", { key: 'eb86cb64cf67953fe7abc8b377c1ee6283f70e37', name: "pets.1.age", max: 100, step: 1 }, "Second Pet's Age"), h("smoothly-input", { key: '3d07239a38fe2864136e154d9513752b5e6c438e', name: "pets.2.name" }, "Third Pet's Name"), h("smoothly-input-range", { key: '29f520da55d348db875bd9f76f594dad8313bd88', name: "pets.2.age", max: 100, step: 1 }, "Third Pet's Age"), h("smoothly-input-file", { key: '60cf922af34e42fd3e0583d4a052a73f13f164c2', name: "profile", placeholder: "Click or drag your profile picture here..." }, h("span", { key: '0be220c827b638a65f5b14fb66d96506f9ec135d', slot: "label" }, "Profile"), h("smoothly-icon", { key: '6b8d47dbcde36276aa899bfdba4fc415acd30557', slot: "button", name: "person-circle-outline", size: "tiny", fill: "default" })), h("smoothly-input-clear", { key: '629a6561f14ff411c8827c49309b931943fe1be5', fill: "default", type: "form", color: "warning", slot: "clear", size: "icon", shape: "rounded" }), h("smoothly-input-edit", { key: 'e2bee73ff3a9bda617bdd5c06e59e082f3041010', fill: "default", type: "form", color: "tertiary", slot: "edit", size: "icon", shape: "rounded" }), h("smoothly-input-reset", { key: '703223e667642b74d657b08b0ba2b9c85a475f78', fill: "default", type: "form", color: "warning", slot: "reset", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: 'b69cd40c4bdcef38e8a3a0706cf810fc5cffd681', delete: true, slot: "delete", color: "danger", size: "icon", shape: "rounded" }), h("smoothly-input-submit", { key: 'fbac32bd5f5ce7df4d1057197c1e432765533278', fill: "default", color: "success", slot: "submit", size: "icon", shape: "rounded" }))));
     }
 }, [2, "smoothly-input-checkbox-demo"]);
 function defineCustomElement$1() {

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputCheckbox$1, d as defineCustomElement$1 } from './p-ddf9d2aa.js';
+import { S as SmoothlyInputCheckbox$1, d as defineCustomElement$1 } from './p-bad6a2f9.js';
 
 const SmoothlyInputCheckbox = SmoothlyInputCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputClear$1, d as defineCustomElement$1 } from './p-75de9c9a.js';
+import { S as SmoothlyInputClear$1, d as defineCustomElement$1 } from './p-d8318156.js';
 
 const SmoothlyInputClear = SmoothlyInputClear$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputColorDemo$1, d as defineCustomElement$1 } from './p-ebbe611d.js';
+import { S as SmoothlyInputColorDemo$1, d as defineCustomElement$1 } from './p-4e8746f6.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-cd448401.js';
+import { S as SmoothlyInputColor$1, d as defineCustomElement$1 } from './p-575b902b.js';
 
 const SmoothlyInputColor = SmoothlyInputColor$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputDateRange$1, d as defineCustomElement$1 } from './p-22f4742d.js';
+import { S as SmoothlyInputDateRange$1, d as defineCustomElement$1 } from './p-4b05e229.js';
 
 const SmoothlyInputDateRange = SmoothlyInputDateRange$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputDate$1, d as defineCustomElement$1 } from './p-c446b8ad.js';
+import { S as SmoothlyInputDate$1, d as defineCustomElement$1 } from './p-9caf65ff.js';
 
 const SmoothlyInputDate = SmoothlyInputDate$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-2f737371.js';
+import { S as SmoothlyInputDemoStandard$1, d as defineCustomElement$1 } from './p-1390a195.js';
 
 const SmoothlyInputDemoStandard = SmoothlyInputDemoStandard$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-606ce249.js';
+import { S as SmoothlyInputDemo$1, d as defineCustomElement$1 } from './p-63ac6b31.js';
 
 const SmoothlyInputDemo = SmoothlyInputDemo$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputEdit$1, d as defineCustomElement$1 } from './p-7a45faec.js';
+import { S as SmoothlyInputEdit$1, d as defineCustomElement$1 } from './p-172f7392.js';
 
 const SmoothlyInputEdit = SmoothlyInputEdit$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputFile$1, d as defineCustomElement$1 } from './p-515ab07d.js';
+import { S as SmoothlyInputFile$1, d as defineCustomElement$1 } from './p-864278eb.js';
 
 const SmoothlyInputFile = SmoothlyInputFile$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputMonth$1, d as defineCustomElement$1 } from './p-046dcaa0.js';
+import { S as SmoothlyInputMonth$1, d as defineCustomElement$1 } from './p-751259e1.js';
 
 const SmoothlyInputMonth = SmoothlyInputMonth$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-03f8f866.js';
+import { S as SmoothlyInputPriceDemo$1, d as defineCustomElement$1 } from './p-ee41db2f.js';
 
 const SmoothlyInputPriceDemo = SmoothlyInputPriceDemo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-input-radio-item.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputRadioItem$1, d as defineCustomElement$1 } from './p-78fd29c9.js';
+import { S as SmoothlyInputRadioItem$1, d as defineCustomElement$1 } from './p-b1e386db.js';
 
 const SmoothlyInputRadioItem = SmoothlyInputRadioItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputRadio$1, d as defineCustomElement$1 } from './p-b3a66468.js';
+import { S as SmoothlyInputRadio$1, d as defineCustomElement$1 } from './p-c0796b72.js';
 
 const SmoothlyInputRadio = SmoothlyInputRadio$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-82080d82.js';
+import { S as SmoothlyInputRangeDemo$1, d as defineCustomElement$1 } from './p-e25d0a4a.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-9d011d36.js';
+import { S as SmoothlyInputRange$1, d as defineCustomElement$1 } from './p-67b8cf78.js';
 
 const SmoothlyInputRange = SmoothlyInputRange$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputReset$1, d as defineCustomElement$1 } from './p-cc2c334d.js';
+import { S as SmoothlyInputReset$1, d as defineCustomElement$1 } from './p-422f3359.js';
 
 const SmoothlyInputReset = SmoothlyInputReset$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputSelect$1, d as defineCustomElement$1 } from './p-db26eba4.js';
+import { S as SmoothlyInputSelect$1, d as defineCustomElement$1 } from './p-7c727d4f.js';
 
 const SmoothlyInputSelect = SmoothlyInputSelect$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { S as SmoothlyInputSubmit$1, d as defineCustomElement$1 } from './p-02796429.js';
+import { S as SmoothlyInputSubmit$1, d as defineCustomElement$1 } from './p-5ffba444.js';
 
 const SmoothlyInputSubmit = SmoothlyInputSubmit$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-2b19c666.js';
+import { S as SmoothlyInput$1, d as defineCustomElement$1 } from './p-1cd836ca.js';
 
 const SmoothlyInput = SmoothlyInput$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-item.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyItem$1, d as defineCustomElement$1 } from './p-edcdcc51.js';
+import { S as SmoothlyItem$1, d as defineCustomElement$1 } from './p-38ce18a1.js';
 
 const SmoothlyItem = SmoothlyItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-label.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyLabel$1, d as defineCustomElement$1 } from './p-4854855c.js';
+import { S as SmoothlyLabel$1, d as defineCustomElement$1 } from './p-952205c2.js';
 
 const SmoothlyLabel = SmoothlyLabel$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-lazy.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyLazy$1, d as defineCustomElement$1 } from './p-405b7f06.js';
+import { S as SmoothlyLazy$1, d as defineCustomElement$1 } from './p-38c3ff20.js';
 
 const SmoothlyLazy = SmoothlyLazy$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-load-more.js

@@ -1,4 +1,4 @@
-import { L as LoadMore, d as defineCustomElement$1 } from './p-ab4f6f94.js';
+import { L as LoadMore, d as defineCustomElement$1 } from './p-954dd422.js';
 
 const SmoothlyLoadMore = LoadMore;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-modal.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyModal$1, d as defineCustomElement$1 } from './p-78eccb34.js';
+import { S as SmoothlyModal$1, d as defineCustomElement$1 } from './p-5a89aff9.js';
 
 const SmoothlyModal = SmoothlyModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-next-demo-colspan.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyNextDemoColspan$1, d as defineCustomElement$1 } from './p-818a0ebe.js';
+import { S as SmoothlyNextDemoColspan$1, d as defineCustomElement$1 } from './p-00c5deff.js';
 
 const SmoothlyNextDemoColspan = SmoothlyNextDemoColspan$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/smoothly-next-demo-filler-row-demo.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SmoothlyNextDemoFillerRowDemo extends Components.SmoothlyNextDemoFillerRowDemo, HTMLElement {}
+export const SmoothlyNextDemoFillerRowDemo: {
+    prototype: SmoothlyNextDemoFillerRowDemo;
+    new (): SmoothlyNextDemoFillerRowDemo;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/smoothly-next-demo-filler-row-demo.js

@@ -0,0 +1,8 @@
+import { S as SmoothlyNextDemoFillerRowDemo$1, d as defineCustomElement$1 } from './p-2d4db101.js';
+
+const SmoothlyNextDemoFillerRowDemo = SmoothlyNextDemoFillerRowDemo$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SmoothlyNextDemoFillerRowDemo, defineCustomElement };
+
+//# sourceMappingURL=smoothly-next-demo-filler-row-demo.js.map

package/dist/components/smoothly-next-demo-filler-row-demo.js.map

@@ -0,0 +1 @@
+{"file":"smoothly-next-demo-filler-row-demo.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/smoothly-next-demo-group.js

@@ -1,4 +1,4 @@
-import { S as SmoothlyNextDemoGroup$1, d as defineCustomElement$1 } from './p-f91c386e.js';
+import { S as SmoothlyNextDemoGroup$1, d as defineCustomElement$1 } from './p-1ff539de.js';
 
 const SmoothlyNextDemoGroup = SmoothlyNextDemoGroup$1;
 const defineCustomElement = defineCustomElement$1;