@sellmate/design-system 1.2.0 → 1.4.0

package/dist/esm/useDatePicker-D5RmWGOp.js

@@ -0,0 +1,98 @@
+import { d as datepickerTokens } from './component.datepicker-BQn6le_Y.js';
+
+const CALENDAR_LAYOUT = {
+    bg: datepickerTokens.datepicker.calendar.bg,
+    paddingXY: datepickerTokens.datepicker.calendar.paddingXY,
+    gap: datepickerTokens.datepicker.calendar.gap,
+    radius: datepickerTokens.datepicker.calendar.radius,
+    header: {
+        gap: datepickerTokens.datepicker.calendar.header.gap,
+        divider: datepickerTokens.datepicker.calendar.header.divider,
+        fontSize: datepickerTokens.datepicker.calendar.header.typography.fontSize,
+        lineHeight: datepickerTokens.datepicker.calendar.header.typography.lineHeight,
+        fontWeight: datepickerTokens.datepicker.calendar.header.typography.fontWeight,
+    },
+    week: {
+        fontSize: datepickerTokens.datepicker.calendar.week.typography.fontSize,
+        lineHeight: datepickerTokens.datepicker.calendar.week.typography.lineHeight,
+        fontWeight: datepickerTokens.datepicker.calendar.week.typography.fontWeight,
+        color: datepickerTokens.datepicker.calendar.week.color,
+    },
+    grid: {
+        rowGap: datepickerTokens.datepicker.calendar.grid.rowGap,
+    },
+    day: {
+        size: datepickerTokens.datepicker.calendar.day.width,
+        circleSize: datepickerTokens.datepicker.calendar.day.circle.size,
+        circleRadius: datepickerTokens.datepicker.calendar.day.circle.radius,
+        defaultText: datepickerTokens.datepicker.calendar.day.default.text,
+        hoverText: datepickerTokens.datepicker.calendar.day.hover.text,
+        hoverBorder: datepickerTokens.datepicker.calendar.day.hover.border,
+        selectBg: datepickerTokens.datepicker.calendar.day.select.bg,
+        selectText: datepickerTokens.datepicker.calendar.day.select.text,
+        disabledText: datepickerTokens.datepicker.calendar.day.disabled.text,
+        fontSize: datepickerTokens.datepicker.calendar.day.typography.default.fontSize,
+        lineHeight: datepickerTokens.datepicker.calendar.day.typography.default.lineHeight,
+        fontWeight: datepickerTokens.datepicker.calendar.day.typography.default.fontWeight,
+        boldFontWeight: datepickerTokens.datepicker.calendar.day.typography.bold.fontWeight,
+        dot: {
+            size: datepickerTokens.datepicker.calendar.day.dot.size,
+            gap: datepickerTokens.datepicker.calendar.day.dot.gap,
+            paddingY: datepickerTokens.datepicker.calendar.day.dot.paddingY,
+        },
+    },
+    legend: {
+        fontSize: datepickerTokens.datepicker.calendar.legend.typography.fontSize,
+        lineHeight: datepickerTokens.datepicker.calendar.legend.typography.lineHeight,
+        fontWeight: datepickerTokens.datepicker.calendar.legend.typography.fontWeight,
+        gap: datepickerTokens.datepicker.calendar.legend.gap,
+        groupGap: datepickerTokens.datepicker.calendar.legend.group.gap,
+    },
+};
+const WEEK_LABELS = ['일', '월', '화', '수', '목', '금', '토'];
+
+const daysInMonth = (date) => {
+    const year = Number(date.split('-')[0]);
+    const month = Number(date.split('-')[1]);
+    const daysInMonth = new Date(year, month, 0).getDate(); // month에 0을 전달하면 전달의 마지막 날짜를 반환
+    return Array.from({ length: daysInMonth }, (_, i) => i + 1);
+};
+
+const getToday = () => {
+    const today = new Date();
+    const year = today.getFullYear();
+    const month = String(today.getMonth() + 1).padStart(2, '0');
+    const day = String(today.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+};
+const today = getToday();
+
+const useDatePicker = () => {
+    const formatDate = (year, month, day) => {
+        return `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+    };
+    const createCalendar = (year, month) => {
+        const days = daysInMonth(`${year}-${String(month).padStart(2, '0')}-01`);
+        const firstDayIndex = new Date(year, month - 1, 1).getDay();
+        const prevMonthDays = Array.from({ length: firstDayIndex });
+        const remainingDays = (7 - ((days.length + firstDayIndex) % 7)) % 7;
+        const afterMonthDays = Array.from({ length: remainingDays });
+        return { days, prevMonthDays, afterMonthDays };
+    };
+    const calculateYearMonth = (year, month, type) => {
+        let newYear = year;
+        let newMonth = type === 'prev' ? month - 1 : month + 1;
+        if (newMonth < 1) {
+            newYear = year - 1;
+            newMonth = 12;
+        }
+        else if (newMonth > 12) {
+            newYear = year + 1;
+            newMonth = 1;
+        }
+        return { newYear, newMonth };
+    };
+    return { formatDate, createCalendar, calculateYearMonth };
+};
+
+export { CALENDAR_LAYOUT as C, WEEK_LABELS as W, today as t, useDatePicker as u };

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

@@ -0,0 +1,55 @@
+export declare const CALENDAR_LAYOUT: {
+    bg: string;
+    paddingXY: string;
+    gap: string;
+    radius: string;
+    header: {
+        gap: string;
+        divider: string;
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+    };
+    week: {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+        color: string;
+    };
+    grid: {
+        rowGap: string;
+    };
+    day: {
+        size: string;
+        circleSize: string;
+        circleRadius: string;
+        defaultText: string;
+        hoverText: string;
+        hoverBorder: string;
+        selectBg: string;
+        selectText: string;
+        disabledText: string;
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+        boldFontWeight: string;
+        dot: {
+            size: string;
+            gap: string;
+            paddingY: string;
+        };
+    };
+    legend: {
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+        gap: string;
+        groupGap: string;
+    };
+};
+export declare const WEEK_LABELS: readonly ["일", "월", "화", "수", "목", "금", "토"];
+export interface CalendarEventGroup {
+    color: string;
+    label: string;
+    dates: string[];
+}

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

@@ -1,34 +1,31 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export interface CalendarEvents {
-    [date: string]: string[];
-}
-export interface CalendarEventColors {
-    [eventName: string]: string;
-}
+import { type CalendarEventGroup } from './sd-calendar.config';
 export declare class SdCalendar {
     value: string | null;
     selectable?: [string, string];
-    events?: CalendarEvents;
-    eventColors?: CalendarEventColors;
-    currentYear: number;
-    currentMonth: number;
-    eventsRevision: number;
-    select: EventEmitter<string>;
+    events?: CalendarEventGroup[];
+    private currentYear;
+    private currentMonth;
+    update: EventEmitter<string>;
     viewChange: EventEmitter<{
         year: number;
         month: number;
     }>;
     private dateUtil;
+    private _eventMapCache?;
+    private get eventMap();
+    private get legendItems();
     componentWillLoad(): void;
     handleValueChange(): void;
-    handleEventsChange(): void;
-    private initCalendar;
-    private get calendar();
-    private handleUpdateMonth;
-    private handleDateClick;
-    private isDisabledDate;
-    private getEventColor;
-    private getAllEventNames;
-    private getEventsForDate;
+    private syncViewFromValue;
+    private formatDate;
+    private get cells();
+    private emitViewChange;
+    private goPrevYear;
+    private goNextYear;
+    private goPrevMonth;
+    private goNextMonth;
+    private isDisabled;
+    private handleDayClick;
     render(): any;
 }

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

@@ -31,41 +31,3 @@ export declare const DATEPICKER_COLORS: {
         disabled: string;
     };
 };
-export declare const CALENDAR_LAYOUT: {
-    bg: string;
-    paddingXY: string;
-    gap: string;
-    radius: string;
-    header: {
-        gap: string;
-        divider: string;
-        fontSize: string;
-        lineHeight: string;
-        fontWeight: string;
-    };
-    week: {
-        fontSize: string;
-        lineHeight: string;
-        fontWeight: string;
-        color: string;
-    };
-    grid: {
-        rowGap: string;
-    };
-    day: {
-        size: string;
-        circleSize: string;
-        circleRadius: string;
-        defaultText: string;
-        hoverText: string;
-        hoverBorder: string;
-        selectBg: string;
-        selectText: string;
-        disabledText: string;
-        fontSize: string;
-        lineHeight: string;
-        fontWeight: string;
-        boldFontWeight: string;
-    };
-};
-export declare const WEEK_LABELS: readonly ["일", "월", "화", "수", "목", "금", "토"];

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

@@ -1,4 +1,5 @@
-import { DATEPICKER_SIZE_MAP, DATEPICKER_COLORS, CALENDAR_LAYOUT, WEEK_LABELS, type DatePickerSize, type DatePickerSizeTokens } from '../sd-date-picker/sd-date-picker.config';
+import { DATEPICKER_SIZE_MAP, DATEPICKER_COLORS, type DatePickerSize, type DatePickerSizeTokens } from '../sd-date-picker/sd-date-picker.config';
+import { CALENDAR_LAYOUT, WEEK_LABELS } from '../sd-calendar/sd-calendar.config';
 export { DATEPICKER_SIZE_MAP, DATEPICKER_COLORS, CALENDAR_LAYOUT, WEEK_LABELS };
 export type { DatePickerSize, DatePickerSizeTokens };
 export declare const RANGE_LAYOUT: {

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

@@ -108,6 +108,7 @@ export declare class SdTable {
     registerUseFrameSync(rowKey: string, field: string): void;
     unregisterUseFrameSync(rowKey: string, field: string): void;
     hasUseFrameInRowSync(rowKey: string): boolean;
+    isCellUseFrameSync(rowKey: string, field: string): boolean;
     isRowSelectedSync(row: Row): boolean;
     isRowSelected(row: Row): Promise<boolean>;
     updateRowSelectSync(row: Row): void;
@@ -137,7 +138,6 @@ export declare class SdTable {
     hasRowspanSync(): boolean;
     isCoveredSync(rowKey: string, colIdx: number, columns: SdTableColumn[]): boolean;
     private resolveVisualBottom;
-    isVisualLastRowSync(rowKey: string, field: string): boolean;
     registerSeparatorSync(prevRowKey: string): void;
     unregisterSeparatorSync(prevRowKey: string): void;
     isVisualLastRowBeforeSeparatorSync(rowKey: string, field: string): boolean;

package/dist/types/components/sd-table/sd-td/sd-td.d.ts

@@ -14,7 +14,7 @@ export declare class SdTd {
     handleSpanChange(): void;
     handleSdClassChange(): void;
     handleDividerChange(): void;
-    handleUseFieldChange(): void;
+    handleUseFrameChange(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     connectedCallback(): void;
@@ -23,7 +23,7 @@ export declare class SdTd {
     private requestParentTrUpdate;
     private syncSpanRegistration;
     private syncCellClassRegistration;
-    private syncUseFieldRegistration;
+    private syncUseFrameRegistration;
     private syncSlotName;
     render(): any;
 }

package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts

@@ -39,9 +39,8 @@ export declare class SdTr {
     private getSpanFor;
     private isCovered;
     private getCellClassFor;
+    private getFramePaddingStyle;
     private expandCellClass;
-    private isVisualLastRow;
-    private isVisualLastRowForSelfRow;
     private isVisualLastRowBeforeSeparator;
     private isVisualLastRowBeforeSeparatorForSelfRow;
     render(): any;

package/dist/types/components.d.ts

@@ -12,7 +12,7 @@ import { FieldAddonAlign, FieldSize } from "./components/sd-field/sd-field.confi
 import { Rule } from "./types/form";
 import { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 import { Event } from "./stencil-public-runtime";
-import { CalendarEventColors, CalendarEvents } from "./components/sd-calendar/sd-calendar";
+import { CalendarEventGroup } from "./components/sd-calendar/sd-calendar.config";
 import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 import { CircleProgressType } from "./components/sd-circle-progress/sd-circle-progress.config";
 import { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
@@ -50,7 +50,7 @@ export { FieldAddonAlign, FieldSize } from "./components/sd-field/sd-field.confi
 export { Rule } from "./types/form";
 export { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 export { Event } from "./stencil-public-runtime";
-export { CalendarEventColors, CalendarEvents } from "./components/sd-calendar/sd-calendar";
+export { CalendarEventGroup } from "./components/sd-calendar/sd-calendar.config";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { CircleProgressType } from "./components/sd-circle-progress/sd-circle-progress.config";
 export { ConfirmModalMainButton, ConfirmModalType, TagName } from "./components/sd-confirm-modal/sd-confirm-modal.config";
@@ -226,8 +226,7 @@ export namespace Components {
         "type": ButtonType;
     }
     interface SdCalendar {
-        "eventColors"?: CalendarEventColors;
-        "events"?: CalendarEvents;
+        "events"?: CalendarEventGroup[];
         "selectable"?: [string, string];
         /**
           * @default null
@@ -468,13 +467,6 @@ export namespace Components {
          */
         "width": string | number;
     }
-    interface SdDatePickerCalendar {
-        "selectable"?: [string, string];
-        /**
-          * @default null
-         */
-        "value": string | null;
-    }
     interface SdDatePickerTrigger {
         /**
           * @default false
@@ -1968,10 +1960,6 @@ export interface SdDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdDatePickerElement;
 }
-export interface SdDatePickerCalendarCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSdDatePickerCalendarElement;
-}
 export interface SdDatePickerTriggerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdDatePickerTriggerElement;
@@ -2166,7 +2154,7 @@ declare global {
         new (): HTMLSdButtonElement;
     };
     interface HTMLSdCalendarElementEventMap {
-        "sdSelect": string;
+        "sdUpdate": string;
         "sdViewChange": { year: number; month: number };
     }
     interface HTMLSdCalendarElement extends Components.SdCalendar, HTMLStencilElement {
@@ -2287,24 +2275,6 @@ declare global {
         prototype: HTMLSdDatePickerElement;
         new (): HTMLSdDatePickerElement;
     };
-    interface HTMLSdDatePickerCalendarElementEventMap {
-        "sdSelect": string;
-        "sdViewChange": { year: number; month: number };
-    }
-    interface HTMLSdDatePickerCalendarElement extends Components.SdDatePickerCalendar, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLSdDatePickerCalendarElementEventMap>(type: K, listener: (this: HTMLSdDatePickerCalendarElement, ev: SdDatePickerCalendarCustomEvent<HTMLSdDatePickerCalendarElementEventMap[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 HTMLSdDatePickerCalendarElementEventMap>(type: K, listener: (this: HTMLSdDatePickerCalendarElement, ev: SdDatePickerCalendarCustomEvent<HTMLSdDatePickerCalendarElementEventMap[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 HTMLSdDatePickerCalendarElement: {
-        prototype: HTMLSdDatePickerCalendarElement;
-        new (): HTMLSdDatePickerCalendarElement;
-    };
     interface HTMLSdDatePickerTriggerElementEventMap {
         "sdTriggerClick": void;
     }
@@ -2978,7 +2948,6 @@ declare global {
         "sd-confirm-modal": HTMLSdConfirmModalElement;
         "sd-date-box": HTMLSdDateBoxElement;
         "sd-date-picker": HTMLSdDatePickerElement;
-        "sd-date-picker-calendar": HTMLSdDatePickerCalendarElement;
         "sd-date-picker-trigger": HTMLSdDatePickerTriggerElement;
         "sd-date-range-picker": HTMLSdDateRangePickerElement;
         "sd-date-range-picker-calendar": HTMLSdDateRangePickerCalendarElement;
@@ -3173,9 +3142,8 @@ declare namespace LocalJSX {
         "type"?: ButtonType;
     }
     interface SdCalendar {
-        "eventColors"?: CalendarEventColors;
-        "events"?: CalendarEvents;
-        "onSdSelect"?: (event: SdCalendarCustomEvent<string>) => void;
+        "events"?: CalendarEventGroup[];
+        "onSdUpdate"?: (event: SdCalendarCustomEvent<string>) => void;
         "onSdViewChange"?: (event: SdCalendarCustomEvent<{ year: number; month: number }>) => void;
         "selectable"?: [string, string];
         /**
@@ -3423,15 +3391,6 @@ declare namespace LocalJSX {
          */
         "width"?: string | number;
     }
-    interface SdDatePickerCalendar {
-        "onSdSelect"?: (event: SdDatePickerCalendarCustomEvent<string>) => void;
-        "onSdViewChange"?: (event: SdDatePickerCalendarCustomEvent<{ year: number; month: number }>) => void;
-        "selectable"?: [string, string];
-        /**
-          * @default null
-         */
-        "value"?: string | null;
-    }
     interface SdDatePickerTrigger {
         /**
           * @default false
@@ -4998,9 +4957,6 @@ declare namespace LocalJSX {
         "labelTooltip": string;
         "name": string;
     }
-    interface SdDatePickerCalendarAttributes {
-        "value": string | null;
-    }
     interface SdDatePickerTriggerAttributes {
         "displayText": string;
         "placeholder": string;
@@ -5419,7 +5375,6 @@ declare namespace LocalJSX {
         "sd-confirm-modal": Omit<SdConfirmModal, keyof SdConfirmModalAttributes> & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes]?: SdConfirmModal[K] } & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes as `attr:${K}`]?: SdConfirmModalAttributes[K] } & { [K in keyof SdConfirmModal & keyof SdConfirmModalAttributes as `prop:${K}`]?: SdConfirmModal[K] };
         "sd-date-box": Omit<SdDateBox, keyof SdDateBoxAttributes> & { [K in keyof SdDateBox & keyof SdDateBoxAttributes]?: SdDateBox[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `attr:${K}`]?: SdDateBoxAttributes[K] } & { [K in keyof SdDateBox & keyof SdDateBoxAttributes as `prop:${K}`]?: SdDateBox[K] };
         "sd-date-picker": Omit<SdDatePicker, keyof SdDatePickerAttributes> & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes]?: SdDatePicker[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `attr:${K}`]?: SdDatePickerAttributes[K] } & { [K in keyof SdDatePicker & keyof SdDatePickerAttributes as `prop:${K}`]?: SdDatePicker[K] };
-        "sd-date-picker-calendar": Omit<SdDatePickerCalendar, keyof SdDatePickerCalendarAttributes> & { [K in keyof SdDatePickerCalendar & keyof SdDatePickerCalendarAttributes]?: SdDatePickerCalendar[K] } & { [K in keyof SdDatePickerCalendar & keyof SdDatePickerCalendarAttributes as `attr:${K}`]?: SdDatePickerCalendarAttributes[K] } & { [K in keyof SdDatePickerCalendar & keyof SdDatePickerCalendarAttributes as `prop:${K}`]?: SdDatePickerCalendar[K] };
         "sd-date-picker-trigger": Omit<SdDatePickerTrigger, keyof SdDatePickerTriggerAttributes> & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes]?: SdDatePickerTrigger[K] } & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes as `attr:${K}`]?: SdDatePickerTriggerAttributes[K] } & { [K in keyof SdDatePickerTrigger & keyof SdDatePickerTriggerAttributes as `prop:${K}`]?: SdDatePickerTrigger[K] };
         "sd-date-range-picker": Omit<SdDateRangePicker, keyof SdDateRangePickerAttributes> & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes]?: SdDateRangePicker[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `attr:${K}`]?: SdDateRangePickerAttributes[K] } & { [K in keyof SdDateRangePicker & keyof SdDateRangePickerAttributes as `prop:${K}`]?: SdDateRangePicker[K] };
         "sd-date-range-picker-calendar": Omit<SdDateRangePickerCalendar, keyof SdDateRangePickerCalendarAttributes> & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes]?: SdDateRangePickerCalendar[K] } & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes as `attr:${K}`]?: SdDateRangePickerCalendarAttributes[K] } & { [K in keyof SdDateRangePickerCalendar & keyof SdDateRangePickerCalendarAttributes as `prop:${K}`]?: SdDateRangePickerCalendar[K] };
@@ -5482,7 +5437,6 @@ declare module "@stencil/core" {
             "sd-confirm-modal": LocalJSX.IntrinsicElements["sd-confirm-modal"] & JSXBase.HTMLAttributes<HTMLSdConfirmModalElement>;
             "sd-date-box": LocalJSX.IntrinsicElements["sd-date-box"] & JSXBase.HTMLAttributes<HTMLSdDateBoxElement>;
             "sd-date-picker": LocalJSX.IntrinsicElements["sd-date-picker"] & JSXBase.HTMLAttributes<HTMLSdDatePickerElement>;
-            "sd-date-picker-calendar": LocalJSX.IntrinsicElements["sd-date-picker-calendar"] & JSXBase.HTMLAttributes<HTMLSdDatePickerCalendarElement>;
             "sd-date-picker-trigger": LocalJSX.IntrinsicElements["sd-date-picker-trigger"] & JSXBase.HTMLAttributes<HTMLSdDatePickerTriggerElement>;
             "sd-date-range-picker": LocalJSX.IntrinsicElements["sd-date-range-picker"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerElement>;
             "sd-date-range-picker-calendar": LocalJSX.IntrinsicElements["sd-date-range-picker-calendar"] & JSXBase.HTMLAttributes<HTMLSdDateRangePickerCalendarElement>;

package/dist/types/index.d.ts

@@ -8,14 +8,15 @@
  * to consume components of this package as outlined in the `README.md`.
  */
 export type * from './components.d.ts';
-export type { SdTableColumn, SdTablePagination, SdTableStickyColumn, SdTableConfig, Row } from './components/sd-table/constants';
-export type { ButtonName, ButtonSize, ButtonType, } from './components/sd-button/sd-button.config';
+export type { SdTableColumn, SdTablePagination, SdTableStickyColumn, SdTableConfig, Row, } from './components/sd-table/constants';
+export type { ButtonName, ButtonSize, ButtonType } from './components/sd-button/sd-button.config';
 export type { DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, } from './components/sd-dropdown-button/sd-dropdown-button.config';
 export type { ToastType } from './components/sd-toast/sd-toast.config';
+export type { CalendarEventGroup } from './components/sd-calendar/sd-calendar.config';
 export type { ToastPosition, ToastNotifyOptions, } from './components/sd-toast-container/sd-toast-container.config';
 export { sdToast } from './utils/toast';
 export type { SdToastGlobalOptions } from './utils/toast';
-export { sdModal, _createSdModalRef, _attachSdModalWithRef, } from './utils/modal';
+export { sdModal, _createSdModalRef, _attachSdModalWithRef } from './utils/modal';
 export type { ModalDialogRef, ModalDismissReason, ConfirmModalOptions, SdModalGlobalOptions, SdModalCreateOptions, SdModalCreateOption, } from './utils/modal';
 export { sdLoading } from './utils/loading';
 export type { SdLoadingShowOptions } from './utils/loading';