@public-ui/svelte 4.0.0-beta.0 → 4.0.0-ee1678914efc9a51fdc688bac71b570e768a8032.0

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$R = $.from_html(`<kol-abbr><!></kol-abbr>`, 2);
+var root$S = $.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$R();
+  var kol_abbr = root$S();
   $.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$Q = $.from_html(`<kol-accordion><!></kol-accordion>`, 2);
+var root$R = $.from_html(`<kol-accordion><!></kol-accordion>`, 2);
 function KolAccordion($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -37,7 +37,7 @@ function KolAccordion($$anchor, $$props) {
   let _level = $.prop($$props, "_level", 8, void 0);
   let _on = $.prop($$props, "_on", 8, void 0);
   let _open = $.prop($$props, "_open", 8, void 0);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -49,9 +49,9 @@ function KolAccordion($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { kolFocus, getWebComponent };
+  var $$exports = { focus, getWebComponent };
   $.init();
-  var kol_accordion = root$Q();
+  var kol_accordion = root$R();
   $.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()));
@@ -61,12 +61,12 @@ function KolAccordion($$anchor, $$props) {
   $.reset(kol_accordion);
   $.bind_this(kol_accordion, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_accordion);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
 
-var root$P = $.from_html(`<kol-alert><!></kol-alert>`, 2);
+var root$Q = $.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$P();
+  var kol_alert = root$Q();
   $.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$O = $.from_html(`<kol-avatar><!></kol-avatar>`, 2);
+var root$P = $.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$O();
+  var kol_avatar = root$P();
   $.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$N = $.from_html(`<kol-badge><!></kol-badge>`, 2);
+var root$O = $.from_html(`<kol-badge><!></kol-badge>`, 2);
 function KolBadge($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -143,13 +143,13 @@ function KolBadge($$anchor, $$props) {
   let _icons = $.prop($$props, "_icons", 8, void 0);
   let _label = $.prop($$props, "_label", 8);
   let _smartButton = $.prop($$props, "_smartButton", 8, void 0);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
   });
-  var $$exports = { kolFocus, getWebComponent };
+  var $$exports = { focus, getWebComponent };
   $.init();
-  var kol_badge = root$N();
+  var kol_badge = root$O();
   $.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()));
@@ -159,12 +159,12 @@ function KolBadge($$anchor, $$props) {
   $.reset(kol_badge);
   $.bind_this(kol_badge, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_badge);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
 
-var root$M = $.from_html(`<kol-breadcrumb><!></kol-breadcrumb>`, 2);
+var root$N = $.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$M();
+  var kol_breadcrumb = root$N();
   $.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$L = $.from_html(`<kol-button><!></kol-button>`, 2);
+var root$M = $.from_html(`<kol-button><!></kol-button>`, 2);
 function KolButton($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -216,7 +216,7 @@ function KolButton($$anchor, $$props) {
   let _value = $.prop($$props, "_value", 8, void 0);
   let _variant = $.prop($$props, "_variant", 8, void 0);
   const getValue = (...args) => $.get(__ref).getValue(...args);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -228,9 +228,9 @@ function KolButton($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
-  var kol_button = root$L();
+  var kol_button = root$M();
   $.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()));
@@ -257,12 +257,12 @@ function KolButton($$anchor, $$props) {
   $.bind_this(kol_button, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_button);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
 
-var root$K = $.from_html(`<kol-button-link><!></kol-button-link>`, 2);
+var root$L = $.from_html(`<kol-button-link><!></kol-button-link>`, 2);
 function KolButtonLink($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -288,7 +288,7 @@ function KolButtonLink($$anchor, $$props) {
   let _type = $.prop($$props, "_type", 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 focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -300,9 +300,9 @@ function KolButtonLink($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
-  var kol_button_link = root$K();
+  var kol_button_link = root$L();
   $.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()));
@@ -327,12 +327,12 @@ function KolButtonLink($$anchor, $$props) {
   $.bind_this(kol_button_link, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_button_link);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
 
-var root$J = $.from_html(`<kol-card><!></kol-card>`, 2);
+var root$K = $.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$J();
+  var kol_card = root$K();
   $.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$I = $.from_html(`<kol-card-wc><!></kol-card-wc>`, 2);
+var root$J = $.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$I();
+  var kol_card_wc = root$J();
   $.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$H = $.from_html(`<kol-combobox><!></kol-combobox>`, 2);
+var root$I = $.from_html(`<kol-combobox><!></kol-combobox>`, 2);
 function KolCombobox($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -431,7 +431,7 @@ function KolCombobox($$anchor, $$props) {
   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 focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -443,9 +443,9 @@ function KolCombobox($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
-  var kol_combobox = root$H();
+  var kol_combobox = root$I();
   $.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()));
@@ -471,12 +471,12 @@ function KolCombobox($$anchor, $$props) {
   $.bind_this(kol_combobox, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_combobox);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
 
-var root$G = $.from_html(`<kol-details><!></kol-details>`, 2);
+var root$H = $.from_html(`<kol-details><!></kol-details>`, 2);
 function KolDetails($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
@@ -487,7 +487,7 @@ function KolDetails($$anchor, $$props) {
   let _level = $.prop($$props, "_level", 8, void 0);
   let _on = $.prop($$props, "_on", 8, void 0);
   let _open = $.prop($$props, "_open", 8, void 0);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -499,9 +499,9 @@ function KolDetails($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { kolFocus, getWebComponent };
+  var $$exports = { focus, getWebComponent };
   $.init();
-  var kol_details = root$G();
+  var kol_details = root$H();
   $.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()));
@@ -511,7 +511,47 @@ function KolDetails($$anchor, $$props) {
   $.reset(kol_details);
   $.bind_this(kol_details, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_details);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
+  $.bind_prop($$props, "getWebComponent", getWebComponent);
+  return $.pop($$exports);
+}
+
+var root$G = $.from_html(`<kol-dialog><!></kol-dialog>`, 2);
+function KolDialog($$anchor, $$props) {
+  $.push($$props, false);
+  let __ref = $.mutable_source();
+  let __mounted = $.mutable_source(false);
+  createEventDispatcher();
+  let _label = $.prop($$props, "_label", 8);
+  let _on = $.prop($$props, "_on", 8, void 0);
+  let _width = $.prop($$props, "_width", 8, void 0);
+  let _variant = $.prop($$props, "_variant", 8, void 0);
+  const openModal = (...args) => $.get(__ref).openModal(...args);
+  const closeModal = (...args) => $.get(__ref).closeModal(...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 = { openModal, closeModal, getWebComponent };
+  $.init();
+  var kol_dialog = root$G();
+  $.template_effect(() => $.set_custom_element_data(kol_dialog, "_label", _label()));
+  $.template_effect(() => $.set_custom_element_data(kol_dialog, "_width", _width()));
+  $.template_effect(() => $.set_custom_element_data(kol_dialog, "_variant", _variant()));
+  var node = $.child(kol_dialog);
+  $.slot(node, $$props, "default", {}, null);
+  $.reset(kol_dialog);
+  $.bind_this(kol_dialog, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
+  $.append($$anchor, kol_dialog);
+  $.bind_prop($$props, "openModal", openModal);
+  $.bind_prop($$props, "closeModal", closeModal);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -704,7 +744,7 @@ function KolInputCheckbox($$anchor, $$props) {
   let _value = $.prop($$props, "_value", 8, void 0);
   let _variant = $.prop($$props, "_variant", 8, void 0);
   const getValue = (...args) => $.get(__ref).getValue(...args);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -716,7 +756,7 @@ function KolInputCheckbox($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
   var kol_input_checkbox = root$A();
   $.template_effect(() => $.set_custom_element_data(kol_input_checkbox, "_access-key", _accessKey()));
@@ -745,7 +785,7 @@ function KolInputCheckbox($$anchor, $$props) {
   $.bind_this(kol_input_checkbox, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_input_checkbox);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -776,7 +816,7 @@ function KolInputColor($$anchor, $$props) {
   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 focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -788,7 +828,7 @@ function KolInputColor($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
   var kol_input_color = root$z();
   $.template_effect(() => $.set_custom_element_data(kol_input_color, "_access-key", _accessKey()));
@@ -815,7 +855,7 @@ function KolInputColor($$anchor, $$props) {
   $.bind_this(kol_input_color, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_input_color);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -852,7 +892,7 @@ function KolInputDate($$anchor, $$props) {
   let _type = $.prop($$props, "_type", 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 focus = (...args) => $.get(__ref).focus(...args);
   const reset = (...args) => $.get(__ref).reset(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
@@ -865,7 +905,7 @@ function KolInputDate($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, reset, getWebComponent };
+  var $$exports = { getValue, focus, reset, getWebComponent };
   $.init();
   var kol_input_date = root$y();
   $.template_effect(() => $.set_custom_element_data(kol_input_date, "_access-key", _accessKey()));
@@ -898,7 +938,7 @@ function KolInputDate($$anchor, $$props) {
   $.bind_this(kol_input_date, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_input_date);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "reset", reset);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
@@ -938,7 +978,7 @@ function KolInputEmail($$anchor, $$props) {
   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 focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -950,7 +990,7 @@ function KolInputEmail($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
   var kol_input_email = root$x();
   $.template_effect(() => $.set_custom_element_data(kol_input_email, "_access-key", _accessKey()));
@@ -985,7 +1025,7 @@ function KolInputEmail($$anchor, $$props) {
   $.bind_this(kol_input_email, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_input_email);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -1016,7 +1056,7 @@ function KolInputFile($$anchor, $$props) {
   let _tooltipAlign = $.prop($$props, "_tooltipAlign", 8, void 0);
   let _touched = $.prop($$props, "_touched", 8, void 0);
   const getValue = (...args) => $.get(__ref).getValue(...args);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const reset = (...args) => $.get(__ref).reset(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
@@ -1029,7 +1069,7 @@ function KolInputFile($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, reset, getWebComponent };
+  var $$exports = { getValue, focus, reset, getWebComponent };
   $.init();
   var kol_input_file = root$w();
   $.template_effect(() => $.set_custom_element_data(kol_input_file, "_accept", _accept()));
@@ -1056,7 +1096,7 @@ function KolInputFile($$anchor, $$props) {
   $.bind_this(kol_input_file, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_input_file);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "reset", reset);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
@@ -1094,7 +1134,7 @@ function KolInputNumber($$anchor, $$props) {
   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 focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -1106,7 +1146,7 @@ function KolInputNumber($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
   var kol_input_number = root$v();
   $.template_effect(() => $.set_custom_element_data(kol_input_number, "_access-key", _accessKey()));
@@ -1139,7 +1179,7 @@ function KolInputNumber($$anchor, $$props) {
   $.bind_this(kol_input_number, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_input_number);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -1177,7 +1217,7 @@ function KolInputPassword($$anchor, $$props) {
   let _value = $.prop($$props, "_value", 8, void 0);
   let _variant = $.prop($$props, "_variant", 8, void 0);
   const getValue = (...args) => $.get(__ref).getValue(...args);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -1189,7 +1229,7 @@ function KolInputPassword($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
   var kol_input_password = root$u();
   $.template_effect(() => $.set_custom_element_data(kol_input_password, "_access-key", _accessKey()));
@@ -1223,7 +1263,7 @@ function KolInputPassword($$anchor, $$props) {
   $.bind_this(kol_input_password, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_input_password);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -1251,7 +1291,7 @@ function KolInputRadio($$anchor, $$props) {
   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 focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -1263,7 +1303,7 @@ function KolInputRadio($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
   var kol_input_radio = root$t();
   $.template_effect(() => $.set_custom_element_data(kol_input_radio, "_disabled", _disabled()));
@@ -1287,7 +1327,7 @@ function KolInputRadio($$anchor, $$props) {
   $.bind_this(kol_input_radio, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_input_radio);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -1319,7 +1359,7 @@ function KolInputRange($$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);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const getValue = (...args) => $.get(__ref).getValue(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
@@ -1332,7 +1372,7 @@ function KolInputRange($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { kolFocus, getValue, getWebComponent };
+  var $$exports = { focus, getValue, getWebComponent };
   $.init();
   var kol_input_range = root$s();
   $.template_effect(() => $.set_custom_element_data(kol_input_range, "_access-key", _accessKey()));
@@ -1360,7 +1400,7 @@ function KolInputRange($$anchor, $$props) {
   $.reset(kol_input_range);
   $.bind_this(kol_input_range, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_input_range);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getValue", getValue);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
@@ -1401,7 +1441,7 @@ function KolInputText($$anchor, $$props) {
   let _type = $.prop($$props, "_type", 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 focus = (...args) => $.get(__ref).focus(...args);
   const selectionStart = (...args) => $.get(__ref).selectionStart(...args);
   const selectioconEnd = (...args) => $.get(__ref).selectioconEnd(...args);
   const setSelectionRange = (...args) => $.get(__ref).setSelectionRange(...args);
@@ -1420,7 +1460,7 @@ function KolInputText($$anchor, $$props) {
   $.legacy_pre_effect_reset();
   var $$exports = {
     getValue,
-    kolFocus,
+    focus,
     selectionStart,
     selectioconEnd,
     setSelectionRange,
@@ -1463,7 +1503,7 @@ function KolInputText($$anchor, $$props) {
   $.bind_this(kol_input_text, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_input_text);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "selectionStart", selectionStart);
   $.bind_prop($$props, "selectioconEnd", selectioconEnd);
   $.bind_prop($$props, "setSelectionRange", setSelectionRange);
@@ -1520,7 +1560,7 @@ function KolLink($$anchor, $$props) {
   let _shortKey = $.prop($$props, "_shortKey", 8, void 0);
   let _target = $.prop($$props, "_target", 8, void 0);
   let _tooltipAlign = $.prop($$props, "_tooltipAlign", 8, void 0);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -1532,7 +1572,7 @@ function KolLink($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { kolFocus, getWebComponent };
+  var $$exports = { focus, getWebComponent };
   $.init();
   var kol_link = root$p();
   $.template_effect(() => $.set_custom_element_data(kol_link, "_access-key", _accessKey()));
@@ -1556,7 +1596,7 @@ function KolLink($$anchor, $$props) {
   $.reset(kol_link);
   $.bind_this(kol_link, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_link);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -1584,7 +1624,7 @@ function KolLinkButton($$anchor, $$props) {
   let _target = $.prop($$props, "_target", 8, void 0);
   let _tooltipAlign = $.prop($$props, "_tooltipAlign", 8, void 0);
   let _variant = $.prop($$props, "_variant", 8, void 0);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -1596,7 +1636,7 @@ function KolLinkButton($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { kolFocus, getWebComponent };
+  var $$exports = { focus, getWebComponent };
   $.init();
   var kol_link_button = root$o();
   $.template_effect(() => $.set_custom_element_data(kol_link_button, "_access-key", _accessKey()));
@@ -1620,7 +1660,7 @@ function KolLinkButton($$anchor, $$props) {
   $.reset(kol_link_button);
   $.bind_this(kol_link_button, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_link_button);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -1801,12 +1841,9 @@ var root$j = $.from_html(`<kol-popover-button><!></kol-popover-button>`, 2);
 function KolPopoverButton($$anchor, $$props) {
   $.push($$props, false);
   let __ref = $.mutable_source();
-  let __mounted = $.mutable_source(false);
   createEventDispatcher();
   let _accessKey = $.prop($$props, "_accessKey", 8, void 0);
-  let _ariaControls = $.prop($$props, "_ariaControls", 8, void 0);
   let _ariaDescription = $.prop($$props, "_ariaDescription", 8, void 0);
-  let _ariaSelected = $.prop($$props, "_ariaSelected", 8, void 0);
   let _customClass = $.prop($$props, "_customClass", 8, void 0);
   let _disabled = $.prop($$props, "_disabled", 8, void 0);
   let _hideLabel = $.prop($$props, "_hideLabel", 8, void 0);
@@ -1815,9 +1852,7 @@ function KolPopoverButton($$anchor, $$props) {
   let _id = $.prop($$props, "_id", 8, void 0);
   let _label = $.prop($$props, "_label", 8);
   let _name = $.prop($$props, "_name", 8, void 0);
-  let _on = $.prop($$props, "_on", 8, void 0);
   let _popoverAlign = $.prop($$props, "_popoverAlign", 8, void 0);
-  let _role = $.prop($$props, "_role", 8, void 0);
   let _shortKey = $.prop($$props, "_shortKey", 8, void 0);
   let _syncValueBySelector = $.prop($$props, "_syncValueBySelector", 8, void 0);
   let _tabIndex = $.prop($$props, "_tabIndex", 8, void 0);
@@ -1827,25 +1862,15 @@ function KolPopoverButton($$anchor, $$props) {
   let _variant = $.prop($$props, "_variant", 8, void 0);
   const hidePopover = (...args) => $.get(__ref).hidePopover(...args);
   const showPopover = (...args) => $.get(__ref).showPopover(...args);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...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 = { hidePopover, showPopover, kolFocus, getWebComponent };
+  var $$exports = { hidePopover, showPopover, focus, getWebComponent };
   $.init();
   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()));
-  $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_aria-selected", _ariaSelected()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_custom-class", _customClass()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_disabled", _disabled()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_hide-label", _hideLabel()));
@@ -1855,7 +1880,6 @@ function KolPopoverButton($$anchor, $$props) {
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_name", _name()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_popover-align", _popoverAlign()));
-  $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_role", _role()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_short-key", _shortKey()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_sync-value-by-selector", _syncValueBySelector()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button, "_tab-index", _tabIndex()));
@@ -1870,7 +1894,7 @@ function KolPopoverButton($$anchor, $$props) {
   $.append($$anchor, kol_popover_button);
   $.bind_prop($$props, "hidePopover", hidePopover);
   $.bind_prop($$props, "showPopover", showPopover);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -1879,12 +1903,9 @@ 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();
-  let __mounted = $.mutable_source(false);
   createEventDispatcher();
   let _accessKey = $.prop($$props, "_accessKey", 8, void 0);
-  let _ariaControls = $.prop($$props, "_ariaControls", 8, void 0);
   let _ariaDescription = $.prop($$props, "_ariaDescription", 8, void 0);
-  let _ariaSelected = $.prop($$props, "_ariaSelected", 8, void 0);
   let _customClass = $.prop($$props, "_customClass", 8, void 0);
   let _disabled = $.prop($$props, "_disabled", 8, void 0);
   let _hideLabel = $.prop($$props, "_hideLabel", 8, void 0);
@@ -1893,9 +1914,7 @@ function KolPopoverButtonWc($$anchor, $$props) {
   let _inline = $.prop($$props, "_inline", 8, void 0);
   let _label = $.prop($$props, "_label", 8);
   let _name = $.prop($$props, "_name", 8, void 0);
-  let _on = $.prop($$props, "_on", 8, void 0);
   let _popoverAlign = $.prop($$props, "_popoverAlign", 8, void 0);
-  let _role = $.prop($$props, "_role", 8, void 0);
   let _shortKey = $.prop($$props, "_shortKey", 8, void 0);
   let _syncValueBySelector = $.prop($$props, "_syncValueBySelector", 8, void 0);
   let _tabIndex = $.prop($$props, "_tabIndex", 8, void 0);
@@ -1905,25 +1924,15 @@ function KolPopoverButtonWc($$anchor, $$props) {
   let _variant = $.prop($$props, "_variant", 8, void 0);
   const hidePopover = (...args) => $.get(__ref).hidePopover(...args);
   const showPopover = (...args) => $.get(__ref).showPopover(...args);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...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 = { hidePopover, showPopover, kolFocus, getWebComponent };
+  var $$exports = { hidePopover, showPopover, focus, getWebComponent };
   $.init();
   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()));
-  $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_aria-selected", _ariaSelected()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_custom-class", _customClass()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_disabled", _disabled()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_hide-label", _hideLabel()));
@@ -1933,7 +1942,6 @@ function KolPopoverButtonWc($$anchor, $$props) {
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_label", _label()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_name", _name()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_popover-align", _popoverAlign()));
-  $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_role", _role()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_short-key", _shortKey()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_sync-value-by-selector", _syncValueBySelector()));
   $.template_effect(() => $.set_custom_element_data(kol_popover_button_wc, "_tab-index", _tabIndex()));
@@ -1948,7 +1956,7 @@ function KolPopoverButtonWc($$anchor, $$props) {
   $.append($$anchor, kol_popover_button_wc);
   $.bind_prop($$props, "hidePopover", hidePopover);
   $.bind_prop($$props, "showPopover", showPopover);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -2039,7 +2047,7 @@ function KolSelect($$anchor, $$props) {
   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 focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -2051,7 +2059,7 @@ function KolSelect($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
   var kol_select = root$f();
   $.template_effect(() => $.set_custom_element_data(kol_select, "_access-key", _accessKey()));
@@ -2080,7 +2088,7 @@ function KolSelect($$anchor, $$props) {
   $.bind_this(kol_select, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_select);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -2113,7 +2121,7 @@ function KolSelectWc($$anchor, $$props) {
   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 focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -2125,7 +2133,7 @@ function KolSelectWc($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
   var kol_select_wc = root$e();
   $.template_effect(() => $.set_custom_element_data(kol_select_wc, "_access-key", _accessKey()));
@@ -2154,7 +2162,7 @@ function KolSelectWc($$anchor, $$props) {
   $.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, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -2187,7 +2195,7 @@ function KolSingleSelect($$anchor, $$props) {
   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);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -2199,7 +2207,7 @@ function KolSingleSelect($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
   var kol_single_select = root$d();
   $.template_effect(() => $.set_custom_element_data(kol_single_select, "_access-key", _accessKey()));
@@ -2228,7 +2236,7 @@ function KolSingleSelect($$anchor, $$props) {
   $.bind_this(kol_single_select, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_single_select);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -2240,11 +2248,11 @@ function KolSkipNav($$anchor, $$props) {
   createEventDispatcher();
   let _label = $.prop($$props, "_label", 8);
   let _links = $.prop($$props, "_links", 8);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
   });
-  var $$exports = { kolFocus, getWebComponent };
+  var $$exports = { focus, getWebComponent };
   $.init();
   var kol_skip_nav = root$c();
   $.template_effect(() => $.set_custom_element_data(kol_skip_nav, "_label", _label()));
@@ -2254,7 +2262,7 @@ function KolSkipNav($$anchor, $$props) {
   $.reset(kol_skip_nav);
   $.bind_this(kol_skip_nav, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_skip_nav);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -2312,7 +2320,7 @@ function KolSplitButton($$anchor, $$props) {
   let _value = $.prop($$props, "_value", 8, void 0);
   let _variant = $.prop($$props, "_variant", 8, void 0);
   const getValue = (...args) => $.get(__ref).getValue(...args);
-  const kolFocus = (...args) => $.get(__ref).kolFocus(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const closePopup = (...args) => $.get(__ref).closePopup(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
@@ -2325,7 +2333,7 @@ function KolSplitButton($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, closePopup, getWebComponent };
+  var $$exports = { getValue, focus, closePopup, getWebComponent };
   $.init();
   var kol_split_button = root$a();
   $.template_effect(() => $.set_custom_element_data(kol_split_button, "_access-key", _accessKey()));
@@ -2353,7 +2361,7 @@ function KolSplitButton($$anchor, $$props) {
   $.bind_this(kol_split_button, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_split_button);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "closePopup", closePopup);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
@@ -2370,7 +2378,6 @@ function KolTableStateful($$anchor, $$props) {
   let _dataFoot = $.prop($$props, "_dataFoot", 8, void 0);
   let _headers = $.prop($$props, "_headers", 8);
   let _label = $.prop($$props, "_label", 8);
-  let _minWidth = $.prop($$props, "_minWidth", 8);
   let _pagination = $.prop($$props, "_pagination", 8, void 0);
   let _paginationPosition = $.prop($$props, "_paginationPosition", 8, void 0);
   let _selection = $.prop($$props, "_selection", 8, void 0);
@@ -2396,7 +2403,6 @@ function KolTableStateful($$anchor, $$props) {
   $.template_effect(() => $.set_custom_element_data(kol_table_stateful, "_data-foot", _dataFoot()));
   $.template_effect(() => $.set_custom_element_data(kol_table_stateful, "_headers", _headers()));
   $.template_effect(() => $.set_custom_element_data(kol_table_stateful, "_label", _label()));
-  $.template_effect(() => $.set_custom_element_data(kol_table_stateful, "_min-width", _minWidth()));
   $.template_effect(() => $.set_custom_element_data(kol_table_stateful, "_pagination", _pagination()));
   $.template_effect(() => $.set_custom_element_data(kol_table_stateful, "_pagination-position", _paginationPosition()));
   $.template_effect(() => $.set_custom_element_data(kol_table_stateful, "_selection", _selection()));
@@ -2421,7 +2427,6 @@ function KolTableStateless($$anchor, $$props) {
   let _dataFoot = $.prop($$props, "_dataFoot", 8, void 0);
   let _headerCells = $.prop($$props, "_headerCells", 8);
   let _label = $.prop($$props, "_label", 8);
-  let _minWidth = $.prop($$props, "_minWidth", 8);
   let _on = $.prop($$props, "_on", 8, void 0);
   let _selection = $.prop($$props, "_selection", 8, void 0);
   let _hasSettingsMenu = $.prop($$props, "_hasSettingsMenu", 8, void 0);
@@ -2443,7 +2448,6 @@ function KolTableStateless($$anchor, $$props) {
   $.template_effect(() => $.set_custom_element_data(kol_table_stateless, "_data-foot", _dataFoot()));
   $.template_effect(() => $.set_custom_element_data(kol_table_stateless, "_header-cells", _headerCells()));
   $.template_effect(() => $.set_custom_element_data(kol_table_stateless, "_label", _label()));
-  $.template_effect(() => $.set_custom_element_data(kol_table_stateless, "_min-width", _minWidth()));
   $.template_effect(() => $.set_custom_element_data(kol_table_stateless, "_selection", _selection()));
   $.template_effect(() => $.set_custom_element_data(kol_table_stateless, "_has-settings-menu", _hasSettingsMenu()));
   var node = $.child(kol_table_stateless);
@@ -2530,7 +2534,7 @@ function KolTextarea($$anchor, $$props) {
   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 focus = (...args) => $.get(__ref).focus(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
     $.set(__mounted, true);
@@ -2542,7 +2546,7 @@ function KolTextarea($$anchor, $$props) {
     if ($.get(__mounted)) setProp("_on", _on());
   });
   $.legacy_pre_effect_reset();
-  var $$exports = { getValue, kolFocus, getWebComponent };
+  var $$exports = { getValue, focus, getWebComponent };
   $.init();
   var kol_textarea = root$6();
   $.template_effect(() => $.set_custom_element_data(kol_textarea, "_access-key", _accessKey()));
@@ -2576,7 +2580,7 @@ function KolTextarea($$anchor, $$props) {
   $.bind_this(kol_textarea, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_textarea);
   $.bind_prop($$props, "getValue", getValue);
-  $.bind_prop($$props, "kolFocus", kolFocus);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "getWebComponent", getWebComponent);
   return $.pop($$exports);
 }
@@ -2670,14 +2674,14 @@ function KolTreeItem($$anchor, $$props) {
   let _label = $.prop($$props, "_label", 8);
   let _open = $.prop($$props, "_open", 8, void 0);
   let _href = $.prop($$props, "_href", 8);
-  const focusLink = (...args) => $.get(__ref).focusLink(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const expand = (...args) => $.get(__ref).expand(...args);
   const collapse = (...args) => $.get(__ref).collapse(...args);
   const isOpen = (...args) => $.get(__ref).isOpen(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
   });
-  var $$exports = { focusLink, expand, collapse, isOpen, getWebComponent };
+  var $$exports = { focus, expand, collapse, isOpen, getWebComponent };
   $.init();
   var kol_tree_item = root$2();
   $.template_effect(() => $.set_custom_element_data(kol_tree_item, "_active", _active()));
@@ -2689,7 +2693,7 @@ function KolTreeItem($$anchor, $$props) {
   $.reset(kol_tree_item);
   $.bind_this(kol_tree_item, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_tree_item);
-  $.bind_prop($$props, "focusLink", focusLink);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "expand", expand);
   $.bind_prop($$props, "collapse", collapse);
   $.bind_prop($$props, "isOpen", isOpen);
@@ -2706,14 +2710,14 @@ function KolTreeItemWc($$anchor, $$props) {
   let _label = $.prop($$props, "_label", 8);
   let _open = $.prop($$props, "_open", 8, void 0);
   let _href = $.prop($$props, "_href", 8);
-  const focusLink = (...args) => $.get(__ref).focusLink(...args);
+  const focus = (...args) => $.get(__ref).focus(...args);
   const expand = (...args) => $.get(__ref).expand(...args);
   const collapse = (...args) => $.get(__ref).collapse(...args);
   const isOpen = (...args) => $.get(__ref).isOpen(...args);
   const getWebComponent = () => $.get(__ref);
   onMount(() => {
   });
-  var $$exports = { focusLink, expand, collapse, isOpen, getWebComponent };
+  var $$exports = { focus, expand, collapse, isOpen, getWebComponent };
   $.init();
   var kol_tree_item_wc = root$1();
   $.template_effect(() => $.set_custom_element_data(kol_tree_item_wc, "_active", _active()));
@@ -2725,7 +2729,7 @@ function KolTreeItemWc($$anchor, $$props) {
   $.reset(kol_tree_item_wc);
   $.bind_this(kol_tree_item_wc, ($$value) => $.set(__ref, $$value), () => $.get(__ref));
   $.append($$anchor, kol_tree_item_wc);
-  $.bind_prop($$props, "focusLink", focusLink);
+  $.bind_prop($$props, "focus", focus);
   $.bind_prop($$props, "expand", expand);
   $.bind_prop($$props, "collapse", collapse);
   $.bind_prop($$props, "isOpen", isOpen);
@@ -2755,4 +2759,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, KolSelectWc, 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, KolDialog, 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 };