@public-ui/svelte 4.0.0-alpha.10 → 4.0.0-alpha.11

package/dist/index.mjs

@@ -4,7 +4,7 @@ import 'svelte/internal/flags/legacy';
 import * as $ from 'svelte/internal/client';
 import { createEventDispatcher, onMount } from 'svelte';
 
-var root$Q = $.from_html(`<kol-abbr><!></kol-abbr>`, 2);
+var root$R = $.from_html(`<kol-abbr><!></kol-abbr>`, 2);
 function KolAbbr($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -15,7 +15,7 @@ function KolAbbr($$anchor, $$props) {
   });
   var $$exports = { getWebComponent };
   $.init();
-  var kol_abbr = root$Q();
+  var kol_abbr = root$R();
   $.template_effect(() => $.set_custom_element_data(kol_abbr, "_label", _label()));
   var node = $.child(kol_abbr);
   $.slot(node, $$props, "default", {}, null);
@@ -26,7 +26,7 @@ function KolAbbr($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$P = $.from_html(`<kol-accordion><!></kol-accordion>`, 2);
+var root$Q = $.from_html(`<kol-accordion><!></kol-accordion>`, 2);
 function KolAccordion($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -51,7 +51,7 @@ function KolAccordion($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { kolFocus, getWebComponent };
   $.init();
-  var kol_accordion = root$P();
+  var kol_accordion = root$Q();
   $.template_effect(() => $.set_custom_element_data(kol_accordion, "_disabled", _disabled()));
   $.template_effect(() => $.set_custom_element_data(kol_accordion, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_accordion, "_level", _level()));
@@ -66,7 +66,7 @@ function KolAccordion($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$O = $.from_html(`<kol-alert><!></kol-alert>`, 2);
+var root$P = $.from_html(`<kol-alert><!></kol-alert>`, 2);
 function KolAlert($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -92,7 +92,7 @@ function KolAlert($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getWebComponent };
   $.init();
-  var kol_alert = root$O();
+  var kol_alert = root$P();
   $.template_effect(() => $.set_custom_element_data(kol_alert, "_alert", _alert()));
   $.template_effect(() => $.set_custom_element_data(kol_alert, "_has-closer", _hasCloser()));
   $.template_effect(() => $.set_custom_element_data(kol_alert, "_label", _label()));
@@ -108,7 +108,7 @@ function KolAlert($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$N = $.from_html(`<kol-avatar><!></kol-avatar>`, 2);
+var root$O = $.from_html(`<kol-avatar><!></kol-avatar>`, 2);
 function KolAvatar($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -121,7 +121,7 @@ function KolAvatar($$anchor, $$props) {
   });
   var $$exports = { getWebComponent };
   $.init();
-  var kol_avatar = root$N();
+  var kol_avatar = root$O();
   $.template_effect(() => $.set_custom_element_data(kol_avatar, "_color", _color()));
   $.template_effect(() => $.set_custom_element_data(kol_avatar, "_src", _src()));
   $.template_effect(() => $.set_custom_element_data(kol_avatar, "_label", _label()));
@@ -134,7 +134,7 @@ function KolAvatar($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$M = $.from_html(`<kol-badge><!></kol-badge>`, 2);
+var root$N = $.from_html(`<kol-badge><!></kol-badge>`, 2);
 function KolBadge($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -149,7 +149,7 @@ function KolBadge($$anchor, $$props) {
   });
   var $$exports = { kolFocus, getWebComponent };
   $.init();
-  var kol_badge = root$M();
+  var kol_badge = root$N();
   $.template_effect(() => $.set_custom_element_data(kol_badge, "_color", _color()));
   $.template_effect(() => $.set_custom_element_data(kol_badge, "_icons", _icons()));
   $.template_effect(() => $.set_custom_element_data(kol_badge, "_label", _label()));
@@ -164,7 +164,7 @@ function KolBadge($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$L = $.from_html(`<kol-breadcrumb><!></kol-breadcrumb>`, 2);
+var root$M = $.from_html(`<kol-breadcrumb><!></kol-breadcrumb>`, 2);
 function KolBreadcrumb($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -176,7 +176,7 @@ function KolBreadcrumb($$anchor, $$props) {
   });
   var $$exports = { getWebComponent };
   $.init();
-  var kol_breadcrumb = root$L();
+  var kol_breadcrumb = root$M();
   $.template_effect(() => $.set_custom_element_data(kol_breadcrumb, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_breadcrumb, "_links", _links()));
   var node = $.child(kol_breadcrumb);
@@ -188,7 +188,7 @@ function KolBreadcrumb($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$K = $.from_html(`<kol-button><!></kol-button>`, 2);
+var root$L = $.from_html(`<kol-button><!></kol-button>`, 2);
 function KolButton($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -230,7 +230,7 @@ function KolButton($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, getWebComponent };
   $.init();
-  var kol_button = root$K();
+  var kol_button = root$L();
   $.template_effect(() => $.set_custom_element_data(kol_button, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_button, "_aria-controls", _ariaControls()));
   $.template_effect(() => $.set_custom_element_data(kol_button, "_aria-description", _ariaDescription()));
@@ -262,7 +262,7 @@ function KolButton($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$J = $.from_html(`<kol-button-link><!></kol-button-link>`, 2);
+var root$K = $.from_html(`<kol-button-link><!></kol-button-link>`, 2);
 function KolButtonLink($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -302,7 +302,7 @@ function KolButtonLink($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, getWebComponent };
   $.init();
-  var kol_button_link = root$J();
+  var kol_button_link = root$K();
   $.template_effect(() => $.set_custom_element_data(kol_button_link, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_button_link, "_aria-controls", _ariaControls()));
   $.template_effect(() => $.set_custom_element_data(kol_button_link, "_aria-description", _ariaDescription()));
@@ -332,7 +332,7 @@ function KolButtonLink($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$I = $.from_html(`<kol-card><!></kol-card>`, 2);
+var root$J = $.from_html(`<kol-card><!></kol-card>`, 2);
 function KolCard($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -355,7 +355,7 @@ function KolCard($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getWebComponent };
   $.init();
-  var kol_card = root$I();
+  var kol_card = root$J();
   $.template_effect(() => $.set_custom_element_data(kol_card, "_has-closer", _hasCloser()));
   $.template_effect(() => $.set_custom_element_data(kol_card, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_card, "_level", _level()));
@@ -368,7 +368,7 @@ function KolCard($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$H = $.from_html(`<kol-card-wc><!></kol-card-wc>`, 2);
+var root$I = $.from_html(`<kol-card-wc><!></kol-card-wc>`, 2);
 function KolCardWc($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -391,7 +391,7 @@ function KolCardWc($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getWebComponent };
   $.init();
-  var kol_card_wc = root$H();
+  var kol_card_wc = root$I();
   $.template_effect(() => $.set_custom_element_data(kol_card_wc, "_has-closer", _hasCloser()));
   $.template_effect(() => $.set_custom_element_data(kol_card_wc, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_card_wc, "_level", _level()));
@@ -404,7 +404,7 @@ function KolCardWc($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$G = $.from_html(`<kol-combobox><!></kol-combobox>`, 2);
+var root$H = $.from_html(`<kol-combobox><!></kol-combobox>`, 2);
 function KolCombobox($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -422,7 +422,7 @@ function KolCombobox($$anchor, $$props) {
   let _msg = $.prop($$props, "_msg", 8, void 0);
   let _name = $.prop($$props, "_name", 8, void 0);
   let _on = $.prop($$props, "_on", 8, void 0);
-  let _hideClearButton = $.prop($$props, "_hideClearButton", 8, void 0);
+  let _hasClearButton = $.prop($$props, "_hasClearButton", 8, void 0);
   let _suggestions = $.prop($$props, "_suggestions", 8);
   let _required = $.prop($$props, "_required", 8, void 0);
   let _shortKey = $.prop($$props, "_shortKey", 8, void 0);
@@ -445,7 +445,7 @@ function KolCombobox($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, getWebComponent };
   $.init();
-  var kol_combobox = root$G();
+  var kol_combobox = root$H();
   $.template_effect(() => $.set_custom_element_data(kol_combobox, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_combobox, "_placeholder", _placeholder()));
   $.template_effect(() => $.set_custom_element_data(kol_combobox, "_disabled", _disabled()));
@@ -457,7 +457,7 @@ function KolCombobox($$anchor, $$props) {
   $.template_effect(() => $.set_custom_element_data(kol_combobox, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_combobox, "_msg", _msg()));
   $.template_effect(() => $.set_custom_element_data(kol_combobox, "_name", _name()));
-  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_hide-clear-button", _hideClearButton()));
+  $.template_effect(() => $.set_custom_element_data(kol_combobox, "_has-clear-button", _hasClearButton()));
   $.template_effect(() => $.set_custom_element_data(kol_combobox, "_suggestions", _suggestions()));
   $.template_effect(() => $.set_custom_element_data(kol_combobox, "_required", _required()));
   $.template_effect(() => $.set_custom_element_data(kol_combobox, "_short-key", _shortKey()));
@@ -476,7 +476,7 @@ function KolCombobox($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$F = $.from_html(`<kol-details><!></kol-details>`, 2);
+var root$G = $.from_html(`<kol-details><!></kol-details>`, 2);
 function KolDetails($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -501,7 +501,7 @@ function KolDetails($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { kolFocus, getWebComponent };
   $.init();
-  var kol_details = root$F();
+  var kol_details = root$G();
   $.template_effect(() => $.set_custom_element_data(kol_details, "_disabled", _disabled()));
   $.template_effect(() => $.set_custom_element_data(kol_details, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_details, "_level", _level()));
@@ -516,7 +516,7 @@ function KolDetails($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$E = $.from_html(`<kol-drawer><!></kol-drawer>`, 2);
+var root$F = $.from_html(`<kol-drawer><!></kol-drawer>`, 2);
 function KolDrawer($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -542,7 +542,7 @@ function KolDrawer($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { open, close, getWebComponent };
   $.init();
-  var kol_drawer = root$E();
+  var kol_drawer = root$F();
   $.template_effect(() => $.set_custom_element_data(kol_drawer, "_open", _open()));
   $.template_effect(() => $.set_custom_element_data(kol_drawer, "_align", _align()));
   $.template_effect(() => $.set_custom_element_data(kol_drawer, "_has-closer", _hasCloser()));
@@ -558,7 +558,7 @@ function KolDrawer($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$D = $.from_html(`<kol-form><!></kol-form>`, 2);
+var root$E = $.from_html(`<kol-form><!></kol-form>`, 2);
 function KolForm($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -584,7 +584,7 @@ function KolForm($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { focusErrorList, getWebComponent };
   $.init();
-  var kol_form = root$D();
+  var kol_form = root$E();
   $.template_effect(() => $.set_custom_element_data(kol_form, "_required-text", _requiredText()));
   var node = $.child(kol_form);
   $.slot(node, $$props, "default", {}, null);
@@ -596,7 +596,7 @@ function KolForm($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$C = $.from_html(`<kol-heading><!></kol-heading>`, 2);
+var root$D = $.from_html(`<kol-heading><!></kol-heading>`, 2);
 function KolHeading($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -609,7 +609,7 @@ function KolHeading($$anchor, $$props) {
   });
   var $$exports = { getWebComponent };
   $.init();
-  var kol_heading = root$C();
+  var kol_heading = root$D();
   $.template_effect(() => $.set_custom_element_data(kol_heading, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_heading, "_level", _level()));
   $.template_effect(() => $.set_custom_element_data(kol_heading, "_secondary-headline", _secondaryHeadline()));
@@ -622,7 +622,7 @@ function KolHeading($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$B = $.from_html(`<kol-icon><!></kol-icon>`, 2);
+var root$C = $.from_html(`<kol-icon><!></kol-icon>`, 2);
 function KolIcon($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -634,7 +634,7 @@ function KolIcon($$anchor, $$props) {
   });
   var $$exports = { getWebComponent };
   $.init();
-  var kol_icon = root$B();
+  var kol_icon = root$C();
   $.template_effect(() => $.set_custom_element_data(kol_icon, "_icons", _icons()));
   $.template_effect(() => $.set_custom_element_data(kol_icon, "_label", _label()));
   var node = $.child(kol_icon);
@@ -646,7 +646,7 @@ function KolIcon($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$A = $.from_html(`<kol-image><!></kol-image>`, 2);
+var root$B = $.from_html(`<kol-image><!></kol-image>`, 2);
 function KolImage($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -661,7 +661,7 @@ function KolImage($$anchor, $$props) {
   });
   var $$exports = { getWebComponent };
   $.init();
-  var kol_image = root$A();
+  var kol_image = root$B();
   $.template_effect(() => $.set_custom_element_data(kol_image, "_alt", _alt()));
   $.template_effect(() => $.set_custom_element_data(kol_image, "_loading", _loading()));
   $.template_effect(() => $.set_custom_element_data(kol_image, "_sizes", _sizes()));
@@ -676,7 +676,7 @@ function KolImage($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$z = $.from_html(`<kol-input-checkbox><!></kol-input-checkbox>`, 2);
+var root$A = $.from_html(`<kol-input-checkbox><!></kol-input-checkbox>`, 2);
 function KolInputCheckbox($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -718,7 +718,7 @@ function KolInputCheckbox($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, getWebComponent };
   $.init();
-  var kol_input_checkbox = root$z();
+  var kol_input_checkbox = root$A();
   $.template_effect(() => $.set_custom_element_data(kol_input_checkbox, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_input_checkbox, "_checked", _checked()));
   $.template_effect(() => $.set_custom_element_data(kol_input_checkbox, "_hide-msg", _hideMsg()));
@@ -750,7 +750,7 @@ function KolInputCheckbox($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$y = $.from_html(`<kol-input-color><!></kol-input-color>`, 2);
+var root$z = $.from_html(`<kol-input-color><!></kol-input-color>`, 2);
 function KolInputColor($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -790,7 +790,7 @@ function KolInputColor($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, getWebComponent };
   $.init();
-  var kol_input_color = root$y();
+  var kol_input_color = root$z();
   $.template_effect(() => $.set_custom_element_data(kol_input_color, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_input_color, "_auto-complete", _autoComplete()));
   $.template_effect(() => $.set_custom_element_data(kol_input_color, "_disabled", _disabled()));
@@ -820,7 +820,7 @@ function KolInputColor($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$x = $.from_html(`<kol-input-date><!></kol-input-date>`, 2);
+var root$y = $.from_html(`<kol-input-date><!></kol-input-date>`, 2);
 function KolInputDate($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -867,7 +867,7 @@ function KolInputDate($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, reset, getWebComponent };
   $.init();
-  var kol_input_date = root$x();
+  var kol_input_date = root$y();
   $.template_effect(() => $.set_custom_element_data(kol_input_date, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_input_date, "_auto-complete", _autoComplete()));
   $.template_effect(() => $.set_custom_element_data(kol_input_date, "_disabled", _disabled()));
@@ -904,7 +904,7 @@ function KolInputDate($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$w = $.from_html(`<kol-input-email><!></kol-input-email>`, 2);
+var root$x = $.from_html(`<kol-input-email><!></kol-input-email>`, 2);
 function KolInputEmail($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -952,7 +952,7 @@ function KolInputEmail($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, getWebComponent };
   $.init();
-  var kol_input_email = root$w();
+  var kol_input_email = root$x();
   $.template_effect(() => $.set_custom_element_data(kol_input_email, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_input_email, "_auto-complete", _autoComplete()));
   $.template_effect(() => $.set_custom_element_data(kol_input_email, "_has-counter", _hasCounter()));
@@ -990,7 +990,7 @@ function KolInputEmail($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$v = $.from_html(`<kol-input-file><!></kol-input-file>`, 2);
+var root$w = $.from_html(`<kol-input-file><!></kol-input-file>`, 2);
 function KolInputFile($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1031,7 +1031,7 @@ function KolInputFile($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, reset, getWebComponent };
   $.init();
-  var kol_input_file = root$v();
+  var kol_input_file = root$w();
   $.template_effect(() => $.set_custom_element_data(kol_input_file, "_accept", _accept()));
   $.template_effect(() => $.set_custom_element_data(kol_input_file, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_input_file, "_disabled", _disabled()));
@@ -1062,7 +1062,7 @@ function KolInputFile($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$u = $.from_html(`<kol-input-number><!></kol-input-number>`, 2);
+var root$v = $.from_html(`<kol-input-number><!></kol-input-number>`, 2);
 function KolInputNumber($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1108,7 +1108,7 @@ function KolInputNumber($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, getWebComponent };
   $.init();
-  var kol_input_number = root$u();
+  var kol_input_number = root$v();
   $.template_effect(() => $.set_custom_element_data(kol_input_number, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_input_number, "_auto-complete", _autoComplete()));
   $.template_effect(() => $.set_custom_element_data(kol_input_number, "_disabled", _disabled()));
@@ -1144,7 +1144,7 @@ function KolInputNumber($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$t = $.from_html(`<kol-input-password><!></kol-input-password>`, 2);
+var root$u = $.from_html(`<kol-input-password><!></kol-input-password>`, 2);
 function KolInputPassword($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1191,7 +1191,7 @@ function KolInputPassword($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, getWebComponent };
   $.init();
-  var kol_input_password = root$t();
+  var kol_input_password = root$u();
   $.template_effect(() => $.set_custom_element_data(kol_input_password, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_input_password, "_auto-complete", _autoComplete()));
   $.template_effect(() => $.set_custom_element_data(kol_input_password, "_has-counter", _hasCounter()));
@@ -1228,7 +1228,7 @@ function KolInputPassword($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$s = $.from_html(`<kol-input-radio><!></kol-input-radio>`, 2);
+var root$t = $.from_html(`<kol-input-radio><!></kol-input-radio>`, 2);
 function KolInputRadio($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1265,7 +1265,7 @@ function KolInputRadio($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, getWebComponent };
   $.init();
-  var kol_input_radio = root$s();
+  var kol_input_radio = root$t();
   $.template_effect(() => $.set_custom_element_data(kol_input_radio, "_disabled", _disabled()));
   $.template_effect(() => $.set_custom_element_data(kol_input_radio, "_hide-msg", _hideMsg()));
   $.template_effect(() => $.set_custom_element_data(kol_input_radio, "_hide-label", _hideLabel()));
@@ -1292,7 +1292,7 @@ function KolInputRadio($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$r = $.from_html(`<kol-input-range><!></kol-input-range>`, 2);
+var root$s = $.from_html(`<kol-input-range><!></kol-input-range>`, 2);
 function KolInputRange($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1334,7 +1334,7 @@ function KolInputRange($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { kolFocus, getValue, getWebComponent };
   $.init();
-  var kol_input_range = root$r();
+  var kol_input_range = root$s();
   $.template_effect(() => $.set_custom_element_data(kol_input_range, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_input_range, "_auto-complete", _autoComplete()));
   $.template_effect(() => $.set_custom_element_data(kol_input_range, "_disabled", _disabled()));
@@ -1366,7 +1366,7 @@ function KolInputRange($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$q = $.from_html(`<kol-input-text><!></kol-input-text>`, 2);
+var root$r = $.from_html(`<kol-input-text><!></kol-input-text>`, 2);
 function KolInputText($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1429,7 +1429,7 @@ function KolInputText($$anchor, $$props) {
     getWebComponent
   };
   $.init();
-  var kol_input_text = root$q();
+  var kol_input_text = root$r();
   $.template_effect(() => $.set_custom_element_data(kol_input_text, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_input_text, "_auto-complete", _autoComplete()));
   $.template_effect(() => $.set_custom_element_data(kol_input_text, "_has-counter", _hasCounter()));
@@ -1473,7 +1473,7 @@ function KolInputText($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$p = $.from_html(`<kol-kolibri><!></kol-kolibri>`, 2);
+var root$q = $.from_html(`<kol-kolibri><!></kol-kolibri>`, 2);
 function KolKolibri($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1485,7 +1485,7 @@ function KolKolibri($$anchor, $$props) {
   });
   var $$exports = { getWebComponent };
   $.init();
-  var kol_kolibri = root$p();
+  var kol_kolibri = root$q();
   $.template_effect(() => $.set_custom_element_data(kol_kolibri, "_color", _color()));
   $.template_effect(() => $.set_custom_element_data(kol_kolibri, "_labeled", _labeled()));
   var node = $.child(kol_kolibri);
@@ -1497,7 +1497,7 @@ function KolKolibri($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$o = $.from_html(`<kol-link><!></kol-link>`, 2);
+var root$p = $.from_html(`<kol-link><!></kol-link>`, 2);
 function KolLink($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1534,7 +1534,7 @@ function KolLink($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { kolFocus, getWebComponent };
   $.init();
-  var kol_link = root$o();
+  var kol_link = root$p();
   $.template_effect(() => $.set_custom_element_data(kol_link, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_link, "_aria-current-value", _ariaCurrentValue()));
   $.template_effect(() => $.set_custom_element_data(kol_link, "_aria-controls", _ariaControls()));
@@ -1561,7 +1561,7 @@ function KolLink($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$n = $.from_html(`<kol-link-button><!></kol-link-button>`, 2);
+var root$o = $.from_html(`<kol-link-button><!></kol-link-button>`, 2);
 function KolLinkButton($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1598,7 +1598,7 @@ function KolLinkButton($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { kolFocus, getWebComponent };
   $.init();
-  var kol_link_button = root$n();
+  var kol_link_button = root$o();
   $.template_effect(() => $.set_custom_element_data(kol_link_button, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_link_button, "_aria-current-value", _ariaCurrentValue()));
   $.template_effect(() => $.set_custom_element_data(kol_link_button, "_aria-controls", _ariaControls()));
@@ -1625,7 +1625,7 @@ function KolLinkButton($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$m = $.from_html(`<kol-modal><!></kol-modal>`, 2);
+var root$n = $.from_html(`<kol-modal><!></kol-modal>`, 2);
 function KolModal($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1650,7 +1650,7 @@ function KolModal($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { openModal, closeModal, getWebComponent };
   $.init();
-  var kol_modal = root$m();
+  var kol_modal = root$n();
   $.template_effect(() => $.set_custom_element_data(kol_modal, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_modal, "_width", _width()));
   $.template_effect(() => $.set_custom_element_data(kol_modal, "_variant", _variant()));
@@ -1665,7 +1665,7 @@ function KolModal($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$l = $.from_html(`<kol-nav><!></kol-nav>`, 2);
+var root$m = $.from_html(`<kol-nav><!></kol-nav>`, 2);
 function KolNav($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1681,7 +1681,7 @@ function KolNav($$anchor, $$props) {
   });
   var $$exports = { getWebComponent };
   $.init();
-  var kol_nav = root$l();
+  var kol_nav = root$m();
   $.template_effect(() => $.set_custom_element_data(kol_nav, "_collapsible", _collapsible()));
   $.template_effect(() => $.set_custom_element_data(kol_nav, "_has-compact-button", _hasCompactButton()));
   $.template_effect(() => $.set_custom_element_data(kol_nav, "_has-icons-when-expanded", _hasIconsWhenExpanded()));
@@ -1697,7 +1697,7 @@ function KolNav($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$k = $.from_html(`<kol-pagination><!></kol-pagination>`, 2);
+var root$l = $.from_html(`<kol-pagination><!></kol-pagination>`, 2);
 function KolPagination($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1727,7 +1727,7 @@ function KolPagination($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getWebComponent };
   $.init();
-  var kol_pagination = root$k();
+  var kol_pagination = root$l();
   $.template_effect(() => $.set_custom_element_data(kol_pagination, "_boundary-count", _boundaryCount()));
   $.template_effect(() => $.set_custom_element_data(kol_pagination, "_custom-class", _customClass()));
   $.template_effect(() => $.set_custom_element_data(kol_pagination, "_label", _label()));
@@ -1747,7 +1747,7 @@ function KolPagination($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$j = $.from_html(`<kol-pagination-wc><!></kol-pagination-wc>`, 2);
+var root$k = $.from_html(`<kol-pagination-wc><!></kol-pagination-wc>`, 2);
 function KolPaginationWc($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1777,7 +1777,7 @@ function KolPaginationWc($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getWebComponent };
   $.init();
-  var kol_pagination_wc = root$j();
+  var kol_pagination_wc = root$k();
   $.template_effect(() => $.set_custom_element_data(kol_pagination_wc, "_boundary-count", _boundaryCount()));
   $.template_effect(() => $.set_custom_element_data(kol_pagination_wc, "_custom-class", _customClass()));
   $.template_effect(() => $.set_custom_element_data(kol_pagination_wc, "_label", _label()));
@@ -1797,7 +1797,7 @@ function KolPaginationWc($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$i = $.from_html(`<kol-popover-button><!></kol-popover-button>`, 2);
+var root$j = $.from_html(`<kol-popover-button><!></kol-popover-button>`, 2);
 function KolPopoverButton($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1841,7 +1841,7 @@ function KolPopoverButton($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { hidePopover, showPopover, kolFocus, getWebComponent };
   $.init();
-  var kol_popover_button = root$i();
+  var kol_popover_button = root$j();
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_aria-controls", _ariaControls()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_aria-description", _ariaDescription()));
@@ -1875,7 +1875,7 @@ function KolPopoverButton($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$h = $.from_html(`<kol-popover-button-wc><!></kol-popover-button-wc>`, 2);
+var root$i = $.from_html(`<kol-popover-button-wc><!></kol-popover-button-wc>`, 2);
 function KolPopoverButtonWc($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1919,7 +1919,7 @@ function KolPopoverButtonWc($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { hidePopover, showPopover, kolFocus, getWebComponent };
   $.init();
-  var kol_popover_button_wc = root$h();
+  var kol_popover_button_wc = root$i();
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_aria-controls", _ariaControls()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_aria-description", _ariaDescription()));
@@ -1953,7 +1953,7 @@ function KolPopoverButtonWc($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$g = $.from_html(`<kol-progress><!></kol-progress>`, 2);
+var root$h = $.from_html(`<kol-progress><!></kol-progress>`, 2);
 function KolProgress($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1968,7 +1968,7 @@ function KolProgress($$anchor, $$props) {
   });
   var $$exports = { getWebComponent };
   $.init();
-  var kol_progress = root$g();
+  var kol_progress = root$h();
   $.template_effect(() => $.set_custom_element_data(kol_progress, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_progress, "_max", _max()));
   $.template_effect(() => $.set_custom_element_data(kol_progress, "_unit", _unit()));
@@ -1983,7 +1983,7 @@ function KolProgress($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$f = $.from_html(`<kol-quote><!></kol-quote>`, 2);
+var root$g = $.from_html(`<kol-quote><!></kol-quote>`, 2);
 function KolQuote($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -1997,7 +1997,7 @@ function KolQuote($$anchor, $$props) {
   });
   var $$exports = { getWebComponent };
   $.init();
-  var kol_quote = root$f();
+  var kol_quote = root$g();
   $.template_effect(() => $.set_custom_element_data(kol_quote, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_quote, "_href", _href()));
   $.template_effect(() => $.set_custom_element_data(kol_quote, "_quote", _quote()));
@@ -2011,7 +2011,7 @@ function KolQuote($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-var root$e = $.from_html(`<kol-select><!></kol-select>`, 2);
+var root$f = $.from_html(`<kol-select><!></kol-select>`, 2);
 function KolSelect($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -2053,7 +2053,7 @@ function KolSelect($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = { getValue, kolFocus, getWebComponent };
   $.init();
-  var kol_select = root$e();
+  var kol_select = root$f();
   $.template_effect(() => $.set_custom_element_data(kol_select, "_access-key", _accessKey()));
   $.template_effect(() => $.set_custom_element_data(kol_select, "_disabled", _disabled()));
   $.template_effect(() => $.set_custom_element_data(kol_select, "_hide-msg", _hideMsg()));
@@ -2085,6 +2085,80 @@ function KolSelect($$anchor, $$props) {
   return $.pop($$exports);
 }
 
+var root$e = $.from_html(`<kol-select-wc><!></kol-select-wc>`, 2);
+function KolSelectWc($$anchor, $$props) {
+  $.push($$props, false);
+  let __ref = $.mutable_source();
+  let __mounted = $.mutable_source(false);
+  createEventDispatcher();
+  let _accessKey = $.prop($$props, "_accessKey", 8, void 0);
+  let _disabled = $.prop($$props, "_disabled", 8, void 0);
+  let _hideMsg = $.prop($$props, "_hideMsg", 8, void 0);
+  let _hideLabel = $.prop($$props, "_hideLabel", 8, void 0);
+  let _hint = $.prop($$props, "_hint", 8, void 0);
+  let _icons = $.prop($$props, "_icons", 8, void 0);
+  let _id = $.prop($$props, "_id", 8, void 0);
+  let _label = $.prop($$props, "_label", 8);
+  let _msg = $.prop($$props, "_msg", 8, void 0);
+  let _multiple = $.prop($$props, "_multiple", 8, void 0);
+  let _name = $.prop($$props, "_name", 8, void 0);
+  let _on = $.prop($$props, "_on", 8, void 0);
+  let _options = $.prop($$props, "_options", 8);
+  let _required = $.prop($$props, "_required", 8, void 0);
+  let _shortKey = $.prop($$props, "_shortKey", 8, void 0);
+  let _rows = $.prop($$props, "_rows", 8, void 0);
+  let _syncValueBySelector = $.prop($$props, "_syncValueBySelector", 8, void 0);
+  let _tabIndex = $.prop($$props, "_tabIndex", 8, void 0);
+  let _tooltipAlign = $.prop($$props, "_tooltipAlign", 8, void 0);
+  let _touched = $.prop($$props, "_touched", 8, void 0);
+  let _value = $.prop($$props, "_value", 8, void 0);
+  const getValue = (...args) => $.get(__ref).getValue(...args);
+  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const getWebComponent = () => $.get(__ref);
+  onMount(() => {
+    $.set(__mounted, true);
+  });
+  const setProp = (prop, value) => {
+    if ($.get(__ref)) $.mutate(__ref, $.get(__ref)[prop] = value);
+  };
+  $.legacy_pre_effect(() => ($.get(__mounted), $.deep_read_state(_on())), () => {
+    if ($.get(__mounted)) setProp("_on", _on());
+  });
+  $.legacy_pre_effect_reset();
+  var $$exports = { getValue, kolFocus, getWebComponent };
+  $.init();
+  var kol_select_wc = root$e();
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_access-key", _accessKey()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_disabled", _disabled()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_hide-msg", _hideMsg()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_hide-label", _hideLabel()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_hint", _hint()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_icons", _icons()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_id", _id()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_label", _label()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_msg", _msg()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_multiple", _multiple()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_name", _name()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_options", _options()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_required", _required()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_short-key", _shortKey()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_rows", _rows()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_sync-value-by-selector", _syncValueBySelector()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_tab-index", _tabIndex()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_tooltip-align", _tooltipAlign()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_touched", _touched()));
+  $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_value", _value()));
+  var node = $.child(kol_select_wc);
+  $.slot(node, $$props, "default", {}, null);
+  $.reset(kol_select_wc);
+  $.bind_this(kol_select_wc, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
+  $.append($$anchor, kol_select_wc);
+  $.bind_prop($$props, "getValue", getValue);
+  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "getWebComponent", getWebComponent);
+  return $.pop($$exports);
+}
+
 var root$d = $.from_html(`<kol-single-select><!></kol-single-select>`, 2);
 function KolSingleSelect($$anchor, $$props) {
   $.push($$props, false);
@@ -2110,7 +2184,7 @@ function KolSingleSelect($$anchor, $$props) {
   let _tooltipAlign = $.prop($$props, "_tooltipAlign", 8, void 0);
   let _touched = $.prop($$props, "_touched", 8, void 0);
   let _value = $.prop($$props, "_value", 8, void 0);
-  let _hideClearButton = $.prop($$props, "_hideClearButton", 8, void 0);
+  let _hasClearButton = $.prop($$props, "_hasClearButton", 8, void 0);
   let _rows = $.prop($$props, "_rows", 8, void 0);
   const getValue = (...args) => $.get(__ref).getValue(...args);
   const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
@@ -2146,7 +2220,7 @@ function KolSingleSelect($$anchor, $$props) {
   $.template_effect(() => $.set_custom_element_data(kol_single_select, "_tooltip-align", _tooltipAlign()));
   $.template_effect(() => $.set_custom_element_data(kol_single_select, "_touched", _touched()));
   $.template_effect(() => $.set_custom_element_data(kol_single_select, "_value", _value()));
-  $.template_effect(() => $.set_custom_element_data(kol_single_select, "_hide-clear-button", _hideClearButton()));
+  $.template_effect(() => $.set_custom_element_data(kol_single_select, "_has-clear-button", _hasClearButton()));
   $.template_effect(() => $.set_custom_element_data(kol_single_select, "_rows", _rows()));
   var node = $.child(kol_single_select);
   $.slot(node, $$props, "default", {}, null);
@@ -2689,4 +2763,4 @@ function KolVersion($$anchor, $$props) {
   return $.pop($$exports);
 }
 
-export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion };
+export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPaginationWc, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSelectWc, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion };