@sellmate/design-system 1.0.15 → 1.0.17

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"],"names":[],"mappings":"SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa,EAAA;AACnE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;;;;"}

package/dist/esm/loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loader.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;"}

package/dist/esm/resolveColor-DcGvp3RM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveColor-DcGvp3RM.js","sources":["src/utils/color/resolveColor.ts"],"sourcesContent":["import rawColors from '../../styles/color.json';\n\ntype ColorMap = Record<string, string>;\nconst colors: ColorMap = rawColors as ColorMap;\n\n// 주어진 문자열이 color.json의 키이면 매핑된 HEX를 반환하고,\n// 아닐 경우 원문 그대로를 반환합니다. 값이 falsy면 기본 색상으로 대체합니다.\n\nexport function resolveColor(\n input: string | undefined | null,\n fallback: string = '#025497',\n): string {\n if (!input) return fallback;\n const mapped = colors[input];\n return mapped || input;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,MAAM,GAAa,SAAqB;AAE9C;AACA;SAEgB,YAAY,CAC3B,KAAgC,EAChC,WAAmB,SAAS,EAAA;AAE5B,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,QAAQ;AAC3B,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC;IAC5B,OAAO,MAAM,IAAI,KAAK;AACvB;;;;"}

package/dist/esm/sd-badge.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-badge.entry.js","sources":["src/components/sd-badge/sd-badge.scss?tag=sd-badge","src/components/sd-badge/sd-badge.tsx"],"sourcesContent":["@import 'variables';\n\nsd-badge {\n display: inline-flex;\n\n .sd-badge {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .sd-badge__dot {\n   background: var(--sd-badge-color, $brilliantblue_75);\n  }\n\n  .sd-badge__label {\n   margin-left: 8px;\n   font-size: 12px;\n   font-weight: 500;\n   line-height: 20px;\n   color: $grey_90;\n  }\n\n  &--sm {\n   .sd-badge__dot {\n    width: 4px;\n    height: 4px;\n    min-width: 4px;\n    min-height: 4px;\n    border-radius: 2px;\n   }\n  }\n\n  &--md {\n   .sd-badge__dot {\n    width: 8px;\n    height: 8px;\n    min-width: 8px;\n    min-height: 8px;\n    border-radius: 4px;\n   }\n  }\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { resolveColor } from '../../utils/color';\n\n@Component({\n tag: 'sd-badge',\n styleUrl: 'sd-badge.scss',\n})\nexport class SdBadge {\n @Prop() size: 'sm' | 'md' = 'md';\n @Prop() color: string = 'brilliantblue_75';\n @Prop() label: string = '';\n\n render() {\n  const resolvedColor = resolveColor(this.color);\n\n  return (\n   <div class={`sd-badge sd-badge--${this.size}`} style={{ '--sd-badge-color': resolvedColor }}>\n    <div class=\"sd-badge__dot\"></div>\n    <div class=\"sd-badge__label\">{this.label}</div>\n   </div>\n  );\n }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,UAAU,GAAG,MAAM,CAAC,yfAAyf,CAAC;;MCOvgB,OAAO,GAAA,MAAA;;;;IACX,IAAI,GAAgB,IAAI;IACxB,KAAK,GAAW,kBAAkB;IAClC,KAAK,GAAW,EAAE;IAE1B,MAAM,GAAA;QACL,MAAM,aAAa,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;AAE9C,QAAA,QACC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAsB,mBAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,EAAE,KAAK,EAAE,EAAE,kBAAkB,EAAE,aAAa,EAAE,EAAA,EAC1F,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAO,CAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAO,CAC1C;;;;;;;"}

package/dist/esm/sd-card.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-card.entry.js","sources":["src/components/sd-card/sd-card.scss?tag=sd-card","src/components/sd-card/sd-card.tsx"],"sourcesContent":["@import 'variables';\n\nsd-card {\n display: block;\n height: fit-content;\n\n .sd-card {\n  border-radius: 8px;\n  background: white;\n  &--bordered {\n   border: 1px solid $grey_30;\n  }\n }\n}\n","import { Component, Fragment, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'sd-card',\n styleUrl: 'sd-card.scss',\n})\nexport class SdCard {\n @Prop() bordered: boolean = false;\n @Prop() cardClassName?: string = '';\n\n render() {\n  return (\n   <Fragment>\n    <div class={`sd-card ${this.bordered ? 'sd-card--bordered' : ''} ${this.cardClassName}`}>\n     <slot></slot>\n    </div>\n   </Fragment>\n  );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,MAAM,CAAC,iJAAiJ,CAAC;;MCM9J,MAAM,GAAA,MAAA;;;;IACV,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAY,EAAE;IAEnC,MAAM,GAAA;QACL,QACC,EAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACR,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,QAAA,EAAW,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,EAAE,IAAI,IAAI,CAAC,aAAa,CAAA,CAAE,EAAA,EACtF,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR,CACI;;;;;;;"}

package/dist/esm/sd-date-box.entry.js

@@ -1,51 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-DqSa0XJ6.js';
-
-const sdDateBoxCss = () => `.sd-date-box.sc-sd-date-box{display:flex;align-items:center;justify-content:center;width:38px;height:36px;font-size:14px;position:relative;box-sizing:border-box;text-align:center;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);border-radius:14px}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box{width:28px;height:28px;border-radius:14px;position:relative}.sd-date-box.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{position:relative;z-index:2;-webkit-user-select:none;user-select:none;line-height:28px}.sd-date-box.sd-date-box--disabled.sc-sd-date-box{color:#cccccc;cursor:default !important;pointer-events:none}.sd-date-box.sc-sd-date-box:not(.sd-date-box--disabled){color:#333333;cursor:pointer}.sd-date-box.sd-hoverable.sc-sd-date-box:hover .sd-date-box__content.sc-sd-date-box{background:#d9eaff}.sd-date-box.sd-date-box--in-range.sc-sd-date-box:not(.sd-date-box--disabled) .sd-date-box__content.sc-sd-date-box::before{content:"";position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;background:#d9eaff}.sd-date-box.sd-date-box--in-range.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{left:auto !important;width:19px !important;right:-5px}.sd-date-box.sd-date-box--in-range.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{width:19px !important}.sd-date-box.sd-date-box--in-range.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{font-weight:500}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;inset:0;background:#0075ff;border-radius:14px;z-index:1}.sd-date-box.sd-date-box--selected.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-start.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box,.sd-date-box.sd-date-box--type-end.sc-sd-date-box .sd-date-box__content.sc-sd-date-box .sd-date-box__label.sc-sd-date-box{color:white;font-weight:700}.sd-date-box.sd-date-box--start-date.sd-date-box--end-date.sc-sd-date-box .sd-date-box__content.sc-sd-date-box::before{display:none !important}.sd-date-box.sd-date-box--today.sc-sd-date-box:not(.sd-date-box--selected) .sd-date-box__content.sc-sd-date-box::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:28px;height:28px;border:1px solid #e1e1e1 !important;border-radius:14px}`;
-
-const SdDateBox = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.click = createEvent(this, "sdClick");
-        this.mouseOver = createEvent(this, "sdMouseOver");
-    }
-    date = null;
-    disabled = false;
-    selected = false;
-    isStartDate = false;
-    isEndDate = false;
-    isToday = false;
-    inRange = false;
-    type = '';
-    click;
-    mouseOver;
-    handleClickDate() {
-        if (this.disabled)
-            return;
-        if (typeof this.date === 'string')
-            return;
-        this.click?.emit(this.date);
-    }
-    handleHoverDate() {
-        if (typeof this.date === 'string')
-            return;
-        this.mouseOver?.emit(this.date);
-    }
-    render() {
-        return (h("div", { key: 'bc31968c1c9b0ba3193932f03cb6603beb8846c4', role: "button", tabindex: this.disabled ? -1 : 0, class: {
-                'sd-date-box': true,
-                'sd-hoverable': !this.disabled || !this.selected || this.type === '',
-                'sd-date-box--disabled': this.disabled,
-                'sd-date-box--selected': this.selected,
-                'sd-date-box--today': this.isToday,
-                'sd-date-box--start-date': this.isStartDate,
-                'sd-date-box--end-date': this.isEndDate,
-                'sd-date-box--in-range': this.inRange,
-                'sd-date-box--type-start': this.type === 'start',
-                'sd-date-box--type-end': this.type === 'end',
-            }, onClick: () => this.handleClickDate(), onMouseOver: () => this.handleHoverDate() }, h("div", { key: '010b388752d393671532f7bd9ebeb2696b0c8630', class: "sd-date-box__content" }, h("div", { key: '146459d37d283de0e2c05d6c0dbc99e64b231ba7', class: "sd-date-box__label" }, this.date))));
-    }
-};
-SdDateBox.style = sdDateBoxCss();
-
-export { SdDateBox as sd_date_box };
-//# sourceMappingURL=sd-date-box.entry.js.map

package/dist/esm/sd-date-box.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-date-box.entry.js","sources":["src/components/sd-date-box/sd-date-box.scss?tag=sd-date-box&encapsulation=scoped","src/components/sd-date-box/sd-date-box.tsx"],"sourcesContent":["@import 'variables';\n\n.sd-date-box {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 38px;\n height: 36px;\n font-size: 14px;\n position: relative;\n box-sizing: border-box;\n text-align: center;\n transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);\n border-radius: 14px;\n\n .sd-date-box__content {\n  width: 28px;\n  height: 28px;\n  border-radius: 14px;\n  position: relative;\n\n  .sd-date-box__label {\n   position: relative;\n   z-index: 2;\n   -webkit-user-select: none;\n   user-select: none;\n   line-height: 28px;\n  }\n }\n\n &.sd-date-box--disabled {\n  color: $grey_45;\n  cursor: default !important;\n  pointer-events: none;\n }\n\n &:not(.sd-date-box--disabled) {\n  color: $grey_90;\n  cursor: pointer;\n }\n\n &.sd-hoverable {\n  &:hover {\n   .sd-date-box__content {\n    background: $brilliantblue_25;\n   }\n  }\n }\n\n &.sd-date-box--in-range {\n  &:not(.sd-date-box--disabled) {\n   .sd-date-box__content {\n    &::before {\n     content: '';\n     position: absolute;\n     top: 0;\n     left: -5px;\n     width: calc(100% + 10px);\n     height: 100%;\n     background: $brilliantblue_25;\n    }\n   }\n  }\n\n  &.sd-date-box--type-start {\n   .sd-date-box__content {\n    &::before {\n     left: auto !important;\n     width: 19px !important;\n     right: -5px;\n    }\n   }\n  }\n\n  &.sd-date-box--type-end {\n   .sd-date-box__content {\n    &::before {\n     width: 19px !important;\n    }\n   }\n  }\n\n  .sd-date-box__content {\n   .sd-date-box__label {\n    font-weight: 500;\n   }\n  }\n }\n\n &.sd-date-box--selected,\n &.sd-date-box--type-start,\n &.sd-date-box--type-end {\n  .sd-date-box__content {\n   &::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: $brilliantblue_75;\n    border-radius: 14px;\n    z-index: 1;\n   }\n\n   .sd-date-box__label {\n    color: white;\n    font-weight: 700;\n   }\n  }\n }\n\n &.sd-date-box--start-date.sd-date-box--end-date {\n  .sd-date-box__content {\n   &::before {\n    display: none !important;\n   }\n  }\n }\n\n &.sd-date-box--today:not(.sd-date-box--selected) {\n  .sd-date-box__content {\n   &::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 28px;\n    height: 28px;\n    border: 1px solid $grey_30 !important;\n    border-radius: 14px;\n   }\n  }\n }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\nexport type Type = 'start' | 'end' | '';\n\n@Component({\n tag: 'sd-date-box',\n styleUrl: 'sd-date-box.scss',\n scoped: true,\n})\nexport class SdDateBox {\n @Prop() date: number | string | null = null;\n @Prop() disabled: boolean = false;\n @Prop() selected: boolean = false;\n @Prop() isStartDate: boolean = false;\n @Prop() isEndDate: boolean = false;\n @Prop() isToday: boolean = false;\n @Prop() inRange: boolean = false;\n @Prop() type: Type = '';\n\n @Event({ eventName: 'sdClick' }) click?: EventEmitter<number | string | null>;\n @Event({ eventName: 'sdMouseOver' }) mouseOver?: EventEmitter<number | string | null>;\n\n private handleClickDate() {\n  if (this.disabled) return;\n  if (typeof this.date === 'string') return;\n\n  this.click?.emit(this.date);\n }\n\n private handleHoverDate() {\n  if (typeof this.date === 'string') return;\n\n  this.mouseOver?.emit(this.date);\n }\n\n render() {\n  return (\n   <div\n    role=\"button\"\n    tabindex={this.disabled ? -1 : 0}\n    class={{\n     'sd-date-box': true,\n     'sd-hoverable': !this.disabled || !this.selected || this.type === '',\n     'sd-date-box--disabled': this.disabled,\n     'sd-date-box--selected': this.selected,\n     'sd-date-box--today': this.isToday,\n     'sd-date-box--start-date': this.isStartDate,\n     'sd-date-box--end-date': this.isEndDate,\n     'sd-date-box--in-range': this.inRange,\n     'sd-date-box--type-start': this.type === 'start',\n     'sd-date-box--type-end': this.type === 'end',\n    }}\n    onClick={() => this.handleClickDate()}\n    onMouseOver={() => this.handleHoverDate()}\n   >\n    <div class=\"sd-date-box__content\">\n     <div class=\"sd-date-box__label\">{this.date}</div>\n    </div>\n   </div>\n  );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,gqFAAgqF,CAAC;;MCShrF,SAAS,GAAA,MAAA;;;;;;IACb,IAAI,GAA2B,IAAI;IACnC,QAAQ,GAAY,KAAK;IACzB,QAAQ,GAAY,KAAK;IACzB,WAAW,GAAY,KAAK;IAC5B,SAAS,GAAY,KAAK;IAC1B,OAAO,GAAY,KAAK;IACxB,OAAO,GAAY,KAAK;IACxB,IAAI,GAAS,EAAE;AAEU,IAAA,KAAK;AACD,IAAA,SAAS;IAEtC,eAAe,GAAA;QACtB,IAAI,IAAI,CAAC,QAAQ;YAAE;AACnB,QAAA,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ;YAAE;QAEnC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGpB,eAAe,GAAA;AACtB,QAAA,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ;YAAE;QAEnC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGhC,MAAM,GAAA;AACL,QAAA,QACC,4DACC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,CAAC,EAChC,KAAK,EAAE;AACN,gBAAA,aAAa,EAAE,IAAI;AACnB,gBAAA,cAAc,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE;gBACpE,uBAAuB,EAAE,IAAI,CAAC,QAAQ;gBACtC,uBAAuB,EAAE,IAAI,CAAC,QAAQ;gBACtC,oBAAoB,EAAE,IAAI,CAAC,OAAO;gBAClC,yBAAyB,EAAE,IAAI,CAAC,WAAW;gBAC3C,uBAAuB,EAAE,IAAI,CAAC,SAAS;gBACvC,uBAAuB,EAAE,IAAI,CAAC,OAAO;AACrC,gBAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;AAChD,gBAAA,uBAAuB,EAAE,IAAI,CAAC,IAAI,KAAK,KAAK;aAC5C,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EACrC,WAAW,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EAAA,EAEzC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAE,EAAA,IAAI,CAAC,IAAI,CAAO,CAC5C,CACD;;;;;;;"}

package/dist/esm/sd-date-picker.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-date-picker.entry.js","sources":["src/components/sd-date-picker/sd-date-picker.scss?tag=sd-date-picker&encapsulation=scoped","src/components/sd-date-picker/sd-date-picker.tsx"],"sourcesContent":["@import 'variables';\n\n.sd-date-picker {\n width: 100%;\n display: inline-block;\n\n .sd-date-picker--disabled {\n  .date-icon {\n   cursor: not-allowed !important;\n   color: $grey_65 !important;\n  }\n }\n\n .sd-date-picker__input {\n  text-align: center !important;\n }\n}\n\n.sd-date-picker__menu {\n width: 304px;\n box-sizing: border-box;\n border-radius: 8px;\n padding: 24px 19px;\n box-shadow: 2px 2px 12px 2px #00000033;\n background: white;\n\n .sd-date-picker__header {\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  gap: 20px;\n  font-size: 14px;\n  padding: 0 5px;\n  height: 24px;\n  line-height: 24px;\n\n  .year-nav,\n  .month-nav {\n   display: flex;\n   flex-flow: row nowrap;\n   align-items: center;\n   gap: 12px;\n\n   button {\n    background: none;\n    border: none;\n    cursor: pointer;\n    margin: 0;\n    padding: 0;\n   }\n  }\n\n  .year-nav {\n   &__current {\n    width: 40px;\n    text-align: center;\n   }\n  }\n\n  .month-nav {\n   &__current {\n    width: 100px;\n    text-align: center;\n   }\n  }\n }\n .sd-date-picker__days {\n  margin-top: 8px;\n  display: grid;\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n  column-gap: 10px;\n  padding: 0 5px;\n\n  .day {\n   width: 28px;\n   height: 20px;\n   font-size: 12px;\n   line-height: 20px;\n   text-align: center;\n   color: $grey_65;\n  }\n }\n .sd-date-picker__body {\n  margin-top: 12px;\n  display: grid;\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n }\n}\n","import { Component, Element, Prop, State, Event, h, EventEmitter } from '@stencil/core';\nimport { useDatePicker } from '../../modules/useDatePicker';\nimport { today } from '../../utils/date';\n\n@Component({\n tag: 'sd-date-picker',\n styleUrl: 'sd-date-picker.scss',\n scoped: true,\n})\nexport class SdDatePicker {\n @Element() el!: HTMLElement;\n\n @Prop({ mutable: true, reflect: true }) value: string | null = null;\n @Prop() label?: string;\n @Prop() selectable?: [string, string];\n @Prop() disabled: boolean = false;\n @Prop() placeholder: string = '';\n\n @State() isOpen: boolean = false;\n @State() currentDate: string | null = null;\n @State() currentYear!: number;\n @State() currentMonth!: number;\n\n @Event({ eventName: 'sdUpdate' }) update!: EventEmitter<string | null>;\n\n componentWillLoad() {\n  this.setCalendar();\n }\n\n private dateUtil = useDatePicker();\n private inputEl?: HTMLElement;\n\n private setCalendar() {\n  const base = this.value || today;\n  const [year, month] = base.split('-').map(Number);\n  this.currentYear = year;\n  this.currentMonth = month;\n  this.currentDate = this.value;\n }\n\n private openMenu() {\n  if (this.disabled) return;\n\n  this.setCalendar();\n  this.isOpen = true;\n }\n\n private get calendar() {\n  return this.dateUtil.createCalendar(this.currentYear, this.currentMonth);\n }\n\n private setCurrentYear(year: number) {\n  this.currentYear = year;\n }\n\n private setCurrentMonth(month: number) {\n  this.currentMonth = month;\n }\n\n private setCurrentDate(date: string | null) {\n  this.currentDate = date;\n }\n\n private handleUpdateMonth(type: 'prev' | 'next') {\n  const { newYear, newMonth } = this.dateUtil.calculateYearMonth(\n   this.currentYear,\n   this.currentMonth,\n   type,\n  );\n  this.setCurrentYear(newYear);\n  this.setCurrentMonth(newMonth);\n }\n\n private handleDateClick(day: number) {\n  if (!day) return;\n\n  const date = this.dateUtil.formatDate(this.currentYear, this.currentMonth, day);\n  this.setCurrentDate(date);\n  this.isOpen = false;\n\n  this.value = date;\n  this.update.emit?.(date);\n }\n\n private isDisabledDate(date: string): boolean {\n  if (!this.selectable) return false;\n\n  const [startSelectable, endSelectable] = this.selectable;\n\n  if (startSelectable && endSelectable) {\n   return date < startSelectable || date > endSelectable;\n  }\n\n  if (startSelectable) {\n   return date < startSelectable;\n  }\n\n  if (endSelectable) {\n   return date > endSelectable;\n  }\n\n  return false;\n }\n\n private handleClose = () => {\n  this.isOpen = false;\n };\n\n render() {\n  return (\n   <div class={{ 'sd-date-picker': true, 'sd-date-picker--disabled': this.disabled }}>\n    <sd-input\n     ref={el => (this.inputEl = el as unknown as HTMLElement)}\n     value={this.value}\n     label={this.label}\n     inside-label\n     readonly\n     disabled={this.disabled}\n     placeholder={this.placeholder}\n     inputClass=\"sd-date-picker__input\"\n     onClick={() => this.openMenu()}\n    >\n     <sd-icon\n      slot=\"prefix\"\n      name=\"date\"\n      size=\"16\"\n      color={this.disabled ? 'grey_65' : 'grey_70'}\n      class=\"date-icon\"\n      onClick={() => this.openMenu()}\n     ></sd-icon>\n    </sd-input>\n\n    {this.isOpen && (\n     <sd-portal open={this.isOpen} parentRef={this.inputEl} onSdClose={this.handleClose}>\n      <div class=\"sd-date-picker__menu\">\n       <div class=\"sd-date-picker__header\">\n        {/* Year Navigation */}\n        <div class=\"year-nav\">\n         <button\n          type=\"button\"\n          name=\"prev-year\"\n          title=\"Previous Year\"\n          onClick={() => this.setCurrentYear(this.currentYear - 1)}\n         >\n          <sd-icon name=\"arrowLeft\" size=\"12\" color=\"#CCCCCC\" />\n         </button>\n         <span class=\"year-nav__current\">{this.currentYear}</span>\n         <button\n          type=\"button\"\n          name=\"next-year\"\n          title=\"Next Year\"\n          onClick={() => this.setCurrentYear(this.currentYear + 1)}\n         >\n          <sd-icon name=\"arrowRight\" size=\"12\" color=\"#CCCCCC\" />\n         </button>\n        </div>\n\n        {/* Month Navigation */}\n        <div class=\"month-nav\">\n         <button\n          type=\"button\"\n          name=\"prev-month\"\n          title=\"Previous       \"\n          onClick={() => this.handleUpdateMonth('prev')}\n         >\n          <sd-icon name=\"arrowLeft\" size=\"12\" color=\"#CCCCCC\" />\n         </button>\n         <span class=\"month-nav__current\">{this.currentMonth}월</span>\n         <button\n          type=\"button\"\n          name=\"next-month\"\n          title=\"Next Month\"\n          onClick={() => this.handleUpdateMonth('next')}\n         >\n          <sd-icon name=\"arrowRight\" size=\"12\" color=\"#CCCCCC\" />\n         </button>\n        </div>\n       </div>\n\n       <div class=\"sd-date-picker__days\">\n        {['일', '월', '화', '수', '목', '금', '토'].map(day => (\n         <div key={day} class=\"day\">\n          {day}\n         </div>\n        ))}\n       </div>\n\n       <div class=\"sd-date-picker__body\">\n        {[\n         ...this.calendar.prevMonthDays,\n         ...this.calendar.days,\n         ...this.calendar.afterMonthDays,\n        ].map((day, idx) => {\n         const formattedDate = this.dateUtil.formatDate(\n          this.currentYear,\n          this.currentMonth,\n          Number(day),\n         );\n\n         return (\n          <sd-date-box\n           key={`${day}_${idx}`}\n           date={!day ? '' : Number(day)}\n           selected={this.currentDate === formattedDate}\n           isToday={today === formattedDate}\n           disabled={!day ? true : this.isDisabledDate(formattedDate)}\n           onClick={\n            !this.isDisabledDate(formattedDate) && day\n             ? () => this.handleDateClick(Number(day))\n             : undefined\n           }\n          />\n         );\n        })}\n       </div>\n      </div>\n     </sd-portal>\n    )}\n   </div>\n  );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/sd-date-range-picker.entry.js

@@ -1,190 +0,0 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, F as Fragment } from './index-DqSa0XJ6.js';
-import { u as useDatePicker, t as today } from './useDatePicker-DTrMR0rx.js';
-
-const addDays = (inputDate, days) => {
-    const [year, month, day] = inputDate.split('-').map(Number);
-    const date = new Date(year, month - 1, day); // month는 0부터 시작하므로 -1
-    // 날짜 계산
-    date.setDate(date.getDate() + days);
-    // yyyy-mm-dd 형식으로 변환
-    const resultYear = date.getFullYear();
-    const resultMonth = String(date.getMonth() + 1).padStart(2, '0');
-    const resultDay = String(date.getDate()).padStart(2, '0');
-    return `${resultYear}-${resultMonth}-${resultDay}`;
-};
-
-const sdDateRangePickerCss = () => `sd-date-range-picker.sc-sd-date-range-picker{width:fit-content;display:inline-flex}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .date-icon.sc-sd-date-range-picker{cursor:not-allowed !important;color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-date-range-picker--disabled.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{color:#888888 !important}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-field__control.sc-sd-date-range-picker{min-width:210px}sd-date-range-picker.sc-sd-date-range-picker .sd-field.sc-sd-date-range-picker .sd-input__native.sc-sd-date-range-picker{margin-left:17px !important}.sd-date-range-picker__menu.sc-sd-date-range-picker{width:609px;box-sizing:border-box;border-radius:8px;padding:24px 19px;box-shadow:2px 2px 12px 2px rgba(0, 0, 0, 0.2);background:white}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker{margin-bottom:16px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__header.sc-sd-date-range-picker .header-label.sc-sd-date-range-picker{margin:0 12px;width:40px;text-align:center;font-size:14px;line-height:24px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker{display:flex;flex-flow:row nowrap;align-items:stretch;gap:19px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker{width:266px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker{width:100%;height:24px;line-height:24px;font-size:14px;text-align:center;position:relative;padding:0 5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.sc-sd-date-range-picker{position:absolute;top:50%;transform:translateY(-50%)}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-prev.sc-sd-date-range-picker{left:5px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-header.sc-sd-date-range-picker button.header-button-next.sc-sd-date-range-picker{right:5px;left:auto}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker{padding:0 5px;margin-top:8px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));column-gap:10px}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-days.sc-sd-date-range-picker .day.sc-sd-date-range-picker{width:28px;height:20px;font-size:12px;line-height:20px;text-align:center;color:#888888}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .calendar-container.sc-sd-date-range-picker .calendar-body.sc-sd-date-range-picker{margin-top:12px;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr))}.sd-date-range-picker__menu.sc-sd-date-range-picker .sd-date-range-picker__body.sc-sd-date-range-picker .separator.sc-sd-date-range-picker{width:1px;background-color:#d8d8d8}`;
-
-const SdDateRangePicker = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.update = createEvent(this, "sdUpdate");
-    }
-    get el() { return getElement(this); }
-    value = ['', ''];
-    label;
-    selectable;
-    maxRange;
-    disabled = false;
-    placeholder = '';
-    isOpen = false;
-    dateRange = this.value;
-    hoverDate = '';
-    prevYear = Number(this.dateRange[0].split('-')[0]);
-    prevMonth = Number(this.dateRange[0].split('-')[1]);
-    update;
-    inputEl;
-    dateUtil = useDatePicker();
-    tempDateRange = ['', ''];
-    componentWillLoad() {
-        this.syncFromValue(this.value);
-    }
-    onValueChange(newValue) {
-        this.dateRange = [...newValue];
-    }
-    syncFromValue(value) {
-        this.dateRange = [...value];
-        this.resetCalendarByDateRange(value);
-    }
-    /* ----------------------------------
-     * Calendar View Logic
-     * ---------------------------------- */
-    resetCalendarByDateRange(range) {
-        // this.dateRange = this.value;
-        const start = range[0] || today;
-        const end = range[1] || start;
-        const [startYear, startMonth] = start.split('-').map(Number);
-        const [todayYear, todayMonth] = today.split('-').map(Number);
-        if (end <= today) {
-            // A. 완전 과거 검색(당월 포함X): 좌측 = 시작월 / 우측 = 종료월
-            this.prevYear = startYear;
-            this.prevMonth = startMonth;
-        }
-        else if (start < today && end > today) {
-            // B. 과거~미래 걸침(당월 포함O): 좌측 = 오늘의 달
-            this.prevYear = todayYear;
-            this.prevMonth = todayMonth;
-        }
-        else {
-            // C. 완전 미래 검색(당월 포함X): 좌측 = 시작월
-            this.prevYear = startYear;
-            this.prevMonth = startMonth;
-        }
-    }
-    get nextYear() {
-        return this.prevMonth === 12 ? this.prevYear + 1 : this.prevYear;
-    }
-    get nextMonth() {
-        return this.prevMonth === 12 ? 1 : this.prevMonth + 1;
-    }
-    get prevCalendar() {
-        return this.dateUtil.createCalendar(this.prevYear, this.prevMonth);
-    }
-    get nextCalendar() {
-        return this.dateUtil.createCalendar(this.nextYear, this.nextMonth);
-    }
-    setPrevYear(year) {
-        this.prevYear = year;
-    }
-    setPrevMonth(month) {
-        this.prevMonth = month;
-    }
-    updateYearMonth(type) {
-        const { newYear, newMonth } = this.dateUtil.calculateYearMonth(this.prevYear, this.prevMonth, type);
-        this.setPrevYear(newYear);
-        this.setPrevMonth(newMonth);
-    }
-    setHoverDate(date) {
-        this.hoverDate = date;
-    }
-    setDateRange(dateRange) {
-        this.dateRange = dateRange;
-    }
-    /* ----------------------------------
-     * UI Helpers
-     * ---------------------------------- */
-    formatDate(index, day) {
-        return this.dateUtil.formatDate(index === 0 ? this.prevYear : this.nextYear, index === 0 ? this.prevMonth : this.nextMonth, day);
-    }
-    getDateBoxType(date) {
-        const [start, end] = this.dateRange;
-        if (date === start)
-            return end ? 'start' : this.hoverDate < this.dateRange[0] ? 'end' : 'start';
-        if (date === end)
-            return 'end';
-        return '';
-    }
-    isDateInRange(date) {
-        const [start, end] = this.dateRange;
-        // 1. 날짜 범위가 완전히 선택된 경우
-        if (start && end) {
-            return date >= start && date <= end;
-        }
-        // 2. hover 상태의 날짜 범위를 확인
-        if (!this.hoverDate || !start || end) {
-            return false;
-        }
-        // 3. dateRange[0]과 hoverDate를 기준으로 범위 계산
-        const [from, to] = start <= this.hoverDate ? [start, this.hoverDate] : [this.hoverDate, start];
-        return date >= from && date <= to;
-    }
-    isDisabledDate(date) {
-        const [start, end] = this.dateRange;
-        if (this.maxRange && start && !end) {
-            const minDate = addDays(start, -this.maxRange);
-            const maxDate = addDays(start, this.maxRange);
-            return !(minDate <= date && date <= maxDate);
-        }
-        if (!this.selectable || !this.selectable[0] || !this.selectable[1]) {
-            return false;
-        }
-        return !(date >= this.selectable[0] && date <= this.selectable[1]);
-    }
-    /* ----------------------------------
-     * Interaction
-     * ---------------------------------- */
-    openMenu() {
-        if (this.disabled)
-            return;
-        this.tempDateRange = [...this.dateRange];
-        this.resetCalendarByDateRange(this.dateRange);
-        this.isOpen = true;
-    }
-    closeMenu = () => {
-        if (!this.dateRange[0] || !this.dateRange[1]) {
-            this.dateRange = [...this.tempDateRange];
-        }
-        this.isOpen = false;
-    };
-    handleDateClick(index, day) {
-        this.setHoverDate('');
-        const selectedDate = this.formatDate(index, day);
-        if (!this.dateRange[0] || !!this.dateRange[1] || selectedDate < this.dateRange[0]) {
-            this.setDateRange([selectedDate, '']);
-            return; // 아직 완료 아님
-        }
-        const newRange = [this.dateRange[0], selectedDate];
-        this.setDateRange(newRange);
-        this.value = newRange;
-        this.update.emit?.(newRange);
-    }
-    handleDateHover(index, day) {
-        const hoverDate = this.formatDate(index, day);
-        this.setHoverDate(hoverDate);
-    }
-    render() {
-        return (h("div", { key: '96cd4e99ae976517e7b24c5ff3046af976adc5cb', class: {
-                'sd-date-range-picker': true,
-                'sd-date-range-picker--disabled': this.disabled,
-            } }, h("sd-input", { key: 'a84838a1a84d990b289f0b753ccf3e2f45da4770', ref: el => (this.inputEl = el), value: !!this.dateRange[0] ? `${this.dateRange[0]} ~ ${this.dateRange[1]}` : '', label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, placeholder: this.placeholder, inputClass: "sd-date-range-picker__input", onClick: () => this.openMenu() }, h("sd-icon", { key: 'd926c672dcf457a68ebe644b32c90a03ba29b175', slot: "prefix", name: "date", size: "16", color: this.disabled ? 'grey_65' : 'grey_70', class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: '0af519c7ac2ade00972e23b9ecb0344989d87f51', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.closeMenu }, h("div", { key: 'd9109e573215092c6b386ae27ac7377c4347df4c', class: "sd-date-range-picker__menu" }, h("div", { key: 'ca4743a26ed0571bc3b63218a32a113e50dbd81a', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, h("button", { key: '6f0fe1ede6d171e749a241fbeec32056250709b9', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, h("sd-icon", { key: '821526a069a845f271b0e5db607f747efe4e610c', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("div", { key: 'e9402009c8b034953d7ff4be5a4eea64d7fed21d', class: "header-label" }, this.prevYear), h("button", { key: 'b752631ab64e32a4a39c13898cc3db5e25897c4b', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, h("sd-icon", { key: '62c6e0004ff1a0d8f260e11b9d17ea7ccca942ee', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '3a05a7e02664be8d9dfb85d0bada03a2d352af12', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (h(Fragment, null, index === 1 && h("div", { class: "separator" }), h("div", { key: index, class: "calendar-container" }, h("div", { class: "calendar-header" }, h("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, h("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
-            ? `${this.prevYear}.${String(this.prevMonth).padStart(2, '0')}`
-            : `${this.nextYear}.${String(this.nextMonth).padStart(2, '0')}`), h("div", { class: "calendar-days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("sd-date-box", { key: day, date: day, disabled: true, class: "day" })))), h("div", { class: "calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr" }, [...calendar.prevMonthDays, ...calendar.days, ...calendar.afterMonthDays].map((day, idx) => (h("sd-date-box", { key: `prev${day}_${idx}`, date: !day ? '' : Number(day), selected: this.dateRange.some(date => date === this.formatDate(index, Number(day))), type: this.getDateBoxType(this.formatDate(index, Number(day))), isToday: today === this.formatDate(index, Number(day)), disabled: !day ? true : this.isDisabledDate(this.formatDate(index, Number(day))), inRange: this.isDateInRange(this.formatDate(index, Number(day))), isStartDate: this.dateRange[0] === this.formatDate(index, Number(day)), isEndDate: this.dateRange[1] === this.formatDate(index, Number(day)), onClick: () => this.handleDateClick(index, Number(day)), onMouseOver: () => this.handleDateHover(index, Number(day)) }))))))))))))));
-    }
-    static get watchers() { return {
-        "value": ["onValueChange"]
-    }; }
-};
-SdDateRangePicker.style = sdDateRangePickerCss();
-
-export { SdDateRangePicker as sd_date_range_picker };
-//# sourceMappingURL=sd-date-range-picker.entry.js.map

package/dist/esm/sd-date-range-picker.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-date-range-picker.entry.js","sources":["src/utils/date/addDays.ts","src/components/sd-date-range-picker/sd-date-range-picker.scss?tag=sd-date-range-picker&encapsulation=scoped","src/components/sd-date-range-picker/sd-date-range-picker.tsx"],"sourcesContent":["export const addDays = (inputDate: string, days: number) => {\n const [year, month, day] = inputDate.split('-').map(Number);\n const date = new Date(year, month - 1, day); // month는 0부터 시작하므로 -1\n\n // 날짜 계산\n date.setDate(date.getDate() + days);\n\n // yyyy-mm-dd 형식으로 변환\n const resultYear = date.getFullYear();\n const resultMonth = String(date.getMonth() + 1).padStart(2, '0');\n const resultDay = String(date.getDate()).padStart(2, '0');\n\n return `${resultYear}-${resultMonth}-${resultDay}`;\n};\n","@import 'variables';\n\nsd-date-range-picker {\n width: fit-content;\n display: inline-flex;\n\n .sd-date-range-picker--disabled {\n  .date-icon {\n   cursor: not-allowed !important;\n   color: $grey_65 !important;\n  }\n  .sd-input__native {\n   color: $grey_65 !important;\n  }\n }\n\n .sd-field {\n  .sd-field__control {\n   min-width: 210px;\n  }\n\n  .sd-input__native {\n   margin-left: 17px !important;\n  }\n }\n}\n\n.sd-date-range-picker__menu {\n width: 609px;\n box-sizing: border-box;\n border-radius: 8px;\n padding: 24px 19px;\n box-shadow: 2px 2px 12px 2px #00000033;\n background: white;\n\n .sd-date-range-picker__header {\n  margin-bottom: 16px;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n\n  .header-label {\n   margin: 0 12px;\n   width: 40px;\n   text-align: center;\n   font-size: 14px;\n   line-height: 24px;\n  }\n }\n .sd-date-range-picker__body {\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: stretch;\n  gap: 19px;\n  .calendar-container {\n   width: 266px;\n\n   .calendar-header {\n    width: 100%;\n    height: 24px;\n    line-height: 24px;\n    font-size: 14px;\n    text-align: center;\n    position: relative;\n    padding: 0 5px;\n\n    button {\n     position: absolute;\n     top: 50%;\n     transform: translateY(-50%);\n\n     &.header-button-prev {\n      left: 5px;\n     }\n\n     &.header-button-next {\n      right: 5px;\n      left: auto;\n     }\n    }\n   }\n\n   .calendar-days {\n    padding: 0 5px;\n    margin-top: 8px;\n    display: grid;\n    grid-template-columns: repeat(7, minmax(0, 1fr));\n    column-gap: 10px;\n\n    .day {\n     width: 28px;\n     height: 20px;\n     font-size: 12px;\n     line-height: 20px;\n     text-align: center;\n     color: $grey_65;\n    }\n   }\n\n   .calendar-body {\n    margin-top: 12px;\n    display: grid;\n    grid-template-columns: repeat(7, minmax(0, 1fr));\n   }\n  }\n  .separator {\n   width: 1px;\n   background-color: $grey_35;\n  }\n }\n}\n","import {\n Component,\n Element,\n Prop,\n State,\n Event,\n h,\n EventEmitter,\n Fragment,\n Watch,\n} from '@stencil/core';\nimport { useDatePicker } from '../../modules/useDatePicker';\nimport { addDays, today } from '../../utils/date';\nimport { Type } from '../sd-date-box/sd-date-box';\n\n@Component({\n tag: 'sd-date-range-picker',\n styleUrl: 'sd-date-range-picker.scss',\n scoped: true,\n})\nexport class SdDateRangePicker {\n @Element() el!: HTMLElement;\n\n @Prop({ mutable: true }) value: [string, string] = ['', ''];\n @Prop() label?: string;\n @Prop() selectable?: [string, string];\n @Prop() maxRange?: number;\n @Prop() disabled: boolean = false;\n @Prop() placeholder: string = '';\n\n @State() isOpen: boolean = false;\n @State() dateRange: [string, string] = this.value;\n @State() hoverDate: string = '';\n @State() prevYear: number = Number(this.dateRange[0].split('-')[0]);\n @State() prevMonth: number = Number(this.dateRange[0].split('-')[1]);\n\n @Event({ eventName: 'sdUpdate' }) update!: EventEmitter<[string, string]>;\n\n private inputEl?: HTMLElement;\n private dateUtil = useDatePicker();\n private tempDateRange: [string, string] = ['', ''];\n\n componentWillLoad() {\n  this.syncFromValue(this.value);\n }\n\n @Watch('value')\n onValueChange(newValue: [string, string]) {\n  this.dateRange = [...newValue];\n }\n\n private syncFromValue(value: [string, string]) {\n  this.dateRange = [...value];\n  this.resetCalendarByDateRange(value);\n }\n\n /* ----------------------------------\n  * Calendar View Logic\n  * ---------------------------------- */\n\n private resetCalendarByDateRange(range: [string, string]) {\n  // this.dateRange = this.value;\n\n  const start = range[0] || today;\n  const end = range[1] || start;\n\n  const [startYear, startMonth] = start.split('-').map(Number);\n  const [todayYear, todayMonth] = today.split('-').map(Number);\n\n  if (end <= today) {\n   // A. 완전 과거 검색(당월 포함X): 좌측 = 시작월 / 우측 = 종료월\n   this.prevYear = startYear;\n   this.prevMonth = startMonth;\n  } else if (start < today && end > today) {\n   // B. 과거~미래 걸침(당월 포함O): 좌측 = 오늘의 달\n   this.prevYear = todayYear;\n   this.prevMonth = todayMonth;\n  } else {\n   // C. 완전 미래 검색(당월 포함X): 좌측 = 시작월\n   this.prevYear = startYear;\n   this.prevMonth = startMonth;\n  }\n }\n\n private get nextYear(): number {\n  return this.prevMonth === 12 ? this.prevYear + 1 : this.prevYear;\n }\n\n private get nextMonth(): number {\n  return this.prevMonth === 12 ? 1 : this.prevMonth + 1;\n }\n\n private get prevCalendar() {\n  return this.dateUtil.createCalendar(this.prevYear, this.prevMonth);\n }\n\n private get nextCalendar() {\n  return this.dateUtil.createCalendar(this.nextYear, this.nextMonth);\n }\n\n private setPrevYear(year: number) {\n  this.prevYear = year;\n }\n\n private setPrevMonth(month: number) {\n  this.prevMonth = month;\n }\n\n private updateYearMonth(type: 'prev' | 'next') {\n  const { newYear, newMonth } = this.dateUtil.calculateYearMonth(\n   this.prevYear,\n   this.prevMonth,\n   type,\n  );\n\n  this.setPrevYear(newYear);\n  this.setPrevMonth(newMonth);\n }\n\n private setHoverDate(date: string) {\n  this.hoverDate = date;\n }\n\n private setDateRange(dateRange: [string, string]) {\n  this.dateRange = dateRange;\n }\n\n /* ----------------------------------\n  * UI Helpers\n  * ---------------------------------- */\n\n private formatDate(index: number, day: number) {\n  return this.dateUtil.formatDate(\n   index === 0 ? this.prevYear : this.nextYear,\n   index === 0 ? this.prevMonth : this.nextMonth,\n   day,\n  );\n }\n\n private getDateBoxType(date: string): Type {\n  const [start, end] = this.dateRange;\n\n  if (date === start) return end ? 'start' : this.hoverDate < this.dateRange[0] ? 'end' : 'start';\n  if (date === end) return 'end';\n  return '';\n }\n\n private isDateInRange(date: string): boolean {\n  const [start, end] = this.dateRange;\n\n  // 1. 날짜 범위가 완전히 선택된 경우\n  if (start && end) {\n   return date >= start && date <= end;\n  }\n\n  // 2. hover 상태의 날짜 범위를 확인\n  if (!this.hoverDate || !start || end) {\n   return false;\n  }\n\n  // 3. dateRange[0]과 hoverDate를 기준으로 범위 계산\n  const [from, to] = start <= this.hoverDate ? [start, this.hoverDate] : [this.hoverDate, start];\n\n  return date >= from && date <= to;\n }\n\n private isDisabledDate(date: string): boolean {\n  const [start, end] = this.dateRange;\n\n  if (this.maxRange && start && !end) {\n   const minDate = addDays(start, -this.maxRange);\n   const maxDate = addDays(start, this.maxRange);\n   return !(minDate <= date && date <= maxDate);\n  }\n\n  if (!this.selectable || !this.selectable[0] || !this.selectable[1]) {\n   return false;\n  }\n  return !(date >= this.selectable[0] && date <= this.selectable[1]);\n }\n\n /* ----------------------------------\n  * Interaction\n  * ---------------------------------- */\n\n private openMenu() {\n  if (this.disabled) return;\n\n  this.tempDateRange = [...this.dateRange];\n  this.resetCalendarByDateRange(this.dateRange);\n  this.isOpen = true;\n }\n\n private closeMenu = () => {\n  if (!this.dateRange[0] || !this.dateRange[1]) {\n   this.dateRange = [...this.tempDateRange];\n  }\n\n  this.isOpen = false;\n };\n\n private handleDateClick(index: number, day: number) {\n  this.setHoverDate('');\n\n  const selectedDate = this.formatDate(index, day);\n\n  if (!this.dateRange[0] || !!this.dateRange[1] || selectedDate < this.dateRange[0]) {\n   this.setDateRange([selectedDate, '']);\n   return; // 아직 완료 아님\n  }\n\n  const newRange: [string, string] = [this.dateRange[0], selectedDate];\n  this.setDateRange(newRange);\n\n  this.value = newRange;\n  this.update.emit?.(newRange);\n }\n\n private handleDateHover(index: number, day: number) {\n  const hoverDate = this.formatDate(index, day);\n  this.setHoverDate(hoverDate);\n }\n\n render() {\n  return (\n   <div\n    class={{\n     'sd-date-range-picker': true,\n     'sd-date-range-picker--disabled': this.disabled,\n    }}\n   >\n    <sd-input\n     ref={el => (this.inputEl = el as unknown as HTMLElement)}\n     value={!!this.dateRange[0] ? `${this.dateRange[0]} ~ ${this.dateRange[1]}` : ''}\n     label={this.label}\n     inside-label\n     readonly\n     disabled={this.disabled}\n     placeholder={this.placeholder}\n     inputClass=\"sd-date-range-picker__input\"\n     onClick={() => this.openMenu()}\n    >\n     <sd-icon\n      slot=\"prefix\"\n      name=\"date\"\n      size=\"16\"\n      color={this.disabled ? 'grey_65' : 'grey_70'}\n      class=\"date-icon\"\n      onClick={() => this.openMenu()}\n     ></sd-icon>\n    </sd-input>\n\n    {this.isOpen && (\n     <sd-portal open={this.isOpen} parentRef={this.inputEl} onSdClose={this.closeMenu}>\n      <div class=\"sd-date-range-picker__menu\">\n       <div class=\"sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center\">\n        <button\n         type=\"button\"\n         name=\"prev\"\n         title=\"Previous\"\n         onClick={() => this.setPrevYear(this.prevYear - 1)}\n        >\n         <sd-icon name=\"arrowLeft\" size=\"12\" color=\"#CCCCCC\" />\n        </button>\n\n        <div class=\"header-label\">{this.prevYear}</div>\n\n        <button\n         type=\"button\"\n         name=\"next\"\n         title=\"Next\"\n         onClick={() => this.setPrevYear(this.prevYear + 1)}\n        >\n         <sd-icon name=\"arrowRight\" size=\"12\" color=\"#CCCCCC\" />\n        </button>\n       </div>\n\n       <div class=\"sd-date-range-picker__body\">\n        {[this.prevCalendar, this.nextCalendar].map((calendar, index) => (\n         <Fragment>\n          {index === 1 && <div class=\"separator\"></div>}\n\n          <div key={index} class=\"calendar-container\">\n           <div class=\"calendar-header\">\n            <button\n             type=\"button\"\n             name=\"month\"\n             title=\"Month\"\n             class={index === 0 ? 'header-button-prev' : 'header-button-next'}\n             onClick={() => this.updateYearMonth(index === 0 ? 'prev' : 'next')}\n            >\n             <sd-icon name={index === 0 ? 'arrowLeft' : 'arrowRight'} size=\"12\" color=\"#CCCCCC\" />\n            </button>\n            {index === 0\n             ? `${this.prevYear}.${String(this.prevMonth).padStart(2, '0')}`\n             : `${this.nextYear}.${String(this.nextMonth).padStart(2, '0')}`}\n           </div>\n\n           <div class=\"calendar-days\">\n            {['일', '월', '화', '수', '목', '금', '토'].map(day => (\n             <sd-date-box key={day} date={day} disabled class=\"day\" />\n            ))}\n           </div>\n\n           <div class=\"calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr\">\n            {[...calendar.prevMonthDays, ...calendar.days, ...calendar.afterMonthDays].map(\n             (day, idx) => (\n              <sd-date-box\n               key={`prev${day}_${idx}`}\n               date={!day ? '' : Number(day)}\n               selected={this.dateRange.some(date => date === this.formatDate(index, Number(day)))}\n               type={this.getDateBoxType(this.formatDate(index, Number(day)))}\n               isToday={today === this.formatDate(index, Number(day))}\n               disabled={!day ? true : this.isDisabledDate(this.formatDate(index, Number(day)))}\n               inRange={this.isDateInRange(this.formatDate(index, Number(day)))}\n               isStartDate={this.dateRange[0] === this.formatDate(index, Number(day))}\n               isEndDate={this.dateRange[1] === this.formatDate(index, Number(day))}\n               onClick={() => this.handleDateClick(index, Number(day))}\n               onMouseOver={() => this.handleDateHover(index, Number(day))}\n              />\n             ),\n            )}\n           </div>\n          </div>\n         </Fragment>\n        ))}\n       </div>\n      </div>\n     </sd-portal>\n    )}\n   </div>\n  );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/sd-file-picker.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-file-picker.entry.js","sources":["src/components/sd-file-picker/sd-file-picker.scss?tag=sd-file-picker","src/components/sd-file-picker/sd-file-picker.tsx"],"sourcesContent":["@import 'variables';\n\nsd-file-picker {\n display: inline-flex;\n width: 100%;\n}\n\n.sd-file-picker {\n display: inline-flex;\n width: 100%;\n align-items: center;\n max-width: var(--picker-width, 100%);\n height: 28px;\n gap: 8px;\n padding: 4px 8px;\n border: 1px solid $grey_55;\n border-radius: 4px;\n background-color: $white;\n cursor: pointer;\n -webkit-user-select: none;\n user-select: none;\n position: relative;\n vertical-align: middle;\n\n &__text {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 20px;\n  color: $grey_55;\n\n  &--active {\n   color: $grey_95;\n  }\n\n  &--placeholder {\n   color: $grey_55;\n  }\n }\n\n &__icon {\n  flex-shrink: 0;\n }\n\n &__clear-icon {\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n\n  &:hover {\n   opacity: 0.7;\n  }\n }\n\n &__input {\n  display: none;\n }\n\n &__tooltip {\n  position: absolute;\n  top: calc(100% - 4px);\n  left: 50%;\n  transform: translate(-50%);\n  z-index: 1000;\n  white-space: nowrap;\n  padding: 8px 12px;\n  background: rgba(0, 0, 0, 0.8);\n  color: white;\n  font-size: 12px;\n  line-height: 18px;\n  border-radius: 4px;\n  pointer-events: none;\n }\n\n &:hover:not(&--inline):not(&--disabled) {\n  background-color: $grey_10;\n }\n\n &--active:not(&--inline):not(&--disabled) {\n  background-color: $white;\n\n  .sd-file-picker__text {\n   color: $grey_95;\n  }\n }\n\n &--disabled:not(&--inline) {\n  background-color: $grey_20;\n  border-color: $grey_45;\n  cursor: not-allowed !important;\n\n  .sd-file-picker__text {\n   color: $grey_65;\n  }\n }\n\n &--inline {\n  border: none;\n  background-color: transparent;\n  padding: 0;\n  height: auto;\n\n  .sd-file-picker__text {\n   color: $grey_55;\n  }\n\n  &:hover:not(.sd-file-picker--disabled) {\n   .sd-file-picker__text {\n    color: $grey_70;\n   }\n  }\n\n  &.sd-file-picker--active:not(.sd-file-picker--disabled) {\n   .sd-file-picker__text--active {\n    color: $grey_95;\n   }\n  }\n\n  &.sd-file-picker--disabled {\n   .sd-file-picker__text {\n    color: $grey_45;\n   }\n  }\n }\n}","import {\n ComponentInterface,\n Component,\n Element,\n Prop,\n State,\n Event,\n EventEmitter,\n Watch,\n h,\n} from '@stencil/core';\n\n@Component({\n tag: 'sd-file-picker',\n styleUrl: 'sd-file-picker.scss',\n})\nexport class SdFilePicker implements ComponentInterface {\n @Element() el!: HTMLElement;\n\n @Prop({ mutable: true }) value?: File[] | File | null = null;\n @Prop() placeholder: string = 'Click to upload';\n @Prop() disabled: boolean = false;\n @Prop() inline: boolean = false;\n @Prop() multiple: boolean = false;\n @Prop() accept?: string;\n\n @State() private internalValue: File[] | File | null = null;\n @State() private hovered: boolean = false;\n @State() private showTooltip: boolean = false;\n\n private fileInputRef?: HTMLInputElement;\n private fileNamesRef?: HTMLElement;\n\n @Event({ eventName: 'sdUpdate' }) update!: EventEmitter<File[] | File | null>;\n\n @Watch('value')\n valueChanged(newValue: File[] | File | null) {\n  this.internalValue = newValue;\n }\n\n componentDidLoad() {\n  this.checkOverflow();\n }\n\n componentDidUpdate() {\n  this.checkOverflow();\n }\n\n private handleFileChange = (event: Event) => {\n  const input = event.target as HTMLInputElement;\n  const files = input.files;\n\n  if (!files || files.length === 0) {\n   return;\n  }\n\n  const fileArray = Array.from(files);\n\n  if (this.multiple) {\n   this.internalValue = fileArray;\n  } else {\n   this.internalValue = fileArray[0];\n  }\n  this.value = this.internalValue;\n  this.update?.emit(this.value);\n };\n\n private handleClear = (event: Event) => {\n  event.stopPropagation();\n  const clearedValue = this.multiple ? [] : null;\n  this.value = clearedValue;\n  this.internalValue = clearedValue;\n  this.update?.emit(clearedValue);\n\n  if (this.fileInputRef) {\n   this.fileInputRef.value = '';\n  }\n };\n\n private handleClick = () => {\n  if (this.disabled) return;\n  this.fileInputRef?.click();\n };\n\n private getStatusClass(): string {\n  if (this.disabled) return 'sd-file-picker--disabled';\n  if (this.hasFiles()) return 'sd-file-picker--active';\n  return '';\n }\n\n private hasFiles(): boolean {\n  if (!this.internalValue) return false;\n  if (Array.isArray(this.internalValue)) {\n   return this.internalValue.length > 0;\n  }\n  return true;\n }\n\n private getDisplayText(): string {\n  if (!this.hasFiles()) return this.placeholder;\n\n  if (Array.isArray(this.internalValue)) {\n   return this.internalValue.map(f => f.name).join(', ');\n  }\n\n  return this.internalValue?.name || this.placeholder;\n }\n\n private checkOverflow() {\n  if (!this.fileNamesRef) return;\n  const isOverflowing = this.fileNamesRef.scrollWidth > this.fileNamesRef.clientWidth;\n  this.showTooltip = isOverflowing;\n }\n\n private getIconColor(): string {\n  if (this.disabled) {\n   return this.inline ? 'grey_45' : 'grey_55';\n  }\n  return 'grey_70';\n }\n\n render() {\n  const hasFiles = this.hasFiles();\n  const displayText = this.getDisplayText();\n\n  return (\n   <div\n    class={{\n     'sd-file-picker': true,\n     [this.getStatusClass()]: true,\n     'sd-file-picker--inline': this.inline,\n    }}\n    onClick={this.handleClick}\n    onMouseEnter={() => (this.hovered = true)}\n    onMouseLeave={() => (this.hovered = false)}\n   >\n    <input\n     ref={el => (this.fileInputRef = el as HTMLInputElement)}\n     type=\"file\"\n     class=\"sd-file-picker__input\"\n     disabled={this.disabled}\n     multiple={this.multiple}\n     accept={this.accept}\n     onInput={this.handleFileChange}\n     aria-label={this.placeholder}\n    />\n\n    <sd-icon name=\"attachFile\" size={16} color={this.getIconColor()} class=\"sd-file-picker__icon\" />\n\n    <div\n     ref={el => (this.fileNamesRef = el as HTMLElement)}\n     class={{\n      'sd-file-picker__text': true,\n      'sd-file-picker__text--placeholder': !hasFiles,\n      'sd-file-picker__text--active': hasFiles,\n     }}\n    >\n     {displayText}\n    </div>\n\n    {!this.disabled && hasFiles && (\n     <sd-icon\n      name=\"close\"\n      size={12}\n      color=\"#888888\"\n      class=\"sd-file-picker__clear-icon\"\n      onClick={this.handleClear}\n     />\n    )}\n\n    {this.showTooltip && hasFiles && this.hovered && (\n     <div class=\"sd-file-picker__tooltip\">{displayText}</div>\n    )}\n   </div>\n  );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/sd-form.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-form.entry.js","sources":["src/components/sd-form/sd-form.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, h, Method, Prop } from '@stencil/core';\nimport { Rule } from '../../components';\n\nexport interface ValidatableField {\n name: string;\n rules?: Rule[];\n sdValidate: () => Promise<boolean>;\n sdReset: () => void;\n sdResetValidation: () => void;\n sdFocus: () => void;\n}\n\n@Component({\n tag: 'sd-form',\n})\nexport class SdForm {\n @Prop() formClass: string = '';\n private fields: ValidatableField[] = [];\n\n @Event({ eventName: 'sdSubmit' }) submitSuccess!: EventEmitter<void>;\n @Event({ eventName: 'sdValidationError' }) submitFail!: EventEmitter<void>;\n\n private sortFieldsByDomOrder() {\n  this.fields.sort((a, b) => {\n   const elA = (a as any).el;\n   const elB = (b as any).el;\n   if (!elA || !elB) return 0;\n   return elA.compareDocumentPosition(elB) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n  });\n }\n\n @Method()\n async sdRegisterField(field: ValidatableField) {\n  if (!field.name) {\n   console.warn('[sd-form] field.name is required');\n   return;\n  }\n\n  if (this.fields.find(f => f.name === field.name)) return;\n\n  this.fields.push(field);\n  this.sortFieldsByDomOrder();\n }\n\n @Method()\n async sdUnregisterField(name: string) {\n  this.fields = this.fields.filter(f => f.name !== name);\n }\n\n @Method()\n async sdValidate(): Promise<boolean> {\n  const fieldValidationResults = await Promise.all(\n   this.fields.map(async field => {\n    const valid = await field.sdValidate();\n    return {\n     field,\n     valid,\n    };\n   }),\n  );\n\n  const isInValid = fieldValidationResults.find(result => {\n   return !result.valid;\n  });\n\n  if (isInValid) {\n   isInValid.field.sdFocus();\n   (isInValid.field as any).sdScrollIntoView?.();\n  }\n\n  return !isInValid;\n }\n\n @Method()\n async sdReset() {\n  this.fields.forEach(f => f.sdReset());\n }\n\n @Method()\n async sdResetValidation() {\n  this.fields.forEach(f => f.sdResetValidation());\n }\n\n private async onSubmit(e: Event) {\n  e.preventDefault();\n\n  const valid = await this.sdValidate();\n  if (!valid) {\n   this.submitFail.emit();\n   return;\n  }\n\n  this.submitSuccess.emit();\n }\n\n render() {\n  return (\n   <form onSubmit={e => this.onSubmit(e)} class={this.formClass}>\n    <slot />\n   </form>\n  );\n }\n}\n"],"names":[],"mappings":";;MAea,MAAM,GAAA,MAAA;;;;;;IACV,SAAS,GAAW,EAAE;IACtB,MAAM,GAAuB,EAAE;AAEL,IAAA,aAAa;AACJ,IAAA,UAAU;IAE7C,oBAAoB,GAAA;QAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACzB,YAAA,MAAM,GAAG,GAAI,CAAS,CAAC,EAAE;AACzB,YAAA,MAAM,GAAG,GAAI,CAAS,CAAC,EAAE;AACzB,YAAA,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG;AAAE,gBAAA,OAAO,CAAC;AAC1B,YAAA,OAAO,GAAG,CAAC,uBAAuB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,2BAA2B,GAAG,EAAE,GAAG,CAAC;AACpF,SAAC,CAAC;;IAIH,MAAM,eAAe,CAAC,KAAuB,EAAA;AAC5C,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;AAChB,YAAA,OAAO,CAAC,IAAI,CAAC,kCAAkC,CAAC;YAChD;;AAGD,QAAA,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC;YAAE;AAElD,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;QACvB,IAAI,CAAC,oBAAoB,EAAE;;IAI5B,MAAM,iBAAiB,CAAC,IAAY,EAAA;AACnC,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC;;AAIvD,IAAA,MAAM,UAAU,GAAA;AACf,QAAA,MAAM,sBAAsB,GAAG,MAAM,OAAO,CAAC,GAAG,CAC/C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAM,KAAK,KAAG;AAC7B,YAAA,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE;YACtC,OAAO;gBACN,KAAK;gBACL,KAAK;aACL;SACD,CAAC,CACF;QAED,MAAM,SAAS,GAAG,sBAAsB,CAAC,IAAI,CAAC,MAAM,IAAG;AACtD,YAAA,OAAO,CAAC,MAAM,CAAC,KAAK;AACrB,SAAC,CAAC;QAEF,IAAI,SAAS,EAAE;AACd,YAAA,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE;AACxB,YAAA,SAAS,CAAC,KAAa,CAAC,gBAAgB,IAAI;;QAG9C,OAAO,CAAC,SAAS;;AAIlB,IAAA,MAAM,OAAO,GAAA;AACZ,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;;AAItC,IAAA,MAAM,iBAAiB,GAAA;AACtB,QAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB,EAAE,CAAC;;IAGxC,MAAM,QAAQ,CAAC,CAAQ,EAAA;QAC9B,CAAC,CAAC,cAAc,EAAE;AAElB,QAAA,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,UAAU,EAAE;QACrC,IAAI,CAAC,KAAK,EAAE;AACX,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;YACtB;;AAGD,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;;IAG1B,MAAM,GAAA;AACL,QAAA,QACC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAA,EAC3D,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;"}

package/dist/esm/sd-guide.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-guide.entry.js","sources":["src/components/sd-guide/sd-guide.scss?tag=sd-guide","src/components/sd-guide/sd-guide.tsx"],"sourcesContent":["@import '../sd-button/sd-button.scss';\n\nsd-guide {\n display: inline-flex;\n align-items: center;\n height: fit-content;\n width: fit-content;\n .sd-guide {\n  display: inline-flex;\n  align-items: center;\n  height: fit-content;\n  width: fit-content;\n  .sd-button {\n   padding: 0 16px 0 12px;\n   border-radius: 16px;\n   color: $grey_90 !important;\n   display: flex;\n   align-items: center;\n   transition: none;\n\n   .sd-button__content {\n    color: $grey_90 !important;\n\n    .sd-button__label {\n     color: $grey_90 !important;\n     margin-left: 4px;\n    }\n   }\n  }\n\n  &--active {\n   .sd-button {\n    border: 1px solid $green_75;\n    .sd-button__content {\n     .sd-button__label {\n      color: white !important;\n     }\n    }\n   }\n  }\n }\n}\n\n.sd-guide__popup {\n position: relative;\n padding: 20px 32px;\n border-radius: 8px;\n box-shadow: 4px 4px 24px 4px rgba(0, 0, 0, 0.1);\n background: white;\n\n > .sd-guide__popup__close {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n }\n\n &__header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 12px;\n\n  .sd-guide__popup__title {\n   margin-top: 0;\n   font-size: 16px;\n   font-weight: 700;\n   line-height: 26px;\n   color: $grey_90;\n  }\n }\n\n &__list {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n\n  &__item {\n   display: flex;\n   width: 100%;\n   align-items: start;\n   list-style: none;\n   color: $grey_90;\n   font-size: 12px;\n   font-weight: 400;\n\n   p {\n    width: 100%;\n    padding: 0;\n    margin: 0;\n    word-wrap: break-word;\n    word-break: break-word;\n    white-space: normal;\n    overflow-wrap: break-word;\n    min-width: 0;\n   }\n\n   &::before {\n    display: block;\n    content: '-';\n    width: 6px;\n    color: $grey_90;\n    font-size: 12px;\n    font-weight: 400;\n    margin-left: 10px;\n    margin-right: 12px;\n    flex-shrink: 0;\n   }\n\n   &--depth-2 {\n    &::before {\n     content: '•';\n    }\n    padding-left: 26px;\n   }\n  }\n }\n}\n","import { Component, Element, Prop, State, h } from '@stencil/core';\n\ntype GuideType = 'help' | 'pdf' | 'youtube' | 'notion' | 'event';\n\nconst GUIDE_LABEL = {\n help: '활용 TIP',\n pdf: 'PDF Guide',\n youtube: 'Video Guide',\n notion: '사용법 안내',\n event: 'Event Button',\n};\n\nconst GUIDE_ICON = {\n help: {\n  name: 'helpOutline',\n  size: 20,\n  color: 'green_75',\n },\n pdf: { name: 'pdf', size: 20, color: 'red_75' },\n youtube: { name: 'youtube', size: 20, color: 'red_75' },\n notion: { name: 'notion', size: 16, color: 'black' },\n event: { name: 'event', size: 16, color: 'brilliantblue_70' },\n} as const;\n\n@Component({\n tag: 'sd-guide',\n styleUrl: 'sd-guide.scss',\n})\nexport class SdGuide {\n @Element() el!: HTMLElement;\n\n @Prop() type: GuideType = 'help';\n @Prop() label: string = '';\n @Prop() message: string | string[] = '';\n @Prop() guideUrl: string = '';\n @Prop() popupTitle: string = '';\n @Prop() popupWidth?: number;\n\n @State() popupShow: boolean = false;\n\n private guideRef?: HTMLElement;\n\n private handleClickGuide = () => {\n  if (this.type === 'help') {\n   this.popupShow = !this.popupShow;\n   return;\n  }\n\n  if (this.guideUrl) {\n   window.open(this.guideUrl, '_blank');\n  }\n };\n\n private get guideClass(): string {\n  const classes = ['sd-guide', `sd-guide--${this.type}`];\n\n  if (this.popupShow) classes.push('sd-guide--active');\n\n  return classes.join(' ');\n }\n\n closeDropdown = () => {\n  this.popupShow = false;\n };\n\n render() {\n  const { name: iconName, size: iconSize, color: iconColor } = GUIDE_ICON[this.type];\n\n  return (\n   <div\n    class=\"sd-guide\"\n    style={{\n     '--sd-guide-color': GUIDE_ICON[this.type].color,\n    }}\n   >\n    <sd-button\n     ref={el => (this.guideRef = el as unknown as HTMLElement)}\n     class={this.guideClass}\n     variant={this.popupShow ? 'primary' : 'outline'}\n     label={this.label || GUIDE_LABEL[this.type]}\n     size=\"sm\"\n     color={this.popupShow ? GUIDE_ICON[this.type].color : 'grey_45'}\n     icon={iconName}\n     iconColor={this.popupShow ? 'white' : iconColor}\n     iconSize={iconSize}\n     noHover={this.popupShow}\n     onClick={this.handleClickGuide}\n    />\n    {this.type === 'help' && this.popupShow && (\n     <sd-portal\n      open={this.popupShow}\n      parentRef={this.guideRef}\n      onSdClose={this.closeDropdown}\n      offset={[0, 4]}\n     >\n      {/* \n       관련 일감: https://sellmate.atlassian.net/browse/SEL-6219\n       portal 위치 잡는 컨테이너 추가 개발 이후에 삭제 필요\n      */}\n      <div style={{ position: 'absolute', width: '0px', height: '0px' }}>\n       <div\n        class=\"sd-guide__popup\"\n        style={{ width: this.popupWidth ? this.popupWidth + 'px' : '426px' } as any}\n       >\n        <sd-button\n         class=\"sd-guide__popup__close\"\n         icon=\"close\"\n         color=\"grey_65\"\n         size=\"md\"\n         variant=\"ghost\"\n         noHover\n         onClick={this.closeDropdown}\n        />\n        <div class=\"sd-guide__popup__header\">\n         <sd-icon name=\"helpOutline\" size={24} color=\"green_65\" />\n         <h3 class=\"sd-guide__popup__title\">{this.popupTitle || GUIDE_LABEL[this.type]}</h3>\n        </div>\n        <ul class=\"sd-guide__popup__list\">{this.renderListItem(this.message)}</ul>\n       </div>\n      </div>\n     </sd-portal>\n    )}\n   </div>\n  );\n }\n\n // 현재 2depth까지만 스타일 적용\n renderListItem(message: string | string[], depth: number = 0): HTMLElement[] {\n  const listItems: HTMLElement[] = [];\n\n  if (Array.isArray(message)) {\n   const depthMsg = message.map(msg => this.renderListItem(msg, depth + 1));\n   listItems.push(...depthMsg.flat());\n  } else {\n   listItems.push(this.renderLi(message, depth));\n  }\n\n  return listItems;\n }\n\n renderLi = (message: string, depth: number) => {\n  return (\n   <li class={`sd-guide__popup__list__item sd-guide__popup__list__item--depth-${depth}`}>\n    <p innerHTML={message}></p>\n   </li>\n  );\n };\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/sd-modal-card.entry.js

@@ -1,47 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-DqSa0XJ6.js';
-import { r as resolveColor } from './resolveColor-DcGvp3RM.js';
-
-const sdModalCardCss = () => `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}`;
-
-const SdModalCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.close = createEvent(this, "sdClose");
-        this.confirm = createEvent(this, "sdConfirm");
-    }
-    type = 'info';
-    system = 'normal';
-    useCloseButton = true;
-    modalTitle = 'normal';
-    buttonFlexDirection = 'row';
-    buttonProps;
-    message = [];
-    modalClass = '';
-    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.modalClass}`;
-        modalClass += ' ' + `sd-modal-card-${this.system}`;
-        return modalClass;
-    }
-    render() {
-        return (h("div", { key: '7374943ac733d43b7d6c027f074c2dfdfd859e51', class: this.getModalClass, style: { '--point-color': this.pointColor } }, this.useCloseButton && (h("sd-icon", { key: '75fd15b1241d8b4829372377a8212556828ef2f9', class: "sd-modal-card__close-button", name: "close", size: "20", color: "grey_65", onClick: () => this.close.emit() })), this.type !== 'normal' && (h("sd-icon", { key: '54619f342718bb9dd0589d5963ad390f1b792843', class: "sd-modal-card__icon", name: this.type === 'info' ? 'notificationOutline' : 'warningOutline', size: "32", color: this.type === 'info' ? 'brilliantblue_75' : 'red_75' })), h("h2", { key: '4197761d82baa632c67ff238388aa3162592d9ed', class: "sd-modal-card__title" }, this.modalTitle), h("slot", { key: '586ee3e295b2091d657d54f17945d4ac12541932' }, h("div", { key: 'dad5890bd4d0dfcfca45811ae58fe3e67d29e226', class: `sd-modal-card__message-container` }, this.message.map(msg => (h("p", { class: "sd-modal-card__message" }, msg))))), h("div", { key: '3af309aaa37574e5a3e74cbb3c9047216c1b74a8', class: `sd-modal-card__button-container flex-${this.buttonFlexDirection}` }, this.buttonProps?.map(button => (h("sd-button", { class: 'sd-modal-card__button', variant: button.variant ? button.variant : 'outline', label: button.label, color: button.color, size: button.size, onClick: () => !button.type || button.type === 'confirm' ? this.confirm.emit() : this.close.emit(), ...(button.class && { class: button.class }) }))))));
-    }
-};
-SdModalCard.style = sdModalCardCss();
-
-export { SdModalCard as sd_modal_card };
-//# sourceMappingURL=sd-modal-card.entry.js.map

package/dist/esm/sd-modal-card.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-modal-card.entry.js","sources":["src/components/sd-modal-card/sd-modal-card.scss?tag=sd-modal-card","src/components/sd-modal-card/sd-modal-card.tsx"],"sourcesContent":["@import 'variables';\n\nsd-modal-card {\n display: block;\n .sd-modal-card {\n  position: relative;\n  padding: 40px 32px;\n  border-radius: 8px;\n  box-shadow: 4px 4px 24px 4px rgba(0, 0, 0, 0.2);\n  background: white;\n\n  &__close-button {\n   position: absolute;\n   top: 16px;\n   right: 16px;\n   cursor: pointer;\n  }\n\n  sd-icon.sd-modal-card__icon {\n   display: block;\n   width: 32px;\n   height: 32px;\n   margin: 0 auto 12px auto;\n  }\n\n  &__title {\n   color: var(--point-color);\n   font-size: 18px;\n   font-weight: 700;\n   line-height: 30px;\n   text-align: center;\n   margin: 0 0 20px 0;\n  }\n\n  &__message {\n   color: $grey_95;\n   font-weight: 400;\n   font-size: 12px;\n   line-height: 22px;\n   text-align: center;\n   margin: 0;\n  }\n\n  &__button-container {\n   display: flex;\n   margin: 32px auto 0 auto;\n   justify-content: center;\n   align-items: center;\n   gap: 8px;\n   &.flex-column {\n    flex-direction: column;\n   }\n   button.sd-modal-card__button {\n    width: 89px;\n   }\n  }\n }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { resolveColor } from '../../utils/color';\nimport { ButtonSize, ButtonVariant } from '../sd-button/sd-button';\n\nexport interface SdModalCardButtonProps {\n label: string;\n color: string;\n size: ButtonSize;\n variant?: ButtonVariant;\n class?: string;\n type?: 'confirm' | 'cancel';\n}\n\n@Component({\n tag: 'sd-modal-card',\n styleUrl: 'sd-modal-card.scss',\n})\nexport class SdModalCard {\n @Prop() type: 'info' | 'warning' | 'normal' = 'info';\n @Prop() system: 'normal' | 'positive' | 'negative' = 'normal';\n @Prop() useCloseButton: boolean = true;\n @Prop() modalTitle: string = 'normal';\n @Prop() buttonFlexDirection: 'row' | 'column' = 'row';\n @Prop() buttonProps?: SdModalCardButtonProps[];\n @Prop() message: string[] = [];\n @Prop()\n modalClass: string = '';\n\n @Event({ eventName: 'sdClose' }) close!: EventEmitter<MouseEvent>;\n @Event({ eventName: 'sdConfirm' }) confirm!: EventEmitter<MouseEvent>;\n\n private get pointColor(): string {\n  if (this.type !== 'normal') {\n   return 'grey_95';\n  }\n\n  switch (this.system) {\n   case 'positive':\n    return resolveColor('brilliantblue_75');\n   case 'negative':\n    return resolveColor('red_75');\n   default:\n    return resolveColor('grey_95');\n  }\n }\n\n private get getModalClass(): string {\n  let modalClass = `sd-modal-card ${this.modalClass}`;\n  modalClass += ' ' + `sd-modal-card-${this.system}`;\n  return modalClass;\n }\n\n render() {\n  return (\n   <div class={this.getModalClass} style={{ '--point-color': this.pointColor }}>\n    {this.useCloseButton && (\n     <sd-icon\n      class=\"sd-modal-card__close-button\"\n      name=\"close\"\n      size=\"20\"\n      color=\"grey_65\"\n      onClick={() => this.close.emit()}\n     />\n    )}\n    {this.type !== 'normal' && (\n     <sd-icon\n      class=\"sd-modal-card__icon\"\n      name={this.type === 'info' ? 'notificationOutline' : 'warningOutline'}\n      size=\"32\"\n      color={this.type === 'info' ? 'brilliantblue_75' : 'red_75'}\n     />\n    )}\n    <h2 class=\"sd-modal-card__title\">{this.modalTitle}</h2>\n    <slot>\n     <div class={`sd-modal-card__message-container`}>\n      {this.message.map(msg => (\n       <p class=\"sd-modal-card__message\">{msg}</p>\n      ))}\n     </div>\n    </slot>\n    <div class={`sd-modal-card__button-container flex-${this.buttonFlexDirection}`}>\n     {this.buttonProps?.map(button => (\n      <sd-button\n       class={'sd-modal-card__button'}\n       variant={button.variant ? button.variant : 'outline'}\n       label={button.label}\n       color={button.color}\n       size={button.size}\n       onClick={() =>\n        !button.type || button.type === 'confirm' ? this.confirm.emit() : this.close.emit()\n       }\n       {...(button.class && { class: button.class })}\n      ></sd-button>\n     ))}\n    </div>\n   </div>\n  );\n }\n}\n"],"names":[],"mappings":"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"}