@sellmate/design-system 1.0.15 → 1.0.17

package/dist/components/sd-popover.js

@@ -1,110 +1 @@
-import { p as proxyCustomElement, H, h, F as Fragment, t as transformTag } from './p-CR2Jbl0B.js';
-import { T as TooltipArrow } from './p-hwPQdJr0.js';
-import { d as defineCustomElement$4 } from './p-lbT0o9hE.js';
-import { d as defineCustomElement$3 } from './p-BdgLMKjb.js';
-import { d as defineCustomElement$2 } from './p-zvhzq4Sw.js';
-
-const sdPopoverCss = () => `sd-popover{position:relative;cursor:pointer;display:inline-flex}`;
-
-const SdPopover$1 = /*@__PURE__*/ proxyCustomElement(class SdPopover extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    get el() { return this; }
-    show = false;
-    placement = 'bottom';
-    color = '#01BB4B';
-    icon = 'helpOutline';
-    iconSize = 12;
-    label = '';
-    buttonSize = 'sm';
-    buttonVariant = 'primary';
-    menuTitle;
-    messages = [];
-    buttons = [];
-    menuClass = '';
-    noHover = true;
-    useClose = false;
-    showPopover = false;
-    slotContent = '';
-    watchShowHandler(newValue) {
-        this.showPopover = newValue;
-    }
-    componentWillLoad() {
-        this.showPopover = this.show;
-        this.slotContent = this.el.innerHTML;
-    }
-    buttonEl;
-    handleClose = () => {
-        this.showPopover = false;
-    };
-    render() {
-        return (h(Fragment, { key: '2a61062e200ac3ca2704756d7d1f6f16977c48f7' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-floating-portal", { key: '2d624846b0c7cef09f303437989653c7320a832c', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: 'f71d28238094e82c43d00e1ab4933b6945f5df4d', class: {
-                'sd-floating-menu': true,
-                [`sd-floating-menu--${this.placement}`]: true,
-                [this.menuClass]: !!this.menuClass,
-            } }, h("i", { key: '9173ac0cadb39409fee25809542420423e4a327c', class: `sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '137ffab11643f153b52bd4a068b597fd98fd7698' })), h("div", { key: '283f18867bd48ca58ca9621f46637f78aea108b7', class: "sd-floating-menu__content" }, this.menuTitle && h("div", { key: '58c8799e22cd93294d44f9320a07b4d9b51df001', class: "sd-floating-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: 'b8ef358d0e952024e361e93cc56f315fd7fa37e5', class: "sd-floating-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: '53abc6fde61026b2e42cdd9aa3914b86047ac1c8', class: `sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: 'a39ea568a1cb13be87c350f646b0a519fc3f94d7', title: "close", class: "sd-floating-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: 'a00c0ffe7b173471e4ecdb9b98116f4993745bba', name: "close", size: "12", color: "gery_55" }))))))));
-    }
-    static get watchers() { return {
-        "show": ["watchShowHandler"]
-    }; }
-    static get style() { return sdPopoverCss(); }
-}, [768, "sd-popover", {
-        "show": [1028],
-        "placement": [513],
-        "color": [513],
-        "icon": [513],
-        "iconSize": [514, "icon-size"],
-        "label": [1],
-        "buttonSize": [513, "button-size"],
-        "buttonVariant": [513, "button-variant"],
-        "menuTitle": [513, "title"],
-        "messages": [16],
-        "buttons": [16],
-        "menuClass": [1, "menu-class"],
-        "noHover": [4, "no-hover"],
-        "useClose": [4, "use-close"],
-        "showPopover": [32],
-        "slotContent": [32]
-    }, undefined, {
-        "show": ["watchShowHandler"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sd-popover", "sd-button", "sd-floating-portal", "sd-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sd-popover":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), SdPopover$1);
-            }
-            break;
-        case "sd-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "sd-floating-portal":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "sd-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const SdPopover = SdPopover$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdPopover, defineCustomElement };
-//# sourceMappingURL=sd-popover.js.map
-
-//# sourceMappingURL=sd-popover.js.map
+import{p as s,H as e,h as t,F as o,t as i}from"./p-4iQAU7kM.js";import{T as n}from"./p-BE_euN7G.js";import{d as a}from"./p-BJ1sZUZE.js";import{d}from"./p-BRSMWd2J.js";import{d as c}from"./p-IlOHs7VA.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}show=!1;placement="bottom";color="#01BB4B";icon="helpOutline";iconSize=12;label="";buttonSize="sm";buttonVariant="primary";menuTitle;messages=[];buttons=[];menuClass="";noHover=!0;useClose=!1;showPopover=!1;slotContent="";watchShowHandler(s){this.showPopover=s}componentWillLoad(){this.showPopover=this.show,this.slotContent=this.el.innerHTML}buttonEl;handleClose=()=>{this.showPopover=!1};render(){return t(o,{key:"883bea0d5ef88bb63b4a1a2d778aedf0bce6f000"},this.label?t("sd-button",{ref:s=>this.buttonEl=s,label:this.label,icon:this.icon,size:this.buttonSize,color:this.color,variant:this.buttonVariant,class:"sd-popover",onSdClick:()=>this.showPopover=!this.showPopover}):t("sd-icon",{ref:s=>this.buttonEl=s,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&t("sd-floating-portal",{key:"f38658d537cd8cebb84e579b02c73209e8a81d3a",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},t("div",{key:"472702d7d51c08051670012fc2e930f41ad7f1b5",class:{"sd-floating-menu":!0,["sd-floating-menu--"+this.placement]:!0,[this.menuClass]:!!this.menuClass}},t("i",{key:"1895eba14b74f393c7221db83fdf97e9a8f3a1aa",class:"sd-floating-menu__arrow sd-floating-menu__arrow--"+this.placement},t(n,{key:"4307eb8e750dc36cae5477b366a4ea08a59a5a45"})),t("div",{key:"840d94cf1d4e3c63346cd48a2d47c1c0b0633046",class:"sd-floating-menu__content"},this.menuTitle&&t("div",{key:"ede807dfdb2efc2a8bf8f89ef597965092c79211",class:"sd-floating-menu__title"},this.menuTitle),this.messages.length>0&&t("div",{key:"613ea1b46810eec1958b735fc23811d66ff2ebf8",class:"sd-floating-menu__messages"},this.messages.map((s=>t("div",null,s)))),this.buttons.length>0&&t("div",{key:"06712ed73687c0e99778d5fda6d75a4e07d815dd",class:"sd-floating-menu__buttons sd-floating-menu__buttons--"+this.buttons.length},this.buttons.map((s=>t("sd-button",{...s}))))),this.useClose&&t("button",{key:"20d628d8d31bd6464c26f3cf5ba894c5c3a2428f",title:"close",class:"sd-floating-menu__close-button",onClick:()=>this.handleClose()},t("sd-icon",{key:"cd1dcbe02ed55a25364e88621db5ab287eb7ed8e",name:"close",size:"12",color:"gery_55"})))))}static get watchers(){return{show:[{watchShowHandler:0}]}}static get style(){return"sd-popover{position:relative;cursor:pointer;display:inline-flex}"}},[512,"sd-popover",{show:[1028],placement:[513],color:[513],icon:[513],iconSize:[514,"icon-size"],label:[1],buttonSize:[513,"button-size"],buttonVariant:[513,"button-variant"],menuTitle:[513,"title"],messages:[16],buttons:[16],menuClass:[1,"menu-class"],noHover:[4,"no-hover"],useClose:[4,"use-close"],showPopover:[32],slotContent:[32]},void 0,{show:[{watchShowHandler:0}]}]),r=l,h=function(){"undefined"!=typeof customElements&&["sd-popover","sd-button","sd-floating-portal","sd-icon"].forEach((s=>{switch(s){case"sd-popover":customElements.get(i(s))||customElements.define(i(s),l);break;case"sd-button":customElements.get(i(s))||a();break;case"sd-floating-portal":customElements.get(i(s))||d();break;case"sd-icon":customElements.get(i(s))||c()}}))};export{r as SdPopover,h as defineCustomElement}

package/dist/components/sd-portal.js

@@ -1,9 +1 @@
-import { S as SdPortal$1, d as defineCustomElement$1 } from './p-CbEUJ3R6.js';
-
-const SdPortal = SdPortal$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdPortal, defineCustomElement };
-//# sourceMappingURL=sd-portal.js.map
-
-//# sourceMappingURL=sd-portal.js.map
+import{S as o,d as s}from"./p-zP9SItz2.js";const t=o,p=s;export{t as SdPortal,p as defineCustomElement}

package/dist/components/sd-progress.js

@@ -1,90 +1 @@
-import { p as proxyCustomElement, H, h, t as transformTag } from './p-CR2Jbl0B.js';
-
-const sdProgressCss = () => `sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:100%;height:20px;overflow:hidden;border-radius:4px;background-color:#eeeeee;text-align:center}sd-progress .sd-progress__bar__percent{width:var(--progress-percentage);height:100%;border-radius:4px;background-color:var(--progress-color, #0075ff);transition:all 0.5s}sd-progress .sd-progress__bar__percent.proceed{border-top-right-radius:50%}sd-progress .sd-progress__bar__indicator{position:absolute;left:0;top:0;height:20px;width:100%;background-color:#eeeeee;font-size:12px;font-weight:700;line-height:20px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075ff);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075ff);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075ff)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}`;
-
-const SdProgress$1 = /*@__PURE__*/ proxyCustomElement(class SdProgress extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    type = 'bar';
-    error = false;
-    percentage = 0;
-    size = 80;
-    strokeWidth = 12;
-    label;
-    statusColor = {
-        default: '#aaaaaa',
-        progress: '#0075ff',
-        complete: '#12B553',
-        error: '#FB4444',
-    };
-    get progressPercentage() {
-        if (this.error)
-            return 100;
-        return this.percentage;
-    }
-    get progressStatus() {
-        if (this.error)
-            return 'error';
-        switch (this.percentage) {
-            case 100:
-                return 'complete';
-            case 0:
-                return 'default';
-            default:
-                return 'progress';
-        }
-    }
-    get progressColor() {
-        return this.statusColor[this.progressStatus];
-    }
-    render() {
-        return (h("div", { key: '22105314465e3bc788e018884a68b4fe9050535b', style: {
-                '--progress-color': this.progressColor,
-                '--progress-percentage': `${this.progressPercentage}%`,
-            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: '2434c60a8412993b3637e48d2c34c8c1010f6358', class: "sd-progress__label" }, this.label)));
-    }
-    renderBarProgress() {
-        return (h("div", { class: `sd-progress__bar sd-progress__bar--${this.progressStatus}` }, h("div", { class: ['sd-progress__bar__percent', this.progressPercentage < 100 ? 'proceed' : ''].join(' ') }), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.progressPercentage, "%"), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.progressPercentage, "%")));
-    }
-    renderSpinnerProgress() {
-        const radius = (this.size - this.strokeWidth) / 2; // 원의 반지름
-        const circumference = 2 * Math.PI * radius; // 원의 둘레
-        const offset = circumference - (this.progressPercentage / 100) * circumference; // 진행률에 따른 offset
-        const progressBgSize = `${this.size}px`;
-        const progressSize = `${this.size / 2}px`;
-        return (h("div", { class: `sd-progress__spinner sd-progress__spinner--${this.progressStatus}` }, h("svg", { width: progressBgSize, height: progressBgSize }, h("circle", { cx: progressSize, cy: progressSize, r: radius, stroke: "#EEEEEE", "stroke-width": this.strokeWidth, fill: "transparent" }), h("circle", { cx: progressSize, cy: progressSize, r: radius, stroke: this.progressColor, "stroke-width": this.strokeWidth, fill: "transparent", "stroke-dasharray": circumference, "stroke-dashoffset": offset, "stroke-linecap": "round", class: "transition-all duration-500" })), h("strong", { class: "sd-progress__spinner__label" }, this.progressPercentage, " %")));
-    }
-    static get style() { return sdProgressCss(); }
-}, [768, "sd-progress", {
-        "type": [1],
-        "error": [4],
-        "percentage": [2],
-        "size": [2],
-        "strokeWidth": [2, "stroke-width"],
-        "label": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sd-progress"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sd-progress":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), SdProgress$1);
-            }
-            break;
-    } });
-}
-
-const SdProgress = SdProgress$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdProgress, defineCustomElement };
-//# sourceMappingURL=sd-progress.js.map
-
-//# sourceMappingURL=sd-progress.js.map
+import{p as r,H as s,h as e,t}from"./p-4iQAU7kM.js";const o=r(class extends s{constructor(r){super(),!1!==r&&this.__registerHost()}type="bar";error=!1;percentage=0;size=80;strokeWidth=12;label;statusColor={default:"#aaaaaa",progress:"#0075ff",complete:"#12B553",error:"#FB4444"};get progressPercentage(){return this.error?100:this.percentage}get progressStatus(){if(this.error)return"error";switch(this.percentage){case 100:return"complete";case 0:return"default";default:return"progress"}}get progressColor(){return this.statusColor[this.progressStatus]}render(){return e("div",{key:"43da9dac67e760bfe53b8db11c27eef7ef0d8b3b",style:{"--progress-color":this.progressColor,"--progress-percentage":this.progressPercentage+"%"}},"bar"===this.type?this.renderBarProgress():this.renderSpinnerProgress(),this.label&&e("div",{key:"af4b1c44f655546fede8ad548bddc6afb7810d2b",class:"sd-progress__label"},this.label))}renderBarProgress(){return e("div",{class:"sd-progress__bar sd-progress__bar--"+this.progressStatus},e("div",{class:["sd-progress__bar__percent",this.progressPercentage<100?"proceed":""].join(" ")}),e("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--left"},this.progressPercentage,"%"),e("div",{class:"sd-progress__bar__indicator sd-progress__bar__indicator--right"},this.progressPercentage,"%"))}renderSpinnerProgress(){const r=(this.size-this.strokeWidth)/2,s=2*Math.PI*r,t=s-this.progressPercentage/100*s,o=this.size+"px",i=this.size/2+"px";return e("div",{class:"sd-progress__spinner sd-progress__spinner--"+this.progressStatus},e("svg",{width:o,height:o},e("circle",{cx:i,cy:i,r,stroke:"#EEEEEE","stroke-width":this.strokeWidth,fill:"transparent"}),e("circle",{cx:i,cy:i,r,stroke:this.progressColor,"stroke-width":this.strokeWidth,fill:"transparent","stroke-dasharray":s,"stroke-dashoffset":t,"stroke-linecap":"round",class:"transition-all duration-500"})),e("strong",{class:"sd-progress__spinner__label"},this.progressPercentage," %"))}static get style(){return"sd-progress{display:block}sd-progress .sd-progress__bar{position:relative;width:100%;height:20px;overflow:hidden;border-radius:4px;background-color:#eeeeee;text-align:center}sd-progress .sd-progress__bar__percent{width:var(--progress-percentage);height:100%;border-radius:4px;background-color:var(--progress-color, #0075ff);transition:all 0.5s}sd-progress .sd-progress__bar__percent.proceed{border-top-right-radius:50%}sd-progress .sd-progress__bar__indicator{position:absolute;left:0;top:0;height:20px;width:100%;background-color:#eeeeee;font-size:12px;font-weight:700;line-height:20px;z-index:1}sd-progress .sd-progress__bar__indicator--left{color:var(--progress-color, #0075ff);clip-path:inset(0 0 0 var(--progress-percentage))}sd-progress .sd-progress__bar__indicator--right{color:white;background-color:var(--progress-color, #0075ff);clip-path:inset(0 calc(100% - var(--progress-percentage)) 0 0)}sd-progress .sd-progress__spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}sd-progress .sd-progress__spinner svg{transform:rotate(-90deg)}sd-progress .sd-progress__spinner__label{margin-top:8px;font-size:16px;color:var(--progress-color, #0075ff)}sd-progress .sd-progress__label{margin-top:4px;font-size:12px;color:#222222;text-align:center}"}},[512,"sd-progress",{type:[1],error:[4],percentage:[2],size:[2],strokeWidth:[2,"stroke-width"],label:[1]}]),i=o,a=function(){"undefined"!=typeof customElements&&["sd-progress"].forEach((r=>{"sd-progress"===r&&(customElements.get(t(r))||customElements.define(t(r),o))}))};export{i as SdProgress,a as defineCustomElement}

package/dist/components/sd-radio-button-group.js

@@ -1,83 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, t as transformTag } from './p-CR2Jbl0B.js';
-
-const sdRadioButtonGroupCss = () => `sd-radio-button-group{display:inline-flex;width:fit-content;height:fit-content}sd-radio-button-group .sd-radio-button-group{display:inline-flex;flex-flow:row nowrap;gap:0}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option{display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #cccccc;background-color:white;color:#333333;font-weight:400;transition:all 0.2s ease;position:relative;-webkit-user-select:none;user-select:none}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option input{display:none}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(:first-child){margin-left:-1px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:first-child{border-radius:4px 0 0 4px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:last-child{border-radius:0 4px 4px 0}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:only-child{border-radius:4px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option::after{content:attr(data-label);position:absolute;font-weight:400;transition:font-weight 0.2s ease}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled):not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected):hover{background-color:#0075ff;color:white;border-color:#0075ff;z-index:2}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled):not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected):hover::after{font-weight:500}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected{border-color:#0075ff;color:#0075ff;background-color:white;z-index:1}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled{background-color:#e1e1e1;border-color:#cccccc;color:#888888;cursor:not-allowed}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:has(input:disabled){cursor:not-allowed}sd-radio-button-group .sd-radio-button-group__label{-webkit-user-select:none;user-select:none;font-weight:500;visibility:hidden}sd-radio-button-group .sd-radio-button-group--sm .sd-radio-button-group__option{padding:4px 12px;font-size:12px;line-height:20px}sd-radio-button-group .sd-radio-button-group--md .sd-radio-button-group__option{padding:4px 20px;font-size:16px;line-height:26px}`;
-
-const SdRadioButtonGroup$1 = /*@__PURE__*/ proxyCustomElement(class SdRadioButtonGroup extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.change = createEvent(this, "sdUpdate");
-    }
-    value;
-    radioOptions = [];
-    size = 'md';
-    disabled = false;
-    name;
-    change;
-    handleRadioChange = (optionValue, optionDisabled) => {
-        if (this.disabled || optionDisabled)
-            return;
-        this.value = optionValue;
-        this.change.emit(optionValue);
-    };
-    isOptionSelected(option) {
-        return this.value === option.value;
-    }
-    isOptionDisabled(option) {
-        return this.disabled || !!option.disabled;
-    }
-    getButtonClasses(option) {
-        const classes = [
-            'sd-radio-button-group__option',
-            this.isOptionSelected(option)
-                ? 'sd-radio-button-group__option--selected'
-                : 'sd-radio-button-group__option--unselected',
-        ];
-        if (this.isOptionDisabled(option)) {
-            classes.push('sd-radio-button-group__option--disabled');
-        }
-        return classes.join(' ');
-    }
-    getGroupClasses() {
-        const classes = ['sd-radio-button-group', `sd-radio-button-group--${this.size}`];
-        return classes.join(' ');
-    }
-    groupName = this.name || `sd-radio-button-group-${crypto.randomUUID()}`;
-    render() {
-        return (h("div", { key: '97d7659b99c889fc9b6788f4cb9558e4c6305365', class: this.getGroupClasses(), role: "radiogroup", "aria-disabled": this.disabled.toString() }, this.radioOptions.map(option => {
-            const isSelected = this.isOptionSelected(option);
-            const isDisabled = this.isOptionDisabled(option);
-            return (h("label", { key: `radio-${option.value}`, class: this.getButtonClasses(option), "aria-label": option.label || 'radio option', "data-label": option.label }, h("input", { type: "radio", name: this.groupName, value: option.value.toString(), checked: isSelected, disabled: isDisabled, onInput: () => this.handleRadioChange(option.value, option.disabled) }), option.label && h("span", { class: "sd-radio-button-group__label" }, option.label)));
-        })));
-    }
-    static get style() { return sdRadioButtonGroupCss(); }
-}, [768, "sd-radio-button-group", {
-        "value": [1032],
-        "radioOptions": [1040],
-        "size": [1],
-        "disabled": [4],
-        "name": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sd-radio-button-group"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sd-radio-button-group":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), SdRadioButtonGroup$1);
-            }
-            break;
-    } });
-}
-
-const SdRadioButtonGroup = SdRadioButtonGroup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdRadioButtonGroup, defineCustomElement };
-//# sourceMappingURL=sd-radio-button-group.js.map
-
-//# sourceMappingURL=sd-radio-button-group.js.map
+import{p as o,H as t,c as r,h as d,t as i}from"./p-4iQAU7kM.js";const n=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.change=r(this,"sdUpdate")}value;radioOptions=[];size="md";disabled=!1;name;change;handleRadioChange=(o,t)=>{this.disabled||t||(this.value=o,this.change.emit(o))};isOptionSelected(o){return this.value===o.value}isOptionDisabled(o){return this.disabled||!!o.disabled}getButtonClasses(o){const t=["sd-radio-button-group__option",this.isOptionSelected(o)?"sd-radio-button-group__option--selected":"sd-radio-button-group__option--unselected"];return this.isOptionDisabled(o)&&t.push("sd-radio-button-group__option--disabled"),t.join(" ")}getGroupClasses(){return["sd-radio-button-group","sd-radio-button-group--"+this.size].join(" ")}groupName=this.name||"sd-radio-button-group-"+crypto.randomUUID();render(){return d("div",{key:"97d7659b99c889fc9b6788f4cb9558e4c6305365",class:this.getGroupClasses(),role:"radiogroup","aria-disabled":""+this.disabled},this.radioOptions.map((o=>{const t=this.isOptionSelected(o),r=this.isOptionDisabled(o);return d("label",{key:"radio-"+o.value,class:this.getButtonClasses(o),"aria-label":o.label||"radio option","data-label":o.label},d("input",{type:"radio",name:this.groupName,value:""+o.value,checked:t,disabled:r,onInput:()=>this.handleRadioChange(o.value,o.disabled)}),o.label&&d("span",{class:"sd-radio-button-group__label"},o.label))})))}static get style(){return"sd-radio-button-group{display:inline-flex;width:fit-content;height:fit-content}sd-radio-button-group .sd-radio-button-group{display:inline-flex;flex-flow:row nowrap;gap:0}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option{display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #cccccc;background-color:white;color:#333333;font-weight:400;transition:all 0.2s ease;position:relative;-webkit-user-select:none;user-select:none}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option input{display:none}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(:first-child){margin-left:-1px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:first-child{border-radius:4px 0 0 4px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:last-child{border-radius:0 4px 4px 0}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:only-child{border-radius:4px}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option::after{content:attr(data-label);position:absolute;font-weight:400;transition:font-weight 0.2s ease}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled):not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected):hover{background-color:#0075ff;color:white;border-color:#0075ff;z-index:2}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled):not(sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected):hover::after{font-weight:500}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--selected{border-color:#0075ff;color:#0075ff;background-color:white;z-index:1}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option--disabled{background-color:#e1e1e1;border-color:#cccccc;color:#888888;cursor:not-allowed}sd-radio-button-group .sd-radio-button-group .sd-radio-button-group__option:has(input:disabled){cursor:not-allowed}sd-radio-button-group .sd-radio-button-group__label{-webkit-user-select:none;user-select:none;font-weight:500;visibility:hidden}sd-radio-button-group .sd-radio-button-group--sm .sd-radio-button-group__option{padding:4px 12px;font-size:12px;line-height:20px}sd-radio-button-group .sd-radio-button-group--md .sd-radio-button-group__option{padding:4px 20px;font-size:16px;line-height:26px}"}},[512,"sd-radio-button-group",{value:[1032],radioOptions:[1040],size:[1],disabled:[4],name:[1]}]),s=n,u=function(){"undefined"!=typeof customElements&&["sd-radio-button-group"].forEach((o=>{"sd-radio-button-group"===o&&(customElements.get(i(o))||customElements.define(i(o),n))}))};export{s as SdRadioButtonGroup,u as defineCustomElement}

package/dist/components/sd-radio-group.js

@@ -1,76 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, t as transformTag } from './p-CR2Jbl0B.js';
-import { d as defineCustomElement$2 } from './p-DiTohJCC.js';
-
-const sdRadioGroupCss = () => `sd-radio{display:inline-flex;width:fit-content;height:fit-content}sd-radio .sd-radio{cursor:pointer}sd-radio .sd-radio label{display:inline-flex;width:fit-content;align-items:center;gap:8px;cursor:pointer}sd-radio .sd-radio label input{display:inline-block;position:relative;appearance:none;margin:0;width:16px;height:16px;border:1px solid #888888;border-radius:50%;accent-color:#0075ff;background-color:white;cursor:pointer}sd-radio .sd-radio label input:checked{border-color:#0075ff;background-color:white}sd-radio .sd-radio label input:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#0075ff}sd-radio .sd-radio label input:disabled{border-color:#cccccc;background-color:#eeeeee}sd-radio .sd-radio label input:disabled:checked::before{background-color:#cccccc}sd-radio .sd-radio label input:not(:disabled):hover{border-color:#0075ff;background-color:#d9eaff}sd-radio .sd-radio--disabled{cursor:not-allowed !important}sd-radio .sd-radio--disabled label{cursor:not-allowed !important}sd-radio .sd-radio--disabled label input{cursor:not-allowed !important}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:8px}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:20px}`;
-
-const SdRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class SdRadioGroup extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.change = createEvent(this, "sdUpdate");
-    }
-    value;
-    radioOptions = [];
-    direction = 'vertical';
-    disabled = false;
-    groupName;
-    change;
-    valueChanged(newValue) {
-        this.value = newValue;
-    }
-    handleRadioChange = (optionValue) => {
-        if (this.disabled)
-            return;
-        this.value = optionValue;
-        this.change?.emit(optionValue);
-    };
-    getGroupClasses() {
-        const classes = ['sd-radio-group', `sd-radio-group--${this.direction}`];
-        return classes.join(' ');
-    }
-    render() {
-        return (h("div", { key: '80b1a8d67acac65ffc753ababa5e48e80cacdfc2', class: this.getGroupClasses(), role: "radiogroup" }, this.radioOptions.map(option => {
-            return (h("sd-radio", { key: `radio-${option.value}`, val: String(option.value), value: this.value, label: option.label, disabled: this.disabled || !!option.disabled, onSdUpdate: ({ detail }) => this.handleRadioChange(detail) }));
-        })));
-    }
-    static get watchers() { return {
-        "value": ["valueChanged"]
-    }; }
-    static get style() { return sdRadioGroupCss(); }
-}, [768, "sd-radio-group", {
-        "value": [1544],
-        "radioOptions": [1040],
-        "direction": [1],
-        "disabled": [4],
-        "groupName": [1, "group-name"]
-    }, undefined, {
-        "value": ["valueChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sd-radio-group", "sd-radio"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sd-radio-group":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), SdRadioGroup$1);
-            }
-            break;
-        case "sd-radio":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const SdRadioGroup = SdRadioGroup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdRadioGroup, defineCustomElement };
-//# sourceMappingURL=sd-radio-group.js.map
-
-//# sourceMappingURL=sd-radio-group.js.map
+import{p as o,H as d,c as r,h as e,t as a}from"./p-4iQAU7kM.js";import{d as i}from"./p-D4TaDVPI.js";const s=o(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.change=r(this,"sdUpdate")}value;radioOptions=[];direction="vertical";disabled=!1;groupName;change;valueChanged(o){this.value=o}handleRadioChange=o=>{this.disabled||(this.value=o,this.change?.emit(o))};getGroupClasses(){return["sd-radio-group","sd-radio-group--"+this.direction].join(" ")}render(){return e("div",{key:"80b1a8d67acac65ffc753ababa5e48e80cacdfc2",class:this.getGroupClasses(),role:"radiogroup"},this.radioOptions.map((o=>e("sd-radio",{key:"radio-"+o.value,val:o.value+"",value:this.value,label:o.label,disabled:this.disabled||!!o.disabled,onSdUpdate:({detail:o})=>this.handleRadioChange(o)}))))}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return'sd-radio{display:inline-flex;width:fit-content;height:fit-content}sd-radio .sd-radio{cursor:pointer}sd-radio .sd-radio label{display:inline-flex;width:fit-content;align-items:center;gap:8px;cursor:pointer}sd-radio .sd-radio label input{display:inline-block;position:relative;appearance:none;margin:0;width:16px;height:16px;border:1px solid #888888;border-radius:50%;accent-color:#0075ff;background-color:white;cursor:pointer}sd-radio .sd-radio label input:checked{border-color:#0075ff;background-color:white}sd-radio .sd-radio label input:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;border-radius:50%;background-color:#0075ff}sd-radio .sd-radio label input:disabled{border-color:#cccccc;background-color:#eeeeee}sd-radio .sd-radio label input:disabled:checked::before{background-color:#cccccc}sd-radio .sd-radio label input:not(:disabled):hover{border-color:#0075ff;background-color:#d9eaff}sd-radio .sd-radio--disabled{cursor:not-allowed !important}sd-radio .sd-radio--disabled label{cursor:not-allowed !important}sd-radio .sd-radio--disabled label input{cursor:not-allowed !important}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:8px}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:20px}'}},[512,"sd-radio-group",{value:[1544],radioOptions:[1040],direction:[1],disabled:[4],groupName:[1,"group-name"]},void 0,{value:[{valueChanged:0}]}]),t=s,l=function(){"undefined"!=typeof customElements&&["sd-radio-group","sd-radio"].forEach((o=>{switch(o){case"sd-radio-group":customElements.get(a(o))||customElements.define(a(o),s);break;case"sd-radio":customElements.get(a(o))||i()}}))};export{t as SdRadioGroup,l as defineCustomElement}

package/dist/components/sd-radio.js

@@ -1,9 +1 @@
-import { S as SdRadio$1, d as defineCustomElement$1 } from './p-DiTohJCC.js';
-
-const SdRadio = SdRadio$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdRadio, defineCustomElement };
-//# sourceMappingURL=sd-radio.js.map
-
-//# sourceMappingURL=sd-radio.js.map
+import{S as o,d as s}from"./p-D4TaDVPI.js";const a=o,p=s;export{a as SdRadio,p as defineCustomElement}

package/dist/components/sd-select-dropdown.js

@@ -1,9 +1 @@
-import { S as SdSelectDropdown$1, d as defineCustomElement$1 } from './p-CXyVUgP3.js';
-
-const SdSelectDropdown = SdSelectDropdown$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SdSelectDropdown, defineCustomElement };
-//# sourceMappingURL=sd-select-dropdown.js.map
-
-//# sourceMappingURL=sd-select-dropdown.js.map
+import{S as o,d as s}from"./p-BUiP8HLx.js";const p=o,r=s;export{p as SdSelectDropdown,r as defineCustomElement}