@sellmate/design-system 0.0.52 → 0.0.54

package/dist/collection/components/sd-number-input/sd-number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-number-input.js","sourceRoot":"","sources":["../../../src/components/sd-number-input/sd-number-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n Component,\r\n Element,\r\n Host,\r\n Prop,\r\n State,\r\n Watch,\r\n Event,\r\n EventEmitter,\r\n h,\r\n Method,\r\n} from '@stencil/core'\r\n\r\n@Component({\r\n tag: 'sd-number-input',\r\n styleUrl: 'sd-number-input.scss',\r\n})\r\nexport class SdNumberInput {\r\n @Element() el!: HTMLElement;\r\n\r\n @Prop() min: number = Number.NEGATIVE_INFINITY;\r\n @Prop() max: number = Number.POSITIVE_INFINITY;\r\n @Prop() step: number = 1;\r\n @Prop() useButton: boolean = false;\r\n @Prop() useDecimal: boolean = false;\r\n\r\n @Prop({ mutable: true }) value?: string | number | null = null;\r\n @Prop() label?: string;\r\n @Prop() placeholder: string = '입력해 주세요.';\r\n @Prop() disabled: boolean = false;\r\n @Prop() width?: number | string;\r\n @Prop() rules?: Array<(value: string | number | null) => boolean | string>;\r\n @Prop() autoFocus: boolean = false;\r\n @Prop() status?: 'default' | 'pass' | 'error';\r\n @Prop() inputClass: string = '';\r\n @Prop() readonly: boolean = false;\r\n @Prop() inputStyle: { [key: string]: string } = {};\r\n\r\n @State() private internalValue: number | null = null;\r\n @State() private displayValue: string = '';\r\n @State() private hovered: boolean = false;\r\n @State() private error: boolean = false;\r\n\r\n private nativeEl: HTMLInputElement | undefined = undefined;\r\n\r\n @Event() sdIncrement?: EventEmitter<{ currentVal: number; prevVal: number }>;\r\n @Event() sdDecrement?: EventEmitter<{ currentVal: number; prevVal: number }>;\r\n @Event() sdInput?: EventEmitter<number | null>;\r\n @Event() sdChange?: EventEmitter<number | null>;\r\n @Event() sdFocus?: EventEmitter<Event>;\r\n @Event() sdBlur?: EventEmitter<Event>;\r\n\r\n private formatWithCommas(value: number | null): string {\r\n  if (value === null || value === undefined) return '';\r\n\r\n  const isNegative = value < 0;\r\n  const absValue = Math.abs(value);\r\n\r\n  const [intPart, decPart] = absValue.toString().split('.');\r\n  const formatted = (+intPart).toLocaleString();\r\n\r\n  const result = isNegative ? '-' + formatted : formatted;\r\n  return decPart ? result + '.' + decPart : String(result);\r\n }\r\n\r\n private parseInput(input: string): number | null {\r\n  if (!input || input.trim() === '') return null;\r\n\r\n  const cleaned = input.replace(/,/g, '').trim();\r\n\r\n  // -로 시작을 할 수 있을 수 있고, 소수점 0.n | .n\r\n  if (!/^-?(\\d+\\.?\\d*|\\d*\\.\\d+)$/.test(cleaned)) {\r\n   return null;\r\n  }\r\n\r\n  const parsed = parseFloat(cleaned);\r\n\r\n  if (isNaN(parsed)) return null;\r\n\r\n  // 소수점 사용 하지 않는데 . 이 있는 경우\r\n  if (!this.useDecimal && cleaned.includes('.')) {\r\n   return null;\r\n  }\r\n\r\n  return parsed;\r\n }\r\n\r\n private clampMinMax(value: number): number {\r\n  return Math.min(Math.max(value, this.min), this.max);\r\n }\r\n\r\n private updateDisplay() {\r\n  this.displayValue = this.formatWithCommas(this.internalValue);\r\n }\r\n\r\n private isIncrementDisabled(): boolean {\r\n  if (this.disabled || this.readonly) return true;\r\n  if (this.internalValue !== null) {\r\n   return this.internalValue >= this.max;\r\n  }\r\n  return false;\r\n }\r\n\r\n private isDecrementDisabled(): boolean {\r\n  if (this.disabled || this.readonly) return true;\r\n  if (this.internalValue !== null) {\r\n   return this.internalValue <= this.min;\r\n  }\r\n  return false;\r\n }\r\n\r\n @Watch('value')\r\n valueChanged(newValue: string | number | null) {\r\n  if (newValue === null || newValue === '') {\r\n   this.internalValue = null;\r\n  } else {\r\n   const parsed = typeof newValue === 'string' ? this.parseInput(newValue) : newValue;\r\n   if (parsed !== null) {\r\n    this.internalValue = this.clampMinMax(parsed);\r\n   }\r\n  }\r\n  this.updateDisplay();\r\n }\r\n\r\n @Watch('internalValue')\r\n internalValueChanged(newValue: number | null) {\r\n  this.updateDisplay();\r\n\r\n  if (newValue !== this.value) {\r\n   this.value = newValue;\r\n   this.sdInput?.emit(newValue);\r\n  }\r\n\r\n  if (!this.rules || this.rules.length === 0) return;\r\n  this.error = false;\r\n  for (const rule of this.rules) {\r\n   const result = rule(newValue);\r\n   if (result !== true) {\r\n    this.error = true;\r\n    break;\r\n   }\r\n  }\r\n }\r\n\r\n componentWillLoad() {\r\n  if (this.value !== null && this.value !== undefined) {\r\n   const parsed = typeof this.value === 'string' ? this.parseInput(this.value) : this.value;\r\n   if (parsed !== null) {\r\n    this.internalValue = this.clampMinMax(parsed);\r\n   }\r\n  }\r\n  this.updateDisplay();\r\n }\r\n\r\n private handleInput = (event: Event) => {\r\n  const target = event.target as HTMLInputElement;\r\n  const inputValue = target.value;\r\n\r\n  if (inputValue === '') {\r\n   this.internalValue = null;\r\n   this.displayValue = '';\r\n   return;\r\n  }\r\n\r\n  const commasRemoved = inputValue.replace(/,/g, '');\r\n\r\n  // 만약에 소수점 (.) 이 여러개 일 경우\r\n  const decimalCount = (commasRemoved.match(/\\./g) || []).length;\r\n  if (decimalCount > 1) {\r\n   target.value = this.displayValue;\r\n   return;\r\n  }\r\n\r\n  // 가능: \"-\", \".\", \"-.\" (단순 기호만 있는 경우)\r\n  if (commasRemoved === '-' || commasRemoved === '.' || commasRemoved === '-.') {\r\n   target.value = commasRemoved;\r\n   return;\r\n  }\r\n\r\n  // 숫자 뒤에 . 이 있는 경우 (예: \"1000.\") -> 콤마 포맷 적용 + . 유지\r\n  if (commasRemoved.endsWith('.') && decimalCount === 1) {\r\n   const numberPart = commasRemoved.slice(0, -1);\r\n   const parsed = this.parseInput(numberPart);\r\n   if (parsed !== null) {\r\n    const formatted = this.formatWithCommas(parsed);\r\n    target.value = formatted + '.';\r\n    return;\r\n   }\r\n  }\r\n\r\n  const parsed = this.parseInput(commasRemoved);\r\n\r\n  if (parsed !== null) {\r\n   if (parsed < this.min) {\r\n    target.value = this.displayValue;\r\n    return;\r\n   }\r\n\r\n   if (parsed > this.max) {\r\n    target.value = this.displayValue;\r\n    return;\r\n   }\r\n\r\n   this.internalValue = parsed;\r\n\r\n   this.displayValue = this.formatWithCommas(parsed);\r\n   target.value = this.displayValue;\r\n  } else {\r\n   target.value = this.displayValue;\r\n  }\r\n };\r\n\r\n private handleChange = (event: Event) => {\r\n  const target = event.target as HTMLInputElement;\r\n  const inputValue = target.value;\r\n\r\n  if (inputValue === '') {\r\n   this.internalValue = null;\r\n  } else {\r\n   const parsed = this.parseInput(inputValue);\r\n   if (parsed !== null) {\r\n    this.internalValue = this.clampMinMax(parsed);\r\n   }\r\n  }\r\n\r\n  this.sdChange?.emit(this.internalValue);\r\n };\r\n\r\n private handleFocus = (event: Event) => {\r\n  this.sdFocus?.emit(event);\r\n };\r\n\r\n private handleBlur = (event: Event) => {\r\n  this.updateDisplay();\r\n  if (this.nativeEl) {\r\n   this.nativeEl.value = this.displayValue;\r\n  }\r\n  this.sdBlur?.emit(event);\r\n };\r\n\r\n private handleKeyDown = (event: KeyboardEvent) => {\r\n  if (event.key === 'ArrowUp') {\r\n   event.preventDefault();\r\n   this.handleIncrement();\r\n  } else if (event.key === 'ArrowDown') {\r\n   event.preventDefault();\r\n   this.handleDecrement();\r\n  }\r\n };\r\n\r\n private handleIncrement = () => {\r\n  if (this.isIncrementDisabled()) return;\r\n\r\n  const currentVal = this.internalValue ?? (this.min ?? 0);\r\n  let nextVal = currentVal + this.step;\r\n\r\n  if (nextVal > this.max) {\r\n   nextVal = this.max;\r\n  }\r\n\r\n  if (nextVal === currentVal) return;\r\n\r\n  this.sdIncrement?.emit({ currentVal: nextVal, prevVal: currentVal });\r\n\r\n  this.internalValue = nextVal;\r\n  this.sdChange?.emit(nextVal);\r\n };\r\n\r\n private handleDecrement = () => {\r\n  if (this.isDecrementDisabled()) return;\r\n\r\n  const currentVal = this.internalValue ?? (this.min ?? 0);\r\n  let nextVal = currentVal - this.step;\r\n\r\n  if (nextVal < this.min) {\r\n   nextVal = this.min;\r\n  }\r\n\r\n  if (nextVal === currentVal) return;\r\n\r\n  this.sdDecrement?.emit({ currentVal: nextVal, prevVal: currentVal });\r\n\r\n  this.internalValue = nextVal;\r\n  this.sdChange?.emit(nextVal);\r\n };\r\n\r\n @Method()\r\n async getNativeElement(): Promise<HTMLInputElement | null> {\r\n  return this.nativeEl || null;\r\n }\r\n\r\n getInputStatus() {\r\n  if (this.disabled) return 'sd-number-input--disabled';\r\n  if (this.hovered) return 'sd-number-input--hovered';\r\n  if (this.status) return `sd-number-input--${this.status}`;\r\n  if (this.error) return 'sd-number-input--error';\r\n  return '';\r\n }\r\n\r\n render() {\r\n  const inputWidth = this.width\r\n   ? {\r\n    '--input-width': typeof this.width === 'number' ? `${this.width}px` : this.width,\r\n   }\r\n   : {};\r\n\r\n  const inputStyles = {\r\n   textAlign: this.useButton ? 'center' : 'right',\r\n  };\r\n\r\n  return (\r\n   <Host style={inputWidth} onFocus={this.handleFocus} onBlur={this.handleBlur}>\r\n    {this.useButton ? 'use buttons' : 'dont use buttons'}\r\n    {this.label && <div class=\"sd-number-input__label\">{this.label}</div>}\r\n    <label\r\n     class={{\r\n      'sd-number-input': true,\r\n      [this.getInputStatus()]: true,\r\n      'sd-number-input--with-buttons': this.useButton,\r\n     }}\r\n     onMouseEnter={() => (this.hovered = true)}\r\n     onMouseLeave={() => (this.hovered = false)}\r\n     style={this.inputStyle}\r\n    >\r\n     <input\r\n      ref={el => (this.nativeEl = el)}\r\n      class={`sd-number-input__input ${this.inputClass}`}\r\n      type=\"text\"\r\n      inputMode=\"numeric\"\r\n      value={this.displayValue}\r\n      placeholder={this.placeholder}\r\n      disabled={this.disabled}\r\n      readonly={this.readonly}\r\n      autofocus={this.autoFocus}\r\n      onInput={this.handleInput}\r\n      onChange={this.handleChange}\r\n      onKeyDown={this.handleKeyDown}\r\n      style={inputStyles}\r\n     />\r\n\r\n     {this.useButton && (\r\n      <div class=\"sd-number-input__buttons\">\r\n       <button\r\n        type=\"button\"\r\n        class={{\r\n         'sd-number-input__button': true,\r\n         'sd-number-input__button--decrement': true,\r\n        }}\r\n        disabled={this.isDecrementDisabled()}\r\n        onClick={this.handleDecrement}\r\n        tabindex={-1}\r\n       >\r\n        <sd-icon name=\"minus\" size={12} color={this.isDecrementDisabled() ? '#CCCCCC' : '#2D8DFF'} />\r\n       </button>\r\n       <button\r\n        type=\"button\"\r\n        class={{\r\n         'sd-number-input__button': true,\r\n         'sd-number-input__button--increment': true,\r\n        }}\r\n        disabled={this.isIncrementDisabled()}\r\n        onClick={this.handleIncrement}\r\n        tabindex={-1}\r\n       >\r\n        <sd-icon name=\"add\" size={12} color={this.isIncrementDisabled() ? '#CCCCCC' : '#2D8DFF'} />\r\n       </button>\r\n      </div>\r\n     )}\r\n    </label>\r\n   </Host>\r\n  )\r\n }\r\n}\r\n"]}

package/dist/collection/components/sd-pagination/sd-pagination.js

@@ -67,12 +67,12 @@ export class SdPagination {
         }
     }
     render() {
-        return (h("div", { key: 'e3abf3098a37fe058088304eefcfa9b6abbdbcaa', class: this.paginationClasses }, h("div", { key: '19db1f5ed8fd2ab9b4f6793b474bf4dd3f48f21c', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (h("div", { class: "pagination-info" }, h("span", { class: "current-page" }, this.currentPage), h("span", null, "/"), h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
+        return (h("div", { key: 'b027af83594c0408615d4c34b861c5c31112f298', class: this.paginationClasses }, h("div", { key: '959c79e58c7745606d719c66e8090ef23f7db554', class: "prepend-btns" }, this.renderPrevButtons()), this.simple ? (h("div", { class: "pagination-info" }, h("span", { class: "current-page" }, this.currentPage), h("span", null, "/"), h("span", { class: "last-page" }, this.lastPage))) : (this.pageNumbers.map(n => (h("button", { type: "button", "aria-current": this.currentPage === n ? 'page' : undefined, class: {
                 'pagination-btn': true,
                 'pagination-btn--selected': this.currentPage === n,
             }, disabled: this.currentPage === n, style: {
                 '--pagination-btn-width': `${this.buttonWidth}px`,
-            }, onClick: () => this.handlePageChange(n) }, n)))), h("div", { key: '63096633349b138d679b2a735d0e8d246dfde312', class: "append-btns" }, this.renderNextButtons())));
+            }, onClick: () => this.handlePageChange(n) }, n)))), h("div", { key: '64f13226aa9249395ac7aa7d11ea5cc946f5477a', class: "append-btns" }, this.renderNextButtons())));
     }
     static get is() { return "sd-pagination"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-popover/sd-popover.js

@@ -30,11 +30,11 @@ export class SdPopover {
         this.showPopover = false;
     };
     render() {
-        return (h(Fragment, { key: '8c7efcbf49754c518a6a9cf492b300c07ef980f5' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-tooltip-portal", { key: 'c61e5138ebba94a31d621ff1b3439d3c37ceb629', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: 'c88706aa4e7aec4a105459e429a8cfa9313c7aa8', class: {
+        return (h(Fragment, { key: '1300f5f84d96ef65840d8daec85dc53dba2c407c' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-tooltip-portal", { key: '73b7feb032125495c7df8bbcecee042b59c91886', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: 'b6209c9654fe11e148206ef49c8a304b1f72f068', class: {
                 'sd-popover-menu': true,
                 [`sd-popover-menu--${this.placement}`]: true,
                 [this.menuClass]: !!this.menuClass,
-            } }, h("i", { key: 'f79cb7d4784bc70d89ed5a3d5fa63af3ffb94921', class: `sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: 'e5e6148d67858f972b00ec55e174685cd87c6608' })), h("div", { key: '17d4f8a35d85bf48a6155bf0581f37530c5ea492', class: "sd-popover-menu__content" }, this.menuTitle && h("div", { key: '26d5195b0cde90c8b9251622180021eb33027f6b', class: "sd-popover-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: 'd1eca72d7d97d16a6caa6a9094c93555ea0cbd53', class: "sd-popover-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: '2c8258470a30a604398f680b5d02527303d3b6c7', class: `sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: '480f0a2b1e9aa0f6d31257f1a13fe441c3685e2b', class: "sd-popover-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: '73d77f0e344a86c4a81c0aab4289b6fb5d3603c2', name: "close", size: "12", color: "#AAAAAA" }))))))));
+            } }, h("i", { key: 'c788234f854fe0704ffffdc89dd297277916e7f1', class: `sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '5d5b4aa3815b815ebe4bebc81f307ba62f781af1' })), h("div", { key: '6305c611f72e1e57ff90562a05568777ff3e5db0', class: "sd-popover-menu__content" }, this.menuTitle && h("div", { key: 'da81708c8925e82c6b28b2d582f17d588f9fceae', class: "sd-popover-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: 'd0d00ce577b6de6efd546fadafc5d487f5e9b0b9', class: "sd-popover-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: '3ce2714f038a72ffd1017e00521bf2c05fe8730c', class: `sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: '4c551c170b13797cb725e3e0ae42623dc983286a', class: "sd-popover-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: '1c4620527b33feba50d06709ed0c9185be4094b4', name: "close", size: "12", color: "#AAAAAA" }))))))));
     }
     static get is() { return "sd-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/sd-portal/sd-portal.js

@@ -113,7 +113,7 @@ export class SdPortal {
         this.sdClose.emit();
     }
     render() {
-        return h("slot", { key: 'a2227a90c04b58d7f8c468ebc84f0627055d4da8' });
+        return h("slot", { key: 'd93a68ecf1a281765225bf204cd479bb4b7bfdbf' });
     }
     static get is() { return "sd-portal"; }
     static get properties() {

package/dist/collection/components/sd-progress/sd-progress.js

@@ -13,10 +13,10 @@ export class SdProgress {
         error: '#FB4444',
     };
     render() {
-        return (h(Host, { key: 'd491ac2f5e734f653a991afa1c9e25ceb9947335', style: {
+        return (h(Host, { key: '351f3fda014f276d22b02b09f92ed7895a43ea85', style: {
                 '--progress-color': this.statusColor[this.status],
                 '--progress-percentage': `${this.percentage}%`,
-            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: '0741e3f5492c4f870cc9657e27d3d1a1d73bee10', class: "sd-progress__label" }, this.label)));
+            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: '3b41b3fdb26fdf283792172de45fbcff37e1c90e', class: "sd-progress__label" }, this.label)));
     }
     renderBarProgress() {
         return (h("div", { class: `sd-progress__bar sd-progress__bar--${this.status}` }, h("div", { class: ['sd-progress__bar__percent', this.percentage < 100 ? 'proceed' : ''].join(' ') }), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.percentage, "%"), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.percentage, "%")));

package/dist/collection/components/sd-radio-button-group/sd-radio-button-group.css

@@ -0,0 +1,71 @@
+sd-radio-button-group {
+  display: inline-block;
+}
+sd-radio-button-group .sd-radio-button-group {
+  display: flex;
+  flex-direction: row;
+  gap: 0;
+}
+sd-radio-button-group .sd-radio-button-group__option {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border: 1px solid #cccccc;
+  background-color: white;
+  color: #333333;
+  font-weight: 400;
+  transition: all 0.2s ease;
+  position: relative;
+  user-select: none;
+}
+sd-radio-button-group .sd-radio-button-group__option input {
+  display: none;
+}
+sd-radio-button-group .sd-radio-button-group__option:not(:first-child) {
+  margin-left: -1px;
+}
+sd-radio-button-group .sd-radio-button-group__option:first-child {
+  border-radius: 4px 0 0 4px;
+}
+sd-radio-button-group .sd-radio-button-group__option:last-child {
+  border-radius: 0 4px 4px 0;
+}
+sd-radio-button-group .sd-radio-button-group__option:only-child {
+  border-radius: 4px;
+}
+sd-radio-button-group .sd-radio-button-group__option:not(sd-radio-button-group .sd-radio-button-group__option--disabled):not(sd-radio-button-group .sd-radio-button-group__option--selected):hover {
+  background-color: #0075ff;
+  color: white;
+  font-weight: 500;
+  border-color: #0075ff;
+  z-index: 2;
+}
+sd-radio-button-group .sd-radio-button-group__option--selected {
+  border-color: #0075ff;
+  color: #0075ff;
+  background-color: white;
+  z-index: 1;
+}
+sd-radio-button-group .sd-radio-button-group__option--disabled {
+  background-color: #e1e1e1;
+  border-color: #cccccc;
+  color: #888888;
+  cursor: not-allowed;
+}
+sd-radio-button-group .sd-radio-button-group__option:has(input:disabled) {
+  cursor: not-allowed;
+}
+sd-radio-button-group .sd-radio-button-group__label {
+  user-select: none;
+}
+sd-radio-button-group .sd-radio-button-group--sm .sd-radio-button-group__option {
+  padding: 4px 12px;
+  font-size: 12px;
+  line-height: 20px;
+}
+sd-radio-button-group .sd-radio-button-group--md .sd-radio-button-group__option {
+  padding: 4px 20px;
+  font-size: 16px;
+  line-height: 26px;
+}

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

@@ -0,0 +1,214 @@
+import { h } from "@stencil/core";
+export class SdRadioButtonGroup {
+    value;
+    radioOptions = [];
+    size = 'md';
+    disabled = false;
+    name;
+    selectedValue;
+    sdChange;
+    componentWillLoad() {
+        if (this.value !== undefined && this.value !== null) {
+            this.selectedValue = this.value;
+        }
+    }
+    valueChanged(newValue) {
+        this.selectedValue = newValue;
+    }
+    handleRadioChange = (optionValue, optionDisabled) => {
+        if (this.disabled || optionDisabled)
+            return;
+        this.selectedValue = optionValue;
+        this.value = optionValue;
+        this.sdChange.emit(optionValue);
+    };
+    isOptionSelected(option) {
+        return this.selectedValue === option.value;
+    }
+    isOptionDisabled(option) {
+        return this.disabled || !!option.disabled;
+    }
+    getButtonClasses(option) {
+        const classes = [
+            'sd-radio-button-group__option',
+            this.isOptionSelected(option)
+                ? 'sd-radio-button-group__option--selected'
+                : 'sd-radio-button-group__option--unselected',
+        ];
+        if (this.isOptionDisabled(option)) {
+            classes.push('sd-radio-button-group__option--disabled');
+        }
+        return classes.join(' ');
+    }
+    getGroupClasses() {
+        const classes = ['sd-radio-button-group', `sd-radio-button-group--${this.size}`];
+        return classes.join(' ');
+    }
+    render() {
+        const groupName = this.name || `sd-radio-button-group-${Math.random().toString(36).substring(2, 11)}`;
+        return (h("div", { key: '11b2fa2d7c019ea5d1c535e8f36ac488169e11e9', class: this.getGroupClasses(), role: "radiogroup", "aria-disabled": this.disabled.toString() }, this.radioOptions.map((option, index) => {
+            const isSelected = this.isOptionSelected(option);
+            const isDisabled = this.isOptionDisabled(option);
+            return (h("label", { key: `radio-${index}`, class: this.getButtonClasses(option), role: "radio", "aria-checked": isSelected.toString(), "aria-disabled": isDisabled.toString(), "aria-label": option.label || 'radio option' }, h("input", { type: "radio", name: groupName, value: option.value.toString(), checked: isSelected, disabled: isDisabled, onInput: () => this.handleRadioChange(option.value, option.disabled) }), option.label && h("span", { class: "sd-radio-button-group__label" }, option.label)));
+        })));
+    }
+    static get is() { return "sd-radio-button-group"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["sd-radio-button-group.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["sd-radio-button-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "any",
+                "mutable": true,
+                "complexType": {
+                    "original": "RadioValue",
+                    "resolved": "boolean | number | string",
+                    "references": {
+                        "RadioValue": {
+                            "location": "local",
+                            "path": "C:/Users/KimMeeKyeong/Documents/sellmate/frontend/design-system/packages/stencil/src/components/sd-radio-button-group/sd-radio-button-group.tsx",
+                            "id": "src/components/sd-radio-button-group/sd-radio-button-group.tsx::RadioValue"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "value"
+            },
+            "radioOptions": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "RadioOption[]",
+                    "resolved": "RadioOption[]",
+                    "references": {
+                        "RadioOption": {
+                            "location": "local",
+                            "path": "C:/Users/KimMeeKyeong/Documents/sellmate/frontend/design-system/packages/stencil/src/components/sd-radio-button-group/sd-radio-button-group.tsx",
+                            "id": "src/components/sd-radio-button-group/sd-radio-button-group.tsx::RadioOption"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'sm' | 'md'",
+                    "resolved": "\"md\" | \"sm\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "selectedValue": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "sdChange",
+                "name": "sdChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "RadioValue",
+                    "resolved": "boolean | number | string",
+                    "references": {
+                        "RadioValue": {
+                            "location": "local",
+                            "path": "C:/Users/KimMeeKyeong/Documents/sellmate/frontend/design-system/packages/stencil/src/components/sd-radio-button-group/sd-radio-button-group.tsx",
+                            "id": "src/components/sd-radio-button-group/sd-radio-button-group.tsx::RadioValue"
+                        }
+                    }
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "value",
+                "methodName": "valueChanged"
+            }];
+    }
+}
+//# sourceMappingURL=sd-radio-button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-radio-button-group.js","sourceRoot":"","sources":["../../../src/components/sd-radio-button-group/sd-radio-button-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, EventEmitter, Event, State, Watch } from '@stencil/core';\r\n\r\nexport type RadioValue = string | number | boolean;\r\nexport type RadioOption = {\r\n  label: string;\r\n  value: RadioValue;\r\n  disabled?: boolean;\r\n};\r\n\r\n@Component({\r\n  tag: 'sd-radio-button-group',\r\n  styleUrl: 'sd-radio-button-group.scss',\r\n})\r\nexport class SdRadioButtonGroup {\r\n  @Prop({ mutable: true, reflect: true }) value!: RadioValue;\r\n\r\n  @Prop({ mutable: true }) radioOptions: RadioOption[] = [];\r\n\r\n  @Prop() size: 'sm' | 'md' = 'md';\r\n\r\n  @Prop() disabled: boolean = false;\r\n\r\n  @Prop() name?: string;\r\n\r\n  @State() private selectedValue!: RadioValue;\r\n\r\n  @Event()\r\n  sdChange!: EventEmitter<RadioValue>;\r\n\r\n  componentWillLoad() {\r\n    if (this.value !== undefined && this.value !== null) {\r\n      this.selectedValue = this.value;\r\n    }\r\n  }\r\n\r\n  @Watch('value')\r\n  valueChanged(newValue: RadioValue) {\r\n    this.selectedValue = newValue;\r\n  }\r\n\r\n  private handleRadioChange = (optionValue: RadioValue, optionDisabled?: boolean) => {\r\n    if (this.disabled || optionDisabled) return;\r\n    this.selectedValue = optionValue;\r\n    this.value = optionValue;\r\n    this.sdChange.emit(optionValue);\r\n  };\r\n\r\n  private isOptionSelected(option: RadioOption): boolean {\r\n    return this.selectedValue === option.value;\r\n  }\r\n\r\n  private isOptionDisabled(option: RadioOption): boolean {\r\n    return this.disabled || !!option.disabled;\r\n  }\r\n\r\n  private getButtonClasses(option: RadioOption): string {\r\n    const classes = [\r\n      'sd-radio-button-group__option',\r\n      this.isOptionSelected(option)\r\n        ? 'sd-radio-button-group__option--selected'\r\n        : 'sd-radio-button-group__option--unselected',\r\n    ];\r\n\r\n    if (this.isOptionDisabled(option)) {\r\n      classes.push('sd-radio-button-group__option--disabled');\r\n    }\r\n\r\n    return classes.join(' ');\r\n  }\r\n\r\n  private getGroupClasses(): string {\r\n    const classes = ['sd-radio-button-group', `sd-radio-button-group--${this.size}`];\r\n    return classes.join(' ');\r\n  }\r\n\r\n  render() {\r\n    const groupName = this.name || `sd-radio-button-group-${Math.random().toString(36).substring(2, 11)}`;\r\n\r\n    return (\r\n      <div class={this.getGroupClasses()} role=\"radiogroup\" aria-disabled={this.disabled.toString()}>\r\n        {this.radioOptions.map((option, index) => {\r\n          const isSelected = this.isOptionSelected(option);\r\n          const isDisabled = this.isOptionDisabled(option);\r\n\r\n          return (\r\n            <label\r\n              key={`radio-${index}`}\r\n              class={this.getButtonClasses(option)}\r\n              role=\"radio\"\r\n              aria-checked={isSelected.toString()}\r\n              aria-disabled={isDisabled.toString()}\r\n              aria-label={option.label || 'radio option'}\r\n            >\r\n              <input\r\n                type=\"radio\"\r\n                name={groupName}\r\n                value={option.value.toString()}\r\n                checked={isSelected}\r\n                disabled={isDisabled}\r\n                onInput={() => this.handleRadioChange(option.value, option.disabled)}\r\n              />\r\n              {option.label && <span class=\"sd-radio-button-group__label\">{option.label}</span>}\r\n            </label>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -46,7 +46,7 @@ export class SdRadioGroup {
     }
     render() {
         const groupName = this.name || `sd-radio-group-${Math.random().toString(36).substring(2, 11)}`;
-        return (h("div", { key: 'f817ced0e784c418c09c6c3e1cd6d9e045d32598', class: this.getGroupClasses(), role: "radiogroup", "aria-disabled": this.disabled.toString() }, this.radioOptions.map((option, index) => {
+        return (h("div", { key: '41a5801484b12c0688d34d7225b07ce4ac8073fa', class: this.getGroupClasses(), role: "radiogroup", "aria-disabled": this.disabled.toString() }, this.radioOptions.map((option, index) => {
             const isSelected = this.isOptionSelected(option);
             const isDisabled = this.isOptionDisabled(option);
             return (h("label", { key: `radio-${index}`, class: this.getRadioClasses(option), role: "radio", "aria-checked": isSelected.toString(), "aria-disabled": isDisabled.toString(), "aria-label": option.label || 'radio option' }, h("input", { type: "radio", name: groupName, value: option.value.toString(), checked: isSelected, disabled: isDisabled, onInput: () => this.handleRadioChange(option.value, option.disabled) }), option.label && h("span", { class: "sd-radio-group__label" }, option.label)));

package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js

@@ -24,7 +24,7 @@ export class SdSelectOption {
         }
     };
     render() {
-        return (h(Host, { key: '7cf5b51057f8eb7ad7cf7143225bcd842e5fa231' }, h("div", { key: 'ab9e02db38a0717b9aeb85890b150a6e59a9f7ee', class: {
+        return (h(Host, { key: 'd106374cd96d326e885b65ac94ecf1a397ea2ad9' }, h("div", { key: 'e07601d9c735f7950102449342257a7e39d28a42', class: {
                 'sd-select__option': true,
                 'sd-select__option--selected': this.isSelected,
                 'sd-select__option--disabled': !!this.option.disabled,

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

@@ -32,6 +32,9 @@ export class SdSelect extends BaseDropdownEvent {
     searchRef;
     optionRef;
     dropdownRef;
+    async open() {
+        this.isOpen = true;
+    }
     valueChanged() {
         const selectedOption = this.getSelectedOption();
         this.sdChange?.emit({ value: selectedOption?.value || null, option: selectedOption || null });
@@ -47,7 +50,7 @@ export class SdSelect extends BaseDropdownEvent {
         if (this.searchable) {
             const searchInput = await this.getNativeInputElement();
             if (this.itemIndex === -1) {
-                searchInput?.focus();
+                searchInput?.focus({ preventScroll: true });
                 return;
             }
             else if (searchInput?.matches(':focus')) {
@@ -92,7 +95,7 @@ export class SdSelect extends BaseDropdownEvent {
         const currentItem = optionElements?.[this.itemIndex];
         if (this.searchable) {
             const searchInput = await this.getNativeInputElement();
-            searchInput?.focus();
+            searchInput?.focus({ preventScroll: true });
         }
         if (!currentItem)
             return;
@@ -200,11 +203,11 @@ export class SdSelect extends BaseDropdownEvent {
             '--select-width': this.width || '200px',
             '--select-dropdown-height': this.dropdownHeight || '260px',
         };
-        return (h(Host, { key: 'a99d2903e6156a30aa834dea2344829edbde67cb', style: style }, h("div", { key: '39862875a121d9add2c0101d81e223d475d14abb', class: {
+        return (h(Host, { key: 'ba065b311487ea934dc46736fd633d4d1a13f2e4', style: style }, h("div", { key: '904d988d274e7827d5c969ba45643648ba0a61b3', class: {
                 'sd-select': true,
                 'sd-select--open': this.isOpen,
                 'sd-select--disabled': this.disabled,
-            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), h("div", { key: '6a7e4ffc442e4edfe508e60c8b578f8c8fb5e409', class: "sd-select__container" }, this.renderTrigger(), this.renderDropdown()))));
+            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), h("div", { key: '66fe35a68fa18cf97b4db110572f86faefa59207', class: "sd-select__container" }, this.renderTrigger(), this.renderDropdown()))));
     }
     renderLabel(label) {
         if (!label)
@@ -530,6 +533,27 @@ export class SdSelect extends BaseDropdownEvent {
                 }
             }];
     }
+    static get methods() {
+        return {
+            "open": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{