@rededor/cura 2.0.0-alpha.10 → 2.0.0-alpha.12

package/dist/components/cura-switch.js

@@ -1,201 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-import { f as formsSizes } from './p-Dot54hbB.js';
-import { d as defineCustomElement$2 } from './p-DR1RHrEX.js';
-
-const curaSwitchCss = "@charset \"UTF-8\";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);text-align:left;cursor:pointer}.position{flex-direction:row}.info{overflow:hidden}.label,.message{text-align:left}.control{width:fit-content}.track{background:var(--neutral-dark-base);border-radius:16px;transition:background-color 0.3s;align-items:flex-start;flex-shrink:0;box-sizing:border-box;width:var(--size-track);height:var(--size);position:relative}.thumb{background:var(--neutral-purewhite);border:2px solid var(--neutral-darker-medium);border-radius:50%;position:absolute;transition:transform 0.3s, outline 0.3s;display:inline-block;cursor:pointer;user-select:none;box-sizing:border-box;width:var(--size);height:var(--size);top:50%;transform:translateY(-50%)}.checked .thumb{border-color:var(--color-dark);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));background:var(--neutral-purewhite);transform:translateX(var(--size)) translateY(-50%)}.checked .thumb:hover{background:var(--neutral-pale) !important;border-color:var(--neutral-darker-medium) !important}.checked .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}.checked .track{background:var(--color-base-light)}.disabled .track{background:var(--neutral-black-neutral-pale)}.disabled .thumb{background:var(--neutral-black-neutral-base) !important;border-color:var(--neutral-black-neutral-pale) !important;cursor:not-allowed}.disabled.checked .track{background:var(--neutral-black-neutral-pale)}.container.disabled .thumb:focus{outline:none !important;border-color:var(--neutral-black-neutral-pale) !important}:not(.disabled):not(.checked) .thumb:hover{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled):not(.checked) .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled) .thumb:focus{outline:2px solid var(--info-base) !important;border:2px solid var(--neutral-darker-medium);z-index:1}:not(.disabled) .checked .thumb:focus{outline:2px solid var(--info-base) !important;border-color:var(--color-dark)}";
-
-const CuraSwitch$1 = /*@__PURE__*/ proxyCustomElement(class CuraSwitch extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.onchange = createEvent(this, "onchange");
-        this.internals = this.attachInternals();
-        /**
-         * Indicates whether the switch is checked or not.
-         */
-        this.checked = false;
-        /**
-         * Indicates whether the switch is disabled or not.
-         */
-        this.disabled = false;
-        /**
-         * The label text to display next to the switch.
-         */
-        this.label = '';
-        /**
-         * Tab index for the switch element.
-         * Reflects as an HTML attribute.
-         */
-        this.ontabindex = 0;
-        /**
-         * Position of the label relative to the switch.
-         * Can be 'left' or 'right'.
-         */
-        this.position = 'left';
-        /**
-         * Size of the switch.
-         * Can be 'small', 'medium', or 'large'.
-         */
-        this.size = 'medium';
-        /**
-         * Background style of the switch.
-         * Can be 'dark' or 'light'.
-         */
-        this.background = 'light';
-        /**
-         * Accent color of the switch.
-         */
-        this.color = 'accent';
-        /**
-         * Controls how the label text should handle overflow.
-         * - `'none'`: No overflow handling; the label displays normally.
-         * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
-         * - `string`: Custom overflow handling mode.
-         *
-         * @default 'none'
-         */
-        this.overflowLabel = 'none';
-        /**
-         * Controls how the helper text should handle overflow.
-         * - `'none'`: No overflow handling; the label displays normally.
-         * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.
-         * - `string`: Custom overflow handling mode.
-         *
-         * @default 'none'
-         */
-        this.overflowHelper = 'none';
-        this.styles = {};
-        this.sizes = {
-            large: { size: 64 },
-            medium: { size: 48 },
-            small: { size: 40 },
-        };
-        this.isDarkbackground = () => this.background === 'dark';
-        this.toggleSwitch = () => {
-            if (this.disabled)
-                return null;
-            this.checked = !this.checked;
-            this.internals.setFormValue(this.checked.toString());
-            this.onchange.emit({ checked: this.checked });
-        };
-    }
-    sizeHandler() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--size-track': `${this.sizes[this.size].size}px`, '--size': `${formsSizes[this.size].size}px`, '--gap': `${formsSizes[this.size].gap}px` });
-    }
-    setColors() {
-        const colors = [
-            { name: '--info-base', background: 'info-base' },
-            { name: '--neutral-black-shadow', background: 'neutral-black', opacity: 0.16 },
-            { name: '--neutral-purewhite', background: 'neutral-purewhite' },
-            { name: '--neutral-medium', background: 'neutral-medium' },
-            { name: '--neutral-pale', background: 'neutral-pale' },
-            { name: '--neutral-dark-base', background: `neutral-${this.isDarkbackground() ? 'dark' : 'base'}` },
-            { name: '--neutral-darker-medium', background: `neutral-${this.isDarkbackground() ? 'darker' : 'medium'}` },
-            { name: '--neutral-black-neutral-pale', background: `${this.isDarkbackground() ? 'neutral-black' : 'neutral-pale'}` },
-            { name: '--neutral-black-neutral-base', background: `${this.isDarkbackground() ? 'neutral-dark' : 'neutral-base'}` },
-            { name: '--color-base-light', background: `${this.color}-light` },
-            { name: '--color-dark', background: `${this.color}-dark` },
-        ];
-        colors.forEach(color => {
-            this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background, color === null || color === void 0 ? void 0 : color.opacity);
-        });
-        this.styles = Object.assign({}, this.styles);
-    }
-    connectedCallback() {
-        this.sizeHandler();
-        this.setColors();
-    }
-    /**
-     * Callback for form association.
-     */
-    formAssociatedCallback(form) {
-        form.ariaLabel = this.label;
-    }
-    /**
-     * Callback to restore the switch state from the form.
-     */
-    formStateRestoreCallback(state) {
-        this.checked = state.value === 'true';
-        this.internals.setFormValue(this.checked.toString());
-    }
-    /**
-     * Callback to reset the switch state when the form is reset.
-     */
-    formResetCallback() {
-        this.checked = false;
-        this.internals.setValidity({});
-        this.internals.setFormValue(this.checked.toString());
-    }
-    /**
-     * Callback to update the switch's disabled state when the form's disabled state changes.
-     */
-    formDisabledCallback(disabled) {
-        this.disabled = disabled;
-    }
-    assignColor(colorDark, colorLight) {
-        if (this.disabled)
-            return this.isDarkbackground() ? 'neutral-dark' : 'neutral-dark';
-        return this.isDarkbackground() ? colorDark : colorLight;
-    }
-    getClasses() {
-        const classes = {};
-        classes['container'] = true;
-        classes['checked'] = this.checked;
-        classes['disabled'] = this.disabled;
-        classes['position'] = this.position === 'right';
-        return classes;
-    }
-    render() {
-        return (h(Host, { key: '39e910a3c68672eb23a123529a77f8ee0d1093aa', role: "switch", "aria-checked": this.checked, "aria-disabled": this.disabled }, h("div", { key: '649b89d2709b8afa30cfc1ba549d45ac3c9c04a1', class: this.getClasses(), style: this.styles, onClick: this.toggleSwitch }, h("div", { key: '4b1c7d704f0db997a4738abbd248c3a0bbcfdfcd', class: "info" }, h("cura-label", { key: 'b225b06ed00144348d08bb95c8a5bf2f1f48e610', textOverflow: this.overflowLabel, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, class: "label", weight: "bold", size: this.size === 'large' ? 'medium' : 'xsmall', lineHeight: "125%", color: this.assignColor('neutral-white', 'neutral-black') }, this.label), h("cura-label", { key: '22f5e79e0b2e98867663a9a60436d11bc2ce236e', textOverflow: this.overflowHelper, style: { textAlign: this.position === 'right' ? 'right' : 'left' }, color: this.assignColor('primary-lighter', 'neutral-dark'), size: "xsmall", class: "message" }, h("slot", { key: 'd9ed12c05133baeec10aa149f26d6dc01b2e3cd8' }))), h("div", { key: 'd51364956de2b53735285109dd457cbff9500eb7', class: "control" }, h("div", { key: '5f1ce68eba5430eac69d670a72c4abd48a79a90d', class: `track ${this.size.toLowerCase()}` }, h("div", { key: '5077af32559bc7eb183745544844d01a6078ee1d', class: `thumb ${this.size.toLowerCase()}`, tabIndex: this.ontabindex }))))));
-    }
-    static get formAssociated() { return true; }
-    static get watchers() { return {
-        "size": ["sizeHandler"],
-        "color": ["setColors"],
-        "background": ["setColors"]
-    }; }
-    static get style() { return curaSwitchCss; }
-}, [65, "cura-switch", {
-        "checked": [1540],
-        "disabled": [516],
-        "label": [513],
-        "ontabindex": [514],
-        "position": [513],
-        "size": [513],
-        "background": [1],
-        "color": [1],
-        "overflowLabel": [513, "overflow-label"],
-        "overflowHelper": [513, "overflow-helper"],
-        "styles": [32]
-    }, undefined, {
-        "size": ["sizeHandler"],
-        "color": ["setColors"],
-        "background": ["setColors"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-switch", "cura-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-switch":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraSwitch$1);
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraSwitch = CuraSwitch$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraSwitch, defineCustomElement };
-//# sourceMappingURL=cura-switch.js.map
-
-//# sourceMappingURL=cura-switch.js.map
+import{p as e,H as a,k as t,i as r,j as s,t as i}from"./p-DBXUEjWh.js";import{f as o}from"./p-Dot54hbB.js";import{d as l}from"./p-BSdkRryc.js";const n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onchange=t(this,"onchange"),this.internals=this.attachInternals(),this.checked=!1,this.disabled=!1,this.label="",this.ontabindex=0,this.position="left",this.size="medium",this.background="light",this.color="accent",this.overflowLabel="none",this.overflowHelper="none",this.styles={},this.sizes={large:{size:64},medium:{size:48},small:{size:40}},this.isDarkbackground=()=>"dark"===this.background,this.toggleSwitch=()=>{if(this.disabled)return null;this.checked=!this.checked,this.internals.setFormValue(""+this.checked),this.onchange.emit({checked:this.checked})}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size-track":this.sizes[this.size].size+"px","--size":o[this.size].size+"px","--gap":o[this.size].gap+"px"})}setColors(){[{name:"--info-base",background:"info-base"},{name:"--neutral-black-shadow",background:"neutral-black",opacity:.16},{name:"--neutral-purewhite",background:"neutral-purewhite"},{name:"--neutral-medium",background:"neutral-medium"},{name:"--neutral-pale",background:"neutral-pale"},{name:"--neutral-dark-base",background:"neutral-"+(this.isDarkbackground()?"dark":"base")},{name:"--neutral-darker-medium",background:"neutral-"+(this.isDarkbackground()?"darker":"medium")},{name:"--neutral-black-neutral-pale",background:this.isDarkbackground()?"neutral-black":"neutral-pale"},{name:"--neutral-black-neutral-base",background:this.isDarkbackground()?"neutral-dark":"neutral-base"},{name:"--color-base-light",background:this.color+"-light"},{name:"--color-dark",background:this.color+"-dark"}].forEach((e=>{this.styles[e.name]=window.CuraAPI.theme.colors.getColor(e.background,null==e?void 0:e.opacity)})),this.styles=Object.assign({},this.styles)}connectedCallback(){this.sizeHandler(),this.setColors()}formAssociatedCallback(e){e.ariaLabel=this.label}formStateRestoreCallback(e){this.checked="true"===e.value,this.internals.setFormValue(""+this.checked)}formResetCallback(){this.checked=!1,this.internals.setValidity({}),this.internals.setFormValue(""+this.checked)}formDisabledCallback(e){this.disabled=e}assignColor(e,a){return this.disabled?(this.isDarkbackground(),"neutral-dark"):this.isDarkbackground()?e:a}getClasses(){const e={container:!0};return e.checked=this.checked,e.disabled=this.disabled,e.position="right"===this.position,e}render(){return r(s,{key:"39e910a3c68672eb23a123529a77f8ee0d1093aa",role:"switch","aria-checked":this.checked,"aria-disabled":this.disabled},r("div",{key:"649b89d2709b8afa30cfc1ba549d45ac3c9c04a1",class:this.getClasses(),style:this.styles,onClick:this.toggleSwitch},r("div",{key:"4b1c7d704f0db997a4738abbd248c3a0bbcfdfcd",class:"info"},r("cura-label",{key:"b225b06ed00144348d08bb95c8a5bf2f1f48e610",textOverflow:this.overflowLabel,style:{textAlign:"right"===this.position?"right":"left"},class:"label",weight:"bold",size:"large"===this.size?"medium":"xsmall",lineHeight:"125%",color:this.assignColor("neutral-white","neutral-black")},this.label),r("cura-label",{key:"22f5e79e0b2e98867663a9a60436d11bc2ce236e",textOverflow:this.overflowHelper,style:{textAlign:"right"===this.position?"right":"left"},color:this.assignColor("primary-lighter","neutral-dark"),size:"xsmall",class:"message"},r("slot",{key:"d9ed12c05133baeec10aa149f26d6dc01b2e3cd8"}))),r("div",{key:"d51364956de2b53735285109dd457cbff9500eb7",class:"control"},r("div",{key:"5f1ce68eba5430eac69d670a72c4abd48a79a90d",class:"track "+this.size.toLowerCase()},r("div",{key:"5077af32559bc7eb183745544844d01a6078ee1d",class:"thumb "+this.size.toLowerCase(),tabIndex:this.ontabindex})))))}static get formAssociated(){return!0}static get watchers(){return{size:[{sizeHandler:0}],color:[{setColors:0}],background:[{setColors:0}]}}static get style(){return'@charset "UTF-8";:host{display:block;box-sizing:border-box;min-width:0}.container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);text-align:left;cursor:pointer}.position{flex-direction:row}.info{overflow:hidden}.label,.message{text-align:left}.control{width:fit-content}.track{background:var(--neutral-dark-base);border-radius:16px;transition:background-color 0.3s;align-items:flex-start;flex-shrink:0;box-sizing:border-box;width:var(--size-track);height:var(--size);position:relative}.thumb{background:var(--neutral-purewhite);border:2px solid var(--neutral-darker-medium);border-radius:50%;position:absolute;transition:transform 0.3s, outline 0.3s;display:inline-block;cursor:pointer;user-select:none;box-sizing:border-box;width:var(--size);height:var(--size);top:50%;transform:translateY(-50%)}.checked .thumb{border-color:var(--color-dark);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));background:var(--neutral-purewhite);transform:translateX(var(--size)) translateY(-50%)}.checked .thumb:hover{background:var(--neutral-pale) !important;border-color:var(--neutral-darker-medium) !important}.checked .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}.checked .track{background:var(--color-base-light)}.disabled .track{background:var(--neutral-black-neutral-pale)}.disabled .thumb{background:var(--neutral-black-neutral-base) !important;border-color:var(--neutral-black-neutral-pale) !important;cursor:not-allowed}.disabled.checked .track{background:var(--neutral-black-neutral-pale)}.container.disabled .thumb:focus{outline:none !important;border-color:var(--neutral-black-neutral-pale) !important}:not(.disabled):not(.checked) .thumb:hover{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled):not(.checked) .thumb:active{border-color:var(--color-dark);background:var(--neutral-pale)}:not(.disabled) .thumb:focus{outline:2px solid var(--info-base) !important;border:2px solid var(--neutral-darker-medium);z-index:1}:not(.disabled) .checked .thumb:focus{outline:2px solid var(--info-base) !important;border-color:var(--color-dark)}'}},[321,"cura-switch",{checked:[1540],disabled:[516],label:[513],ontabindex:[514],position:[513],size:[513],background:[1],color:[1],overflowLabel:[513,"overflow-label"],overflowHelper:[513,"overflow-helper"],styles:[32]},void 0,{size:[{sizeHandler:0}],color:[{setColors:0}],background:[{setColors:0}]}]),c=n,d=function(){"undefined"!=typeof customElements&&["cura-switch","cura-label"].forEach((e=>{switch(e){case"cura-switch":customElements.get(i(e))||customElements.define(i(e),n);break;case"cura-label":customElements.get(i(e))||l()}}))};export{c as CuraSwitch,d as defineCustomElement}

package/dist/components/cura-tabs-button.js

@@ -1,148 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-import { l as labelSizes } from './p-CHcd-uKK.js';
-import { d as defineCustomElement$4 } from './p-C72aF-gL.js';
-import { d as defineCustomElement$3 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$2 } from './p-DR1RHrEX.js';
-
-const curaTabsButtonCss = ":host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;display:flex;align-items:center;justify-content:center;min-width:120px;width:fit-content;border:2px solid var(--border-color);border-radius:4px}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.selected),:host a:not(.selected){border:2px solid var(--border-color)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button cura-badge-counter,:host a cura-badge-counter{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--background-color-selected)}:host button.selected.disabled,:host a.selected.disabled{border-color:transparent;background-color:var(--background-disabled-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:not(.selected),:host a.disabled:not(.selected){border-color:var(--neutral-dark)}";
-
-const CuraTabs = /*@__PURE__*/ proxyCustomElement(class CuraTabs extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tabSelect = createEvent(this, "tabSelect");
-        this.counter = 1;
-        this.selected = false;
-        this.disabled = false;
-        this.size = 'large';
-        this.colorMode = 'light';
-        this.hovered = false;
-        this.styles = {};
-    }
-    setColors() {
-        const colors = [
-            { name: '--background-color-selected', theme: this.colorMode === 'light' ? 'primary-base' : 'primary-light' },
-            { name: '--background-color-hover', theme: this.colorMode === 'light' ? 'primary-light' : null },
-            {
-                name: '--background-disabled-selected',
-                theme: this.colorMode === 'light' ? 'neutral-white' : 'neutral-black',
-            },
-            {
-                name: '--border-color',
-                theme: this.colorMode === 'light' ? 'primary-base' : 'primary-light',
-            },
-        ];
-        colors.forEach(c => {
-            if (c.theme)
-                this.styles[c.name] = window.CuraAPI.theme.colors.getColor(c.theme);
-        });
-        this.styles = Object.assign({}, this.styles);
-    }
-    computeContentColor() {
-        if (this.disabled)
-            return 'neutral-dark';
-        if (this.colorMode === 'dark') {
-            if (this.hovered && !this.selected) {
-                return 'neutral-purewhite';
-            }
-            return this.selected ? 'neutral-black' : 'primary-lighter';
-        }
-        return this.selected ? 'neutral-purewhite' : 'primary-dark';
-    }
-    getIcon() {
-        if (!this.iconName)
-            return '';
-        const iconSize = this.size === 'large' ? 20 : 16;
-        const iconColor = this.computeContentColor();
-        return h("cura-icon", { name: this.iconName, size: iconSize, color: iconColor });
-    }
-    getClasses() {
-        return {
-            [this.size]: true,
-            [this.colorMode]: true,
-            selected: this.selected,
-            disabled: this.disabled,
-        };
-    }
-    getCounter() {
-        return h("cura-badge-counter", { number: this.counter, color: "primary", disabled: this.disabled, class: "badge-number" });
-    }
-    connectedCallback() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--primary-dark': window.CuraAPI.theme.colors.getColor('primary-dark'), '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'), '--neutral-dark': window.CuraAPI.theme.colors.getColor('neutral-dark'), '--base-spacing': window.CuraAPI.theme.spacing.getSpacing() });
-        this.setColors();
-    }
-    handleMouseEnter() {
-        if (this.disabled)
-            return;
-        this.hovered = true;
-    }
-    handleMouseLeave() {
-        this.hovered = false;
-    }
-    handleClick(e) {
-        if (this.disabled) {
-            e.preventDefault();
-            return;
-        }
-        this.selected = !this.selected;
-        this.tabSelect.emit({ name: this.name });
-    }
-    render() {
-        const labelSize = labelSizes[this.size] || labelSizes['default'];
-        const labelColor = this.computeContentColor();
-        return (h(Host, { key: '9410b9c68061ffb5d838fe6ab2f409be9b90c6ac', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: '1ac26d9b41e072f1ec3668d66fee83679640c54f', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), h("cura-label", { key: 'ff854d36883b062d699388e71e6315f76f008f79', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '6ab5c0cdea38f9094bb382943fe25c3967a681ab' })), this.counter > 0 && this.getCounter())));
-    }
-    static get watchers() { return {
-        "colorMode": ["setColors"]
-    }; }
-    static get style() { return curaTabsButtonCss; }
-}, [1, "cura-tabs-button", {
-        "name": [513],
-        "iconName": [513, "icon-name"],
-        "counter": [1538],
-        "selected": [1540],
-        "disabled": [1540],
-        "size": [513],
-        "colorMode": [1537, "color-mode"],
-        "hovered": [32],
-        "styles": [32]
-    }, undefined, {
-        "colorMode": ["setColors"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-tabs-button", "cura-badge-counter", "cura-icon", "cura-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-tabs-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraTabs);
-            }
-            break;
-        case "cura-badge-counter":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraTabsButton = CuraTabs;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraTabsButton, defineCustomElement };
-//# sourceMappingURL=cura-tabs-button.js.map
-
-//# sourceMappingURL=cura-tabs-button.js.map
+import{p as e,H as t,k as r,i as s,j as o,t as a}from"./p-DBXUEjWh.js";import{l as i}from"./p-CHcd-uKK.js";import{d as c}from"./p-B2RN7oe_.js";import{d as n}from"./p-fn4zJrKE.js";import{d as l}from"./p-BSdkRryc.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tabSelect=r(this,"tabSelect"),this.counter=1,this.selected=!1,this.disabled=!1,this.size="large",this.colorMode="light",this.hovered=!1,this.styles={}}setColors(){[{name:"--background-color-selected",theme:"light"===this.colorMode?"primary-base":"primary-light"},{name:"--background-color-hover",theme:"light"===this.colorMode?"primary-light":null},{name:"--background-disabled-selected",theme:"light"===this.colorMode?"neutral-white":"neutral-black"},{name:"--border-color",theme:"light"===this.colorMode?"primary-base":"primary-light"}].forEach((e=>{e.theme&&(this.styles[e.name]=window.CuraAPI.theme.colors.getColor(e.theme))})),this.styles=Object.assign({},this.styles)}computeContentColor(){return this.disabled?"neutral-dark":"dark"===this.colorMode?this.hovered&&!this.selected?"neutral-purewhite":this.selected?"neutral-black":"primary-lighter":this.selected?"neutral-purewhite":"primary-dark"}getIcon(){if(!this.iconName)return"";const e="large"===this.size?20:16,t=this.computeContentColor();return s("cura-icon",{name:this.iconName,size:e,color:t})}getClasses(){return{[this.size]:!0,[this.colorMode]:!0,selected:this.selected,disabled:this.disabled}}getCounter(){return s("cura-badge-counter",{number:this.counter,color:"primary",disabled:this.disabled,class:"badge-number"})}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--primary-dark":window.CuraAPI.theme.colors.getColor("primary-dark"),"--neutral-purewhite":window.CuraAPI.theme.colors.getColor("neutral-purewhite"),"--neutral-dark":window.CuraAPI.theme.colors.getColor("neutral-dark"),"--base-spacing":window.CuraAPI.theme.spacing.getSpacing()}),this.setColors()}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}handleClick(e){this.disabled?e.preventDefault():(this.selected=!this.selected,this.tabSelect.emit({name:this.name}))}render(){const e=i[this.size]||i.default,t=this.computeContentColor();return s(o,{key:"9410b9c68061ffb5d838fe6ab2f409be9b90c6ac",role:"button","aria-pressed":this.selected,"aria-disabled":this.disabled},s("button",{key:"1ac26d9b41e072f1ec3668d66fee83679640c54f",class:this.getClasses(),style:this.styles,onClick:e=>this.handleClick(e),disabled:this.disabled,onMouseEnter:this.handleMouseEnter.bind(this),onMouseLeave:this.handleMouseLeave.bind(this)},this.getIcon(),s("cura-label",{key:"ff854d36883b062d699388e71e6315f76f008f79",size:e,color:t,lineHeight:"0",marginBlock:"0"},s("slot",{key:"6ab5c0cdea38f9094bb382943fe25c3967a681ab"})),this.counter>0&&this.getCounter()))}static get watchers(){return{colorMode:[{setColors:0}]}}static get style(){return":host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;display:flex;align-items:center;justify-content:center;min-width:120px;width:fit-content;border:2px solid var(--border-color);border-radius:4px}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.selected),:host a:not(.selected){border:2px solid var(--border-color)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button cura-badge-counter,:host a cura-badge-counter{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--background-color-selected)}:host button.selected.disabled,:host a.selected.disabled{border-color:transparent;background-color:var(--background-disabled-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:not(.selected),:host a.disabled:not(.selected){border-color:var(--neutral-dark)}"}},[257,"cura-tabs-button",{name:[513],iconName:[513,"icon-name"],counter:[1538],selected:[1540],disabled:[1540],size:[513],colorMode:[1537,"color-mode"],hovered:[32],styles:[32]},void 0,{colorMode:[{setColors:0}]}]),h=d,u=function(){"undefined"!=typeof customElements&&["cura-tabs-button","cura-badge-counter","cura-icon","cura-label"].forEach((e=>{switch(e){case"cura-tabs-button":customElements.get(a(e))||customElements.define(a(e),d);break;case"cura-badge-counter":customElements.get(a(e))||c();break;case"cura-icon":customElements.get(a(e))||n();break;case"cura-label":customElements.get(a(e))||l()}}))};export{h as CuraTabsButton,u as defineCustomElement}

package/dist/components/cura-tabs-group.js

@@ -1,64 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-
-const curaTabsGroupCss = ":host{display:flex;gap:var(--gap)}:host(.border-bottom){position:relative}:host(.border-bottom)::after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border-color);z-index:0}::slotted(cura-tabs),::slotted(cura-tabs-transparent){position:relative;z-index:1}";
-
-const CuraTabsGroup$1 = /*@__PURE__*/ proxyCustomElement(class CuraTabsGroup extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tabChange = createEvent(this, "tabChange");
-        this.gap = 0;
-        this.borderBottom = true;
-        this.colorMode = 'light';
-        this.styles = {};
-    }
-    handleTabSelect(ev) {
-        this.updateSelectedTab(ev.detail.name);
-    }
-    updateSelectedTab(value) {
-        const tabs = this.host.querySelectorAll('cura-tabs, cura-tabs-transparent, cura-tabs-button');
-        tabs.forEach((tab) => {
-            tab.selected = tab.name === value;
-        });
-    }
-    getClasses() {
-        return {
-            'border-bottom': this.borderBottom,
-        };
-    }
-    connectedCallback() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--border-color': window.CuraAPI.theme.colors.getColor(this.colorMode === 'light' ? 'neutral-base' : 'primary-base'), '--gap': `${this.gap}px` });
-    }
-    render() {
-        return (h(Host, { key: 'fb6a6ae52fd5bdfb8c3978a75f26be87479ccafa', role: "tablist", style: this.styles, class: this.getClasses() }, h("slot", { key: 'afca97b27c8359f8236331257e4db41f1332e071' })));
-    }
-    get host() { return this; }
-    static get style() { return curaTabsGroupCss; }
-}, [1, "cura-tabs-group", {
-        "gap": [514],
-        "borderBottom": [1540, "border-bottom"],
-        "colorMode": [1537, "color-mode"],
-        "styles": [32]
-    }, [[0, "tabSelect", "handleTabSelect"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-tabs-group"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-tabs-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraTabsGroup$1);
-            }
-            break;
-    } });
-}
-
-const CuraTabsGroup = CuraTabsGroup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraTabsGroup, defineCustomElement };
-//# sourceMappingURL=cura-tabs-group.js.map
-
-//# sourceMappingURL=cura-tabs-group.js.map
+import{p as t,H as e,k as s,i as a,j as o,t as r}from"./p-DBXUEjWh.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChange=s(this,"tabChange"),this.gap=0,this.borderBottom=!0,this.colorMode="light",this.styles={}}handleTabSelect(t){this.updateSelectedTab(t.detail.name)}updateSelectedTab(t){this.host.querySelectorAll("cura-tabs, cura-tabs-transparent, cura-tabs-button").forEach((e=>{e.selected=e.name===t}))}getClasses(){return{"border-bottom":this.borderBottom}}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--border-color":window.CuraAPI.theme.colors.getColor("light"===this.colorMode?"neutral-base":"primary-base"),"--gap":this.gap+"px"})}render(){return a(o,{key:"fb6a6ae52fd5bdfb8c3978a75f26be87479ccafa",role:"tablist",style:this.styles,class:this.getClasses()},a("slot",{key:"afca97b27c8359f8236331257e4db41f1332e071"}))}get host(){return this}static get style(){return':host{display:flex;gap:var(--gap)}:host(.border-bottom){position:relative}:host(.border-bottom)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border-color);z-index:0}::slotted(cura-tabs),::slotted(cura-tabs-transparent){position:relative;z-index:1}'}},[257,"cura-tabs-group",{gap:[514],borderBottom:[1540,"border-bottom"],colorMode:[1537,"color-mode"],styles:[32]},[[0,"tabSelect","handleTabSelect"]]]),b=i,c=function(){"undefined"!=typeof customElements&&["cura-tabs-group"].forEach((t=>{"cura-tabs-group"===t&&(customElements.get(r(t))||customElements.define(r(t),i))}))};export{b as CuraTabsGroup,c as defineCustomElement}

package/dist/components/cura-tabs-transparent.js

@@ -1,141 +1 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D1cPOZpG.js';
-import { l as labelSizes } from './p-CHcd-uKK.js';
-import { d as defineCustomElement$3 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$2 } from './p-DR1RHrEX.js';
-
-const curaTabsTransparentCss = ":host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;min-width:120px;width:fit-content;display:flex;align-items:center;justify-content:center}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.border-bottom,:host a.border-bottom{border-bottom:1px solid var(--border-bottom-color)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:not(.selected),:host a:not(.selected){border-color:var(--border-color)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer}:host button.selected:not(.disabled),:host a.selected:not(.disabled){border-bottom:1px solid var(--border-bottom-color-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}";
-
-const CuraTabsTransparent$1 = /*@__PURE__*/ proxyCustomElement(class CuraTabsTransparent extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tabSelect = createEvent(this, "tabSelect");
-        this.selected = false;
-        this.disabled = false;
-        this.borderBottom = true;
-        this.size = 'large';
-        this.colorMode = 'light';
-        this.hovered = false;
-        this.styles = {};
-    }
-    setColors() {
-        const colors = [
-            {
-                name: '--border-bottom-color',
-                theme: this.colorMode === 'light' ? 'neutral-base' : 'primary',
-            },
-            {
-                name: '--border-bottom-color-selected',
-                theme: this.colorMode === 'light' ? 'primary-dark' : 'primary-lighter',
-            },
-        ];
-        colors.forEach(c => {
-            if (c.theme)
-                this.styles[c.name] = window.CuraAPI.theme.colors.getColor(c.theme);
-        });
-        this.styles = Object.assign({}, this.styles);
-    }
-    computeContentColor() {
-        if (this.disabled)
-            return 'neutral-dark';
-        if (this.colorMode === 'dark') {
-            if (this.hovered && !this.selected) {
-                return 'neutral-purewhite';
-            }
-            return this.selected ? 'primary-lighter' : 'neutral-purewhite';
-        }
-        if (this.hovered && !this.selected) {
-            return 'primary-dark';
-        }
-        return this.selected ? 'primary-base' : 'neutral-black';
-    }
-    getIcon() {
-        if (!this.iconName)
-            return '';
-        const iconSize = this.size === 'large' ? 20 : 16;
-        const iconColor = this.computeContentColor();
-        return h("cura-icon", { name: this.iconName, size: iconSize, color: iconColor });
-    }
-    getClasses() {
-        return {
-            [this.size]: true,
-            [this.colorMode]: true,
-            'selected': this.selected,
-            'disabled': this.disabled,
-            'border-bottom': this.borderBottom,
-        };
-    }
-    connectedCallback() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--primary-dark': window.CuraAPI.theme.colors.getColor('primary-dark'), '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'), '--base-spacing': window.CuraAPI.theme.spacing.getSpacing() });
-        this.setColors();
-    }
-    handleMouseEnter() {
-        if (this.disabled)
-            return;
-        this.hovered = true;
-    }
-    handleMouseLeave() {
-        this.hovered = false;
-    }
-    handleClick(e) {
-        if (this.disabled) {
-            e.preventDefault();
-            return;
-        }
-        this.selected = !this.selected;
-        this.tabSelect.emit({ name: this.name });
-    }
-    render() {
-        const labelSize = labelSizes[this.size] || labelSizes['default'];
-        const labelColor = this.computeContentColor();
-        return (h(Host, { key: 'd3c9e277a079381def09397dc922d697aa99d70a', role: "button", "aria-pressed": this.selected, "aria-disabled": this.disabled }, h("button", { key: 'ab4cac9782f48c367c4ada4e303f9422971dc38e', class: this.getClasses(), style: this.styles, onClick: e => this.handleClick(e), disabled: this.disabled, onMouseEnter: this.handleMouseEnter.bind(this), onMouseLeave: this.handleMouseLeave.bind(this) }, this.getIcon(), h("cura-label", { key: 'c6567bdf7b80efc3380a8a93bf52de966e1caa7d', size: labelSize, color: labelColor, lineHeight: "0", marginBlock: "0" }, h("slot", { key: '93c392107790a2c0e3499e5b7bd742219203a980' })))));
-    }
-    static get watchers() { return {
-        "colorMode": ["setColors"]
-    }; }
-    static get style() { return curaTabsTransparentCss; }
-}, [1, "cura-tabs-transparent", {
-        "name": [513],
-        "iconName": [513, "icon-name"],
-        "selected": [1540],
-        "disabled": [1540],
-        "borderBottom": [1540, "border-bottom"],
-        "size": [513],
-        "colorMode": [1537, "color-mode"],
-        "hovered": [32],
-        "styles": [32]
-    }, undefined, {
-        "colorMode": ["setColors"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-tabs-transparent", "cura-icon", "cura-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-tabs-transparent":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraTabsTransparent$1);
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraTabsTransparent = CuraTabsTransparent$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraTabsTransparent, defineCustomElement };
-//# sourceMappingURL=cura-tabs-transparent.js.map
-
-//# sourceMappingURL=cura-tabs-transparent.js.map
+import{p as t,H as e,k as o,i as s,j as r,t as a}from"./p-DBXUEjWh.js";import{l as i}from"./p-CHcd-uKK.js";import{d as n}from"./p-fn4zJrKE.js";import{d as c}from"./p-BSdkRryc.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabSelect=o(this,"tabSelect"),this.selected=!1,this.disabled=!1,this.borderBottom=!0,this.size="large",this.colorMode="light",this.hovered=!1,this.styles={}}setColors(){[{name:"--border-bottom-color",theme:"light"===this.colorMode?"neutral-base":"primary"},{name:"--border-bottom-color-selected",theme:"light"===this.colorMode?"primary-dark":"primary-lighter"}].forEach((t=>{t.theme&&(this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme))})),this.styles=Object.assign({},this.styles)}computeContentColor(){return this.disabled?"neutral-dark":"dark"===this.colorMode?this.hovered&&!this.selected?"neutral-purewhite":this.selected?"primary-lighter":"neutral-purewhite":this.hovered&&!this.selected?"primary-dark":this.selected?"primary-base":"neutral-black"}getIcon(){if(!this.iconName)return"";const t="large"===this.size?20:16,e=this.computeContentColor();return s("cura-icon",{name:this.iconName,size:t,color:e})}getClasses(){return{[this.size]:!0,[this.colorMode]:!0,selected:this.selected,disabled:this.disabled,"border-bottom":this.borderBottom}}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--primary-dark":window.CuraAPI.theme.colors.getColor("primary-dark"),"--neutral-purewhite":window.CuraAPI.theme.colors.getColor("neutral-purewhite"),"--base-spacing":window.CuraAPI.theme.spacing.getSpacing()}),this.setColors()}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}handleClick(t){this.disabled?t.preventDefault():(this.selected=!this.selected,this.tabSelect.emit({name:this.name}))}render(){const t=i[this.size]||i.default,e=this.computeContentColor();return s(r,{key:"d3c9e277a079381def09397dc922d697aa99d70a",role:"button","aria-pressed":this.selected,"aria-disabled":this.disabled},s("button",{key:"ab4cac9782f48c367c4ada4e303f9422971dc38e",class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),disabled:this.disabled,onMouseEnter:this.handleMouseEnter.bind(this),onMouseLeave:this.handleMouseLeave.bind(this)},this.getIcon(),s("cura-label",{key:"c6567bdf7b80efc3380a8a93bf52de966e1caa7d",size:t,color:e,lineHeight:"0",marginBlock:"0"},s("slot",{key:"93c392107790a2c0e3499e5b7bd742219203a980"}))))}static get watchers(){return{colorMode:[{setColors:0}]}}static get style(){return":host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;min-width:120px;width:fit-content;display:flex;align-items:center;justify-content:center}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button.border-bottom,:host a.border-bottom{border-bottom:1px solid var(--border-bottom-color)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:not(.selected),:host a:not(.selected){border-color:var(--border-color)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer}:host button.selected:not(.disabled),:host a.selected:not(.disabled){border-bottom:1px solid var(--border-bottom-color-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}"}},[257,"cura-tabs-transparent",{name:[513],iconName:[513,"icon-name"],selected:[1540],disabled:[1540],borderBottom:[1540,"border-bottom"],size:[513],colorMode:[1537,"color-mode"],hovered:[32],styles:[32]},void 0,{colorMode:[{setColors:0}]}]),l=d,h=function(){"undefined"!=typeof customElements&&["cura-tabs-transparent","cura-icon","cura-label"].forEach((t=>{switch(t){case"cura-tabs-transparent":customElements.get(a(t))||customElements.define(a(t),d);break;case"cura-icon":customElements.get(a(t))||n();break;case"cura-label":customElements.get(a(t))||c()}}))};export{l as CuraTabsTransparent,h as defineCustomElement}