@ncds/ui-admin 1.2.2 → 1.4.1

package/dist/types/assets/scripts/utils/selectbox/SelectBoxController.d.ts

@@ -0,0 +1,171 @@
+import { DOMRenderer, DropdownRenderConfig } from './DOMRenderer';
+import { DropdownModel, DropdownState, StateChangeListener } from './DropdownModel';
+export interface SelectBoxControllerConfig {
+    triggerElement: HTMLElement;
+    dropdownElement: HTMLElement;
+    model: DropdownModel;
+    renderer: DOMRenderer;
+    renderConfig: DropdownRenderConfig;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onSelectionChange?: (selectedValues: (string | number)[]) => void;
+    onSearch?: (searchValue: string) => void;
+    onScrollBottom?: () => void;
+    disabled?: boolean;
+    canToggle?: () => boolean;
+    type?: 'selectbox' | 'combobox';
+}
+/**
+ * SelectBox 통합 컨트롤러
+ * 이벤트 처리, UI 상태 제어, 사용자 인터랙션 담당
+ */
+export declare class SelectBoxController implements StateChangeListener {
+    private config;
+    private isOpen;
+    private focusedIndex;
+    private isKeyboardNavigation;
+    private outsideClickHandler;
+    private keyDownHandler;
+    private scrollLockHandlers;
+    private optionElements;
+    private scrollPosition;
+    private mouseMoveHandlerAttached;
+    private lastFilteredOptionsCount;
+    private lastFilteredOptionsHash;
+    private scrollBottomHandler?;
+    private lastScrollBottomTime;
+    constructor(config: SelectBoxControllerConfig);
+    /**
+     * 상태 변경 리스너 (Observer Pattern)
+     */
+    onStateChange(newState: DropdownState, changedFields: string[]): void;
+    /**
+     * 이벤트 핸들러 설정
+     */
+    private setupEventHandlers;
+    /**
+     * 드롭다운 열기
+     */
+    open(): void;
+    /**
+     * 드롭다운 닫기
+     */
+    close(): void;
+    /**
+     * 드롭다운 토글
+     */
+    toggle(): void;
+    /**
+     * 키보드 입력 처리
+     */
+    private handleKeyDown;
+    /**
+     * 옵션 검색
+     */
+    private searchOption;
+    /**
+     * 드롭다운 표시/숨김 업데이트
+     */
+    private updateDropdownVisibility;
+    /**
+     * 옵션 표시 업데이트
+     */
+    private updateOptionsDisplay;
+    /**
+     * 포커스된 옵션 업데이트
+     */
+    private updateFocusedOption;
+    /**
+     * 옵션 클릭 이벤트 핸들러 등록
+     */
+    private attachOptionEventHandlers;
+    /**
+     * 옵션 이벤트 핸들러 제거
+     */
+    private removeOptionEventHandlers;
+    /**
+     * 옵션 업데이트가 필요한지 판단
+     */
+    private shouldUpdateOptions;
+    /**
+     * 외부 클릭 감지 활성화
+     */
+    private enableOutsideClick;
+    /**
+     * 외부 클릭 감지 비활성화
+     */
+    private disableOutsideClick;
+    /**
+     * 스크롤 잠금 활성화 (드롭다운 내부 스크롤은 허용)
+     * ComboBox 또는 multiple 모드에서는 스크롤 잠금 비활성화
+     */
+    private enableScrollLock;
+    /**
+     * 스크롤 가능한 부모 요소 찾기
+     */
+    private findScrollableParent;
+    /**
+     * 스크롤 잠금 해제
+     */
+    private disableScrollLock;
+    /**
+     * 마우스 호버 처리 (외부에서 호출용)
+     */
+    handleMouseHover(index: number): void;
+    /**
+     * 옵션 배열 업데이트
+     */
+    updateOptions(options: any[]): void;
+    getIsOpen(): boolean;
+    setFocus(index: number): void;
+    getFocusedIndex(): number;
+    /**
+     * DropdownUtils 호환을 위한 정적 팩토리 메서드
+     */
+    static createFromDropdownConfig(config: {
+        triggerElement: HTMLElement;
+        dropdownElement: HTMLElement;
+        onOpen?: () => void;
+        onClose?: () => void;
+        disabled?: boolean;
+        options?: any[];
+        onFocusChange?: (index: number) => void;
+        onOptionSelect?: (index: number) => void;
+        onKeyboardNavigation?: (isKeyboard: boolean) => void;
+        canToggle?: () => boolean;
+    }): SelectBoxController;
+    /**
+     * 드롭다운 위치 조정 (화면 크기에 따라 up/down 방향 결정)
+     * 단일 선택 모드에서만 적용
+     */
+    private adjustDropdownPosition;
+    /**
+     * 드롭다운 위치 계산 (React dropdownUtils.ts 로직 참고)
+     */
+    private calculateDropdownPosition;
+    /**
+     * 드롭다운 예상 높이 계산
+     */
+    private estimateDropdownHeight;
+    /**
+     * 드롭다운 세부 위치 조정 (뷰포트 경계 처리)
+     */
+    private adjustDropdownPositionDetails;
+    /**
+     * 스크롤 바닥 감지 활성화
+     */
+    private enableScrollBottomDetection;
+    /**
+     * 스크롤 바닥 감지 비활성화
+     */
+    private disableScrollBottomDetection;
+    /**
+     * disabled 상태 설정
+     */
+    setDisabled(disabled: boolean): void;
+    /**
+     * 정리
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=SelectBoxController.d.ts.map

package/dist/types/assets/scripts/utils/selectbox/UnifiedSelectBox.d.ts

@@ -0,0 +1,80 @@
+import { OptionValue } from '../../../../src/types';
+import { DropdownOption } from './DropdownModel';
+export interface UnifiedSelectBoxConfig {
+    options?: DropdownOption[];
+    placeholder?: string;
+    value?: OptionValue;
+    onChange?: (value: OptionValue) => void;
+    onSearch?: (searchValue: string) => void;
+    onEdit?: () => void;
+    onSelectAll?: () => void;
+    onSearchAll?: () => void;
+    onComplete?: () => void;
+    onScrollBottom?: () => void;
+    searchDebounceMs?: number;
+    maxHeight?: number;
+    disabled?: boolean;
+    size?: 'xs' | 'sm' | 'md';
+    multiple?: boolean;
+    showFooterButtons?: boolean;
+    label?: string;
+    required?: boolean;
+    type?: 'selectbox' | 'combobox';
+}
+/**
+ * 통합된 SelectBox 클래스
+ * SelectBox와 ComboBox의 기능을 모두 포함
+ */
+export declare class UnifiedSelectBox {
+    private element;
+    private config;
+    private model;
+    private renderer;
+    private controller;
+    private inputField?;
+    private searchDebounceTimer?;
+    private currentDebounceTimerId?;
+    private lastSearchValue;
+    private hasInitialOptions;
+    private dropdownElement?;
+    private triggerElement?;
+    private footerElement?;
+    private arrowElement?;
+    constructor(element: HTMLElement, config?: UnifiedSelectBoxConfig);
+    private initialize;
+    private setupElementClasses;
+    private createUI;
+    private createComboBoxUI;
+    private createSelectBoxUI;
+    private createDropdown;
+    private setupController;
+    private handleInput;
+    private handleInputClick;
+    private handleClearInput;
+    private handleShowAll;
+    private handleSelectionChange;
+    private updateSelectBoxValue;
+    private canToggleDropdown;
+    private handleSelectAll;
+    private handleComplete;
+    private updateSelectAllButtonText;
+    getValues(): DropdownOption[];
+    getOptions(): DropdownOption[];
+    setValues(value: DropdownOption[]): void;
+    updateOptions(newOptions: DropdownOption[]): void;
+    setDisabled(disabled: boolean): void;
+    open(): void;
+    close(): void;
+    focus(): void;
+    destroy(): void;
+    selectAll(): void;
+    deselectAll(): void;
+    isMultiple(): boolean;
+    toggleSelectAll(): void;
+    getDebugInfo(): {
+        config: UnifiedSelectBoxConfig;
+        modelState: any;
+        isOpen: boolean;
+    };
+}
+//# sourceMappingURL=UnifiedSelectBox.d.ts.map

package/dist/types/constant/color.d.ts

@@ -17,6 +17,8 @@ export declare const COLOR: {
     pink100: string;
     pink600: string;
     yellow600: string;
+    violet300: string;
+    violet600: string;
     white: string;
     currentColor: string;
     black: string;
@@ -31,5 +33,5 @@ export declare const COLOR: {
     'secondary-gray-blue-700': string;
 };
 export type ColorKeyType = keyof typeof COLOR;
-export type ColorTone = 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled';
+export type ColorTone = 'neutral' | 'error' | 'warning' | 'success' | 'blue' | 'pink' | 'disabled' | 'info';
 //# sourceMappingURL=color.d.ts.map

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

@@ -2,7 +2,7 @@ import { ComponentProps, ReactNode } from 'react';
 import { Size } from '../../../constant/size';
 import { SideSlotType } from '../../types/side-slot';
 import { DotProps } from '../dot';
-export type ButtonTheme = 'primary' | 'secondary' | 'secondary-gray' | 'tertiary-gray' | 'tertiary' | 'link' | 'link-gray' | 'destructive';
+export type ButtonTheme = 'primary' | 'secondary' | 'secondary-gray' | 'tertiary-gray' | 'tertiary' | 'text' | 'text-gray' | 'text-red' | 'destructive';
 export type ButtonSize = Extract<Size, 'xxs' | 'xs' | 'sm' | 'md'>;
 type CommonButtonProps<T extends keyof HTMLElementTagNameMap> = Omit<ComponentProps<T>, 'ref'> & {
     label: string;
@@ -14,21 +14,23 @@ type CommonButtonProps<T extends keyof HTMLElementTagNameMap> = Omit<ComponentPr
     onlyIcon?: boolean;
     size?: ButtonSize;
     children?: ReactNode;
-};
-type ButtonElementProps = CommonButtonProps<Exclude<keyof HTMLElementTagNameMap, 'a'>> & {
-    as?: Exclude<keyof HTMLElementTagNameMap, 'a'>;
-    href?: never;
-};
-type AnchorElementProps = CommonButtonProps<'a'> & {
-    as: 'a';
-    href: string;
-    target?: HTMLAnchorElement['target'];
     underline?: boolean;
 };
-export type ButtonProps = ButtonElementProps | AnchorElementProps;
+export type ButtonProps = CommonButtonProps<'button'>;
 export declare const svgSize: Record<ButtonSize, number>;
 export declare const iconOnlySvgSize: Record<ButtonSize, number>;
 export declare const dotSize: Record<ButtonSize, DotProps['size']>;
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    label: string;
+    className?: string | undefined;
+    hierarchy?: ButtonTheme | undefined;
+    disabled?: boolean | undefined;
+    leadingIcon?: SideSlotType | undefined;
+    trailingIcon?: SideSlotType | undefined;
+    onlyIcon?: boolean | undefined;
+    size?: ButtonSize | undefined;
+    children?: ReactNode;
+    underline?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=Button.d.ts.map

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

@@ -15,14 +15,8 @@ interface ButtonGroupItemCommonProps {
     disabled?: boolean;
     isCurrent?: boolean;
 }
-interface ButtonGroupItemButtonProps extends ButtonGroupItemCommonProps, ComponentProps<'button'> {
-    as?: 'button';
+interface ButtonGroupItemProps extends ButtonGroupItemCommonProps, ComponentProps<'button'> {
 }
-interface ButtonGroupItemAnchorProps extends ButtonGroupItemCommonProps, ComponentProps<'a'> {
-    as: 'a';
-    href: string;
-}
-type ButtonGroupItemProps = ButtonGroupItemButtonProps | ButtonGroupItemAnchorProps;
 interface ButtonGroupProps {
     className?: string;
     size?: ButtonGroupSize;
@@ -33,7 +27,7 @@ interface ButtonGroupProps {
 }
 export declare const ButtonGroup: {
     ({ children, className, hasBorder, size, onlyIcon, disabled, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
-    Item({ as, label, size, onlyIcon, icon, disabled, children, isCurrent, ...props }: ButtonGroupItemProps): React.ReactElement<{
+    Item({ label, size, onlyIcon, icon, disabled, children, isCurrent, ...props }: ButtonGroupItemProps): React.DetailedReactHTMLElement<{
         ref?: React.LegacyRef<HTMLButtonElement> | undefined;
         key?: React.Key | null | undefined;
         form?: string | undefined;
@@ -43,7 +37,7 @@ export declare const ButtonGroup: {
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
         name?: string | undefined;
-        type: string | undefined;
+        type: string;
         value?: string | number | readonly string[] | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -313,286 +307,7 @@ export declare const ButtonGroup: {
         onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
         disabled: boolean | undefined;
-    } | {
-        href: string;
-        ref?: React.LegacyRef<HTMLAnchorElement> | undefined;
-        key?: React.Key | null | undefined;
-        download?: any;
-        hrefLang?: string | undefined;
-        media?: string | undefined;
-        ping?: string | undefined;
-        target?: React.HTMLAttributeAnchorTarget | undefined;
-        type: string | undefined;
-        referrerPolicy?: React.HTMLAttributeReferrerPolicy | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
-        autoFocus?: boolean | undefined;
-        className: string;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        role?: React.AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        exportparts?: string | undefined;
-        part?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "link" | "move" | "copy" | "execute" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLAnchorElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLAnchorElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLAnchorElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLAnchorElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLAnchorElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLAnchorElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLAnchorElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLAnchorElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLAnchorElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLAnchorElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLAnchorElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLAnchorElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLAnchorElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLAnchorElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLAnchorElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLAnchorElement> | undefined;
-        disabled: boolean | undefined;
-    }, string | React.JSXElementConstructor<any>>;
+    }, HTMLButtonElement>;
 };
 export {};
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/types/src/components/checkbox/Checkbox.d.ts

@@ -1,10 +1,9 @@
-import { ChangeEvent, MutableRefObject, ReactNode, RefCallback } from 'react';
+import { ChangeEvent, ReactNode } from 'react';
 import { CheckboxInputProps } from './CheckboxInput';
 export interface CheckboxProps extends Omit<CheckboxInputProps, 'type'> {
     text?: ReactNode;
     supportText?: string;
-    checkboxRef?: RefCallback<HTMLInputElement> | MutableRefObject<HTMLInputElement | null>;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const Checkbox: ({ size, indeterminate, text, supportText, disabled, checked, className, checkboxRef, onChange, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Checkbox.d.ts.map