@sellmate/design-system 1.0.36 → 1.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@sellmate/design-system",
- "version": "1.0.36",
+ "version": "1.0.38",
  "description": "Sellmate Design System - Web Components Library built with Stencil",
  "keywords": [
   "web-components",

package/dist/cjs/sd-tag.cjs.entry.js

@@ -1,186 +0,0 @@
-'use strict';
-
-var index = require('./index-Qvv0fGgj.js');
-
-const tag = {
-	xs: {
-		height: "20",
-		paddingX: "6",
-		gap: "4",
-		icon: "12",
-		typography: {
-			fontSize: "11",
-			fontWeight: "500",
-			lineHeight: "18"}
-	},
-	sm: {
-		height: "24",
-		paddingX: "8",
-		gap: "4",
-		icon: "16",
-		typography: {
-			fontSize: "12",
-			fontWeight: "700",
-			lineHeight: "20"}
-	},
-	md: {
-		height: "28",
-		paddingX: "12",
-		gap: "6",
-		icon: "16",
-		typography: {
-			fontSize: "14",
-			fontWeight: "700",
-			lineHeight: "24"}
-	},
-	red: {
-		bg: "#FB4444",
-		content: "#FCEFEF"
-	},
-	orange: {
-		bg: "#FF6B00",
-		content: "#FEF1EA"
-	},
-	yellow: {
-		bg: "#916C0D",
-		content: "#FFF7DD"
-	},
-	green: {
-		bg: "#00973C",
-		content: "#E8F9EF"
-	},
-	blue: {
-		bg: "#0075FF",
-		content: "#E6F1FF"
-	},
-	darkblue: {
-		bg: "#006AC1",
-		content: "#EAF5FE"
-	},
-	indigo: {
-		bg: "#004290",
-		content: "#EFF6FF"
-	},
-	grey: {
-		bg: "#737373",
-		content: "#EEEEEE"
-	}
-};
-var tagTokens = {
-	tag: tag
-};
-
-const TAG_SHAPES = ['square', 'pill'];
-const TAG_SIZES = ['xs', 'sm', 'md'];
-const TAG_COLORS = [
-    'grey',
-    'red',
-    'orange',
-    'yellow',
-    'green',
-    'blue',
-    'darkblue',
-    'indigo',
-];
-const TAG_COLOR_CONFIG = {
-    grey: { background: tagTokens.tag.grey.content, content: tagTokens.tag.grey.bg, icon: tagTokens.tag.grey.bg },
-    red: { background: tagTokens.tag.red.content, content: tagTokens.tag.red.bg, icon: tagTokens.tag.red.bg },
-    orange: { background: tagTokens.tag.orange.content, content: tagTokens.tag.orange.bg, icon: tagTokens.tag.orange.bg },
-    yellow: { background: tagTokens.tag.yellow.content, content: tagTokens.tag.yellow.bg, icon: tagTokens.tag.yellow.bg },
-    green: { background: tagTokens.tag.green.content, content: tagTokens.tag.green.bg, icon: tagTokens.tag.green.bg },
-    blue: { background: tagTokens.tag.blue.content, content: tagTokens.tag.blue.bg, icon: tagTokens.tag.blue.bg },
-    darkblue: { background: tagTokens.tag.darkblue.content, content: tagTokens.tag.darkblue.bg, icon: tagTokens.tag.darkblue.bg },
-    indigo: { background: tagTokens.tag.indigo.content, content: tagTokens.tag.indigo.bg, icon: tagTokens.tag.indigo.bg },
-};
-const SQUARE_SIZE_CONFIG = {
-    xs: {
-        height: `${tagTokens.tag.xs.height}px`,
-        paddingX: `${tagTokens.tag.xs.paddingX}px`,
-        gap: `${tagTokens.tag.xs.gap}px`,
-        fontSize: `${tagTokens.tag.xs.typography.fontSize}px`,
-        fontWeight: tagTokens.tag.xs.typography.fontWeight,
-        lineHeight: `${tagTokens.tag.xs.typography.lineHeight}px`,
-        iconSize: Number(tagTokens.tag.xs.icon),
-        radius: '4px',
-    },
-    sm: {
-        height: `${tagTokens.tag.sm.height}px`,
-        paddingX: `${tagTokens.tag.sm.paddingX}px`,
-        gap: `${tagTokens.tag.sm.gap}px`,
-        fontSize: `${tagTokens.tag.sm.typography.fontSize}px`,
-        fontWeight: tagTokens.tag.sm.typography.fontWeight,
-        lineHeight: `${tagTokens.tag.sm.typography.lineHeight}px`,
-        iconSize: Number(tagTokens.tag.sm.icon),
-        radius: '4px',
-    },
-    md: {
-        height: `${tagTokens.tag.md.height}px`,
-        paddingX: `${tagTokens.tag.md.paddingX}px`,
-        gap: `${tagTokens.tag.md.gap}px`,
-        fontSize: `${tagTokens.tag.md.typography.fontSize}px`,
-        fontWeight: tagTokens.tag.md.typography.fontWeight,
-        lineHeight: `${tagTokens.tag.md.typography.lineHeight}px`,
-        iconSize: Number(tagTokens.tag.md.icon),
-        radius: '5px',
-    },
-};
-const PILL_SIZE_CONFIG = {
-    xs: { ...SQUARE_SIZE_CONFIG.xs, radius: '999px' },
-    sm: { ...SQUARE_SIZE_CONFIG.sm, radius: '999px' },
-    md: { ...SQUARE_SIZE_CONFIG.md, radius: '999px' },
-};
-const TAG_CONFIG = Object.fromEntries(TAG_SHAPES.flatMap(shape => TAG_SIZES.flatMap(size => TAG_COLORS.map(color => {
-    const sizeConfig = shape === 'square' ? SQUARE_SIZE_CONFIG[size] : PILL_SIZE_CONFIG[size];
-    return [
-        `${shape}_${size}_${color}`,
-        {
-            shape,
-            size,
-            color,
-            ...sizeConfig,
-            ...TAG_COLOR_CONFIG[color],
-        },
-    ];
-}))));
-const isTagName = (value) => Object.prototype.hasOwnProperty.call(TAG_CONFIG, value);
-
-const sdTagCss = () => `sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:var(--sd-tag-line-height, 20px)}`;
-
-const SdTag = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    name = 'square_sm_grey';
-    label = '';
-    icon;
-    isLeft = true;
-    get resolvedConfig() {
-        if (!isTagName(this.name)) {
-            throw new Error(`Invalid sd-tag name: ${this.name}`);
-        }
-        return TAG_CONFIG[this.name];
-    }
-    renderIcon(color, size) {
-        if (!this.icon)
-            return null;
-        return index.h("sd-icon", { class: "sd-tag__icon", name: this.icon, size: size, color: color });
-    }
-    render() {
-        const config = this.resolvedConfig;
-        const iconNode = this.renderIcon(config.icon, config.iconSize);
-        return (index.h("span", { key: '60c7b64aeed525b55a070ee149aac1c613d43b40', class: "sd-tag", style: {
-                '--sd-tag-background': config.background,
-                '--sd-tag-content': config.content,
-                '--sd-tag-height': config.height,
-                '--sd-tag-padding-x': config.paddingX,
-                '--sd-tag-gap': config.gap,
-                '--sd-tag-font-size': config.fontSize,
-                '--sd-tag-font-weight': config.fontWeight,
-                '--sd-tag-line-height': config.lineHeight,
-                '--sd-tag-radius': config.radius,
-            }, "aria-label": this.label || 'tag' }, this.icon && this.isLeft && iconNode, index.h("span", { key: '3b5f662e5e6af7d36800f1cdca6cc18a748b669c', class: "sd-tag__label" }, this.label), this.icon && !this.isLeft && iconNode));
-    }
-};
-SdTag.style = sdTagCss();
-
-exports.sd_tag = SdTag;

package/dist/collection/components/sd-modal-card/sd-modal-card.css

@@ -1,51 +0,0 @@
-sd-modal-card {
-  display: block;
-}
-sd-modal-card .sd-modal-card {
-  position: relative;
-  padding: 40px 32px;
-  border-radius: 8px;
-  box-shadow: 4px 4px 24px 4px rgba(0, 0, 0, 0.2);
-  background: white;
-}
-sd-modal-card .sd-modal-card__close-button {
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  cursor: pointer;
-}
-sd-modal-card .sd-modal-card sd-icon.sd-modal-card__icon {
-  display: block;
-  width: 32px;
-  height: 32px;
-  margin: 0 auto 12px auto;
-}
-sd-modal-card .sd-modal-card__title {
-  color: var(--point-color);
-  font-size: 18px;
-  font-weight: 700;
-  line-height: 30px;
-  text-align: center;
-  margin: 0 0 20px 0;
-}
-sd-modal-card .sd-modal-card__message {
-  color: #222222;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 22px;
-  text-align: center;
-  margin: 0;
-}
-sd-modal-card .sd-modal-card__button-container {
-  display: flex;
-  margin: 32px auto 0 auto;
-  justify-content: center;
-  align-items: center;
-  gap: 8px;
-}
-sd-modal-card .sd-modal-card__button-container.flex-column {
-  flex-direction: column;
-}
-sd-modal-card .sd-modal-card__button-container button.sd-modal-card__button {
-  width: 89px;
-}

package/dist/collection/components/sd-modal-card/sd-modal-card.js

@@ -1,254 +0,0 @@
-import { h } from "@stencil/core";
-import { resolveColor } from "../../utils/color";
-export class SdModalCard {
-    type = 'info';
-    system = 'normal';
-    useCloseButton = true;
-    modalTitle = 'normal';
-    buttonFlexDirection = 'row';
-    buttonProps;
-    message = [];
-    sdClass = '';
-    close;
-    confirm;
-    get pointColor() {
-        if (this.type !== 'normal') {
-            return 'grey_95';
-        }
-        switch (this.system) {
-            case 'positive':
-                return resolveColor('brilliantblue_75');
-            case 'negative':
-                return resolveColor('red_75');
-            default:
-                return resolveColor('grey_95');
-        }
-    }
-    get getModalClass() {
-        let modalClass = `sd-modal-card ${this.sdClass}`;
-        modalClass += ' ' + `sd-modal-card-${this.system}`;
-        return modalClass;
-    }
-    render() {
-        return (h("div", { key: '8a7b0028aa154399a6859b60b5db1cbd5af897a6', class: this.getModalClass, style: { '--point-color': this.pointColor } }, this.useCloseButton && (h("sd-icon", { key: '7c36b94468b1f076507d2c6633cb99f877c6b345', class: "sd-modal-card__close-button", name: "close", size: "20", color: "grey_65", onClick: () => this.close.emit() })), this.type !== 'normal' && (h("sd-icon", { key: 'bd9a8586d2275ff7d549c722b32fd77382a61c3e', class: "sd-modal-card__icon", name: this.type === 'info' ? 'notificationOutline' : 'warningOutline', size: "32", color: this.type === 'info' ? 'brilliantblue_75' : 'red_75' })), h("h2", { key: 'ee3b7b8191825b8e42548d3340c26310f53159d7', class: "sd-modal-card__title" }, this.modalTitle), h("slot", { key: 'd5225b3b943018a84d31f85277c7c9243d9e0387' }, h("div", { key: 'bfa4e7ad9b56c7a8d679df8e1d4d9be01eba2846', class: `sd-modal-card__message-container` }, this.message.map(msg => (h("p", { class: "sd-modal-card__message" }, msg))))), h("div", { key: 'e028f4b7c8dfa77d4b85d06209fb4f95433ce3eb', class: `sd-modal-card__button-container flex-${this.buttonFlexDirection}` }, this.buttonProps?.map(button => (h("sd-button", { sdClass: `sd-modal-card__button ${button.class || ''}`, variant: button.variant ? button.variant : 'outline', label: button.label, color: button.color, size: button.size, onSdClick: () => !button.type || button.type === 'confirm' ? this.confirm.emit() : this.close.emit() }))))));
-    }
-    static get is() { return "sd-modal-card"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["sd-modal-card.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["sd-modal-card.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'info' | 'warning' | 'normal'",
-                    "resolved": "\"info\" | \"normal\" | \"warning\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "type",
-                "defaultValue": "'info'"
-            },
-            "system": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'normal' | 'positive' | 'negative'",
-                    "resolved": "\"negative\" | \"normal\" | \"positive\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "system",
-                "defaultValue": "'normal'"
-            },
-            "useCloseButton": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "use-close-button",
-                "defaultValue": "true"
-            },
-            "modalTitle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "modal-title",
-                "defaultValue": "'normal'"
-            },
-            "buttonFlexDirection": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'row' | 'column'",
-                    "resolved": "\"column\" | \"row\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "button-flex-direction",
-                "defaultValue": "'row'"
-            },
-            "buttonProps": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SdModalCardButtonProps[]",
-                    "resolved": "SdModalCardButtonProps[] | undefined",
-                    "references": {
-                        "SdModalCardButtonProps": {
-                            "location": "local",
-                            "path": "/Users/meijing/Documents/sellmate/frontend/design-system/packages/stencil/src/components/sd-modal-card/sd-modal-card.tsx",
-                            "id": "src/components/sd-modal-card/sd-modal-card.tsx::SdModalCardButtonProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "message": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "string[]",
-                    "resolved": "string[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
-            },
-            "sdClass": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "sd-class",
-                "defaultValue": "''"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "close",
-                "name": "sdClose",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "MouseEvent",
-                    "resolved": "MouseEvent",
-                    "references": {
-                        "MouseEvent": {
-                            "location": "global",
-                            "id": "global::MouseEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "confirm",
-                "name": "sdConfirm",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "MouseEvent",
-                    "resolved": "MouseEvent",
-                    "references": {
-                        "MouseEvent": {
-                            "location": "global",
-                            "id": "global::MouseEvent"
-                        }
-                    }
-                }
-            }];
-    }
-}

package/dist/components/p-DV5ewRYP.js

@@ -1 +0,0 @@
-import{p as t,H as s,c as e,h as i,t as o}from"./p-B1vJXa29.js";const n=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=e(this,"sdClose")}get hostEl(){return this}to="body";parentRef=null;offset=[0,4];viewportPadding=0;zIndex=9999;open=!1;close;container;wrapper;rafId;isInsideClick=!1;handleObservedScroll=()=>this.updatePosition();resizeObserver;mutationObserver;scrollParents=[];isObserved=!1;handleOpenChange(){this.syncPortalState()}componentDidLoad(){this.container=this.resolveContainer(),this.syncPortalState()}componentDidRender(){this.syncPortalState()}disconnectedCallback(){if(this.unobserveParent(),this.wrapper?.parentNode)try{this.wrapper.parentNode.removeChild(this.wrapper)}catch{}}resolveContainer(){const t="string"==typeof this.to?document.querySelector(this.to):this.to;return t instanceof s?t:document.body}createWrapper(){this.wrapper=document.createElement("div"),Object.assign(this.wrapper.style,{position:"absolute",top:"0",left:"0",zIndex:(this.zIndex??9999).toString(),transition:"opacity 0.4s",boxSizing:"border-box",visibility:"hidden"}),this.container.appendChild(this.wrapper)}ensureWrapper(){this.wrapper||(this.container||=this.resolveContainer(),this.createWrapper(),this.moveSlotContent())}syncPortalState(){if(!this.open)return this.wrapper&&(this.wrapper.style.display="none"),void this.unobserveParent();this.ensureWrapper(),this.wrapper&&(this.wrapper.style.display="block",this.observeParent(),this.updatePosition())}moveSlotContent(){this.wrapper&&Array.from(this.hostEl.childNodes).filter((t=>t.nodeType!==Node.COMMENT_NODE)).forEach((t=>this.wrapper.appendChild(t)))}updatePosition(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{if(!this.parentRef||!this.wrapper)return;const t=this.parentRef.getBoundingClientRect(),s=window.innerWidth,e=window.innerHeight,i=this.offset??[0,4],o=Math.max(0,this.viewportPadding??0),n=Math.max(s-2*o,0),h=Math.max(e-2*o,0);this.wrapper.style.maxWidth=`${n}px`,this.wrapper.style.maxHeight=`${h}px`;const r=this.wrapper.getBoundingClientRect(),a=e-t.bottom-i[1]-o;let d=t.bottom+window.scrollY+i[1],l=t.left+window.scrollX+i[0];a<r.height&&t.top-i[1]-o>a&&(d=t.top+window.scrollY-r.height-i[1]);const c=window.scrollY+o,p=window.scrollY+e-o-r.height;d=p<c?c:Math.min(Math.max(d,c),p),t.left+r.width+i[0]>s-o&&(l=t.right+window.scrollX-r.width-i[0]);const u=window.scrollX+o,w=window.scrollX+s-o-r.width;l=w<u?u:Math.min(Math.max(l,u),w),this.wrapper.style.top=`${d}px`,this.wrapper.style.left=`${l}px`,this.wrapper.style.visibility="visible"}))}observeParent(){this.parentRef&&!this.isObserved&&(this.observeScrollParents(this.parentRef),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updatePosition())),this.resizeObserver.observe(this.parentRef)),"undefined"!=typeof MutationObserver&&(this.mutationObserver=new MutationObserver((()=>this.updatePosition())),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0})),this.isObserved=!0)}unobserveParent(){this.isObserved&&(this.unobserveScrollParents(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.mutationObserver?.disconnect(),this.mutationObserver=void 0,this.isObserved=!1)}observeScrollParents(t){const s=this.getScrollParents(t);s.forEach((t=>{t.addEventListener("scroll",this.handleObservedScroll,{passive:!0})})),this.scrollParents=s}unobserveScrollParents(){this.scrollParents.forEach((t=>{t.removeEventListener("scroll",this.handleObservedScroll)})),this.scrollParents=[]}getScrollParents(t){const s=[];let e=t.parentElement;for(;e;){const{overflow:t,overflowX:i,overflowY:o}=getComputedStyle(e);[t,i,o].some((t=>/(auto|scroll|overlay)/.test(t)))&&s.push(e),e=e.parentElement}return s}handleMouseDown(t){this.isInsideClick=!(!this.wrapper||!this.wrapper.contains(t.target))}handleWindowClick(t){this.isInsideClick?this.isInsideClick=!1:this.wrapper?.contains(t.target)||this.close.emit()}render(){return i("slot",{key:"4f518a090e22a478814b9909b97edcdd8cc88725"})}static get watchers(){return{open:[{handleOpenChange:0}]}}},[772,"sd-portal",{to:[1],parentRef:[16],offset:[16],viewportPadding:[2,"viewport-padding"],zIndex:[2,"z-index"],open:[4]},[[9,"scroll","updatePosition"],[9,"resize","updatePosition"],[9,"mousedown","handleMouseDown"],[8,"click","handleWindowClick"]],{open:[{handleOpenChange:0}]}]);function h(){"undefined"!=typeof customElements&&["sd-portal"].forEach((t=>{"sd-portal"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))}export{n as S,h as d}

package/dist/components/p-VX95YxcY.js

@@ -1 +0,0 @@
-import{p as e,c as s,h as t,t as i}from"./p-B1vJXa29.js";import{B as o}from"./p-BNuWMSR_.js";import{S as l}from"./p-Cy6HMEsK.js";import{n as d}from"./p-CCwNgVmC.js";import{d as r}from"./p-CyfWQr0q.js";import{d as n}from"./p-CXoqcDFa.js";import{d as a}from"./p-CpfPgt7c.js";import{d as c}from"./p-gnF0_mDJ.js";import{d as p}from"./p-BvBroZuS.js";import{d as h}from"./p-C6uWXKpX.js";import{d as m}from"./p-DV5ewRYP.js";import{d as u}from"./p-eM9OCX16.js";import{d as f}from"./p-CgwiT7OF.js";import{d as b}from"./p-DKcKp__V.js";import{d as w}from"./p-41grr69M.js";const g=e(class extends o{constructor(e){super(!1),!1!==e&&this.__registerHost(),this.update=s(this,"sdUpdate"),this.dropDownShow=s(this,"sdDropDownShow")}get el(){return this}value=null;options=[];placeholder="선택";optionPlaceholder="선택지가 없습니다.";width="200px";dropdownHeight="260px";autoFocus=!1;disabled=!1;clearable=!1;searchable=!1;label="";insideLabel=!1;icon=void 0;labelTooltip="";labelTooltipProps=null;rules=[];error=!1;optionRenderer;isOpen=!1;itemIndex=-1;isScrolled=!1;update;dropDownShow;selectRef;triggerRef;formField;filteredOptions=[];dropDownWidth="200px";name=d();async sdOpen(){this.isOpen=!0}async sdValidate(){this.formField?.sdValidate()}async sdReset(){this.formField?.sdReset()}async sdResetValidate(){this.formField?.sdResetValidation()}async sdFocus(){this.formField?.sdFocus()}async isOpenChanged(){this.onDropdownToggle(this.isOpen),this.dropDownShow?.emit({isOpen:this.isOpen}),!1===this.isOpen&&await(this.formField?.sdValidate())}componentWillLoad(){this.filteredOptions=this.options,this.dropDownWidth=this.width,this.initializeEvent()}componentDidLoad(){this.autoFocus&&this.selectRef?.focus()}componentDidRender(){const e=this.triggerRef,s=e?.getBoundingClientRect();this.dropDownWidth=s?.width?`${s.width}px`:this.width}disconnectedCallback(){this.cleanupEvent()}handleDocumentClick(e){this.selectRef?.contains(e.target)||(this.isOpen=!1)}handleDocumentKeydown(e){if(e.stopPropagation(),["ArrowDown","ArrowUp","Enter","Escape"].includes(e.key))switch(e.preventDefault(),e.key){case"ArrowDown":case"ArrowUp":const s=new l(this.searchable,this.filteredOptions).getNextIndex(this.itemIndex,e.key);this.itemIndex=s;break;case"Enter":const t=this.filteredOptions[this.itemIndex];t&&!t.disabled&&(this.value=t.value,this.isOpen=!1);break;case"Escape":this.isOpen=!1}}getSelectedOption(){return this.options.find((e=>e.value===this.value))}closeDropdown(){this.isOpen=!1}handleTriggerClick=e=>{e.stopPropagation(),this.disabled||(this.isOpen=!this.isOpen,this.dropDownShow?.emit({isOpen:this.isOpen}))};handleOptionClick=e=>{const{option:s,event:t}=e;if(t.stopPropagation(),!s.disabled){this.value=s.value,this.isOpen=!1;const e=this.getSelectedOption();this.update?.emit({value:e?.value||null,option:e||null})}};render(){return t("sd-field",{key:"da4d19d27d49ba3be711e35bd8090602e3d96dbd",label:this.label,name:this.name,rules:this.rules,error:this.error,disabled:this.disabled,icon:this.icon,insideLabel:this.insideLabel,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,ref:e=>this.formField=e},t("div",{key:"a0c5e55a1c31def2095b98f95b79fe877d114fb9",class:{"sd-select":!0,"sd-select--disabled":this.disabled,"sd-select--error":!!this.error,"sd-select--label":!!this.label},ref:e=>this.selectRef=e},this.renderTrigger(),this.renderDropdown()))}renderTrigger(){const e=this.getSelectedOption();return t("div",{class:"sd-select__trigger",tabindex:this.disabled?-1:0,onClick:this.handleTriggerClick,ref:e=>this.triggerRef=e},t("span",{class:"sd-select__value"},e?e.label:this.placeholder),this.clearable&&e&&!this.disabled&&t("sd-icon",{key:"clear-icon",name:"close",size:10,color:"#888",class:"sd-select__clear",onClick:async e=>{e.stopPropagation(),this.value=null,await(this.formField?.sdValidate())}}),t("sd-icon",{key:"arrow-icon",name:"arrowDown",color:"#888",class:{"sd-select__arrow":!0,"sd-select__arrow--open":this.isOpen}}))}renderDropdown(){if(!1===this.isOpen)return null;const e=this.selectRef?.querySelector(".sd-select__trigger")||this.selectRef;return t("sd-portal",{open:this.isOpen,parentRef:e,onSdClose:this.closeDropdown},t("sd-select-dropdown",{value:this.value,options:this.options,itemIndex:this.itemIndex,width:this.dropDownWidth,dropdownHeight:this.dropdownHeight,searchable:this.searchable,optionPlaceholder:this.optionPlaceholder,onSdOptionClick:({detail:e})=>this.handleOptionClick(e),onSdOptionFiltered:({detail:e})=>this.filteredOptions=e}))}static get watchers(){return{isOpen:[{isOpenChanged:0}]}}static get style(){return"sd-select{display:inline-flex;flex-flow:column nowrap;height:fit-content}sd-select *:focus,sd-select *:focus-visible,sd-select *:focus-within{outline:none !important}sd-select .sd-select{width:100%}sd-select .sd-select .sd-select__trigger{padding:4px 28px 4px 12px;display:flex;width:100%;height:100%;align-items:center}sd-select .sd-select .sd-select__trigger .sd-select__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;font-size:12px;font-weight:400;text-align:left}sd-select .sd-select .sd-select__trigger .sd-select__clear{margin:0 4px;width:8px;height:8px;background-color:transparent;outline:none;border:none}sd-select .sd-select .sd-select__arrow{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#888888;transition:transform 0.3s ease;margin-left:8px}sd-select .sd-select .sd-select__arrow--open{transform:rotate(180deg)}"}},[512,"sd-select",{value:[1032],options:[1040],placeholder:[1],optionPlaceholder:[1,"option-placeholder"],width:[1],dropdownHeight:[1,"dropdown-height"],autoFocus:[4,"auto-focus"],disabled:[4],clearable:[4],searchable:[4],label:[1],insideLabel:[4,"inside-label"],icon:[16],labelTooltip:[1,"label-tooltip"],labelTooltipProps:[16],rules:[16],error:[4],optionRenderer:[16],isOpen:[32],itemIndex:[32],isScrolled:[32],sdOpen:[64],sdValidate:[64],sdReset:[64],sdResetValidate:[64],sdFocus:[64]},void 0,{isOpen:[{isOpenChanged:0}]}]);function x(){"undefined"!=typeof customElements&&["sd-select","sd-button","sd-checkbox","sd-field","sd-floating-portal","sd-icon","sd-input","sd-portal","sd-select-dropdown","sd-select-option","sd-select-search-input","sd-tooltip"].forEach((e=>{switch(e){case"sd-select":customElements.get(i(e))||customElements.define(i(e),g);break;case"sd-button":customElements.get(i(e))||r();break;case"sd-checkbox":customElements.get(i(e))||n();break;case"sd-field":customElements.get(i(e))||a();break;case"sd-floating-portal":customElements.get(i(e))||c();break;case"sd-icon":customElements.get(i(e))||p();break;case"sd-input":customElements.get(i(e))||h();break;case"sd-portal":customElements.get(i(e))||m();break;case"sd-select-dropdown":customElements.get(i(e))||u();break;case"sd-select-option":customElements.get(i(e))||f();break;case"sd-select-search-input":customElements.get(i(e))||b();break;case"sd-tooltip":customElements.get(i(e))||w()}}))}export{g as S,x as d}

package/dist/components/sd-modal-card.js

@@ -1 +0,0 @@
-import{p as t,H as s,c as o,h as d,t as a}from"./p-B1vJXa29.js";import{r as e}from"./p-CquSJNHV.js";import{d as i}from"./p-CyfWQr0q.js";import{d as r}from"./p-BvBroZuS.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.close=o(this,"sdClose"),this.confirm=o(this,"sdConfirm")}type="info";system="normal";useCloseButton=!0;modalTitle="normal";buttonFlexDirection="row";buttonProps;message=[];sdClass="";close;confirm;get pointColor(){if("normal"!==this.type)return"grey_95";switch(this.system){case"positive":return e("brilliantblue_75");case"negative":return e("red_75");default:return e("grey_95")}}get getModalClass(){let t="sd-modal-card "+this.sdClass;return t+=" sd-modal-card-"+this.system,t}render(){return d("div",{key:"8a7b0028aa154399a6859b60b5db1cbd5af897a6",class:this.getModalClass,style:{"--point-color":this.pointColor}},this.useCloseButton&&d("sd-icon",{key:"7c36b94468b1f076507d2c6633cb99f877c6b345",class:"sd-modal-card__close-button",name:"close",size:"20",color:"grey_65",onClick:()=>this.close.emit()}),"normal"!==this.type&&d("sd-icon",{key:"bd9a8586d2275ff7d549c722b32fd77382a61c3e",class:"sd-modal-card__icon",name:"info"===this.type?"notificationOutline":"warningOutline",size:"32",color:"info"===this.type?"brilliantblue_75":"red_75"}),d("h2",{key:"ee3b7b8191825b8e42548d3340c26310f53159d7",class:"sd-modal-card__title"},this.modalTitle),d("slot",{key:"d5225b3b943018a84d31f85277c7c9243d9e0387"},d("div",{key:"bfa4e7ad9b56c7a8d679df8e1d4d9be01eba2846",class:"sd-modal-card__message-container"},this.message.map((t=>d("p",{class:"sd-modal-card__message"},t))))),d("div",{key:"e028f4b7c8dfa77d4b85d06209fb4f95433ce3eb",class:"sd-modal-card__button-container flex-"+this.buttonFlexDirection},this.buttonProps?.map((t=>d("sd-button",{sdClass:"sd-modal-card__button "+(t.class||""),variant:t.variant?t.variant:"outline",label:t.label,color:t.color,size:t.size,onSdClick:()=>t.type&&"confirm"!==t.type?this.close.emit():this.confirm.emit()})))))}static get style(){return"sd-modal-card{display:block}sd-modal-card .sd-modal-card{position:relative;padding:40px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.2);background:white}sd-modal-card .sd-modal-card__close-button{position:absolute;top:16px;right:16px;cursor:pointer}sd-modal-card .sd-modal-card sd-icon.sd-modal-card__icon{display:block;width:32px;height:32px;margin:0 auto 12px auto}sd-modal-card .sd-modal-card__title{color:var(--point-color);font-size:18px;font-weight:700;line-height:30px;text-align:center;margin:0 0 20px 0}sd-modal-card .sd-modal-card__message{color:#222222;font-weight:400;font-size:12px;line-height:22px;text-align:center;margin:0}sd-modal-card .sd-modal-card__button-container{display:flex;margin:32px auto 0 auto;justify-content:center;align-items:center;gap:8px}sd-modal-card .sd-modal-card__button-container.flex-column{flex-direction:column}sd-modal-card .sd-modal-card__button-container button.sd-modal-card__button{width:89px}"}},[772,"sd-modal-card",{type:[1],system:[1],useCloseButton:[4,"use-close-button"],modalTitle:[1,"modal-title"],buttonFlexDirection:[1,"button-flex-direction"],buttonProps:[16],message:[16],sdClass:[1,"sd-class"]}]),c=l,n=function(){"undefined"!=typeof customElements&&["sd-modal-card","sd-button","sd-icon"].forEach((t=>{switch(t){case"sd-modal-card":customElements.get(a(t))||customElements.define(a(t),l);break;case"sd-button":customElements.get(a(t))||i();break;case"sd-icon":customElements.get(a(t))||r()}}))};export{c as SdModalCard,n as defineCustomElement}

package/dist/design-system/p-1370b0d8.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,g as s,h as e}from"./p-B8tGP77V.js";import{n as h}from"./p-CCwNgVmC.js";const o=class{constructor(s){t(this,s),this.update=i(this,"sdUpdate"),this.dropDownShow=i(this,"sdDropDownShow")}static VIEWPORT_PADDING=20;static PORTAL_OFFSET_Y=4;get el(){return s(this)}name="default";value=null;options=[];placeholder="선택";width="200px";maxDropdownWidth="640px";dropdownHeight="260px";disabled=!1;label="";addonLabel="";error=!1;fieldName="";rules=[];icon=void 0;labelTooltip="";labelTooltipProps=null;emitValue=!1;isOpen=!1;triggerWidth="200px";resolvedDropdownHeight="260px";resolvedMaxDropdownWidth="640px";focused=!1;hovered=!1;update;dropDownShow;triggerRef;internalName=h();watchIsOpen(t){this.focused=t,this.dropDownShow.emit({isOpen:t})}get isMulti(){return"multi"===this.name||"multi_depth"===this.name}get displayText(){if(this.isMulti){if(!this.value||!Array.isArray(this.value))return"";if(this.emitValue){const t=this.flattenOptions(this.options);return this.value.map((i=>t.find((t=>t.value===i))?.label??"")).filter(Boolean).join(", ")}const t=this.value;return 0===t.length?"":t.map((t=>t.label)).join(", ")}if(null==this.value)return"";if(!this.emitValue&&"object"==typeof this.value&&!Array.isArray(this.value))return this.value.label??"";const t=this.flattenOptions(this.options).find((t=>t.value===this.value));return t?.label??""}flattenOptions(t){return t.flatMap((t=>t.children?this.flattenOptions(t.children):[t]))}collectLeaves(t){return t.children?t.children.flatMap((t=>this.collectLeaves(t))):[t]}getSelectedOptions(){const t=this.value;return t&&Array.isArray(t)?this.emitValue?t.map((t=>this.findOriginalOption(t,this.options))).filter((t=>!!t)):t:[]}toMultiValue(t){return this.emitValue?t.map((t=>t.value)):t}parsePixelValue(t,i){const s=Number.parseFloat(t);return Number.isFinite(s)?s:i}updateDropdownViewportConstraints(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect(),i=o.VIEWPORT_PADDING,s=o.PORTAL_OFFSET_Y,e=this.parsePixelValue(this.dropdownHeight,260),h=this.parsePixelValue(this.maxDropdownWidth,640),r=Math.max(window.innerHeight-t.bottom-i-s,0),n=Math.max(t.top-i-s,0),l=Math.max(r,n),d=Math.max(window.innerWidth-2*i,0);this.resolvedDropdownHeight=`${Math.min(e,l)}px`,this.resolvedMaxDropdownWidth=`${Math.min(h,d)}px`}handleViewportResize=()=>{this.isOpen&&this.updateDropdownViewportConstraints()};findOriginalOption(t,i){for(const s of i){if(s.value===t)return s;if(s.children){const i=this.findOriginalOption(t,s.children);if(i)return i}}}handleTriggerClick=()=>{this.triggerRef&&(this.triggerWidth=`${this.triggerRef.offsetWidth}px`),this.updateDropdownViewportConstraints(),this.isOpen=!this.isOpen};emitUpdate(t,i){this.update.emit(this.emitValue?t:{value:t,option:i})}handleOptionSelect=t=>{this.isMulti?this.handleMultiSelect(t):(this.value=this.emitValue?t.value:t,this.emitUpdate(this.value,t),this.isOpen=!1)};handleMultiSelect(t){const i=this.getSelectedOptions();if(t.children){const s=this.findOriginalOption(t.value,this.options),e=this.collectLeaves(s??t);let h;if(e.every((t=>i.some((i=>i.value===t.value))))){const t=new Set(e.map((t=>t.value)));h=i.filter((i=>!t.has(i.value)))}else{const t=new Set(i.map((t=>t.value))),s=e.filter((i=>!t.has(i.value)));h=[...i,...s]}this.value=this.toMultiValue(h),this.emitUpdate(this.value,h)}else{const s=i.some((i=>i.value===t.value))?i.filter((i=>i.value!==t.value)):[...i,t];this.value=this.toMultiValue(s),this.emitUpdate(this.value,s)}}connectedCallback(){window.addEventListener("resize",this.handleViewportResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleViewportResize)}render(){const t={open:this.isOpen,parentRef:this.triggerRef,viewportPadding:o.VIEWPORT_PADDING,onSdClose:()=>{this.isOpen=!1}};return e("sd-field",{key:"3b134bfdbbe60e73168f6f63b11c89609852ca7c",name:this.fieldName||this.internalName,label:this.label,rules:this.rules,error:this.error,disabled:this.disabled,focused:this.focused,hovered:this.hovered,icon:this.icon,labelTooltip:this.labelTooltip,labelTooltipProps:this.labelTooltipProps,onMouseEnter:()=>{this.hovered=!0},onMouseLeave:()=>{this.hovered=!1},style:{width:this.width}},e("div",{key:"bd53a6103bf586f860c5c93d8ecbcb62193d77f2",class:"sd-select-v2",ref:t=>{this.triggerRef=t}},e("sd-select-v2-trigger",{key:"6d9830fbd740015479cf5b0c8e5ab7d0314f82fc",displayText:this.displayText,placeholder:this.placeholder,disabled:this.disabled,isOpen:this.isOpen,addonLabel:this.addonLabel,onSdTriggerClick:this.handleTriggerClick})),this.isOpen&&e("sd-portal",{key:"48dcc2e80d51806ca4e145fcdbd5c664c0f936a4",...t},e("sd-select-v2-listbox",{key:"4dfd4d0f8143d87da4a8e4b2f08200b2e617ca04",name:this.name,options:this.options,value:this.value,emitValue:this.emitValue,triggerWidth:this.triggerWidth,maxWidth:this.resolvedMaxDropdownWidth,maxHeight:this.resolvedDropdownHeight,onSdOptionSelect:t=>this.handleOptionSelect(t.detail)})))}static get watchers(){return{isOpen:[{watchIsOpen:0}]}}};o.style="sd-select-v2{display:inline-flex}sd-select-v2 .sd-select-v2{position:relative;width:100%;height:100%}";export{o as sd_select_v2}

package/dist/design-system/p-35473290.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-B8tGP77V.js";var n={height:"20",paddingX:"6",gap:"4",icon:"12",typography:{fontSize:"11",fontWeight:"500",lineHeight:"18"}},i={height:"24",paddingX:"8",gap:"4",icon:"16",typography:{fontSize:"12",fontWeight:"700",lineHeight:"20"}},a={height:"28",paddingX:"12",gap:"6",icon:"16",typography:{fontSize:"14",fontWeight:"700",lineHeight:"24"}},g={bg:"#FB4444",content:"#FCEFEF"},o={bg:"#FF6B00",content:"#FEF1EA"},s={bg:"#916C0D",content:"#FFF7DD"},d={bg:"#00973C",content:"#E8F9EF"},r={bg:"#0075FF",content:"#E6F1FF"},c={bg:"#006AC1",content:"#EAF5FE"},p={bg:"#004290",content:"#EFF6FF"},h={bg:"#737373",content:"#EEEEEE"};const l=["xs","sm","md"],b=["grey","red","orange","yellow","green","blue","darkblue","indigo"],u={grey:{background:h.content,content:h.bg,icon:h.bg},red:{background:g.content,content:g.bg,icon:g.bg},orange:{background:o.content,content:o.bg,icon:o.bg},yellow:{background:s.content,content:s.bg,icon:s.bg},green:{background:d.content,content:d.bg,icon:d.bg},blue:{background:r.content,content:r.bg,icon:r.bg},darkblue:{background:c.content,content:c.bg,icon:c.bg},indigo:{background:p.content,content:p.bg,icon:p.bg}},x={xs:{height:`${n.height}px`,paddingX:`${n.paddingX}px`,gap:`${n.gap}px`,fontSize:`${n.typography.fontSize}px`,fontWeight:n.typography.fontWeight,lineHeight:`${n.typography.lineHeight}px`,iconSize:Number(n.icon),radius:"4px"},sm:{height:`${i.height}px`,paddingX:`${i.paddingX}px`,gap:`${i.gap}px`,fontSize:`${i.typography.fontSize}px`,fontWeight:i.typography.fontWeight,lineHeight:`${i.typography.lineHeight}px`,iconSize:Number(i.icon),radius:"4px"},md:{height:`${a.height}px`,paddingX:`${a.paddingX}px`,gap:`${a.gap}px`,fontSize:`${a.typography.fontSize}px`,fontWeight:a.typography.fontWeight,lineHeight:`${a.typography.lineHeight}px`,iconSize:Number(a.icon),radius:"5px"}},f={xs:{...x.xs,radius:"999px"},sm:{...x.sm,radius:"999px"},md:{...x.md,radius:"999px"}},F=Object.fromEntries(["square","pill"].flatMap((t=>l.flatMap((e=>b.map((n=>[`${t}_${e}_${n}`,{shape:t,size:e,color:n,..."square"===t?x[e]:f[e],...u[n]}]))))))),y=class{constructor(e){t(this,e)}name="square_sm_grey";label="";icon;isLeft=!0;get resolvedConfig(){if(!Object.prototype.hasOwnProperty.call(F,this.name))throw new Error(`Invalid sd-tag name: ${this.name}`);return F[this.name]}renderIcon(t,n){return this.icon?e("sd-icon",{class:"sd-tag__icon",name:this.icon,size:n,color:t}):null}render(){const t=this.resolvedConfig,n=this.renderIcon(t.icon,t.iconSize);return e("span",{key:"60c7b64aeed525b55a070ee149aac1c613d43b40",class:"sd-tag",style:{"--sd-tag-background":t.background,"--sd-tag-content":t.content,"--sd-tag-height":t.height,"--sd-tag-padding-x":t.paddingX,"--sd-tag-gap":t.gap,"--sd-tag-font-size":t.fontSize,"--sd-tag-font-weight":t.fontWeight,"--sd-tag-line-height":t.lineHeight,"--sd-tag-radius":t.radius},"aria-label":this.label||"tag"},this.icon&&this.isLeft&&n,e("span",{key:"3b5f662e5e6af7d36800f1cdca6cc18a748b669c",class:"sd-tag__label"},this.label),this.icon&&!this.isLeft&&n)}};y.style="sd-tag{display:inline-flex;width:fit-content;height:fit-content}.sd-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-tag-gap, 5px);min-height:var(--sd-tag-height, 24px);padding:0 var(--sd-tag-padding-x, 8px);border-radius:var(--sd-tag-radius, 4px);background:var(--sd-tag-background, #f3f3f3);color:var(--sd-tag-content, #7a7a7a);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-tag__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.sd-tag__label{display:inline-flex;align-items:center;justify-content:center;min-width:0;font-size:var(--sd-tag-font-size, 12px);font-weight:var(--sd-tag-font-weight, 700);line-height:var(--sd-tag-line-height, 20px)}";export{y as sd_tag}

package/dist/design-system/p-62581abe.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,g as d,h as a}from"./p-B8tGP77V.js";const t=class{constructor(d){e(this,d),this.update=s(this,"sdUpdate"),this.viewChange=s(this,"sdViewChange")}get el(){return d(this)}value=null;label;selectable;disabled=!1;placeholder="";isOpen=!1;update;viewChange;inputEl;openMenu(){this.disabled||(this.isOpen=!0)}handleSelect=e=>{this.value=e.detail,this.isOpen=!1,this.update.emit(e.detail)};handleClose=()=>{this.isOpen=!1};handleViewChange=e=>{this.viewChange.emit(e.detail)};render(){return a("div",{key:"45d377178babbbf10004c3551de90abb1f8137cc",class:{"sd-date-picker":!0,"sd-date-picker--disabled":this.disabled}},a("sd-input",{key:"7850afd672ecbdcbee68002add8a7ee3b223fc20",ref:e=>this.inputEl=e,value:this.value,label:this.label,"inside-label":!0,readonly:!0,disabled:this.disabled,placeholder:this.placeholder,inputClass:"sd-date-picker__input",onClick:()=>this.openMenu()},a("sd-icon",{key:"5b37640ab87c5a963bf153943f42467e3fa5dbfc",slot:"prefix",name:"date",size:"16",color:this.disabled?"grey_65":"grey_70",class:"date-icon",onClick:()=>this.openMenu()})),this.isOpen&&a("sd-portal",{key:"3585b5cee494f3d0871d50f47351cf278b493c35",open:this.isOpen,parentRef:this.inputEl,onSdClose:this.handleClose},a("div",{key:"5ebb7dd31aac4a7e8402a4bc393ef6b2afaea0c2",class:"sd-date-picker__menu"},a("sd-calendar",{key:"e7150c47392fab2a79442e0ca86912e1bb534c9d",value:this.value,selectable:this.selectable,onSdSelect:this.handleSelect,onSdViewChange:this.handleViewChange}))))}};t.style=".sd-date-picker.sc-sd-date-picker{width:100%;display:inline-block}.sd-date-picker.sc-sd-date-picker .sd-date-picker--disabled.sc-sd-date-picker .date-icon.sc-sd-date-picker{cursor:not-allowed !important;color:#888888 !important}.sd-date-picker.sc-sd-date-picker .sd-date-picker__input.sc-sd-date-picker{text-align:center !important}.sd-date-picker__menu.sc-sd-date-picker{border-radius:8px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2)}";export{t as sd_date_picker}

package/dist/design-system/p-687f8414.entry.js

@@ -1 +0,0 @@
-import{r as e,g as s,h as t,F as i}from"./p-B8tGP77V.js";import{T as o}from"./p-BeCHKP_I.js";var a={icon:"12",color:"#888888"},n="#07284A";const l=class{constructor(s){e(this,s)}get el(){return s(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(e){this.showPopover=e}componentWillLoad(){this.showPopover=this.show,this.slotContent=this.el.innerHTML}buttonEl;handleClose=()=>{this.showPopover=!1};render(){return t(i,{key:"5503def56cb2dfa1e7374dc8d2968df5c0268f5f"},this.label?t("sd-button",{ref:e=>this.buttonEl=e,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:e=>this.buttonEl=e,name:this.icon,size:this.iconSize,color:this.color,class:"sd-popover",onClick:()=>this.showPopover=!this.showPopover}),this.showPopover&&t("sd-floating-portal",{key:"ccd8b25cc328a78e66315745cd39e849abc1e2a1",parentRef:this.buttonEl,onSdClose:this.handleClose,placement:this.placement},t("div",{key:"b1359221e2bb9a7bfa36526620734c149ef2d3fe",class:{"sd-floating-menu":!0,"sd-floating-menu--popover":!0,[`sd-floating-menu--${this.placement}`]:!0,[this.menuClass]:!!this.menuClass},style:{"--sd-floating-bg":n}},t("i",{key:"f580b4344ae76e817e689889c9432b95e20a673d",class:`sd-floating-menu__arrow sd-floating-menu__arrow--${this.placement}`},t(o,{key:"b0afd933d6782a31a30f3146f65590228efe22a3"})),t("div",{key:"97d42bf0a82251015a44437115fe1c3ebd517fd4",class:"sd-floating-menu__content"},this.menuTitle&&t("div",{key:"87573bec4894f55e537ac8d311e6bcc78343f034",class:"sd-floating-menu__title"},this.menuTitle),this.messages.length>0&&t("div",{key:"58e7ef0535df0f10d7691bfe9794fd79b24a185d",class:"sd-floating-menu__messages"},this.messages.map((e=>t("div",null,e)))),this.buttons.length>0&&t("div",{key:"bfbf4325963d09c22bcac0dbe1817360fed6d3bf",class:`sd-floating-menu__buttons sd-floating-menu__buttons--${this.buttons.length}`},this.buttons.map((e=>t("sd-button",{...e}))))),this.useClose&&t("button",{key:"beec3d7985e50ab056254883bb79621689ce12d8",title:"close",class:"sd-floating-menu__close-button",onClick:()=>this.handleClose()},t("sd-icon",{key:"88709a46eee690e0d00667ea0e03ee21eedc8f46",name:"close",size:a.icon,color:a.color})))))}static get watchers(){return{show:[{watchShowHandler:0}]}}};l.style="sd-popover{position:relative;cursor:pointer;display:inline-flex}";export{l as sd_popover}

package/dist/design-system/p-e7654632.entry.js

@@ -1 +0,0 @@
-import{r as t,c as n,h as o}from"./p-B8tGP77V.js";import{i as s,g as d,B as i,a as e,b as a,P as b,c as r,d as u}from"./p-CdOU_SOg.js";import"./p-KOzU1j2w.js";const v=class{constructor(o){t(this,o),this.click=n(this,"sdClick")}name="primary_sm";label="";icon;ariaLabel="";disabled=!1;type="button";click;hasWarnedMissingAriaLabel=!1;handleClick=t=>{this.disabled?t.preventDefault():this.click.emit(t)};get resolvedConfig(){if(!s(this.name))throw new Error(`Invalid sd-button-v2 name: ${this.name}`);return{config:i[this.name],preset:d(this.name)}}getButtonClasses(t,n,o,s){const d=["sd-button-v2",`sd-button-v2--${t}`,`sd-button-v2--${n}`];return this.disabled&&d.push("sd-button-v2--disabled"),s&&d.push("sd-button-v2--icon-only"),o&&d.push("sd-button-v2--has-label"),d.join(" ")}componentWillRender(){this.warnIfMissingAriaLabel()}warnIfMissingAriaLabel(){this.label||!Boolean(this.icon)||this.ariaLabel.trim()?this.hasWarnedMissingAriaLabel=!1:this.hasWarnedMissingAriaLabel||(console.warn(`[sd-button-v2] icon-only buttons require \`ariaLabel\`. Received name="${this.name}" icon="${this.icon}".`),this.hasWarnedMissingAriaLabel=!0)}render(){const{config:t,preset:n}=this.resolvedConfig,s=Boolean(this.label),d=!this.label&&Boolean(this.icon),i=d&&this.ariaLabel.trim()?this.ariaLabel:void 0;return o("button",{key:"bd0c68550b9372b5fda70e90bd7f7f83c37861cc",class:this.getButtonClasses(n,t.size,s,d),type:this.type,disabled:this.disabled,"aria-label":i,style:{"--sd-button-v2-bg":"primary"===t.variant?t.color:"#FFFFFF","--sd-button-v2-bg-hover":u[n],"--sd-button-v2-border":r[n],"--sd-button-v2-content":b[n],"--sd-button-v2-accent":a},onClick:this.handleClick},o("span",{key:"59ef03ee76cc7d4ea85aefe1e32692562b233292",class:"sd-button-v2__content"},this.icon&&o("sd-icon",{key:"eae0c177bab7e0dbe8702cb3e4d161e8415d9b61",class:"sd-button-v2__icon",name:this.icon,size:e[t.size],color:"var(--sd-button-v2-current-content)"}),this.label&&o("span",{key:"2244da58987418174c25f44c0300923ebdb04c86",class:"sd-button-v2__label"},this.label)))}};v.style="sd-button-v2{display:inline-flex;width:fit-content;height:fit-content}.sd-button-v2{--sd-button-v2-height:34px;--sd-button-v2-padding-x:20px;--sd-button-v2-gap:8px;--sd-button-v2-font-family:inherit;--sd-button-v2-font-size:16px;--sd-button-v2-font-weight:500;--sd-button-v2-text-decoration:none;--sd-button-v2-label-min-width:auto;--sd-button-v2-icon-only-size:var(--sd-button-v2-height);--sd-button-v2-bg:$oceanblue_75;--sd-button-v2-bg-hover:$oceanblue_80;--sd-button-v2-border:transparent;--sd-button-v2-content:$white;--sd-button-v2-current-content:var(--sd-button-v2-content);display:inline-flex;align-items:center;justify-content:center;min-height:var(--sd-button-v2-height);min-width:var(--sd-button-v2-min-width, auto);padding:0 var(--sd-button-v2-padding-x);border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-v2-border);border-radius:var(--sd-button-radius-default, 4px);background:var(--sd-button-v2-bg);color:var(--sd-button-v2-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-button-v2-font-family);font-size:var(--sd-button-v2-font-size);font-weight:var(--sd-button-v2-font-weight);line-height:1;text-decoration:var(--sd-button-v2-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.sd-button-v2:hover:not(.sd-button-v2--disabled){background:var(--sd-button-v2-bg-hover)}.sd-button-v2:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-button-v2-accent)}.sd-button-v2--xs{--sd-button-v2-height:var(--sd-button-xs-height, 24px);--sd-button-v2-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-v2-gap:var(--sd-button-xs-gap, 4px);--sd-button-v2-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-v2-height))}.sd-button-v2--sm{--sd-button-v2-height:var(--sd-button-sm-height, 28px);--sd-button-v2-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-v2-gap:var(--sd-button-sm-gap, 6px);--sd-button-v2-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-v2-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-v2-height))}.sd-button-v2--md{--sd-button-v2-height:var(--sd-button-md-height, 34px);--sd-button-v2-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-v2-gap:var(--sd-button-md-gap, 8px);--sd-button-v2-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-v2-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-v2-height))}.sd-button-v2--lg{--sd-button-v2-height:var(--sd-button-lg-height, 62px);--sd-button-v2-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-v2-gap:var(--sd-button-lg-gap, 12px);--sd-button-v2-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-v2-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-v2-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-v2-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-v2-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-v2-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-v2-height))}.sd-button-v2--has-label{--sd-button-v2-min-width:var(--sd-button-v2-label-min-width, auto)}.sd-button-v2--icon-only{width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));min-width:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));height:var(--sd-button-v2-icon-only-size, var(--sd-button-v2-height));padding:0}.sd-button-v2--icon-only .sd-button-v2__content{gap:0}.sd-button-v2--disabled{border-color:var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);--sd-button-v2-current-content:var(--sd-button-content-disabled, $grey_65);cursor:not-allowed}.sd-button-v2 .sd-button-v2__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-v2-gap)}.sd-button-v2 .sd-button-v2__label{font:inherit}";export{v as sd_button_v2}

package/dist/design-system/p-e8ebb400.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,g as d,h as n}from"./p-B8tGP77V.js";import{B as r}from"./p-CRdYeSBK.js";import{B as e,g as s,c as i,P as a,d as p,b}from"./p-CdOU_SOg.js";import{b as u}from"./p-KOzU1j2w.js";var w={accent:{default:"#0075FF"}},c={secondary:"#555555",inverse:"#FFFFFF"};const g=Object.keys(e).filter((t=>!t.endsWith("_lg"))),l=Object.fromEntries(g.map((t=>[t,e[t]]))),h={xs:u.dropdown.xs.minWidth,sm:u.dropdown.sm.minWidth,md:u.dropdown.md.minWidth},m=p,x=a,_=i,v={primary:u.brand.strong.dropdown.divider,secondary:u.brand.subtle.dropdown.divider,primary_outline:_.primary_outline,neutral_outline:_.neutral_outline,danger:u.danger.strong.dropdown.divider,danger_outline:_.danger_outline},f=c.secondary,y=w.accent.default,k=c.inverse,z={primary:f,secondary:f,primary_outline:f,neutral_outline:f,danger:f,danger_outline:f},C={primary:y,secondary:y,primary_outline:y,neutral_outline:y,danger:y,danger_outline:y},F={primary:k,secondary:k,primary_outline:k,neutral_outline:k,danger:k,danger_outline:k},D=u.bg.disabled,O=u.content.disabled,j=u.border.disabled,$=class extends r{constructor(d){super(),t(this,d),this.click=o(this,"sdClick"),this.dropDownShow=o(this,"sdDropDownShow")}get el(){return d(this)}name="primary_sm";label="";items=[];disabled=!1;isOpen=!1;itemIndex=-1;triggerRef;menuRef;click;dropDownShow;handleOpenChange(t){this.onDropdownToggle(t),this.dropDownShow.emit({isOpen:t}),t||(this.itemIndex=-1)}componentWillLoad(){this.initializeEvent()}disconnectedCallback(){this.cleanupEvent()}async sdOpen(){this.disabled||0===this.items.length||(this.isOpen=!0)}async sdClose(){this.closeDropdown()}closeDropdown=()=>{this.isOpen=!1};handleDocumentClick(t){const o=t.target;o&&(this.el.contains(o)||this.menuRef?.contains(o)||this.closeDropdown())}handleDocumentKeydown(t){if(this.isOpen&&["ArrowDown","ArrowUp","Enter","Escape"].includes(t.key))switch(t.preventDefault(),t.stopPropagation(),t.key){case"ArrowDown":this.itemIndex=this.getNextEnabledIndex(1);break;case"ArrowUp":this.itemIndex=this.getNextEnabledIndex(-1);break;case"Enter":if(this.itemIndex<0)return;this.selectItem(this.items[this.itemIndex]);break;case"Escape":this.closeDropdown()}}get resolvedConfig(){if(!(this.name in l))throw new Error(`Invalid sd-dropdown-button name: ${this.name}`);return{config:l[this.name],preset:(()=>s(this.name))()}}getNextEnabledIndex(t){const o=this.items.reduce(((t,o,d)=>(o.disabled||t.push(d),t)),[]);if(0===o.length)return-1;const d=o.indexOf(this.itemIndex);return-1===d?1===t?o[0]:o[o.length-1]:o[(d+t+o.length)%o.length]}toggleDropdown=t=>{t.stopPropagation(),this.disabled||0===this.items.length||(this.isOpen=!this.isOpen)};selectItem(t,o){o?.stopPropagation(),t&&!t.disabled&&(this.click.emit(t.value),this.closeDropdown())}getTriggerClasses(t,o,d,n){const r=["sd-dropdown-button__trigger",`sd-dropdown-button__trigger--${t}`,`sd-dropdown-button__trigger--${o}`];return d&&r.push("sd-dropdown-button__trigger--disabled"),n&&r.push("sd-dropdown-button__trigger--open"),r.join(" ")}getMenuItemClasses(t,o){const d=["sd-dropdown-button__menu-item"];return t&&d.push("sd-dropdown-button__menu-item--active"),o&&d.push("sd-dropdown-button__menu-item--disabled"),d.join(" ")}renderDropdown(t){return this.isOpen&&this.triggerRef?n("sd-portal",{open:this.isOpen,parentRef:this.triggerRef,onSdClose:this.closeDropdown},n("div",{style:{position:"absolute",width:"0px",height:"0px"}},n("div",{class:"sd-dropdown-button__menu",role:"menu",ref:t=>this.menuRef=t,style:{"--sd-dropdown-button-menu-min-width":`${this.triggerRef.offsetWidth}px`,"--sd-dropdown-button-menu-item-color":z[t],"--sd-dropdown-button-menu-item-active-bg":C[t],"--sd-dropdown-button-menu-item-active-color":F[t],"--sd-dropdown-button-menu-border":"transparent"===_[t]?v[t]:_[t]}},this.items.map(((t,o)=>n("button",{type:"button",role:"menuitem",class:this.getMenuItemClasses(this.itemIndex===o&&!t.disabled,Boolean(t.disabled)),disabled:t.disabled,onClick:o=>this.selectItem(t,o),onMouseEnter:()=>{t.disabled||(this.itemIndex=o)}},t.icon&&n("sd-icon",{class:"sd-dropdown-button__menu-item-icon",name:t.icon,size:12,color:"var(--sd-dropdown-button-menu-item-current-color)"}),n("span",{class:"sd-dropdown-button__menu-item-label",innerHTML:t.label}))))))):null}render(){const{config:t,preset:o}=this.resolvedConfig;return n("div",{key:"190bb1c48b8210067961caa1d9b17f195fb522e8",class:"sd-dropdown-button"},n("button",{key:"9fabd9be8b36d8c0ec9118eab6b8cb42c62da460",type:"button",class:this.getTriggerClasses(o,t.size,this.disabled,this.isOpen),disabled:this.disabled,"aria-haspopup":"menu","aria-expanded":String(this.isOpen),onClick:this.toggleDropdown,ref:t=>this.triggerRef=t,style:{"--sd-dropdown-button-min-width":`${h[t.size]}px`,"--sd-dropdown-button-bg":t.color,"--sd-dropdown-button-bg-hover":m[o],"--sd-dropdown-button-border":_[o],"--sd-dropdown-button-content":x[o],"--sd-dropdown-button-divider":v[o],"--sd-dropdown-button-accent":b,"--sd-dropdown-button-disabled-bg":D,"--sd-dropdown-button-disabled-content":O,"--sd-dropdown-button-disabled-border":j}},n("span",{key:"948734c20701c8b9e08596e990531862db450114",class:"sd-dropdown-button__trigger-label"},this.label),n("span",{key:"5c27c116718487b958e61b7b58c8aa89615e09bd",class:"sd-dropdown-button__trigger-divider","aria-hidden":"true"}),n("span",{key:"4a0eec935afba260c0ede1e967d0de4488029383",class:"sd-dropdown-button__trigger-icon","aria-hidden":"true"},n("sd-icon",{key:"c9d568e7b5451556ced51c902a5d4523a38077d4",name:this.isOpen?"arrowUp":"arrowDown",size:12,color:"var(--sd-dropdown-button-current-content)"}))),this.renderDropdown(o))}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}};$.style="sd-dropdown-button{display:inline-flex;width:fit-content;height:fit-content}.sd-dropdown-button{display:inline-flex;position:relative}.sd-dropdown-button__trigger{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-dropdown-button-bg:#025497;--sd-dropdown-button-bg-hover:#004177;--sd-dropdown-button-border:transparent;--sd-dropdown-button-content:#ffffff;--sd-dropdown-button-current-content:var(--sd-dropdown-button-content);--sd-dropdown-button-divider:#006ac1;--sd-dropdown-button-accent:#006ac1;--sd-dropdown-button-min-width:106px;--sd-dropdown-button-disabled-bg:var(--sd-button-bg-disabled, $grey_30);--sd-dropdown-button-disabled-content:var(--sd-button-content-disabled, $grey_65);--sd-dropdown-button-disabled-border:var(--sd-button-border-disabled, $grey_45);display:inline-flex;align-items:stretch;justify-content:space-between;min-width:var(--sd-dropdown-button-min-width);min-height:var(--sd-dropdown-button-height);padding:0;border:var(--sd-button-border-width-default, 1px) solid var(--sd-dropdown-button-border);border-radius:var(--sd-button-radius-default, 4px);background:var(--sd-dropdown-button-bg);color:var(--sd-dropdown-button-current-content);cursor:pointer;box-sizing:border-box;font-family:var(--sd-dropdown-button-font-family);font-size:var(--sd-dropdown-button-font-size);font-weight:var(--sd-dropdown-button-font-weight);line-height:1;text-decoration:var(--sd-dropdown-button-text-decoration);transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;white-space:nowrap}.sd-dropdown-button__trigger:hover:not(.sd-dropdown-button__trigger--disabled){background:var(--sd-dropdown-button-bg-hover)}.sd-dropdown-button__trigger:focus-visible{outline:0;box-shadow:0 0 0 2px var(--sd-dropdown-button-accent)}.sd-dropdown-button__trigger--xs{--sd-dropdown-button-height:var(--sd-button-xs-height, 24px);--sd-dropdown-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-dropdown-button-gap:var(--sd-button-xs-gap, 4px);--sd-dropdown-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none)}.sd-dropdown-button__trigger--sm{--sd-dropdown-button-height:var(--sd-button-sm-height, 28px);--sd-dropdown-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-dropdown-button-gap:var(--sd-button-sm-gap, 6px);--sd-dropdown-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-dropdown-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none)}.sd-dropdown-button__trigger--md{--sd-dropdown-button-height:var(--sd-button-md-height, 34px);--sd-dropdown-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-dropdown-button-gap:var(--sd-button-md-gap, 8px);--sd-dropdown-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-dropdown-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-dropdown-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-dropdown-button-text-decoration:var(--sd-button-md-typography-text-decoration, none)}.sd-dropdown-button__trigger--disabled{border-color:var(--sd-dropdown-button-disabled-border);background:var(--sd-dropdown-button-disabled-bg);--sd-dropdown-button-current-content:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__trigger--disabled .sd-dropdown-button__trigger-divider{background:var(--sd-dropdown-button-disabled-border)}.sd-dropdown-button__trigger-label,.sd-dropdown-button__trigger-icon{display:inline-flex;align-items:center;justify-content:center}.sd-dropdown-button__trigger-label{flex:1 1 auto;min-width:0;padding:0 var(--sd-dropdown-button-padding-x)}.sd-dropdown-button__trigger-divider{align-self:stretch;width:1px;height:auto;background:var(--sd-dropdown-button-divider);opacity:0.9}.sd-dropdown-button__trigger-icon{flex:0 0 auto;min-width:calc(var(--sd-dropdown-button-height) - 2px);padding:0 calc(var(--sd-dropdown-button-gap) + 2px)}.sd-dropdown-button__menu{position:relative;display:grid;width:max-content;min-width:var(--sd-dropdown-button-menu-min-width, max-content);max-width:calc(100vw - 24px);padding:4px 0;border:0;border-radius:4px;background:#FFFFFF;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.1019607843);box-sizing:border-box;overflow:hidden}.sd-dropdown-button__menu-item{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-menu-item-color);display:inline-flex;align-items:center;gap:8px;min-height:28px;width:100%;padding:0 12px;border:0;border-radius:0;background:transparent;color:var(--sd-dropdown-button-menu-item-current-color);cursor:pointer;box-sizing:border-box;font:inherit;text-align:left;transition:background-color 0.15s ease, color 0.15s ease}.sd-dropdown-button__menu-item--active{background:var(--sd-dropdown-button-menu-item-active-bg);--sd-dropdown-button-menu-item-current-color:var(    --sd-dropdown-button-menu-item-active-color   )}.sd-dropdown-button__menu-item--disabled{--sd-dropdown-button-menu-item-current-color:var(--sd-dropdown-button-disabled-content);cursor:not-allowed}.sd-dropdown-button__menu-item-icon{flex:0 0 auto}.sd-dropdown-button__menu-item-label{display:inline-flex;align-items:center;min-width:0;white-space:nowrap;font-size:12px}";export{$ as sd_dropdown_button}

package/dist/design-system/p-ebee1495.entry.js

@@ -1 +0,0 @@
-import{r as d,h as r,F as e}from"./p-B8tGP77V.js";const s=class{constructor(r){d(this,r)}bordered=!1;sdClass="";render(){return r(e,{key:"5469668df656a5992d9b3ac2a166bc9e39b8619d"},r("div",{key:"95b883e6cc86fcaa8add6cbd029b5e4d1ed2759c",class:`sd-card ${this.bordered?"sd-card--bordered":""} ${this.sdClass}`},r("slot",{key:"a09be5de9f8e0edab7e60045dffb39e52f9c545f"})))}};s.style="sd-card{display:block;height:fit-content}sd-card .sd-card{border-radius:8px;background:white}sd-card .sd-card--bordered{border:1px solid #E1E1E1}";export{s as sd_card}