@sme.up/ketchup 11.0.0-SNAPSHOT-20250224081053 → 11.0.0-SNAPSHOT-20250224140011

package/dist/components/kup-snackbar.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-5e1c7ef8.js';
-import { c as componentWrapperId, T as FButton, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-b53352c2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-32e825d1.js';
+import { c as componentWrapperId, T as FButton, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-44cbe2fa.js';
 
 const snackbarClass = 'snackbar';
 /**

package/dist/components/kup-spinner.js

@@ -1,4 +1,4 @@
-import { ag as KupSpinner$1, h as defineCustomElement$1 } from './p-b53352c2.js';
+import { ag as KupSpinner$1, h as defineCustomElement$1 } from './p-44cbe2fa.js';
 
 const KupSpinner = KupSpinner$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-switch.js

@@ -1,4 +1,4 @@
-import { ah as KupSwitch$1, g as defineCustomElement$1 } from './p-b53352c2.js';
+import { ah as KupSwitch$1, g as defineCustomElement$1 } from './p-44cbe2fa.js';
 
 const KupSwitch = KupSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-tab-bar.js

@@ -1,4 +1,4 @@
-import { ai as KupTabBar$1, f as defineCustomElement$1 } from './p-b53352c2.js';
+import { ai as KupTabBar$1, f as defineCustomElement$1 } from './p-44cbe2fa.js';
 
 const KupTabBar = KupTabBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-text-field.js

@@ -1,4 +1,4 @@
-import { aj as KupTextField$1, e as defineCustomElement$1 } from './p-b53352c2.js';
+import { aj as KupTextField$1, e as defineCustomElement$1 } from './p-44cbe2fa.js';
 
 const KupTextField = KupTextField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-time-picker.js

@@ -1,4 +1,4 @@
-import { ak as KupTimePicker$1, b as defineCustomElement$1 } from './p-b53352c2.js';
+import { ak as KupTimePicker$1, b as defineCustomElement$1 } from './p-44cbe2fa.js';
 
 const KupTimePicker = KupTimePicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-toolbar.js

@@ -1,4 +1,4 @@
-import { al as KupToolbar$1, a as defineCustomElement$1 } from './p-b53352c2.js';
+import { al as KupToolbar$1, a as defineCustomElement$1 } from './p-44cbe2fa.js';
 
 const KupToolbar = KupToolbar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-tree.js

@@ -1,4 +1,4 @@
-import { am as KupTree$1, d as defineCustomElement$1 } from './p-b53352c2.js';
+import { am as KupTree$1, d as defineCustomElement$1 } from './p-44cbe2fa.js';
 
 const KupTree = KupTree$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-txt.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-5e1c7ef8.js';
-import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-b53352c2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-32e825d1.js';
+import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-44cbe2fa.js';
 
 /**
  * Props of the kup-txt component.

package/dist/components/kup-typography-list.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, u as KupDebugCategory, g as getProps, s as setProps } from './p-5e1c7ef8.js';
+import { k as kupManagerInstance, u as KupDebugCategory, g as getProps, s as setProps } from './p-32e825d1.js';
 import { a as FTypographyType, F as FTypography } from './p-ced0c3fc.js';
-import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-b53352c2.js';
+import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-44cbe2fa.js';
 
 /**
  * Props of the kup-typography component.
@@ -186,7 +186,7 @@ const KupTypographyList$1 = /*@__PURE__*/ proxyCustomElement(class KupTypography
     }
     render() {
         const typograhy = this.renderTypographys();
-        return (h(Host, { key: '133ed4c5148b141988a0ef0d7902eb1cba2aca1b' }, h("style", { key: 'dbed638dd175c07dd2a496d1695116b1dd9e9816' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ff32d83dc83bc703493d350c5f7d35a7abafcc9d', id: componentWrapperId }, h("div", { key: '56aa862848281642f21223699a098e3eb28f558e', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: 'ce1131e5095003f12867d4ce91ab92933b250023' }, h("style", { key: '8dae3b8a646be6cc588ef99349af47ed47433803' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd351f2fb2f84f8e4ffa6c4c8b80d4c2c4ed6f2fd', id: componentWrapperId }, h("div", { key: '66873c914173d8a73cf8e7f3a106d072a1f2dff6', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/components/kup-typography.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, e as KupDynamicPositionPlacement, g as getProps, s as setProps } from './p-5e1c7ef8.js';
+import { k as kupManagerInstance, e as KupDynamicPositionPlacement, g as getProps, s as setProps } from './p-32e825d1.js';
 import { a as FTypographyType, F as FTypography } from './p-ced0c3fc.js';
-import { c as componentWrapperId, F as FImage, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-b53352c2.js';
+import { c as componentWrapperId, F as FImage, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-44cbe2fa.js';
 
 /**
  * Props of the kup-typography component.
@@ -51,10 +51,13 @@ const KupTypography$1 = /*@__PURE__*/ proxyCustomElement(class KupTypography ext
         this.__attachShadow();
         this.kupIconClick = createEvent(this, "kup-typography-iconclick", 6);
         this.kupClick = createEvent(this, "kup-typography-click", 6);
+        this.kupInfoIconClick = createEvent(this, "kup-typography-infoiconclick", 6);
         this.kupItemClick = createEvent(this, "kup-typography-itemclick", 6);
         /*-------------------------------------------------*/
         /*       I n t e r n a l   V a r i a b l e s       */
         /*-------------------------------------------------*/
+        this.toolbarState = [];
+        this.infoState = [];
         /**
          * Instance of the KupManager class.
          */
@@ -62,10 +65,12 @@ const KupTypography$1 = /*@__PURE__*/ proxyCustomElement(class KupTypography ext
         _KupTypography_clickCbDropCard.set(this, null);
         _KupTypography_dropDownActionCardAnchor.set(this, null);
         this.customStyle = '';
+        this.infoIcon = false;
         this.toolbar = true;
-        this.toolbarData = undefined;
         this.type = FTypographyType.BODY_COMPACT;
         this.value = null;
+        this.toolbarCallback = undefined;
+        this.infoCallBack = undefined;
     }
     onKupClick() {
         this.kupClick.emit({
@@ -74,12 +79,20 @@ const KupTypography$1 = /*@__PURE__*/ proxyCustomElement(class KupTypography ext
             value: this.value,
         });
     }
+    onKupInfoIconClick(el) {
+        if (!el) {
+            this.kupManager.debug.logMessage(this, 'onKupIconClick: Element is null');
+            return;
+        }
+        __classPrivateFieldSet(this, _KupTypography_dropDownActionCardAnchor, el, "f");
+        this.createDropDownInfoList();
+    }
     onKupIconClick(el) {
+        if (!el) {
+            this.kupManager.debug.logMessage(this, 'onKupIconClick: Element is null');
+            return;
+        }
         __classPrivateFieldSet(this, _KupTypography_dropDownActionCardAnchor, el, "f");
-        this.kupIconClick.emit({
-            comp: this,
-            id: this.rootElement.id,
-        });
         this.createDropDownToolbarList();
     }
     onKupToolbarItemClick(e) {
@@ -102,12 +115,23 @@ const KupTypography$1 = /*@__PURE__*/ proxyCustomElement(class KupTypography ext
             this.toolbarList = null;
         }
     }
+    /**
+     * Create dropdown list for toolbar
+     */
     createDropDownToolbarList() {
+        if (!__classPrivateFieldGet(this, _KupTypography_dropDownActionCardAnchor, "f")) {
+            this.kupManager.debug.logMessage(this, 'createDropDownToolbarList: Anchor is null!');
+            return;
+        }
         if (this.toolbarList) {
             this.closeRowToolbarList();
         }
+        if (this.toolbarState.length === 0) {
+            this.kupManager.debug.logMessage(this, 'No toolbar state available.');
+            return;
+        }
         const listEl = document.createElement('kup-toolbar');
-        listEl.data = this.toolbarData;
+        listEl.data = this.toolbarState;
         listEl.addEventListener('kup-toolbar-click', (e) => {
             this.onKupToolbarItemClick(e);
             setTimeout(() => {
@@ -124,10 +148,57 @@ const KupTypography$1 = /*@__PURE__*/ proxyCustomElement(class KupTypography ext
         this.kupManager.addClickCallback(__classPrivateFieldGet(this, _KupTypography_clickCbDropCard, "f"), true);
         this.rootElement.shadowRoot.appendChild(this.toolbarList);
         requestAnimationFrame(() => {
+            if (!__classPrivateFieldGet(this, _KupTypography_dropDownActionCardAnchor, "f")) {
+                this.kupManager.debug.logMessage(this, 'DropDown anchor is still null after delay!');
+                return;
+            }
             this.kupManager.dynamicPosition.register(this.toolbarList, __classPrivateFieldGet(this, _KupTypography_dropDownActionCardAnchor, "f"), 0, KupDynamicPositionPlacement.AUTO, true);
             this.kupManager.dynamicPosition.start(this.toolbarList);
         });
     }
+    /**
+     * Create dropdown list for tab info icon
+     */
+    createDropDownInfoList() {
+        if (!__classPrivateFieldGet(this, _KupTypography_dropDownActionCardAnchor, "f")) {
+            this.kupManager.debug.logMessage(this, 'createDropDownToolbarList: Anchor is null!');
+            return;
+        }
+        if (this.infoList) {
+            this.closeInfoDataList();
+        }
+        if (this.infoState.length === 0) {
+            this.kupManager.debug.logMessage(this, 'No infoicon available.');
+            return;
+        }
+        const listEl = document.createElement('kup-list');
+        listEl.data = this.infoState;
+        this.infoList = listEl;
+        __classPrivateFieldSet(this, _KupTypography_clickCbDropCard, {
+            cb: () => {
+                this.closeInfoDataList();
+            },
+            el: this.infoList,
+        }, "f");
+        this.kupManager.addClickCallback(__classPrivateFieldGet(this, _KupTypography_clickCbDropCard, "f"), true);
+        this.rootElement.shadowRoot.appendChild(this.infoList);
+        requestAnimationFrame(() => {
+            this.kupManager.dynamicPosition.register(this.infoList, __classPrivateFieldGet(this, _KupTypography_dropDownActionCardAnchor, "f"), 0, KupDynamicPositionPlacement.AUTO, true);
+            this.kupManager.dynamicPosition.start(this.infoList);
+        });
+    }
+    /**
+     * Destroy dropdown list for tab info icon
+     */
+    closeInfoDataList() {
+        if (this.infoList) {
+            this.kupManager.dynamicPosition.stop(this.infoList);
+            this.kupManager.removeClickCallback(__classPrivateFieldGet(this, _KupTypography_clickCbDropCard, "f"));
+            this.infoList.remove();
+            this.kupManager.dynamicPosition.unregister([this.infoList]);
+            this.infoList = null;
+        }
+    }
     /*-------------------------------------------------*/
     /*           P u b l i c   M e t h o d s           */
     /*-------------------------------------------------*/
@@ -174,19 +245,45 @@ const KupTypography$1 = /*@__PURE__*/ proxyCustomElement(class KupTypography ext
             value: this.value,
             type: this.type,
         };
-        const propsFImage = {
+        const toolbarIcon = {
             color: 'var(--kup-gray-color-70)',
             resource: 'more_vert',
             sizeX: '16px',
             sizeY: '16px',
-            wrapperClass: 'image__iconToolbar',
+            wrapperClass: 'image__iconToolbar iconToolbar',
+        };
+        const infoIcon = {
+            color: 'var(--kup-gray-color-70)',
+            resource: 'info_outline',
+            sizeX: '16px',
+            sizeY: '16px',
+            wrapperClass: 'image__iconToolbar iconInfo',
         };
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (h(Host, { key: '34e9da970fa1c0d4363fd96a507d54969bf1c316' }, h("style", { key: '65d16a1056f44d8f2ffe867753ced85cf2b81460' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6499e780132230a2cd9ac617ab67bf24b2e10d1d', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: 'a67c8983c7df830caa13738a8de078fe2c936827' }, props)), this.toolbar && (h(FImage, Object.assign({ key: '105c5272fb10d16f81c3efadc9bda7b984de1e73' }, propsFImage, { onClick: (event) => {
+        return (h(Host, { key: 'ce3a3f1c078f3be2a3b57c6230fed6b610cd0ac8' }, h("style", { key: '538daaa32b78cb8496759a5ed7aa459bf519fe48' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'fcab41c8bafd5714994be27ee0092e5782b9c9ae', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '1613f88e3175441fa553c325e053fd77f6ca5fcc' }, props)), this.infoIcon && (h(FImage, Object.assign({ key: '0a07d2eee40bfd39c9d404127fb392869f0a730e' }, infoIcon, { onClick: async (event) => {
                 event.stopPropagation();
-                this.onKupIconClick(event.currentTarget);
+                const el = event.currentTarget;
+                const data = await this.infoCallBack();
+                this.infoState = data;
+                if (this.infoState.length > 0) {
+                    this.onKupInfoIconClick(el);
+                }
+                else {
+                    this.kupManager.debug.logMessage(this, 'Toolbar data is empty, not opening dropdown.');
+                }
+            } }))), this.toolbar && (h(FImage, Object.assign({ key: '0de60f147ae017d1501b6bef4771d57b2a590e76' }, toolbarIcon, { onClick: async (event) => {
+                event.stopPropagation();
+                const el = event.currentTarget;
+                const data = await this.toolbarCallback();
+                this.toolbarState = data;
+                if (this.toolbarState.length > 0) {
+                    this.onKupIconClick(el);
+                }
+                else {
+                    this.kupManager.debug.logMessage(this, 'Toolbar data is empty, not opening dropdown.');
+                }
             } }))))));
     }
     disconnectedCallback() {
@@ -194,16 +291,21 @@ const KupTypography$1 = /*@__PURE__*/ proxyCustomElement(class KupTypography ext
         if (this.toolbarList) {
             this.kupManager.dynamicPosition.unregister([this.toolbarList]);
         }
+        if (this.infoList) {
+            this.kupManager.dynamicPosition.unregister([this.infoList]);
+        }
     }
     static get assetsDirs() { return ["assets/fonts"]; }
     get rootElement() { return this; }
     static get style() { return KupTypographyStyle0; }
 }, [1, "kup-typography", {
         "customStyle": [1, "custom-style"],
+        "infoIcon": [4, "info-icon"],
         "toolbar": [4],
-        "toolbarData": [16],
         "type": [1],
         "value": [1],
+        "toolbarCallback": [16],
+        "infoCallBack": [16],
         "getProps": [64],
         "refresh": [64],
         "setProps": [64]

package/dist/components/{p-5e1c7ef8.js → p-32e825d1.js}

@@ -6525,7 +6525,7 @@ const fPaginatorCss$1 = fPaginatorCss;
 const fProgressBarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.f-progress-bar{--kup_progressbar_border_radius:var( --kup-progressbar-border-radius, var(--kup-radius-00) );--kup_progressbar_font_family:var( --kup-progressbar-font-family, var(--kup-font-family) );--kup_progressbar_font_size:var( --kup-progressbar-font-size, var(--kup-font-size) );--kup_progressbar_height:var(--kup-progressbar-height, 1.25em);--kup_progressbar_activebar_color:var( --kup-progressbar-activebar-color, var(--kup-primary-color-60) );--kup_progressbar_text_color:var( --kup-progressbar-text-color, var(--kup-text-secondary) );--kup_progressbar_text_color_rgb:var( --kup-progressbar-text-color-rgb, var(--kup-text-secondary-rgb) );--kup_progressbar_activebar_text_color:var( --kup-progressbar-text-on-primary-color, var(--kup-layer-1) );--kup_progressbar_track_background_color:var( --kup-progressbar-track-background-color, var(--kup-layer-3) );--kup_progressbar_width:var(--kup-progressbar-width, 100%);font-family:var(--kup_progressbar_font_family);font-size:var(--kup_progressbar_font_size);width:var(--kup_progressbar_width)}.f-progress-bar.progress-bar{background:var(--kup_progressbar_track_background_color);border-radius:var(--kup_progressbar_border_radius);overflow:hidden;position:relative;width:var(--kup_progressbar_width)}.f-progress-bar.progress-bar.text-color-on-primary .progress-bar-percentage{color:var(--kup_progressbar_activebar_text_color)}.f-progress-bar.progress-bar.text-color-on-primary .progress-bar-percentage span{color:var(--kup_progressbar_activebar_text_color);font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:.32px}.f-progress-bar .progress-bar-percentage{background:var(--kup_progressbar_activebar_color);border-radius:var(--kup_progressbar_border_radius);box-sizing:content-box;color:var(--kup_progressbar_text_color);height:var(--kup_progressbar_height);text-align:center;transition:width .2s ease}.f-progress-bar .progress-bar-percentage span{color:var(--kup_progressbar_text_color);display:inline-block;font-size:1em;left:0;line-height:var(--kup_progressbar_height);position:absolute;width:var(--kup_progressbar_width);font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:.32px}.f-progress-bar .progress-bar-percentage .kup-icon{display:block;height:var(--kup_progressbar_height)}.f-progress-bar .progress-bar-percentage .kup-icon:not(.is-image){background-color:var(--kup_progressbar_activebar_text_color)}.f-progress-bar .progress-bar-percentage .kup-icon img{width:auto;height:100%}.f-progress-bar.is-radial{box-sizing:border-box;display:flex;font-size:10em;margin:auto}.f-progress-bar.is-radial.pie-wrapper{height:1em;width:1em;float:left;margin:auto;position:relative}.f-progress-bar.is-radial.pie-wrapper:nth-child(3n+1){clear:both}.f-progress-bar.is-radial.pie-wrapper .pie{height:1em;width:1em;clip:rect(0, 1em, 1em, 0.5em);left:0;position:absolute;top:0}.f-progress-bar.is-radial.pie-wrapper .pie.has-value .half-circle{border-color:var(--kup_progressbar_activebar_color)}.f-progress-bar.is-radial.pie-wrapper .pie.has-value .half-circle.left-side{transition:transform .2s ease}.f-progress-bar.is-radial.pie-wrapper .pie.has-value.is-less-than-half .right-side{display:none}.f-progress-bar.is-radial.pie-wrapper .pie.has-value.is-more-than-half{clip:rect(auto, auto, auto, auto)}.f-progress-bar.is-radial.pie-wrapper .pie.has-value.is-more-than-half .right-side{transform:rotate(180deg)}.f-progress-bar.is-radial.pie-wrapper .pie .half-circle{height:1em;width:1em;border:.1em solid var(--kup_progressbar_track_background_color);border-radius:50%;clip:rect(0, 0.5em, 1em, 0);left:0;position:absolute;top:0}.f-progress-bar.is-radial.pie-wrapper .label{background:none;bottom:.4em;color:var(--kup_progressbar_text_color);cursor:default;display:block;font-size:.25em;left:.6em;line-height:3em;position:absolute;right:.4em;text-align:center;top:.4em}.f-progress-bar.is-radial.pie-wrapper .label.kup-icon{display:block;height:1.25em;width:1.25em;object-fit:cover;margin:auto}.f-progress-bar.is-radial.pie-wrapper .label.kup-icon:not(.is-image){background-color:var(--kup_progressbar_activebar_color)}.f-progress-bar.is-radial.pie-wrapper .label.kup-icon img{width:auto;height:100%}.f-progress-bar.is-radial.pie-wrapper .label .smaller{color:var(--kup_progressbar_text_color);opacity:.8;font-size:.45em;padding-bottom:20px;vertical-align:super}.f-progress-bar.is-radial.pie-wrapper .shadow{height:1em;width:1em;border:.1em solid var(--kup_progressbar_track_background_color);border-radius:50%}.f-progress-bar.is-radial *,.f-progress-bar.is-radial *:before,.f-progress-bar.is-radial *:after{box-sizing:border-box}.f-progress-bar.kup-animated .progress-bar-percentage{animation:running-stripes 2s linear infinite}.f-progress-bar.kup-padded.progress-bar{padding:.5em;width:calc(100% - 1em)}.f-progress-bar.kup-slim.progress-bar{border-radius:9px}.f-progress-bar.kup-slim.progress-bar .progress-bar-percentage{border-radius:9px;padding:0}.f-progress-bar.kup-slim.pie-wrapper .pie .half-circle{border-width:.05em}.f-progress-bar.kup-slim.pie-wrapper .shadow{border-width:.05em}.f-progress-bar.kup-striped .progress-bar-percentage{background-image:linear-gradient(-45deg, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 25%, transparent 25%, transparent 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 75%, transparent 75%, transparent);background-size:3em 3em}.f-progress-bar.kup-danger{--kup-progressbar-primary-color:var(--kup-danger-color);--kup-progressbar-text-on-primary-color:white}.f-progress-bar.kup-info{--kup-progressbar-primary-color:var(--kup-info-color-50);--kup-progressbar-text-on-primary-color:white}.f-progress-bar.kup-secondary{--kup-progressbar-primary-color:var(--kup-secondary-color);--kup-progressbar-text-on-primary-color:var(--kup-text-on-secondary-color)}.f-progress-bar.kup-success{--kup-progressbar-primary-color:var(--kup-success-color);--kup-progressbar-text-on-primary-color:white}.f-progress-bar.kup-warning{--kup-progressbar-primary-color:var(--kup-warning-color-50);--kup-progressbar-text-on-primary-color:white}@keyframes running-stripes{0%{background-position:0 0}100%{background-position:3em 3em}}";
 const fProgressBarCss$1 = fProgressBarCss;
 
-const fRadioCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.f-radio{--kup_radio_font_family:var(--kup-radio-font-family, var(--kup-font-family));--kup_radio_font_size:var(--kup-radio-font-size, var(--kup-font-size));--kup_radio_font_weight:var(--kup-radio-font-weight, 400);--kup_radio_outer_circle_color:var( --kup-radio-outer-circle-color, var(--kup-text-primary) );--kup_radio_focus_color:var( --kup-radio-focus-color, var(--kup-primary-color-60) );--kup_radio_primary_color:var( --kup-radio-primary-color, var(--kup-text-primary) );--kup_radio_primary_color_rgb:var( --kup-radio-primary-color-rgb, var(--kup-text-primary-rgb) );--kup_radio_text_color:var(--kup-radio-text-color, var(--kup-text-primary));--kup_radio_text_color_disabled:var( --kup-radio-text-color-disabled, var(--kup-text-disabled) );font-family:var(--kup_radio_font_family);font-size:var(--kup_radio_font_size)}.f-radio .form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875em;font-weight:var(--kup_radio_font_weight);letter-spacing:0.0178571429em;display:inline-flex;align-items:center;vertical-align:middle}.f-radio .form-field label{color:var(--kup_radio_text_color);padding-left:var(--kup-space-03);order:0;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:.16px}.f-radio .form-field.form-field--align-end label{margin-left:auto;margin-right:0px;padding-left:0px;padding-right:4px;order:-1 !important}.f-radio.radio-wrapper{display:grid;gap:var(--kup-space-03)}.f-radio.radio-wrapper.radio-wrapper--grid{display:grid;grid-gap:1em;grid-template-columns:var(--kup_radio_columns)}.f-radio.radio-wrapper .radio{border-radius:50%;position:relative;flex:0 0 auto;box-sizing:content-box;width:15px;height:15px;cursor:pointer;will-change:opacity,transform,border-color,color;will-change:transform,opacity;border:1px solid rgba(0,0,0,0)}.f-radio.radio-wrapper .radio:hover{border:1px solid var(--kup_radio_focus_color)}.f-radio.radio-wrapper .radio .radio__native-control{position:absolute;margin:0px;padding:0px;opacity:0;cursor:inherit;z-index:1;top:0px;right:0px;left:0px;width:15px;height:15px}.f-radio.radio-wrapper .radio .radio__background{display:inline-block;position:relative;box-sizing:border-box;width:15px;height:15px;transition:opacity 120ms cubic-bezier(0, 0, 0.2, 1) 0ms,transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.f-radio.radio-wrapper .radio .radio__background .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color);position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;border-width:1px;border-style:solid;border-radius:50%;transition:border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.f-radio.radio-wrapper .radio .radio__background .radio__inner-circle{position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:7.5px;border-style:solid;border-radius:50%;transition:transform 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.f-radio.radio-wrapper .radio.radio--checked .radio__outer-circle{border-color:var(--kup_radio_primary_color)}.f-radio.radio-wrapper .radio.radio--checked .radio__inner-circle{border-color:var(--kup_radio_primary_color);transform:scale(0.5);transition:transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms,border-color 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.f-radio.radio-wrapper .radio.radio--disabled{--kup_radio_outer_circle_color:var(--kup-border-disabled);--kup_radio_text_color:var(--kup-text-disabled);pointer-events:none}.f-radio.radio-wrapper .radio.radio--disabled+label{color:var(--kup_radio_text_color_disabled);pointer-events:none}.f-radio.radio-wrapper .radio.radio--disabled .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color)}.f-radio.radio-wrapper .radio.radio--disabled .radio__inner-circle{border-color:var(--kup_radio_outer_circle_color)}.f-radio.radio-wrapper .radio.radio--chevron:hover{border:1px solid rgba(0,0,0,0)}.f-radio.radio-wrapper.radio--chevron .radio:hover{border:1px solid rgba(0,0,0,0)}.f-radio.kup-horizontal{display:flex;gap:var(--kup-space-05)}.f-radio.kup-danger{--kup-radio-primary-color:var(--kup-danger-color);--kup-radio-primary-color-rgb:var(--kup-danger-color-rgb)}.f-radio.kup-info{--kup-radio-primary-color:var(--kup-info-color-50);--kup-radio-primary-color-rgb:var(--kup-info-color-rgb)}.f-radio.kup-secondary{--kup-radio-primary-color:var(--kup-secondary-color);--kup-radio-primary-color-rgb:var(--kup-secondary-color-rgb)}.f-radio.kup-success{--kup-radio-primary-color:var(--kup-success-color);--kup-radio-primary-color-rgb:var(--kup-success-color-rgb)}.f-radio.kup-warning{--kup-radio-primary-color:var(--kup-warning-color-50);--kup-radio-primary-color-rgb:var(--kup-warning-color-rgb)}";
+const fRadioCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.f-radio{--kup_radio_font_family:var(--kup-radio-font-family, var(--kup-font-family));--kup_radio_font_size:var(--kup-radio-font-size, var(--kup-font-size));--kup_radio_font_weight:var(--kup-radio-font-weight, 400);--kup_radio_outer_circle_color:var( --kup-radio-outer-circle-color, var(--kup-text-primary) );--kup_radio_focus_color:var( --kup-radio-focus-color, var(--kup-primary-color-60) );--kup_radio_primary_color:var( --kup-radio-primary-color, var(--kup-text-primary) );--kup_radio_primary_color_rgb:var( --kup-radio-primary-color-rgb, var(--kup-text-primary-rgb) );--kup_radio_text_color:var(--kup-radio-text-color, var(--kup-text-primary));--kup_radio_text_color_disabled:var( --kup-radio-text-color-disabled, var(--kup-text-disabled) );font-family:var(--kup_radio_font_family);font-size:var(--kup_radio_font_size)}.f-radio .form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875em;font-weight:var(--kup_radio_font_weight);letter-spacing:0.0178571429em;display:flex;gap:var(--kup-space-03);align-items:center;vertical-align:middle}.f-radio .form-field.form--chevron{padding:var(--kup-space-03);justify-content:space-between}.f-radio .form-field.form--chevron .label-wrapper{display:flex;gap:var(--kup-space-03);order:2;align-items:center}.f-radio .form-field.form--chevron .radio--chevron{order:3}.f-radio .form-field label{color:var(--kup_radio_text_color);order:0;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:.16px}.f-radio .form-field.form-field--align-end label{margin-left:auto;margin-right:0px;padding-left:0px;padding-right:4px;order:-1 !important}.f-radio.radio-wrapper{display:grid;gap:var(--kup-space-03)}.f-radio.radio-wrapper.radio-wrapper--grid{display:grid;grid-gap:1em;grid-template-columns:var(--kup_radio_columns)}.f-radio.radio-wrapper .radio{border-radius:50%;position:relative;flex:0 0 auto;box-sizing:content-box;width:15px;height:15px;cursor:pointer;will-change:opacity,transform,border-color,color;will-change:transform,opacity;border:1px solid rgba(0,0,0,0)}.f-radio.radio-wrapper .radio:hover{border:1px solid var(--kup_radio_focus_color)}.f-radio.radio-wrapper .radio .radio__native-control{position:absolute;margin:0px;padding:0px;opacity:0;cursor:inherit;z-index:1;top:0px;right:0px;left:0px;width:15px;height:15px}.f-radio.radio-wrapper .radio .radio__background{display:inline-block;position:relative;box-sizing:border-box;width:15px;height:15px;transition:opacity 120ms cubic-bezier(0, 0, 0.2, 1) 0ms,transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.f-radio.radio-wrapper .radio .radio__background .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color);position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;border-width:1px;border-style:solid;border-radius:50%;transition:border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.f-radio.radio-wrapper .radio .radio__background .radio__inner-circle{position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:7.5px;border-style:solid;border-radius:50%;transition:transform 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.f-radio.radio-wrapper .radio.radio--checked .radio__outer-circle{border-color:var(--kup_radio_primary_color)}.f-radio.radio-wrapper .radio.radio--checked .radio__inner-circle{border-color:var(--kup_radio_primary_color);transform:scale(0.5);transition:transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms,border-color 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.f-radio.radio-wrapper .radio.radio--disabled{--kup_radio_outer_circle_color:var(--kup-border-disabled);--kup_radio_text_color:var(--kup-text-disabled);pointer-events:none}.f-radio.radio-wrapper .radio.radio--disabled+label{color:var(--kup_radio_text_color_disabled);pointer-events:none}.f-radio.radio-wrapper .radio.radio--disabled .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color)}.f-radio.radio-wrapper .radio.radio--disabled .radio__inner-circle{border-color:var(--kup_radio_outer_circle_color)}.f-radio.radio-wrapper .radio.radio--chevron:hover{border:1px solid rgba(0,0,0,0)}.f-radio.radio-wrapper.radio--chevron .radio:hover{border:1px solid rgba(0,0,0,0)}.f-radio.kup-horizontal{display:flex;gap:var(--kup-space-05)}.f-radio.kup-danger{--kup-radio-primary-color:var(--kup-danger-color);--kup-radio-primary-color-rgb:var(--kup-danger-color-rgb)}.f-radio.kup-info{--kup-radio-primary-color:var(--kup-info-color-50);--kup-radio-primary-color-rgb:var(--kup-info-color-rgb)}.f-radio.kup-secondary{--kup-radio-primary-color:var(--kup-secondary-color);--kup-radio-primary-color-rgb:var(--kup-secondary-color-rgb)}.f-radio.kup-success{--kup-radio-primary-color:var(--kup-success-color);--kup-radio-primary-color-rgb:var(--kup-success-color-rgb)}.f-radio.kup-warning{--kup-radio-primary-color:var(--kup-warning-color-50);--kup-radio-primary-color-rgb:var(--kup-warning-color-rgb)}";
 const fRadioCss$1 = fRadioCss;
 
 const fRatingCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.f-rating{--kup_rating_color:var(--kup-rating-color, #ffa000);--kup_rating_font_size:var(--kup-rating-font-size, 20px)}.f-rating .rating{color:var(--kup_rating_color);cursor:pointer;font-size:var(--kup_rating_font_size)}.f-rating.disabled .rating{opacity:.5;cursor:auto}";
@@ -8235,6 +8235,7 @@ const RADAdapter = (value, options) => ({
             value: option.id,
             label: option.label,
             checked: option.id == value,
+            icon: option.icon,
         }))
         : [],
 });