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

package/dist/components/cura-button.js

@@ -1,205 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-import { l as labelSizes } from './p-BSI2FkNn.js';
-import { d as defineCustomElement$4 } from './p-B5aO1chh.js';
-import { d as defineCustomElement$3 } from './p-DR1RHrEX.js';
-import { d as defineCustomElement$2 } from './p-Dqm2sAwv.js';
-
-const curaButtonCss = ":host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}: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:var(--color-base-neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid transparent;border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading)::before,:host a:not(.disabled):not(.isLoading)::before{border:2px solid var(--color-base-color-light)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background:var(--color-base-color-light);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host button:not(.disabled):not(.isLoading):hover::before,:host a:not(.disabled):not(.isLoading):hover::before{border-color:var(--color-dark-color-base)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark-color-light)}:host button:not(.isLoading):not(.disabled):active::before,:host a:not(.isLoading):not(.disabled):active::before{border-color:var(--color-dark-color-light)}:host button:hover,:host a:hover{box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{box-shadow:none !important}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-pale-neutral-black)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}";
-
-const CuraButton$1 = /*@__PURE__*/ proxyCustomElement(class CuraButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.internals = this.attachInternals();
-        /**
-         * Button type: button (default) | submit | reset
-         */
-        this.type = 'button';
-        /**
-         * Button size: small | medium | large (default)
-         */
-        this.size = 'large';
-        /**
-         * Disabled state. Boolean.
-         */
-        this.disabled = false;
-        /**
-         * Loading state. Boolean.
-         */
-        this.isLoading = false;
-        /**
-         * Custom iconset if needed.
-         */
-        this.iconset = 'default';
-        /**
-         * Icon position: left (default) | right.
-         */
-        this.iconPosition = 'left';
-        /**
-         * Set button to FAB/icon only.
-         */
-        this.iconOnly = false;
-        /**
-         * Set target if link.
-         */
-        this.target = "_self";
-        /**
-         * Color base from color scheme. Default: accent.
-         */
-        this.color = 'accent';
-        /**
-        * Set the background color to dark or light.
-        */
-        this.background = 'light';
-        /**
-        * Set the font color to dark or light.
-        */
-        this.fontColor = 'dark';
-        /**
-         * Set text aligment for the button label.
-         * Vales: left (default) | center | right.
-         */
-        this.textAlign = 'left';
-        /**
-         * Justify icons and label inside the button.
-         * Vales: false (default) | true.
-         */
-        this.justify = false;
-        this.styles = {};
-        this.hovered = false;
-    }
-    connectedCallback() {
-        this.weights = window.CuraAPI.theme.fonts.getWeights();
-        this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
-        this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
-        this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
-        this.styles['--font-weight-medium'] = this.weights.medium;
-        this.styles['--text-align'] = this.textAlign;
-        this.setColors();
-    }
-    setColors() {
-        const colors = [
-            { name: '--color-base-neutral-purewhite', theme: `${this.background === 'light' ? `${this.color}-base` : 'neutral-pale'}` },
-            { name: '--color-base-color-light', theme: `${this.background === 'light' ? `${this.color}-base` : `${this.color}-lighter`}` },
-            { name: '--color-dark-color-light', theme: `${this.background === 'light' ? `${this.color}-dark` : `${this.color}-light`}` },
-            { name: '--color-dark-color-base', theme: `${this.background === 'light' ? `${this.color}-dark` : `${this.color}-base`}` },
-            { name: '--neutral-pale-neutral-black', theme: `${this.background === 'light' ? 'neutral-pale' : 'neutral-black'}` },
-        ];
-        colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.theme));
-        this.styles = Object.assign({}, this.styles);
-    }
-    handleMouseEnter() {
-        if (this.disabled)
-            return;
-        this.hovered = true;
-    }
-    handleMouseLeave() {
-        this.hovered = false;
-    }
-    getClasses() {
-        var _a, _b;
-        const classes = {};
-        classes[`${(_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase()}`] = true;
-        classes[`icon-${(_b = this.iconPosition) === null || _b === void 0 ? void 0 : _b.toLowerCase()}`] = true;
-        classes[`icon-only`] = this.iconOnly;
-        classes['disabled'] = this.disabled;
-        classes['isLoading'] = this.isLoading;
-        classes['justify'] = this.justify;
-        return classes;
-    }
-    getIcon() {
-        if (!this.iconName)
-            return '';
-        const iconSize = this.size === 'large' ? 20 : 16;
-        return h("cura-icon", { name: this.iconName, iconset: this.iconset, size: iconSize, color: this.getSymbolColor() });
-    }
-    getSymbolColor() {
-        if (this.isLoading && this.fontColor === 'light' ? 'neutral-white' : 'neutral-black')
-            return this.disabled
-                ? 'neutral-dark'
-                : this.fontColor === 'light'
-                    ? 'neutral-white'
-                    : 'neutral-black';
-    }
-    handleClick(e) {
-        if (this.disabled || this.isLoading) {
-            e.preventDefault();
-            return;
-        }
-        if (!this.href) {
-            if (this.type === 'submit' && this.internals.form)
-                this.internals.form.submit();
-            if (this.type === 'reset' && this.internals.form)
-                this.internals.form.reset();
-        }
-    }
-    render() {
-        const symbolColor = this.getSymbolColor();
-        const labelSize = labelSizes[this.size] || labelSizes["default"];
-        return (h(Host, { key: '2af171ed5b5a3ce783c6729503e27b01e3e84d01', role: this.href ? 'link' : this.type, "aria-disabled": this.disabled }, this.href ? (h("a", { href: this.disabled ? '' : this.href, target: this.target, class: this.getClasses(), style: this.styles, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("span", { class: "button-container" }, this.getIcon(), h("cura-label", { class: "label", size: labelSize, lineHeight: 'normal', color: symbolColor }, h("slot", null))), h("cura-loader-circle", { size: this.size, color: symbolColor }))) : (h("button", { class: this.getClasses(), style: this.styles, disabled: this.disabled || null, onClick: (e) => this.handleClick(e), onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), type: this.type }, h("span", { class: "button-container" }, this.getIcon(), h("cura-label", { class: "label", size: labelSize, lineHeight: 'normal', color: symbolColor }, h("slot", null))), h("cura-loader-circle", { size: this.size, color: symbolColor })))));
-    }
-    static get formAssociated() { return true; }
-    static get watchers() { return {
-        "background": ["setColors"],
-        "color": ["setColors"]
-    }; }
-    static get style() { return curaButtonCss; }
-}, [65, "cura-button", {
-        "type": [513],
-        "size": [513],
-        "disabled": [516],
-        "isLoading": [516, "is-loading"],
-        "iconName": [513, "icon-name"],
-        "iconset": [513],
-        "iconPosition": [513, "icon-position"],
-        "iconOnly": [516, "icon-only"],
-        "href": [513],
-        "target": [513],
-        "color": [1],
-        "background": [513],
-        "fontColor": [513, "font-color"],
-        "textAlign": [513, "text-align"],
-        "justify": [516],
-        "styles": [32],
-        "hovered": [32]
-    }, undefined, {
-        "background": ["setColors"],
-        "color": ["setColors"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-button", "cura-icon", "cura-label", "cura-loader-circle"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraButton$1);
-            }
-            break;
-        case "cura-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "cura-loader-circle":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const CuraButton = CuraButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraButton, defineCustomElement };
-//# sourceMappingURL=cura-button.js.map
-
-//# sourceMappingURL=cura-button.js.map
+import{p as t,H as o,i as a,j as i,t as s}from"./p-DBXUEjWh.js";import{l as e}from"./p-BSI2FkNn.js";import{d as n}from"./p-fn4zJrKE.js";import{d as r}from"./p-BSdkRryc.js";import{d as c}from"./p-Bf21UQXV.js";const l=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.type="button",this.size="large",this.disabled=!1,this.isLoading=!1,this.iconset="default",this.iconPosition="left",this.iconOnly=!1,this.target="_self",this.color="accent",this.background="light",this.fontColor="dark",this.textAlign="left",this.justify=!1,this.styles={},this.hovered=!1}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium,this.styles["--text-align"]=this.textAlign,this.setColors()}setColors(){[{name:"--color-base-neutral-purewhite",theme:"light"===this.background?this.color+"-base":"neutral-pale"},{name:"--color-base-color-light",theme:"light"===this.background?this.color+"-base":this.color+"-lighter"},{name:"--color-dark-color-light",theme:"light"===this.background?this.color+"-dark":this.color+"-light"},{name:"--color-dark-color-base",theme:"light"===this.background?this.color+"-dark":this.color+"-base"},{name:"--neutral-pale-neutral-black",theme:"light"===this.background?"neutral-pale":"neutral-black"}].forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme))),this.styles=Object.assign({},this.styles)}handleMouseEnter(){this.disabled||(this.hovered=!0)}handleMouseLeave(){this.hovered=!1}getClasses(){var t,o;const a={};return a[""+(null===(t=this.size)||void 0===t?void 0:t.toLowerCase())]=!0,a["icon-"+(null===(o=this.iconPosition)||void 0===o?void 0:o.toLowerCase())]=!0,a["icon-only"]=this.iconOnly,a.disabled=this.disabled,a.isLoading=this.isLoading,a.justify=this.justify,a}getIcon(){return this.iconName?a("cura-icon",{name:this.iconName,iconset:this.iconset,size:"large"===this.size?20:16,color:this.getSymbolColor()}):""}getSymbolColor(){return this.disabled?"neutral-dark":"light"===this.fontColor?"neutral-white":"neutral-black"}handleClick(t){this.disabled||this.isLoading?t.preventDefault():this.href||("submit"===this.type&&this.internals.form&&this.internals.form.submit(),"reset"===this.type&&this.internals.form&&this.internals.form.reset())}render(){const t=this.getSymbolColor(),o=e[this.size]||e.default;return a(i,{key:"7f9528e42c3c38a3aed09ac8bbe669aabde4c0d9",role:this.href?"link":this.type,"aria-disabled":this.disabled},this.href?a("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},a("span",{class:"button-container"},this.getIcon(),a("cura-label",{class:"label",size:o,lineHeight:"normal",color:t},a("slot",null))),a("cura-loader-circle",{size:this.size,color:t})):a("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave(),type:this.type},a("span",{class:"button-container"},this.getIcon(),a("cura-label",{class:"label",size:o,lineHeight:"normal",color:t},a("slot",null))),a("cura-loader-circle",{size:this.size,color:t})))}static get formAssociated(){return!0}static get watchers(){return{background:[{setColors:0}],color:[{setColors:0}]}}static get style(){return':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}: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:var(--color-base-neutral-purewhite);box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button::before,:host a::before{content:"";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:2px solid transparent;border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading)::before,:host a:not(.disabled):not(.isLoading)::before{border:2px solid var(--color-base-color-light)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background:var(--color-base-color-light);box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host button:not(.disabled):not(.isLoading):hover::before,:host a:not(.disabled):not(.isLoading):hover::before{border-color:var(--color-dark-color-base)}:host button:not(.isLoading):not(.disabled):active,:host a:not(.isLoading):not(.disabled):active{background-color:var(--color-dark-color-light)}:host button:not(.isLoading):not(.disabled):active::before,:host a:not(.isLoading):not(.disabled):active::before{border-color:var(--color-dark-color-light)}:host button:hover,:host a:hover{box-shadow:0 4px 8px 0 rgba(38, 38, 38, 0.16)}:host button.medium:hover,:host a.medium:hover{box-shadow:0 3px 6px 0 rgba(38, 38, 38, 0.16)}:host button.small:hover,:host a.small:hover{box-shadow:0 2px 5px 0 rgba(38, 38, 38, 0.16)}:host button:active,:host button.disabled:hover,:host button.isLoading:hover,:host a:active,:host a.disabled:hover,:host a.isLoading:hover{box-shadow:none !important}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-pale-neutral-black)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}'}},[321,"cura-button",{type:[513],size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],background:[513],fontColor:[513,"font-color"],textAlign:[513,"text-align"],justify:[516],styles:[32],hovered:[32]},void 0,{background:[{setColors:0}],color:[{setColors:0}]}]),h=l,u=function(){"undefined"!=typeof customElements&&["cura-button","cura-icon","cura-label","cura-loader-circle"].forEach((t=>{switch(t){case"cura-button":customElements.get(s(t))||customElements.define(s(t),l);break;case"cura-icon":customElements.get(s(t))||n();break;case"cura-label":customElements.get(s(t))||r();break;case"cura-loader-circle":customElements.get(s(t))||c()}}))};export{h as CuraButton,u as defineCustomElement}

package/dist/components/cura-calendar.js

@@ -1,9 +1 @@
-import { C as CuraCalendar$1, d as defineCustomElement$1 } from './p-DETZu2ie.js';
-
-const CuraCalendar = CuraCalendar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraCalendar, defineCustomElement };
-//# sourceMappingURL=cura-calendar.js.map
-
-//# sourceMappingURL=cura-calendar.js.map
+import{C as o,d as p}from"./p-CpmZ68rD.js";const r=o,s=p;export{r as CuraCalendar,s as defineCustomElement}

package/dist/components/cura-card.js

@@ -1,104 +1 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
-
-const curaCardCss = ":host{display:block;box-sizing:border-box;font-size:var(--font-size);font-family:var(--font-family)}:host ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:var(--font-size);font-family:var(--font-family)}a{display:block;text-decoration:none !important;color:inherit}.solid{background-color:var(--neutral-purewhite);border:2px solid var(--neutral-base);border-radius:12px;overflow:hidden;padding:0px;box-shadow:none}.solid ::slotted(*){border-radius:0}.solid.hasPadding{padding:20px}.solid.hasPadding ::slotted(*){border-radius:4px !important}.solid.hasShadow{border:2px solid var(--neutral-base);box-shadow:0px 1px 4px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}.solid.cardLink{background-color:var(--neutral-purewhite);border:2px solid var(--primary-base);border-radius:12px;padding:0px;box-shadow:none;cursor:pointer}.solid.cardLink ::slotted(*){border-radius:0px}.solid.cardLink:hover{border:2px solid var(--primary-lighter) !important}.solid.cardLink.hasPadding{padding:20px}.solid.cardLink.hasPadding ::slotted(*){border-radius:4px !important}.solid.cardLink.hasPadding:hover{border:2px solid var(--primary-lighter) !important}.solid.cardLink.hasShadow{border:2px solid var(--primary-base);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}.solid.cardLink:not(.hasPadding).hasShadow ::slotted(*){border-radius:12px !important}.solid.cardLink.dark{background-color:var(--neutral-purewhite);border:2px solid var(--neutral-purewhite)}.solid.cardLink.dark:hover{border:2px solid var(--primary-lighter)}.transparent{background-color:transparent;border:0;border-radius:12px;padding:0px;overflow:hidden}.transparent ::slotted(*){border-radius:12px}.transparent.hasPadding{padding:20px}.transparent.hasPadding ::slotted(*){border-radius:4px}.transparent.cardLink{background-color:transparent;border:2px solid var(--primary-base);overflow:hidden;border-radius:12px;padding:0px;box-shadow:none}.transparent.cardLink ::slotted(*){border-radius:0px !important}.transparent.cardLink:hover{border:2px solid var(--primary-lighter) !important}.transparent.cardLink.light{background-color:var(--neutral-purewhite);border:2px solid var(--primary-base)}.transparent.cardLink.light ::slotted(*){border-radius:12px !important}.transparent.cardLink.light:hover{border-color:var(--primary-lighter) !important}.transparent.cardLink.dark{background-color:transparent;border:2px solid var(--neutral-purewhite)}.transparent.cardLink.dark:hover{border:0}.transparent.cardLink.hasPadding{padding:20px}.transparent.cardLink.hasPadding ::slotted(*){border-radius:4px !important}";
-
-const CuraCard$1 = /*@__PURE__*/ proxyCustomElement(class CuraCard extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        /**
-         * Determines whether the card should have padding.
-         * @type {boolean}
-         * @default false
-         */
-        this.hasPadding = true;
-        /**
-         * Determines whether the card should have a shadow effect.
-         * @type {boolean}
-         * @default false
-         */
-        this.hasShadow = false;
-        /**
-         * Sets the type of the card background.
-         * - 'solid': A solid background.
-         * - 'transparent': A transparent background.
-         * @type {'solid' | 'transparent'}
-         * @default 'solid'
-         */
-        this.type = 'solid';
-        /**
-         * Sets the color mode of the card.
-         * - 'light': Light mode for the card.
-         * - 'dark': Dark mode for the card.
-         * @type {'light' | 'dark'}
-         * @default 'light'
-         */
-        this.colorMode = 'light';
-        /**
-         * The target attribute for the link.
-         * Applicable only if `href` is set.
-         * @type {string}
-         * @default '_self'
-         */
-        this.target = '_self';
-        this.styles = {};
-    }
-    connectedCallback() {
-        this.weights = window.CuraAPI.theme.fonts.getWeights();
-        this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();
-        this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);
-        this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
-        this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);
-        this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);
-        this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);
-        this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);
-        this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`);
-        this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);
-        this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();
-        this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();
-        this.styles['--font-weight-medium'] = this.weights.medium;
-    }
-    getClasses() {
-        const classes = {};
-        classes[this.type] = true;
-        classes[`cardLink`] = this.href;
-        classes[this.colorMode] = true;
-        classes[`hasPadding`] = this.hasPadding;
-        classes[`hasShadow`] = this.hasShadow;
-        return classes;
-    }
-    render() {
-        return (h(Host, { key: '9478ce754c108db722dbc5bcbb00a0884b6c6f38', role: this.href ? 'link' : 'div' }, this.href ? (h("a", { class: this.getClasses(), target: this.target, style: this.styles, href: this.href }, h("slot", null))) : (h("div", { class: this.getClasses(), style: this.styles }, h("slot", null)))));
-    }
-    static get style() { return curaCardCss; }
-}, [1, "cura-card", {
-        "hasPadding": [1028, "has-padding"],
-        "hasShadow": [1028, "has-shadow"],
-        "type": [1025],
-        "colorMode": [1025, "color-mode"],
-        "href": [1537],
-        "target": [513],
-        "styles": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-card"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraCard$1);
-            }
-            break;
-    } });
-}
-
-const CuraCard = CuraCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraCard, defineCustomElement };
-//# sourceMappingURL=cura-card.js.map
-
-//# sourceMappingURL=cura-card.js.map
+import{p as r,H as a,i as t,j as d,t as i}from"./p-DBXUEjWh.js";const o=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.hasPadding=!0,this.hasShadow=!1,this.type="solid",this.colorMode="light",this.target="_self",this.styles={}}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing(),this.styles["--neutral-purewhite"]=window.CuraAPI.theme.colors.getColor("neutral-purewhite"),this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor("neutral-white"),this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor("neutral-base"),this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor("neutral-dark"),this.styles["--neutral-black"]=window.CuraAPI.theme.colors.getColor("neutral-black"),this.styles["--neutral-black-shadow"]=window.CuraAPI.theme.colors.getColor("neutral-black",.16),this.styles["--primary-lighter"]=window.CuraAPI.theme.colors.getColor("primary-lighter"),this.styles["--primary-base"]=window.CuraAPI.theme.colors.getColor("primary-base"),this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize(),this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily(),this.styles["--font-weight-medium"]=this.weights.medium}getClasses(){const r={};return r[this.type]=!0,r.cardLink=this.href,r[this.colorMode]=!0,r.hasPadding=this.hasPadding,r.hasShadow=this.hasShadow,r}render(){return t(d,{key:"9478ce754c108db722dbc5bcbb00a0884b6c6f38",role:this.href?"link":"div"},this.href?t("a",{class:this.getClasses(),target:this.target,style:this.styles,href:this.href},t("slot",null)):t("div",{class:this.getClasses(),style:this.styles},t("slot",null)))}static get style(){return":host{display:block;box-sizing:border-box;font-size:var(--font-size);font-family:var(--font-family)}:host ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:var(--font-size);font-family:var(--font-family)}a{display:block;text-decoration:none !important;color:inherit}.solid{background-color:var(--neutral-purewhite);border:2px solid var(--neutral-base);border-radius:12px;overflow:hidden;padding:0px;box-shadow:none}.solid ::slotted(*){border-radius:0}.solid.hasPadding{padding:20px}.solid.hasPadding ::slotted(*){border-radius:4px !important}.solid.hasShadow{border:2px solid var(--neutral-base);box-shadow:0px 1px 4px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}.solid.cardLink{background-color:var(--neutral-purewhite);border:2px solid var(--primary-base);border-radius:12px;padding:0px;box-shadow:none;cursor:pointer}.solid.cardLink ::slotted(*){border-radius:0px}.solid.cardLink:hover{border:2px solid var(--primary-lighter) !important}.solid.cardLink.hasPadding{padding:20px}.solid.cardLink.hasPadding ::slotted(*){border-radius:4px !important}.solid.cardLink.hasPadding:hover{border:2px solid var(--primary-lighter) !important}.solid.cardLink.hasShadow{border:2px solid var(--primary-base);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}.solid.cardLink:not(.hasPadding).hasShadow ::slotted(*){border-radius:12px !important}.solid.cardLink.dark{background-color:var(--neutral-purewhite);border:2px solid var(--neutral-purewhite)}.solid.cardLink.dark:hover{border:2px solid var(--primary-lighter)}.transparent{background-color:transparent;border:0;border-radius:12px;padding:0px;overflow:hidden}.transparent ::slotted(*){border-radius:12px}.transparent.hasPadding{padding:20px}.transparent.hasPadding ::slotted(*){border-radius:4px}.transparent.cardLink{background-color:transparent;border:2px solid var(--primary-base);overflow:hidden;border-radius:12px;padding:0px;box-shadow:none}.transparent.cardLink ::slotted(*){border-radius:0px !important}.transparent.cardLink:hover{border:2px solid var(--primary-lighter) !important}.transparent.cardLink.light{background-color:var(--neutral-purewhite);border:2px solid var(--primary-base)}.transparent.cardLink.light ::slotted(*){border-radius:12px !important}.transparent.cardLink.light:hover{border-color:var(--primary-lighter) !important}.transparent.cardLink.dark{background-color:transparent;border:2px solid var(--neutral-purewhite)}.transparent.cardLink.dark:hover{border:0}.transparent.cardLink.hasPadding{padding:20px}.transparent.cardLink.hasPadding ::slotted(*){border-radius:4px !important}"}},[257,"cura-card",{hasPadding:[1028,"has-padding"],hasShadow:[1028,"has-shadow"],type:[1025],colorMode:[1025,"color-mode"],href:[1537],target:[513],styles:[32]}]),s=o,e=function(){"undefined"!=typeof customElements&&["cura-card"].forEach((r=>{"cura-card"===r&&(customElements.get(i(r))||customElements.define(i(r),o))}))};export{s as CuraCard,e as defineCustomElement}