@sellmate/design-system 0.0.52 → 0.0.53

package/dist/types/components.d.ts

@@ -11,28 +11,34 @@ import { Type } from "./components/sd-date-box/sd-date-box";
 import { Event } from "./stencil-public-runtime";
 import { SdModalCardButtonProps } from "./components/sd-modal-card/sd-modal-card";
 import { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
-import { RadioOption, RadioValue } from "./components/sd-radio-group/sd-radio-group";
+import { RadioOption, RadioValue } from "./components/sd-radio-button-group/sd-radio-button-group";
+import { RadioOption as RadioOption1, RadioValue as RadioValue1 } from "./components/sd-radio-group/sd-radio-group";
 import { SelectEvents, SelectOption } from "./components/sd-select/sd-select";
 import { SelectMultipleEvents, SelectOption as SelectOption1 } from "./types/select";
 import { SelectOptionGroup } from "./components/sd-select-multiple-group/sd-select-multiple-group";
 import { SelectMultipleEvents as SelectMultipleEvents1, SelectOption as SelectOption2, SelectOptionGroup as SelectOptionGroup1, SelectStyleProps } from "./components/sd-select/sd-select";
 import { Row, SdTableColumn } from "./components/sd-table/sd-table";
 import { Row as Row1, SdTableColumn as SdTableColumn1 } from "./components/sd-table-backup/sd-table-backup";
+import { TabOption } from "./components/sd-tabs/sd-tabs";
 import { TagColor, TagSize } from "./components/sd-tag/sd-tag";
+import { ToastType } from "./components/sd-toast-message/sd-toast-message";
 export { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { Type } from "./components/sd-date-box/sd-date-box";
 export { Event } from "./stencil-public-runtime";
 export { SdModalCardButtonProps } from "./components/sd-modal-card/sd-modal-card";
 export { ButtonSize as ButtonSize1, ButtonVariant as ButtonVariant1 } from "./components/sd-button/sd-button";
-export { RadioOption, RadioValue } from "./components/sd-radio-group/sd-radio-group";
+export { RadioOption, RadioValue } from "./components/sd-radio-button-group/sd-radio-button-group";
+export { RadioOption as RadioOption1, RadioValue as RadioValue1 } from "./components/sd-radio-group/sd-radio-group";
 export { SelectEvents, SelectOption } from "./components/sd-select/sd-select";
 export { SelectMultipleEvents, SelectOption as SelectOption1 } from "./types/select";
 export { SelectOptionGroup } from "./components/sd-select-multiple-group/sd-select-multiple-group";
 export { SelectMultipleEvents as SelectMultipleEvents1, SelectOption as SelectOption2, SelectOptionGroup as SelectOptionGroup1, SelectStyleProps } from "./components/sd-select/sd-select";
 export { Row, SdTableColumn } from "./components/sd-table/sd-table";
 export { Row as Row1, SdTableColumn as SdTableColumn1 } from "./components/sd-table-backup/sd-table-backup";
+export { TabOption } from "./components/sd-tabs/sd-tabs";
 export { TagColor, TagSize } from "./components/sd-tag/sd-tag";
+export { ToastType } from "./components/sd-toast-message/sd-toast-message";
 export namespace Components {
     interface SdBadge {
         /**
@@ -175,6 +181,30 @@ export namespace Components {
         "maxRange"?: number;
         "selectable"?: [string, string];
     }
+    interface SdFilePicker {
+        "accept"?: string;
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default false
+         */
+        "inline": boolean;
+        /**
+          * @default false
+         */
+        "multiple": boolean;
+        /**
+          * @default 'Click to upload'
+         */
+        "placeholder": string;
+        /**
+          * @default null
+         */
+        "value"?: File[] | File | null;
+        "width"?: number | string;
+    }
     interface SdGuide {
         /**
           * @default ''
@@ -420,6 +450,22 @@ export namespace Components {
          */
         "type": 'bar' | 'spinner';
     }
+    interface SdRadioButtonGroup {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        "name"?: string;
+        /**
+          * @default []
+         */
+        "radioOptions": RadioOption[];
+        /**
+          * @default 'md'
+         */
+        "size": 'sm' | 'md';
+        "value": RadioValue;
+    }
     interface SdRadioGroup {
         /**
           * @default 'vertical'
@@ -433,8 +479,8 @@ export namespace Components {
         /**
           * @default []
          */
-        "radioOptions": RadioOption[];
-        "value": RadioValue;
+        "radioOptions": RadioOption1[];
+        "value": RadioValue1;
     }
     interface SdSelect {
         /**
@@ -453,6 +499,7 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        "open": () => Promise<void>;
         /**
           * @default '옵션이 없습니다.'
          */
@@ -496,6 +543,7 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        "open": () => Promise<void>;
         /**
           * @default '옵션이 없습니다.'
          */
@@ -792,6 +840,21 @@ export namespace Components {
         "virtualRowHeight": number;
         "width"?: string;
     }
+    interface SdTabs {
+        /**
+          * @default false
+         */
+        "isSub": boolean;
+        /**
+          * @default 'md'
+         */
+        "size": 'sm' | 'md';
+        /**
+          * @default []
+         */
+        "tabs": TabOption[];
+        "value": string;
+    }
     interface SdTag {
         "bgColor"?: string;
         /**
@@ -828,6 +891,21 @@ export namespace Components {
     }
     interface SdTh {
     }
+    interface SdToastMessage {
+        "buttonLabel"?: string;
+        /**
+          * @default false
+         */
+        "close": boolean;
+        "icon"?: IconName;
+        "link"?: string;
+        "linkLabel"?: string;
+        "message": string;
+        /**
+          * @default 'basicDark'
+         */
+        "type": ToastType;
+    }
     interface SdToggle {
         /**
           * @default false
@@ -842,6 +920,20 @@ export namespace Components {
          */
         "value": boolean;
     }
+    interface SdToggleButton {
+        /**
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * @default ''
+         */
+        "label": string;
+        /**
+          * @default false
+         */
+        "value": boolean;
+    }
     interface SdTooltip {
         /**
           * @default 'sm'
@@ -937,6 +1029,10 @@ export interface SdDateRangePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdDateRangePickerElement;
 }
+export interface SdFilePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdFilePickerElement;
+}
 export interface SdInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdInputElement;
@@ -953,6 +1049,10 @@ export interface SdPortalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdPortalElement;
 }
+export interface SdRadioButtonGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdRadioButtonGroupElement;
+}
 export interface SdRadioGroupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdRadioGroupElement;
@@ -985,10 +1085,22 @@ export interface SdTableBackupCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdTableBackupElement;
 }
+export interface SdTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdTabsElement;
+}
+export interface SdToastMessageCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdToastMessageElement;
+}
 export interface SdToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdToggleElement;
 }
+export interface SdToggleButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdToggleButtonElement;
+}
 export interface SdTooltipPortalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdTooltipPortalElement;
@@ -1092,6 +1204,23 @@ declare global {
         prototype: HTMLSdDateRangePickerElement;
         new (): HTMLSdDateRangePickerElement;
     };
+    interface HTMLSdFilePickerElementEventMap {
+        "sdChange": File[] | File | null;
+    }
+    interface HTMLSdFilePickerElement extends Components.SdFilePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdFilePickerElementEventMap>(type: K, listener: (this: HTMLSdFilePickerElement, ev: SdFilePickerCustomEvent<HTMLSdFilePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdFilePickerElementEventMap>(type: K, listener: (this: HTMLSdFilePickerElement, ev: SdFilePickerCustomEvent<HTMLSdFilePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdFilePickerElement: {
+        prototype: HTMLSdFilePickerElement;
+        new (): HTMLSdFilePickerElement;
+    };
     interface HTMLSdGuideElement extends Components.SdGuide, HTMLStencilElement {
     }
     var HTMLSdGuideElement: {
@@ -1195,9 +1324,26 @@ declare global {
         prototype: HTMLSdProgressElement;
         new (): HTMLSdProgressElement;
     };
-    interface HTMLSdRadioGroupElementEventMap {
+    interface HTMLSdRadioButtonGroupElementEventMap {
         "sdChange": RadioValue;
     }
+    interface HTMLSdRadioButtonGroupElement extends Components.SdRadioButtonGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdRadioButtonGroupElementEventMap>(type: K, listener: (this: HTMLSdRadioButtonGroupElement, ev: SdRadioButtonGroupCustomEvent<HTMLSdRadioButtonGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdRadioButtonGroupElementEventMap>(type: K, listener: (this: HTMLSdRadioButtonGroupElement, ev: SdRadioButtonGroupCustomEvent<HTMLSdRadioButtonGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdRadioButtonGroupElement: {
+        prototype: HTMLSdRadioButtonGroupElement;
+        new (): HTMLSdRadioButtonGroupElement;
+    };
+    interface HTMLSdRadioGroupElementEventMap {
+        "sdChange": RadioValue1;
+    }
     interface HTMLSdRadioGroupElement extends Components.SdRadioGroup, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdRadioGroupElementEventMap>(type: K, listener: (this: HTMLSdRadioGroupElement, ev: SdRadioGroupCustomEvent<HTMLSdRadioGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1347,6 +1493,23 @@ declare global {
         prototype: HTMLSdTableBackupElement;
         new (): HTMLSdTableBackupElement;
     };
+    interface HTMLSdTabsElementEventMap {
+        "sdChange": string;
+    }
+    interface HTMLSdTabsElement extends Components.SdTabs, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdTabsElementEventMap>(type: K, listener: (this: HTMLSdTabsElement, ev: SdTabsCustomEvent<HTMLSdTabsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdTabsElementEventMap>(type: K, listener: (this: HTMLSdTabsElement, ev: SdTabsCustomEvent<HTMLSdTabsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdTabsElement: {
+        prototype: HTMLSdTabsElement;
+        new (): HTMLSdTabsElement;
+    };
     interface HTMLSdTagElement extends Components.SdTag, HTMLStencilElement {
     }
     var HTMLSdTagElement: {
@@ -1371,6 +1534,24 @@ declare global {
         prototype: HTMLSdThElement;
         new (): HTMLSdThElement;
     };
+    interface HTMLSdToastMessageElementEventMap {
+        "sdClose": void;
+        "sdButtonClick": void;
+    }
+    interface HTMLSdToastMessageElement extends Components.SdToastMessage, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdToastMessageElementEventMap>(type: K, listener: (this: HTMLSdToastMessageElement, ev: SdToastMessageCustomEvent<HTMLSdToastMessageElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdToastMessageElementEventMap>(type: K, listener: (this: HTMLSdToastMessageElement, ev: SdToastMessageCustomEvent<HTMLSdToastMessageElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdToastMessageElement: {
+        prototype: HTMLSdToastMessageElement;
+        new (): HTMLSdToastMessageElement;
+    };
     interface HTMLSdToggleElementEventMap {
         "sdChange": boolean;
     }
@@ -1388,6 +1569,23 @@ declare global {
         prototype: HTMLSdToggleElement;
         new (): HTMLSdToggleElement;
     };
+    interface HTMLSdToggleButtonElementEventMap {
+        "sdChange": boolean;
+    }
+    interface HTMLSdToggleButtonElement extends Components.SdToggleButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdToggleButtonElementEventMap>(type: K, listener: (this: HTMLSdToggleButtonElement, ev: SdToggleButtonCustomEvent<HTMLSdToggleButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdToggleButtonElementEventMap>(type: K, listener: (this: HTMLSdToggleButtonElement, ev: SdToggleButtonCustomEvent<HTMLSdToggleButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdToggleButtonElement: {
+        prototype: HTMLSdToggleButtonElement;
+        new (): HTMLSdToggleButtonElement;
+    };
     interface HTMLSdTooltipElement extends Components.SdTooltip, HTMLStencilElement {
     }
     var HTMLSdTooltipElement: {
@@ -1425,6 +1623,7 @@ declare global {
         "sd-date-box": HTMLSdDateBoxElement;
         "sd-date-picker": HTMLSdDatePickerElement;
         "sd-date-range-picker": HTMLSdDateRangePickerElement;
+        "sd-file-picker": HTMLSdFilePickerElement;
         "sd-guide": HTMLSdGuideElement;
         "sd-icon": HTMLSdIconElement;
         "sd-input": HTMLSdInputElement;
@@ -1434,6 +1633,7 @@ declare global {
         "sd-popover": HTMLSdPopoverElement;
         "sd-portal": HTMLSdPortalElement;
         "sd-progress": HTMLSdProgressElement;
+        "sd-radio-button-group": HTMLSdRadioButtonGroupElement;
         "sd-radio-group": HTMLSdRadioGroupElement;
         "sd-select": HTMLSdSelectElement;
         "sd-select-multiple": HTMLSdSelectMultipleElement;
@@ -1442,11 +1642,14 @@ declare global {
         "sd-select-option-group": HTMLSdSelectOptionGroupElement;
         "sd-table": HTMLSdTableElement;
         "sd-table-backup": HTMLSdTableBackupElement;
+        "sd-tabs": HTMLSdTabsElement;
         "sd-tag": HTMLSdTagElement;
         "sd-tbody": HTMLSdTbodyElement;
         "sd-td": HTMLSdTdElement;
         "sd-th": HTMLSdThElement;
+        "sd-toast-message": HTMLSdToastMessageElement;
         "sd-toggle": HTMLSdToggleElement;
+        "sd-toggle-button": HTMLSdToggleButtonElement;
         "sd-tooltip": HTMLSdTooltipElement;
         "sd-tooltip-portal": HTMLSdTooltipPortalElement;
         "sd-tr": HTMLSdTrElement;
@@ -1603,6 +1806,31 @@ declare namespace LocalJSX {
         "onSdChange"?: (event: SdDateRangePickerCustomEvent<[string, string]>) => void;
         "selectable"?: [string, string];
     }
+    interface SdFilePicker {
+        "accept"?: string;
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default false
+         */
+        "inline"?: boolean;
+        /**
+          * @default false
+         */
+        "multiple"?: boolean;
+        "onSdChange"?: (event: SdFilePickerCustomEvent<File[] | File | null>) => void;
+        /**
+          * @default 'Click to upload'
+         */
+        "placeholder"?: string;
+        /**
+          * @default null
+         */
+        "value"?: File[] | File | null;
+        "width"?: number | string;
+    }
     interface SdGuide {
         /**
           * @default ''
@@ -1856,6 +2084,23 @@ declare namespace LocalJSX {
          */
         "type"?: 'bar' | 'spinner';
     }
+    interface SdRadioButtonGroup {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        "name"?: string;
+        "onSdChange"?: (event: SdRadioButtonGroupCustomEvent<RadioValue>) => void;
+        /**
+          * @default []
+         */
+        "radioOptions"?: RadioOption[];
+        /**
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md';
+        "value": RadioValue;
+    }
     interface SdRadioGroup {
         /**
           * @default 'vertical'
@@ -1866,12 +2111,12 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         "name"?: string;
-        "onSdChange"?: (event: SdRadioGroupCustomEvent<RadioValue>) => void;
+        "onSdChange"?: (event: SdRadioGroupCustomEvent<RadioValue1>) => void;
         /**
           * @default []
          */
-        "radioOptions"?: RadioOption[];
-        "value": RadioValue;
+        "radioOptions"?: RadioOption1[];
+        "value": RadioValue1;
     }
     interface SdSelect {
         /**
@@ -2250,6 +2495,22 @@ declare namespace LocalJSX {
         "virtualRowHeight"?: number;
         "width"?: string;
     }
+    interface SdTabs {
+        /**
+          * @default false
+         */
+        "isSub"?: boolean;
+        "onSdChange"?: (event: SdTabsCustomEvent<string>) => void;
+        /**
+          * @default 'md'
+         */
+        "size"?: 'sm' | 'md';
+        /**
+          * @default []
+         */
+        "tabs"?: TabOption[];
+        "value": string;
+    }
     interface SdTag {
         "bgColor"?: string;
         /**
@@ -2286,6 +2547,23 @@ declare namespace LocalJSX {
     }
     interface SdTh {
     }
+    interface SdToastMessage {
+        "buttonLabel"?: string;
+        /**
+          * @default false
+         */
+        "close"?: boolean;
+        "icon"?: IconName;
+        "link"?: string;
+        "linkLabel"?: string;
+        "message": string;
+        "onSdButtonClick"?: (event: SdToastMessageCustomEvent<void>) => void;
+        "onSdClose"?: (event: SdToastMessageCustomEvent<void>) => void;
+        /**
+          * @default 'basicDark'
+         */
+        "type"?: ToastType;
+    }
     interface SdToggle {
         /**
           * @default false
@@ -2301,6 +2579,21 @@ declare namespace LocalJSX {
          */
         "value"?: boolean;
     }
+    interface SdToggleButton {
+        /**
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * @default ''
+         */
+        "label"?: string;
+        "onSdChange"?: (event: SdToggleButtonCustomEvent<boolean>) => void;
+        /**
+          * @default false
+         */
+        "value"?: boolean;
+    }
     interface SdTooltip {
         /**
           * @default 'sm'
@@ -2384,6 +2677,7 @@ declare namespace LocalJSX {
         "sd-date-box": SdDateBox;
         "sd-date-picker": SdDatePicker;
         "sd-date-range-picker": SdDateRangePicker;
+        "sd-file-picker": SdFilePicker;
         "sd-guide": SdGuide;
         "sd-icon": SdIcon;
         "sd-input": SdInput;
@@ -2393,6 +2687,7 @@ declare namespace LocalJSX {
         "sd-popover": SdPopover;
         "sd-portal": SdPortal;
         "sd-progress": SdProgress;
+        "sd-radio-button-group": SdRadioButtonGroup;
         "sd-radio-group": SdRadioGroup;
         "sd-select": SdSelect;
         "sd-select-multiple": SdSelectMultiple;
@@ -2401,11 +2696,14 @@ declare namespace LocalJSX {
         "sd-select-option-group": SdSelectOptionGroup;
         "sd-table": SdTable;
         "sd-table-backup": SdTableBackup;
+        "sd-tabs": SdTabs;
         "sd-tag": SdTag;
         "sd-tbody": SdTbody;
         "sd-td": SdTd;
         "sd-th": SdTh;
+        "sd-toast-message": SdToastMessage;
         "sd-toggle": SdToggle;
+        "sd-toggle-button": SdToggleButton;
         "sd-tooltip": SdTooltip;
         "sd-tooltip-portal": SdTooltipPortal;
         "sd-tr": SdTr;
@@ -2422,6 +2720,7 @@ declare module "@stencil/core" {
             "sd-date-box": LocalJSX.SdDateBox & JSXBase.HTMLAttributes<HTMLSdDateBoxElement>;
             "sd-date-picker": LocalJSX.SdDatePicker & JSXBase.HTMLAttributes<HTMLSdDatePickerElement>;
             "sd-date-range-picker": LocalJSX.SdDateRangePicker & JSXBase.HTMLAttributes<HTMLSdDateRangePickerElement>;
+            "sd-file-picker": LocalJSX.SdFilePicker & JSXBase.HTMLAttributes<HTMLSdFilePickerElement>;
             "sd-guide": LocalJSX.SdGuide & JSXBase.HTMLAttributes<HTMLSdGuideElement>;
             "sd-icon": LocalJSX.SdIcon & JSXBase.HTMLAttributes<HTMLSdIconElement>;
             "sd-input": LocalJSX.SdInput & JSXBase.HTMLAttributes<HTMLSdInputElement>;
@@ -2431,6 +2730,7 @@ declare module "@stencil/core" {
             "sd-popover": LocalJSX.SdPopover & JSXBase.HTMLAttributes<HTMLSdPopoverElement>;
             "sd-portal": LocalJSX.SdPortal & JSXBase.HTMLAttributes<HTMLSdPortalElement>;
             "sd-progress": LocalJSX.SdProgress & JSXBase.HTMLAttributes<HTMLSdProgressElement>;
+            "sd-radio-button-group": LocalJSX.SdRadioButtonGroup & JSXBase.HTMLAttributes<HTMLSdRadioButtonGroupElement>;
             "sd-radio-group": LocalJSX.SdRadioGroup & JSXBase.HTMLAttributes<HTMLSdRadioGroupElement>;
             "sd-select": LocalJSX.SdSelect & JSXBase.HTMLAttributes<HTMLSdSelectElement>;
             "sd-select-multiple": LocalJSX.SdSelectMultiple & JSXBase.HTMLAttributes<HTMLSdSelectMultipleElement>;
@@ -2439,11 +2739,14 @@ declare module "@stencil/core" {
             "sd-select-option-group": LocalJSX.SdSelectOptionGroup & JSXBase.HTMLAttributes<HTMLSdSelectOptionGroupElement>;
             "sd-table": LocalJSX.SdTable & JSXBase.HTMLAttributes<HTMLSdTableElement>;
             "sd-table-backup": LocalJSX.SdTableBackup & JSXBase.HTMLAttributes<HTMLSdTableBackupElement>;
+            "sd-tabs": LocalJSX.SdTabs & JSXBase.HTMLAttributes<HTMLSdTabsElement>;
             "sd-tag": LocalJSX.SdTag & JSXBase.HTMLAttributes<HTMLSdTagElement>;
             "sd-tbody": LocalJSX.SdTbody & JSXBase.HTMLAttributes<HTMLSdTbodyElement>;
             "sd-td": LocalJSX.SdTd & JSXBase.HTMLAttributes<HTMLSdTdElement>;
             "sd-th": LocalJSX.SdTh & JSXBase.HTMLAttributes<HTMLSdThElement>;
+            "sd-toast-message": LocalJSX.SdToastMessage & JSXBase.HTMLAttributes<HTMLSdToastMessageElement>;
             "sd-toggle": LocalJSX.SdToggle & JSXBase.HTMLAttributes<HTMLSdToggleElement>;
+            "sd-toggle-button": LocalJSX.SdToggleButton & JSXBase.HTMLAttributes<HTMLSdToggleButtonElement>;
             "sd-tooltip": LocalJSX.SdTooltip & JSXBase.HTMLAttributes<HTMLSdTooltipElement>;
             "sd-tooltip-portal": LocalJSX.SdTooltipPortal & JSXBase.HTMLAttributes<HTMLSdTooltipPortalElement>;
             "sd-tr": LocalJSX.SdTr & JSXBase.HTMLAttributes<HTMLSdTrElement>;

package/dist/types/stencil-public-runtime.d.ts

@@ -125,6 +125,9 @@ export interface AttachInternalsDecorator {
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
+export interface ResolveVarFunction {
+    <T>(variable: T): string;
+}
 export interface ListenOptions {
     /**
      * Handlers can also be registered for an event other than the host itself.
@@ -208,6 +211,24 @@ export declare const AttachInternals: AttachInternalsDecorator;
  * https://stenciljs.com/docs/events#listen-decorator
  */
 export declare const Listen: ListenDecorator;
+/**
+ * The `resolveVar()` function is a compile-time utility that resolves const variables
+ * and object properties to their string literal values. This allows variables to be
+ * used in `@Listen` and `@Event` decorators instead of hardcoded strings.
+ *
+ * @example
+ * ```ts
+ * const MY_EVENT = 'myEvent';
+ * @Listen(resolveVar(MY_EVENT))
+ * ```
+ *
+ * @example
+ * ```ts
+ * const EVENTS = { MY_EVENT: 'myEvent' } as const;
+ * @Event({ eventName: resolveVar(EVENTS.MY_EVENT) })
+ * ```
+ */
+export declare const resolveVar: ResolveVarFunction;
 /**
  * The `@Method()` decorator is used to expose methods on the public API.
  * Class methods decorated with the @Method() decorator can be called directly
@@ -365,6 +386,27 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
+export type TagTransformer = (tag: string) => string;
+/**
+ * Sets a tag transformer to be used when rendering your custom elements.
+ * ```ts
+ * setTagTransformer((tag) => {
+ *  if (tag.startsWith('my-')) return `new-${tag}`
+ *  return tag;
+ * });
+ * ```
+ * Will mean all your components that start with `my-` are defined instead with `new-my-` prefix.
+ *
+ * @param transformer the transformer function to use which must return a string.
+ */
+export declare function setTagTransformer(transformer: TagTransformer): void;
+/**
+ * Transforms a tag name using a transformer set via `setTagTransformer`
+ *
+ * @param tag - the tag to transform e.g. `my-tag`
+ * @returns the transformed tag e.g. `new-my-tag`
+ */
+export declare function transformTag(tag: string): string;
 /**
  * @deprecated - Use `MixedInCtor` instead:
  * ```ts
@@ -1747,6 +1789,7 @@ export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;
     syncQueue?: boolean;
+    /** @deprecated in-favour of `setTagTransformer` and `transformTag` */
     transformTagName?: (tagName: string) => string;
     jmp?: (c: Function) => any;
     raf?: (c: FrameRequestCallback) => number;

package/hydrate/index.d.ts

@@ -3,6 +3,7 @@
 import { Readable } from 'node:stream';
 
 export declare function createWindowFromHtml(templateHtml: string, uniqueId: string): any;
+export type TagTransformer = (tag: string) => string;
 /**
  * Serialize a value to a string that can be deserialized later.
  * @param {unknown} value - The value to serialize.
@@ -271,5 +272,16 @@ export declare function renderToString(html: string | any, options: SerializeDoc
 export declare function hydrateDocument(doc: any | string, options?: HydrateDocumentOptions): Promise<HydrateResults>;
 export declare function hydrateDocument(doc: any | string, options: HydrateDocumentOptions | undefined, asStream?: boolean): Readable;
 export declare function serializeDocumentToString(doc: Document, opts: HydrateFactoryOptions): string;
+/**
+ * Transforms a tag name using the current tag transformer
+ * @param tag - the tag to transform e.g. `my-tag`
+ * @returns the transformed tag e.g. `new-my-tag`
+ */
+export declare function transformTag<T extends string>(tag: T): T;
+/**
+ * Sets the tag transformer to be used when rendering custom elements
+ * @param transformer the transformer function to use. Must return a string
+ */
+export declare function setTagTransformer(transformer: TagTransformer): void;
 
 export {};