@sellmate/design-system 1.0.68 → 1.0.70

package/dist/esm/sd-select-v2-list-item_4.entry.js

@@ -424,13 +424,19 @@ const SdSelectV2Listbox = class {
      * `children` is emptied by `filterTree`; in that case we fall back to the
      * full original subtree because the user has no way to deselect descendants
      * individually.
+     *
+     * disabled 항목은 사용자가 토글할 수 없으므로 leaves 집합에서 제외한다.
+     * 호출처(그룹 토글 / 카운트 / indeterminate 판정)가 모두 동일하게 "실제
+     * 토글 가능한 leaves" 만 보도록 통일한다.
      */
     collectVisibleLeaves(option) {
+        if (option.disabled)
+            return [];
         if (!option.children)
             return [option];
         if (option.children.length === 0) {
             const original = this.findOriginalOption(option.value, this.options);
-            return original ? this.collectLeaves(original) : [];
+            return original ? this.collectLeaves(original).filter(l => !l.disabled) : [];
         }
         return option.children.flatMap(child => this.collectVisibleLeaves(child));
     }
@@ -600,7 +606,7 @@ const SdSelectV2Listbox = class {
             '--listbox-max-height': this.maxHeight,
             '--listbox-radius': `${LIST_BOX_LAYOUT.radius}px`,
         };
-        return (h("div", { key: 'ca3d529a4a20f394de1358cc0627c730843a8cf9', class: "sd-select-v2-listbox", style: cssVars }, this.showSearch && (h("sd-select-v2-list-item-search", { key: 'e7c421d676c6a94cc31b0df69a489818b26563e3', isScrolled: this.isScrolled, onSdSearchFilter: this.handleSearchFilter })), h("div", { key: 'f3f44e6df1fc8faf71c607cc0efb0d891dcbfb3d', class: "sd-select-v2-listbox__list", onScroll: this.handleScroll, ref: el => {
+        return (h("div", { key: '17ebae1a1589245944d7db5a05f2c011ad13e391', class: "sd-select-v2-listbox", style: cssVars }, this.showSearch && (h("sd-select-v2-list-item-search", { key: '181ddd3a11ebe3b81353d66111459c7929c5af0b', isScrolled: this.isScrolled, onSdSearchFilter: this.handleSearchFilter })), h("div", { key: '91114e82f60a6bdeb74142d6d7abea2871e6678e', class: "sd-select-v2-listbox__list", onScroll: this.handleScroll, ref: el => {
                 this.listEl = el;
             } }, this.isEmpty ? (h("div", { class: "sd-select-v2-listbox__empty" }, EMPTY_MESSAGE)) : this.isDepth ? (this.renderOptions(this.filteredOptions)) : (this.filteredOptions.map(option => (h("sd-select-v2-list-item", { option: option, depth: 1, isSelected: this.isOptionSelected(option), isFocused: this.isOptionFocused(option), useCheckbox: this.isMulti, onSdListItemClick: this.handleOptionClick, onMouseEnter: () => this.handleOptionHover(option) })))))));
     }
@@ -618,17 +624,33 @@ const SdSelectV2Trigger = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.triggerClick = createEvent(this, "sdTriggerClick", 7);
+        this.triggerFocus = createEvent(this, "sdTriggerFocus", 7);
+        this.triggerBlur = createEvent(this, "sdTriggerBlur", 7);
     }
     displayText = '';
     placeholder = '선택';
     disabled = false;
     isOpen = false;
     triggerClick;
+    triggerFocus;
+    triggerBlur;
+    triggerEl;
+    async sdFocus() {
+        if (this.disabled)
+            return;
+        this.triggerEl?.focus();
+    }
     handleClick = () => {
         if (this.disabled)
             return;
         this.triggerClick.emit();
     };
+    handleFocus = () => {
+        this.triggerFocus.emit();
+    };
+    handleBlur = () => {
+        this.triggerBlur.emit();
+    };
     render() {
         const hasValue = !!this.displayText;
         const cssVars = {
@@ -646,11 +668,13 @@ const SdSelectV2Trigger = class {
                 ? SELECT_COLORS.icon.disabled
                 : SELECT_COLORS.icon.default,
         };
-        return (h("div", { key: '4b3f60a4bd00423337ebd472a628bc67f0a5d55c', class: {
+        return (h("div", { key: 'e5c4db3cfbaa29c0af7efd0376a972dee0e9db56', ref: el => {
+                this.triggerEl = el;
+            }, tabindex: this.disabled ? -1 : 0, class: {
                 'sd-select-v2-trigger': true,
                 'sd-select-v2-trigger--open': this.isOpen,
                 'sd-select-v2-trigger--disabled': this.disabled,
-            }, style: cssVars, onClick: this.handleClick }, h("div", { key: '8a6f9aa132aa6db4ba9035b3b97f91b4f29fa475', class: "sd-select-v2-trigger__content" }, h("span", { key: '3fb8fa054682eefc604623da9ecb906581cf1661', class: "sd-select-v2-trigger__text" }, hasValue ? this.displayText : this.placeholder), h("sd-icon", { key: 'c6ae918c442452018513a144a6f14613a49dedd4', name: "chevronDown", size: 12, color: "var(--trigger-icon-color)", class: {
+            }, style: cssVars, onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: '76a946a587f6245f8a21ecbf25c5a21895f35970', class: "sd-select-v2-trigger__content" }, h("span", { key: '3224e13cc49371e7bcd8095a8b08bd62d4f8b295', class: "sd-select-v2-trigger__text" }, hasValue ? this.displayText : this.placeholder), h("sd-icon", { key: 'ea81dc671b63b14040292ed2ff4084a9c9fc6fca', name: "chevronDown", size: 12, color: "var(--trigger-icon-color)", class: {
                 'sd-select-v2-trigger__icon': true,
                 'sd-select-v2-trigger__icon--open': this.isOpen,
             } }))));

package/dist/esm/sd-select.entry.js

@@ -28,6 +28,7 @@ const SdSelect = class extends BaseDropdownEvent {
     label = '';
     labelWidth = '';
     addonLabel = '';
+    addonAlign = 'start';
     icon = undefined;
     labelTooltip = '';
     labelTooltipProps = null;
@@ -145,7 +146,7 @@ const SdSelect = class extends BaseDropdownEvent {
         }
     };
     render() {
-        return (h("sd-field", { key: '106b7af5473549884afba275dfa86f6b354e9983', label: this.label, labelWidth: this.labelWidth, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, icon: this.icon, addonLabel: this.addonLabel, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: 'a200ea9e7409ed3f63e6ffa967c3171712598521', class: {
+        return (h("sd-field", { key: '6939161d0edb5eabca307b3883e02a53a29e66c4', label: this.label, labelWidth: this.labelWidth, name: this.name, rules: this.rules, error: this.error, disabled: this.disabled, icon: this.icon, addonLabel: this.addonLabel, addonAlign: this.addonAlign, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el) }, h("div", { key: 'a57d17cb3ff775c724f3a6c13025c04e031de45f', class: {
                 'sd-select': true,
                 'sd-select--disabled': this.disabled,
                 'sd-select--error': !!this.error,

package/dist/esm/sd-tabs.entry.js

@@ -46,7 +46,7 @@ const SdTabs = class {
         return `square_xs_${color}`;
     }
     render() {
-        return (h("div", { key: '62ace36515932f8889fc35121b6a8cf98fd9a314', class: this.getContainerClasses() }, this.tabs.map((tab, index) => {
+        return (h("div", { key: '85326c946694a115b466f07395872429c467d72f', class: this.getContainerClasses() }, this.tabs.map((tab, index) => {
             const badgeName = this.getBadgeName(tab);
             return (h("div", { key: `tab-${index}`, class: this.getTabClasses(tab), "aria-label": tab.label || 'tab', onClick: () => this.handleTabClick(tab.value) }, h("span", { "data-label": tab.label, class: "sd-tabs__label" }, tab.label), tab.badge && h("sd-tag", { name: badgeName, label: tab.badge.toString() })));
         })));

package/dist/esm/sd-textarea.entry.js

@@ -41,6 +41,7 @@ const SdTextarea = class {
     label = '';
     labelWidth = '';
     addonLabel = '';
+    addonAlign = 'start';
     hint = '';
     errorMessage = '';
     icon = undefined;
@@ -127,7 +128,7 @@ const SdTextarea = class {
             '--sd-system-size-field-sm-height': 'auto',
             '--sd-system-radius-field-sm': `${TEXTAREA_TOKENS.radius}px`,
         };
-        return (h("sd-field", { key: '4c93d887429d6790d2d49c951be64e4be1496fd4', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'b64aa1b2f02c1f68db57e5e36e0a7146257629e1', class: "sd-textarea__content" }, h("textarea", { key: 'b2baff1d99b9c2347f0b0bb751fc51268d2c48c7', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
+        return (h("sd-field", { key: '9f456eb1b18d0d83fb40f0b6b66125d587bcb4c6', name: this.name, label: this.label, labelWidth: this.labelWidth, addonLabel: this.addonLabel, addonAlign: this.addonAlign, hint: this.hint, errorMessage: this.errorMessage, width: this.width, rules: this.rules, error: this.error, disabled: this.disabled, focused: this.focused, hovered: this.hovered, status: this.status, icon: this.icon, labelTooltip: this.labelTooltip, labelTooltipProps: this.labelTooltipProps, ref: el => (this.formField = el), onMouseEnter: () => (this.hovered = true), onMouseLeave: () => (this.hovered = false), style: cssVars }, h("div", { key: 'f201962ed64908c97d24923b62e97c33b356170a', class: "sd-textarea__content" }, h("textarea", { key: '826e4b3c4743dbf16387b68317bd09ca7c75746d', name: this.name, ref: el => (this.nativeEl = el), class: `sd-textarea__native ${this.textareaClass}`, value: this.internalValue || '', placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, autofocus: this.autoFocus, maxLength: this.maxLength, rows: this.rows, spellcheck: this.spellcheck, onInput: this.handleInput, onFocus: event => this.handleFocus('focus', event), onBlur: event => this.handleFocus('blur', event), style: this.textareaStyle }))));
     }
     static get watchers() { return {
         "value": [{

package/dist/esm/table-test.entry.js

@@ -78,7 +78,7 @@ const DataTable = class {
         return el.innerHTML;
     }
     render() {
-        return (h("div", { key: 'eb6246d49bb46a1c2b2b9d93cff90e7c0d6788b4', class: "table-wrapper" }, h("table", { key: '584d752e51f252f2dd7a29868ae4300b55c47065', class: { 'data-table': true, 'bordered': this.bordered, 'striped': this.striped } }, h("thead", { key: 'fd35de9ad1cb79cf77ab9f7a806d2d7258d8b11b' }, h("tr", { key: '39a42d9fc76571aa5ef6073ec554471d5fd1b4c1' }, this.columns.map(column => (h("th", { key: column.field, style: { width: column.width } }, this.renderHeaderContent(column)))))), h("tbody", { key: '5c3a2b5853f619666b20145e0f7a221c75969071' }, this.rows.map((row, rowIndex) => (h("tr", { key: rowIndex }, this.columns.map(column => (h("td", { key: `${rowIndex}-${column.field}` }, this.renderCellContent(column, row, rowIndex))))))))), h("div", { key: 'bbbd15c2d1b517774340dbcdfb59338f260df21b', class: "templates-slot", hidden: true }, h("slot", { key: '28733f09dd4a90976d9bb60102039981c736cf87' }))));
+        return (h("div", { key: '2aaa005ce2516e841fdace352e9d8cf2b98cbde4', class: "table-wrapper" }, h("table", { key: '3b13c885dc0cefd1c2b7de3c336d803099009063', class: { 'data-table': true, 'bordered': this.bordered, 'striped': this.striped } }, h("thead", { key: 'a866c3ce695250fc6b220044955c6fafa68f5647' }, h("tr", { key: '465974d2bd2f39114cabda226aba8645d79b4a68' }, this.columns.map(column => (h("th", { key: column.field, style: { width: column.width } }, this.renderHeaderContent(column)))))), h("tbody", { key: '4b0a96da5bf54404774fca7bb9136561ddc57170' }, this.rows.map((row, rowIndex) => (h("tr", { key: rowIndex }, this.columns.map(column => (h("td", { key: `${rowIndex}-${column.field}` }, this.renderCellContent(column, row, rowIndex))))))))), h("div", { key: '1deba9664748b1953a65b2d7badc4b2e813ab2eb', class: "templates-slot", hidden: true }, h("slot", { key: '782d4ef14b8e6068e1d96a55af5f0b16af33dc0f' }))));
     }
     static get watchers() { return {
         "columns": [{

package/dist/types/components/sd-barcode-input/sd-barcode-input.d.ts

@@ -2,11 +2,13 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { Rule } from '../../types/form';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { type BarcodeInputSize } from './sd-barcode-input.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdBarcodeInput {
     host: HTMLElement;
     value?: string | number | null;
     size: BarcodeInputSize;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     placeholder: string;
     disabled: boolean;
     clearable: boolean;

package/dist/types/components/sd-date-picker/sd-date-picker.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import type { Rule } from '../../types/form';
 import type { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { type DatePickerSize } from './sd-date-picker.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdDatePicker {
     private static readonly CLOSE_ANIMATION_DURATION;
     el: HTMLElement;
@@ -14,6 +15,7 @@ export declare class SdDatePicker {
     label: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     hint: string;
     errorMessage: string;
     fieldName: string;

package/dist/types/components/sd-date-range-picker/sd-date-range-picker.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import type { Rule } from '../../types/form';
 import type { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { type DatePickerSize } from './sd-date-range-picker.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export type DateRangeValue = [string, string] | null;
 export declare class SdDateRangePicker {
     private static readonly CLOSE_ANIMATION_DURATION;
@@ -16,6 +17,7 @@ export declare class SdDateRangePicker {
     label: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     hint: string;
     errorMessage: string;
     fieldName: string;

package/dist/types/components/sd-field/sd-field.config.d.ts

@@ -1,4 +1,6 @@
 export type FieldSize = 'sm' | 'md';
+export type FieldAddonAlign = 'start' | 'center' | 'end';
+export declare const FIELD_ADDON_ALIGN_MAP: Record<FieldAddonAlign, string>;
 export declare const FIELD_LABEL_SIZE_MAP: Record<FieldSize, {
     height: string;
     gap: string;

package/dist/types/components/sd-field/sd-field.d.ts

@@ -1,7 +1,7 @@
 import { ValidatableField } from '../sd-form/sd-form';
 import { Rule } from '../../types/form';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
-import { type FieldSize } from './sd-field.config';
+import { type FieldAddonAlign, type FieldSize } from './sd-field.config';
 export declare class SdField implements ValidatableField {
     el: HTMLElement;
     name: string;
@@ -18,6 +18,7 @@ export declare class SdField implements ValidatableField {
     label: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     icon?: IconProps;
     labelTooltip: string;
     labelTooltipProps: SdTooltipProps | null;

package/dist/types/components/sd-file-picker/sd-file-picker.d.ts

@@ -1,6 +1,7 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { Rule } from '../../types/form';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdFilePicker implements ComponentInterface {
     el: HTMLElement;
     value?: File[] | File | null;
@@ -16,6 +17,7 @@ export declare class SdFilePicker implements ComponentInterface {
     label: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     hint: string;
     errorMessage: string;
     width: string | number;

package/dist/types/components/sd-floating-portal/sd-floating-portal.d.ts

@@ -26,5 +26,6 @@ export declare class SdFloatingPopover {
     private unobserveParent;
     handleMouseDown(e: MouseEvent): void;
     handleWindowClick(e: MouseEvent): void;
+    handleKeydown(e: KeyboardEvent): void;
     render(): any;
 }

package/dist/types/components/sd-input/sd-input.d.ts

@@ -2,12 +2,14 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { Rule } from '../../types/form';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { type InputSize } from './sd-input.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdInput {
     host: HTMLElement;
     value?: string | number | null;
     type: 'text' | 'password' | 'email';
     size: InputSize;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     placeholder: string;
     disabled: boolean;
     clearable: boolean;

package/dist/types/components/sd-number-input/sd-number-input.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Rule } from '../../types/form';
 import { type NumberInputSize } from './sd-number-input.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdNumberInput {
     el: HTMLElement;
     size: NumberInputSize;
@@ -13,6 +14,7 @@ export declare class SdNumberInput {
     label?: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     placeholder: string;
     disabled: boolean;
     width?: number | string;

package/dist/types/components/sd-popover/sd-popover.d.ts

@@ -1,4 +1,13 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { ButtonSize, ButtonVariant } from '../sd-button/sd-button';
+export interface PopoverButton {
+    label: string;
+    variant?: ButtonVariant;
+    color?: string;
+    size?: ButtonSize;
+    icon?: IconName;
+    onClick?: (e: Event) => void;
+}
 export declare class SdPopover {
     el: HTMLElement;
     show: boolean;
@@ -11,17 +20,12 @@ export declare class SdPopover {
     buttonVariant: ButtonVariant;
     menuTitle?: string;
     messages: string[];
-    buttons: {
-        [key: string]: any;
-    }[];
+    buttons: PopoverButton[];
     menuClass: string;
-    noHover: boolean;
     useClose: boolean;
-    showPopover: boolean;
-    slotContent: string;
-    watchShowHandler(newValue: boolean): void;
-    componentWillLoad(): void;
+    showChange: EventEmitter<boolean>;
     private buttonEl?;
+    private setShow;
     private get popoverOffset();
     private handleClose;
     render(): any;

package/dist/types/components/sd-select/sd-select.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { BaseDropdownEvent } from '../../utils/base-dropdown-event';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { Rule } from '../../components';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export interface SelectOption {
     value: string | number;
     label: string;
@@ -59,6 +60,7 @@ export declare class SdSelect extends BaseDropdownEvent {
     label: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     icon?: IconProps;
     labelTooltip: string;
     labelTooltipProps: SdTooltipProps | null;

package/dist/types/components/sd-select-group/sd-select-group.d.ts

@@ -3,6 +3,7 @@ import { BaseDropdownEvent } from '../../utils/base-dropdown-event';
 import { SelectEvents, SelectOptionGroup, SelectStyleProps } from '../sd-select/sd-select';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { Rule } from '../../components';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 /**
  * @deprecated sd-select-v2 (name="default_depth")를 사용하세요.
  */
@@ -21,6 +22,7 @@ export declare class SdSelectGroup extends BaseDropdownEvent {
     label: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     icon?: IconProps;
     labelTooltip: string;
     labelTooltipProps: SdTooltipProps | null;

package/dist/types/components/sd-select-v2/sd-select-v2-listbox/sd-select-v2-listbox.d.ts

@@ -33,6 +33,10 @@ export declare class SdSelectV2Listbox {
      * `children` is emptied by `filterTree`; in that case we fall back to the
      * full original subtree because the user has no way to deselect descendants
      * individually.
+     *
+     * disabled 항목은 사용자가 토글할 수 없으므로 leaves 집합에서 제외한다.
+     * 호출처(그룹 토글 / 카운트 / indeterminate 판정)가 모두 동일하게 "실제
+     * 토글 가능한 leaves" 만 보도록 통일한다.
      */
     private collectVisibleLeaves;
     private get navigableOptions();

package/dist/types/components/sd-select-v2/sd-select-v2-trigger/sd-select-v2-trigger.d.ts

@@ -5,6 +5,12 @@ export declare class SdSelectV2Trigger {
     disabled: boolean;
     isOpen: boolean;
     triggerClick: EventEmitter<void>;
+    triggerFocus: EventEmitter<void>;
+    triggerBlur: EventEmitter<void>;
+    private triggerEl?;
+    sdFocus(): Promise<void>;
     private handleClick;
+    private handleFocus;
+    private handleBlur;
     render(): any;
 }

package/dist/types/components/sd-select-v2/sd-select-v2.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import type { SelectV2Option, SelectV2Name, SelectV2Value } from './sd-select-v2.config';
 import type { Rule } from '../../types/form';
 import type { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdSelectV2 {
     private static readonly VIEWPORT_PADDING;
     private static readonly PORTAL_OFFSET_Y;
@@ -17,6 +18,7 @@ export declare class SdSelectV2 {
     label: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     error: boolean;
     hint: string;
     errorMessage: string;
@@ -38,9 +40,13 @@ export declare class SdSelectV2 {
     dropDownShow: EventEmitter<{
         isOpen: boolean;
     }>;
+    sdFocus(): Promise<void>;
+    sdOpen(): Promise<void>;
     private triggerRef?;
+    private triggerComponentRef?;
     private closeAnimationTimer?;
     private internalName;
+    private triggerHasFocus;
     watchIsOpen(newValue: boolean): void;
     private get isMulti();
     private get displayText();
@@ -52,6 +58,10 @@ export declare class SdSelectV2 {
     private handleViewportResize;
     private findOriginalOption;
     private closeDropdown;
+    private prepareDropdownGeometry;
+    private syncFocusedState;
+    private handleTriggerFocus;
+    private handleTriggerBlur;
     private handleTriggerClick;
     private emitUpdate;
     private handleOptionSelect;

package/dist/types/components/sd-textarea/sd-textarea.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Rule } from '../../types/form';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
 export declare class SdTextarea {
     host: HTMLElement;
     value?: string | null;
@@ -19,6 +20,7 @@ export declare class SdTextarea {
     label?: string;
     labelWidth: string | number;
     addonLabel: string;
+    addonAlign: FieldAddonAlign;
     hint: string;
     errorMessage: string;
     icon?: IconProps;