@ncds/ui-admin 1.7.0 → 1.8.1

package/dist/temp/src/hooks/dropdown/useWindowResize.js

@@ -5,36 +5,35 @@ import { useEffect, useRef } from 'react';
  * @param isActive 옵저버 활성화 여부
  * @param target 관찰할 대상 요소 (기본값: document.body)
  */
-export var useWindowResize = function (callback, isActive, target) {
-    if (isActive === void 0) { isActive = true; }
-    var resizeObserverRef = useRef(null);
-    useEffect(function () {
+export const useWindowResize = (callback, isActive = true, target) => {
+    const resizeObserverRef = useRef(null);
+    useEffect(() => {
         if (!isActive)
             return;
         // Resize Observer 지원 여부 확인
         if (!window.ResizeObserver) {
             // Resize Observer를 지원하지 않는 브라우저의 경우 기존 방식 사용
-            var handleResize_1 = function () {
+            const handleResize = () => {
                 callback();
             };
-            window.addEventListener('resize', handleResize_1);
-            return function () {
-                window.removeEventListener('resize', handleResize_1);
+            window.addEventListener('resize', handleResize);
+            return () => {
+                window.removeEventListener('resize', handleResize);
             };
         }
         // Resize Observer 생성
-        resizeObserverRef.current = new ResizeObserver(function (entries) {
+        resizeObserverRef.current = new ResizeObserver((entries) => {
             // entries가 비어있지 않을 때만 콜백 실행
             if (entries.length > 0) {
                 callback();
             }
         });
         // 관찰할 대상 요소 결정
-        var targetElement = target || document.body;
+        const targetElement = target || document.body;
         if (targetElement) {
             resizeObserverRef.current.observe(targetElement);
         }
-        return function () {
+        return () => {
             if (resizeObserverRef.current) {
                 resizeObserverRef.current.disconnect();
                 resizeObserverRef.current = null;

package/dist/temp/src/hooks/useCallbackRef.js

@@ -26,8 +26,8 @@ import { useCallback, useRef } from 'react';
  * ```
  */
 export function useCallbackRef(callback) {
-    var cleanupRef = useRef();
-    return useCallback(function (node) {
+    const cleanupRef = useRef();
+    return useCallback((node) => {
         // Cleanup previous ref
         if (cleanupRef.current) {
             cleanupRef.current();

package/dist/temp/src/hooks/useMediaQuery.js

@@ -1,20 +1,19 @@
 import { useEffect, useState } from 'react';
-export var useMediaQuery = function (query, options) {
-    var _a = useState(false), matches = _a[0], setMatches = _a[1];
-    useEffect(function () {
-        var mediaQuery = window.matchMedia(query);
+export const useMediaQuery = (query, options) => {
+    const [matches, setMatches] = useState(false);
+    useEffect(() => {
+        const mediaQuery = window.matchMedia(query);
         setMatches(mediaQuery.matches);
-        var handleChange = function (e) {
-            var _a;
+        const handleChange = (e) => {
             setMatches(e.matches);
             if (e.matches) {
-                (_a = options === null || options === void 0 ? void 0 : options.onMatched) === null || _a === void 0 ? void 0 : _a.call(options);
+                options?.onMatched?.();
             }
         };
         mediaQuery.addEventListener('change', handleChange);
-        return function () {
+        return () => {
             mediaQuery.removeEventListener('change', handleChange);
         };
-    }, [query, options === null || options === void 0 ? void 0 : options.onMatched]);
+    }, [query, options?.onMatched]);
     return matches;
 };

package/dist/temp/src/hooks/useMergeRefs.js

@@ -16,8 +16,8 @@
  * ```
  */
 export function useMergeRefs(refs) {
-    return function (node) {
-        refs.forEach(function (ref) {
+    return (node) => {
+        refs.forEach((ref) => {
             if (ref) {
                 if (typeof ref === 'function') {
                     ref(node);

package/dist/temp/src/utils/date-picker.js

@@ -1,48 +1,46 @@
 import moment from 'moment';
-var YEAR_LENGTH = 4;
-var MONTH_START = 4;
-var MONTH_END = 6;
-var DAY_START = 6;
-var DAY_END = 8;
-var MAX_HOUR = 23;
-var MAX_MINUTE = 59;
-export function getDateFormat(date) {
-    if (date === void 0) { date = getToday(); }
+const YEAR_LENGTH = 4;
+const MONTH_START = 4;
+const MONTH_END = 6;
+const DAY_START = 6;
+const DAY_END = 8;
+const MAX_HOUR = 23;
+const MAX_MINUTE = 59;
+export function getDateFormat(date = getToday()) {
     return moment(date).format('YYYY-MM-DD');
 }
 export function getToday() {
     return moment().toDate();
 }
-export function getSubtractDate(_a) {
-    var _b = _a.date, date = _b === void 0 ? getToday() : _b, period = _a.period, unit = _a.unit;
+export function getSubtractDate({ date = getToday(), period, unit, }) {
     return moment(date).subtract(period, unit).toDate();
 }
-export var formatDateInput = function (input) {
-    var dateRegex = /^(19|20)\d{2}(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[0-1])$/;
+export const formatDateInput = (input) => {
+    const dateRegex = /^(19|20)\d{2}(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[0-1])$/;
     if (dateRegex.test(input)) {
         // 20231112 -> 2023-11-12 형식으로 변환
-        var year = input.substring(0, YEAR_LENGTH);
-        var month = input.substring(MONTH_START, MONTH_END);
-        var day = input.substring(DAY_START, DAY_END);
-        return "".concat(year, "-").concat(month, "-").concat(day);
+        const year = input.substring(0, YEAR_LENGTH);
+        const month = input.substring(MONTH_START, MONTH_END);
+        const day = input.substring(DAY_START, DAY_END);
+        return `${year}-${month}-${day}`;
     }
     return input;
 };
-export var formatHourInput = function (input) {
-    var numbers = input.replace(/\D/g, '');
-    var hourStr = numbers.substring(0, 2);
-    var hourNum = Number.parseInt(hourStr, 10);
+export const formatHourInput = (input) => {
+    const numbers = input.replace(/\D/g, '');
+    const hourStr = numbers.substring(0, 2);
+    const hourNum = Number.parseInt(hourStr, 10);
     if (hourNum >= 0 && hourNum <= MAX_HOUR) {
         return hourStr;
     }
     return input;
 };
-export var formatMinuteInput = function (input) {
+export const formatMinuteInput = (input) => {
     // 숫자만 추출
-    var numbers = input.replace(/\D/g, '');
+    const numbers = input.replace(/\D/g, '');
     // 2자리 숫자로 제한
-    var minuteStr = numbers.substring(0, 2);
-    var minuteNum = Number.parseInt(minuteStr, 10);
+    const minuteStr = numbers.substring(0, 2);
+    const minuteNum = Number.parseInt(minuteStr, 10);
     // 00-59 범위 체크
     if (minuteNum >= 0 && minuteNum <= MAX_MINUTE) {
         return minuteStr; // 2자리로 패딩

package/dist/temp/src/utils/dropdown/dropdownUtils.js

@@ -1,25 +1,24 @@
 /**
  * 드롭다운 위치를 계산하는 유틸리티 함수
  */
-export var calculateDropdownPosition = function (_a) {
-    var triggerRef = _a.triggerRef, maxHeight = _a.maxHeight, itemCount = _a.itemCount, _b = _a.itemHeight, itemHeight = _b === void 0 ? 40 : _b, _c = _a.offset, offset = _c === void 0 ? 20 : _c;
-    if (!(triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current)) {
-        return { direction: 'down', maxHeight: maxHeight };
+export const calculateDropdownPosition = ({ triggerRef, maxHeight, itemCount, itemHeight = 40, offset = 20, }) => {
+    if (!triggerRef?.current) {
+        return { direction: 'down', maxHeight };
     }
-    var rect = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current.getBoundingClientRect();
-    var viewportHeight = window.innerHeight;
-    var dropdownHeight = Math.min(maxHeight, itemCount * itemHeight);
+    const rect = triggerRef?.current.getBoundingClientRect();
+    const viewportHeight = window.innerHeight;
+    const dropdownHeight = Math.min(maxHeight, itemCount * itemHeight);
     // 아래쪽 공간이 충분한지 확인
-    var spaceBelow = viewportHeight - rect.bottom;
+    const spaceBelow = viewportHeight - rect.bottom;
     if (spaceBelow < dropdownHeight + offset) {
-        return { direction: 'up', maxHeight: maxHeight };
+        return { direction: 'up', maxHeight };
     }
-    return { direction: 'down', maxHeight: maxHeight };
+    return { direction: 'down', maxHeight };
 };
 /**
  * 키보드 네비게이션을 위한 포커스 인덱스 계산
  */
-export var calculateNextFocusIndex = function (currentIndex, direction, validOptionsLength) {
+export const calculateNextFocusIndex = (currentIndex, direction, validOptionsLength) => {
     if (validOptionsLength === 0)
         return -1;
     if (direction === 'down') {
@@ -30,34 +29,34 @@ export var calculateNextFocusIndex = function (currentIndex, direction, validOpt
 /**
  * 드롭다운이 뷰포트를 벗어나지 않도록 위치 조정
  */
-export var adjustDropdownPosition = function (dropdownElement) {
-    var dropdownRect = dropdownElement.getBoundingClientRect();
-    var viewportWidth = window.innerWidth;
-    var viewportHeight = window.innerHeight;
+export const adjustDropdownPosition = (dropdownElement) => {
+    const dropdownRect = dropdownElement.getBoundingClientRect();
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
     // 좌우 위치 조정
     if (dropdownRect.right > viewportWidth) {
-        var overflow = dropdownRect.right - viewportWidth;
-        dropdownElement.style.left = "".concat(-overflow - 10, "px");
+        const overflow = dropdownRect.right - viewportWidth;
+        dropdownElement.style.left = `${-overflow - 10}px`;
     }
     if (dropdownRect.left < 0) {
         dropdownElement.style.left = '10px';
     }
     // 상하 위치 조정 (이미 up/down 방향이 결정된 후 미세 조정)
     if (dropdownRect.bottom > viewportHeight) {
-        var overflow = dropdownRect.bottom - viewportHeight;
-        dropdownElement.style.maxHeight = "".concat(dropdownRect.height - overflow - 10, "px");
+        const overflow = dropdownRect.bottom - viewportHeight;
+        dropdownElement.style.maxHeight = `${dropdownRect.height - overflow - 10}px`;
     }
 };
 /**
  * 스크롤 가능한 부모 요소를 찾는 유틸리티 함수
  */
-export var findScrollableParent = function (element, boundary) {
-    var current = element;
+export const findScrollableParent = (element, boundary) => {
+    let current = element;
     while (current && current !== boundary && current !== document.body) {
-        var style = window.getComputedStyle(current);
-        var overflowY = style.overflowY;
+        const style = window.getComputedStyle(current);
+        const overflowY = style.overflowY;
         if (overflowY === 'scroll' || overflowY === 'auto') {
-            var scrollHeight = current.scrollHeight, clientHeight = current.clientHeight;
+            const { scrollHeight, clientHeight } = current;
             if (scrollHeight > clientHeight) {
                 return current;
             }
@@ -66,10 +65,10 @@ export var findScrollableParent = function (element, boundary) {
     }
     // boundary 자체가 스크롤 가능한지 확인
     if (current === boundary) {
-        var style = window.getComputedStyle(boundary);
-        var overflowY = style.overflowY;
+        const style = window.getComputedStyle(boundary);
+        const overflowY = style.overflowY;
         if (overflowY === 'scroll' || overflowY === 'auto') {
-            var scrollHeight = boundary.scrollHeight, clientHeight = boundary.clientHeight;
+            const { scrollHeight, clientHeight } = boundary;
             if (scrollHeight > clientHeight) {
                 return boundary;
             }

package/dist/temp/src/utils/dropdown/multiSelect.js

@@ -1,68 +1,66 @@
 /**
  * 전체 선택 상태를 확인하는 유틸 함수
  */
-export var isAllItemsSelected = function (selectedValues, options) {
+export const isAllItemsSelected = (selectedValues, options) => {
     if (options.length === 0)
         return false;
-    var validOptionIds = options.filter(function (option) { return !option.disabled; }).map(function (option) { return option.id; });
-    return validOptionIds.length > 0 && validOptionIds.every(function (id) { return selectedValues.includes(id); });
+    const validOptionIds = options.filter((option) => !option.disabled).map((option) => option.id);
+    return validOptionIds.length > 0 && validOptionIds.every((id) => selectedValues.includes(id));
 };
 /**
  * 전체 선택 버튼 텍스트를 반환하는 유틸 함수
  */
-export var getSelectAllButtonText = function (selectedValues, options, selectText, deselectText) {
-    if (selectText === void 0) { selectText = '전체 선택'; }
-    if (deselectText === void 0) { deselectText = '전체 해제'; }
+export const getSelectAllButtonText = (selectedValues, options, selectText = '전체 선택', deselectText = '전체 해제') => {
     return isAllItemsSelected(selectedValues, options) ? deselectText : selectText;
 };
 /**
  * 전체 선택/해제를 처리하는 유틸 함수
  */
-export var handleSelectAllItems = function (selectedValues, options) {
+export const handleSelectAllItems = (selectedValues, options) => {
     if (isAllItemsSelected(selectedValues, options)) {
         // 전체 해제: 빈 배열 반환
         return [];
     }
     // 전체 선택: 비활성화되지 않은 모든 옵션 ID 반환
-    return options.filter(function (option) { return !option.disabled; }).map(function (option) { return option.id; });
+    return options.filter((option) => !option.disabled).map((option) => option.id);
 };
 /**
  * 선택된 항목들을 태그 데이터로 변환하는 유틸 함수
  */
-export var getSelectedTags = function (selectedValues, options) {
+export const getSelectedTags = (selectedValues, options) => {
     return selectedValues
-        .map(function (value) {
-        var option = options.find(function (opt) { return opt.id === value; });
+        .map((value) => {
+        const option = options.find((opt) => opt.id === value);
         return option ? { id: option.id, label: option.label || String(option.id) } : null;
     })
-        .filter(function (tag) { return tag !== null; });
+        .filter((tag) => tag !== null);
 };
 /**
  * 태그 제거 시 선택값에서 해당 ID를 제거하는 유틸 함수
  */
-export var removeTagFromSelected = function (selectedValues, tagIdToRemove) {
-    return selectedValues.filter(function (id) { return id !== tagIdToRemove; });
+export const removeTagFromSelected = (selectedValues, tagIdToRemove) => {
+    return selectedValues.filter((id) => id !== tagIdToRemove);
 };
 /**
  * 전체 선택 관련 로직을 한 번에 처리하는 커스텀 훅
  */
-export var useMultiSelect = function (selectedValues, options, selectText, deselectText) {
-    var isAllSelected = isAllItemsSelected(selectedValues, options);
-    var buttonText = getSelectAllButtonText(selectedValues, options, selectText, deselectText);
-    var toggleSelectAll = function () {
+export const useMultiSelect = (selectedValues, options, selectText, deselectText) => {
+    const isAllSelected = isAllItemsSelected(selectedValues, options);
+    const buttonText = getSelectAllButtonText(selectedValues, options, selectText, deselectText);
+    const toggleSelectAll = () => {
         return handleSelectAllItems(selectedValues, options);
     };
-    var getSelectedTagsData = function () {
+    const getSelectedTagsData = () => {
         return getSelectedTags(selectedValues, options);
     };
-    var removeTag = function (tagId) {
+    const removeTag = (tagId) => {
         return removeTagFromSelected(selectedValues, tagId);
     };
     return {
-        isAllSelected: isAllSelected,
-        buttonText: buttonText,
-        toggleSelectAll: toggleSelectAll,
-        getSelectedTagsData: getSelectedTagsData,
-        removeTag: removeTag,
+        isAllSelected,
+        buttonText,
+        toggleSelectAll,
+        getSelectedTagsData,
+        removeTag,
     };
 };

package/dist/types/assets/scripts/index.d.ts

@@ -9,6 +9,7 @@ import { ProgressBar } from './progress-bar';
 import { SelectBox } from './selectBox';
 import { Slider } from './slider';
 import { Tab } from './tab';
+import { Table } from './table';
 import { Tag } from './tag';
 import { Tooltip } from './tooltip';
 declare global {
@@ -16,6 +17,7 @@ declare global {
         ncua: {
             Slider?: typeof Slider;
             Tab?: typeof Tab;
+            Table?: typeof Table;
             Tag?: typeof Tag;
             DatePicker?: typeof DatePicker;
             FeaturedIcon?: typeof FeaturedIcon;

package/dist/types/assets/scripts/table/Table.d.ts

@@ -0,0 +1,41 @@
+import type { TableOptions } from './const/types';
+export declare class Table {
+    private element;
+    private tableElement;
+    private theadElement;
+    private tbodyElement;
+    private options;
+    private sortState;
+    private selectedIndices;
+    private abortController;
+    constructor(options: TableOptions);
+    private createElement;
+    private createOuterElement;
+    private createTableElement;
+    private wrapWithScrollContainer;
+    private updateOuterClasses;
+    private createColGroup;
+    private createHeader;
+    private createHeaderCheckboxCell;
+    private createHeaderDataCell;
+    private renderBody;
+    private renderEmptyState;
+    private renderHorizontalBody;
+    private createRowCheckboxCell;
+    private createHorizontalRow;
+    private renderVerticalBody;
+    private createVerticalRow;
+    private createVerticalValueCell;
+    private handleSort;
+    private getNextSortDirection;
+    private updateSortIcons;
+    private getAriaSortValue;
+    private handleSelectAll;
+    private handleRowSelect;
+    private updateRowSelectionStyles;
+    private updateHeaderCheckbox;
+    getElement(): HTMLDivElement;
+    setData(data: Record<string, unknown>[]): void;
+    getSelectedIndices(): number[];
+    destroy(): void;
+}

package/dist/types/assets/scripts/table/const/classNames.d.ts

@@ -0,0 +1,27 @@
+export declare const TABLE_CLASS_NAMES: {
+    readonly table: "ncua-table";
+    readonly horizontal: "ncua-table--horizontal";
+    readonly vertical: "ncua-table--vertical";
+    readonly hoverable: "ncua-table--hoverable";
+    readonly fixedHeader: "ncua-table--fixed-header";
+    readonly scrollContainer: "ncua-table__scroll-container";
+    readonly tableElement: "ncua-table__table";
+    readonly header: "ncua-table__header";
+    readonly headerCell: "ncua-table__header-cell";
+    readonly headerCellSortable: "ncua-table__header-cell--sortable";
+    readonly sortIcon: "ncua-table__sort-icon";
+    readonly body: "ncua-table__body";
+    readonly row: "ncua-table__row";
+    readonly rowSelected: "ncua-table__row--selected";
+    readonly rowWarning: "ncua-table__row--warning";
+    readonly rowError: "ncua-table__row--error";
+    readonly cell: "ncua-table__cell";
+    readonly checkboxCell: "ncua-table__checkbox-cell";
+    readonly checkboxCellHeader: "ncua-table__checkbox-cell--header";
+    readonly checkboxCellBody: "ncua-table__checkbox-cell--body";
+    readonly footer: "ncua-table__footer";
+    readonly footerRow: "ncua-table__footer-row";
+    readonly pagination: "ncua-table__pagination";
+    readonly empty: "ncua-table__empty";
+    readonly required: "ncua-table__required";
+};

package/dist/types/assets/scripts/table/const/index.d.ts

@@ -0,0 +1,2 @@
+export * from './classNames';
+export * from './types';

package/dist/types/assets/scripts/table/const/types.d.ts

@@ -0,0 +1,23 @@
+export type TableType = 'horizontal' | 'vertical';
+export type SortDirection = 'asc' | 'desc' | 'none';
+export type RowStatus = 'warning' | 'error';
+export type TableColumn = {
+    key: string;
+    label: string;
+    width?: string;
+    sortable?: boolean;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: unknown, row: Record<string, unknown>, rowIndex: number) => HTMLElement | string;
+};
+export type TableOptions = {
+    type?: TableType;
+    columns?: TableColumn[];
+    data?: Record<string, unknown>[];
+    hoverable?: boolean;
+    selectable?: boolean;
+    fixedHeader?: boolean;
+    maxHeight?: string;
+    emptyText?: string;
+    onSort?: (key: string, direction: SortDirection) => void;
+    onSelect?: (selectedIndices: number[]) => void;
+};

package/dist/types/assets/scripts/table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './const/classNames';
+export * from './const/types';
+export { Table } from './Table';

package/dist/types/assets/scripts/tooltip/const/constants.d.ts

@@ -1,4 +1,4 @@
-import { TooltipOptions } from './types';
+import type { TooltipOptions } from './types';
 export declare const MARGIN = 10;
 export declare const DEFAULT_TOOLTIP_WIDTH = 200;
 export declare const DEFAULT_TOOLTIP_HEIGHT = 60;

package/dist/types/index.d.ts

@@ -1,29 +1,2 @@
-export * from './src/components/badge';
-export * from './src/components/breadcrumb';
-export * from './src/components/button';
-export * from './src/components/carousel';
-export * from './src/components/checkbox';
-export * from './src/components/date-picker';
-export * from './src/components/divider';
-export * from './src/components/dropdown';
-export * from './src/components/empty-state';
-export * from './src/components/featured-icon';
-export * from './src/components/input';
-export * from './src/components/modal';
-export * from './src/components/notification';
-export * from './src/components/pagination';
-export * from './src/components/progress-bar';
-export * from './src/components/progress-circle';
-export * from './src/components/radio';
-export * from './src/components/select';
-export * from './src/components/shared/hintText';
-export * from './src/components/shared/label';
-export * from './src/components/shared';
-export * from './src/components/slider';
-export * from './src/components/spinner';
-export * from './src/components/tab';
-export * from './src/components/tag';
-export * from './src/components/toggle';
-export * from './src/components/tooltip';
 export * from './src/components';
 export * from './src/hooks';

package/dist/types/src/components/badge/index.d.ts

@@ -1,2 +1 @@
 export * from './Badge';
-export * from './BadgeGroup';

package/dist/{temp/src/components/badge → types/src/components/badge-group}/BadgeGroup.d.ts

@@ -1,7 +1,7 @@
 import type { ColorTone } from '../../../constant/color';
 import type { Size } from '../../../constant/size';
 import type { SideSlotType } from '../../types/side-slot';
-import { type BadgeProps } from '.';
+import { type BadgeProps } from '../badge';
 type BadgeGroupSize = Extract<Size, 'xs' | 'sm'>;
 type BadgeGroupColor = Extract<ColorTone, 'neutral' | 'error' | 'warning' | 'success'>;
 type BadgeGroupProps = Omit<BadgeProps, 'type' | 'size' | 'color'> & {

package/dist/types/src/components/badge-group/index.d.ts

@@ -0,0 +1 @@
+export * from './BadgeGroup';

package/dist/types/src/components/button/index.d.ts

@@ -1,4 +1,3 @@
 export * from './Button';
 export * from './ButtonCloseX';
-export * from './ButtonGroup';
 export * from './ButtonStepper';

package/dist/{temp/src/components/button → types/src/components/button-group}/ButtonGroup.d.ts

@@ -22,11 +22,12 @@ interface ButtonGroupProps {
     size?: ButtonGroupSize;
     children: React.ReactNode;
     hasBorder?: boolean;
+    fullWidth?: boolean;
     onlyIcon?: boolean;
     disabled?: boolean;
 }
 declare const ButtonGroup: {
-    ({ children, className, hasBorder, size, onlyIcon, disabled, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, hasBorder, fullWidth, size, onlyIcon, disabled, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
     Item({ label, size, onlyIcon, icon, disabled, children, isCurrent, className, ...props }: ButtonGroupItemProps): React.DetailedReactHTMLElement<{
         ref?: React.LegacyRef<HTMLButtonElement> | undefined;
         key?: React.Key | null | undefined;
@@ -50,7 +51,7 @@ declare const ButtonGroup: {
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
@@ -85,7 +86,7 @@ declare const ButtonGroup: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         exportparts?: string | undefined;
         part?: string | undefined;
@@ -106,7 +107,7 @@ declare const ButtonGroup: {
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;

package/dist/types/src/components/button-group/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonGroup';

package/dist/types/src/components/carousel-arrow/index.d.ts

@@ -0,0 +1 @@
+export * from './CarouselArrow';

package/dist/{temp/src/components/carousel → types/src/components/carousel-number-group}/index.d.ts

@@ -1,2 +1 @@
-export * from './CarouselArrow';
 export * from './CarouselNumberGroup';

package/dist/types/src/components/data-grid/DataGrid.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+import type { DataGridActionBarProps, DataGridFilterBarProps, DataGridPaginationProps, DataGridSearchFilterProps, DataGridSummaryProps, DataGridTableProps } from './DataGrid.types';
+export declare const DataGrid: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    variant?: import("./DataGrid.types").DataGridVariant | undefined;
+    children: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    SearchFilter: {
+        ({ children, className, ...rest }: DataGridSearchFilterProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Summary: {
+        ({ children, className, ...rest }: DataGridSummaryProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    FilterBar: {
+        ({ children, className, ...rest }: DataGridFilterBarProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    ActionBar: {
+        ({ children, className, position, align, ...rest }: DataGridActionBarProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Table: import("react").ForwardRefExoticComponent<DataGridTableProps & import("react").RefAttributes<HTMLDivElement>>;
+    Pagination: {
+        ({ children, className, ...rest }: DataGridPaginationProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};