maru_design2 0.0.1 → 0.0.2

package/dist/components/atoms/button/Button.d.ts

@@ -1,10 +1,31 @@
 import React from 'react';
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+import { TColor } from '../../../enums/color';
+import { TButtonSize } from '../../../enums/size';
+import { TButtonVariant } from '../../../enums/variant';
+import { IconProps } from '../icon/Icon';
+import './button.scss';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children?: React.ReactNode;
     /**
-     * this is color
+     * ['primary', 'secondary', 'positive', 'warning', 'danger']. (@v1 variant)
      */
-    color?: 'primary' | 'danger';
+    color?: TColor;
+    /**
+     * ['small', 'normal', 'large']. (@v1 kind)
+     */
+    size?: TButtonSize;
+    /**
+     * ['default', 'default-light', 'outline', 'text', 'color-on-focus']. (@v1 kind)
+     */
+    variant?: TButtonVariant;
+    /**
+     * 컴포넌트 시작점에 위치시킬 아이콘 (@v1 icon)
+     */
+    startIcon?: IconProps;
+    /**
+     * 컴포넌트 끝점에 위치시킬 아이콘 (@v1 icon)
+     */
+    endIcon?: IconProps;
 }
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export {};
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/components/atoms/button/index.d.ts

@@ -1 +1 @@
-export * from "./Button";
+export * from './Button';

package/dist/components/atoms/checkbox/Checkbox.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TGap } from '../../../enums/gap';
+import { TCheckboxSize } from '../../../enums/size';
+import './checkbox.scss';
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'type'> {
+    checked?: boolean;
+    /**
+     * primary, secondary, positive, warning, danger + rgb. (@v1 variant)
+     */
+    color?: string;
+    /**
+     * 컴포넌트와 라벨 사이의 거리. ['8px', '4px']
+     */
+    gap?: TGap;
+    label?: string;
+    /**
+     * [16, 18, 24]
+     */
+    size?: TCheckboxSize;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;

package/dist/components/atoms/checkbox/index.d.ts

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

package/dist/components/atoms/chip/Chip.d.ts

@@ -0,0 +1,25 @@
+import { TColor } from '../../../enums/color';
+import { TChipSize } from '../../../enums/size';
+import { TChipVariant } from '../../../enums/variant';
+import './chip.scss';
+export interface ChipProps {
+    /**
+     * 컴포넌트에 들어갈 내용. number인 경우 천의 자리마다 컴마(,) 표시됨. [string | number]. (@v1 children)
+     */
+    content: string | number;
+    className?: string;
+    /**
+     * ['primary', 'secondary', 'positive', 'warning', 'danger']. (@v1 variant)
+     */
+    color?: TColor;
+    /**
+     * ['small', 'normal']. (@v1 kind)
+     */
+    size?: TChipSize;
+    /**
+     * ['default', 'outline', 'dot']. (@v1 kind)
+     */
+    variant?: TChipVariant;
+}
+declare function Chip({ content, className, color, size, variant, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+export default Chip;

package/dist/components/atoms/chip/index.d.ts

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

package/dist/components/atoms/icon/Icon.d.ts

@@ -0,0 +1,18 @@
+import { TIconSize } from '../../../enums/size';
+import { TIcons } from './iconmap';
+export interface IconProps {
+    /**
+     * 이름 뒤에 Thin이 있다면 Stroke 1.5이므로 14, 16, 18 사이즈 권장. (@v1 iconName)
+     */
+    name: TIcons;
+    /**
+     * primary, secondary, positive, warning, danger + rgb. (@v1 fill)
+     */
+    color?: string;
+    /**
+     * [14, 16, 18, 20, 24, 40, 48]. (@v1 width, height)
+     */
+    size?: TIconSize;
+}
+declare function Icon({ name, color, size }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Icon;

package/dist/components/atoms/icon/iconmap.d.ts

@@ -0,0 +1,188 @@
+export declare const iconmap: {
+    [key: string]: {
+        width: string;
+        height: string;
+        viewBox: string;
+        fill: string;
+        paths: {
+            d: string;
+            fill?: string;
+            fillRule?: string;
+            clipRule?: string;
+            stroke?: string;
+            strokeWidth?: string;
+            strokeLinecap?: string;
+            strokeLinejoin?: string;
+        }[];
+        circles: {
+            cx: string;
+            cy: string;
+            r: string;
+            fill: string;
+        }[];
+    };
+};
+export declare const ICONS: {
+    readonly K: "K";
+    readonly T: "T";
+    readonly V: "V";
+    readonly AddLineThin: "AddLineThin";
+    readonly AlertCircleThin: "AlertCircleThin";
+    readonly AlertTriangleThin: "AlertTriangleThin";
+    readonly AlertTriangle: "AlertTriangle";
+    readonly ArrowRightThin: "ArrowRightThin";
+    readonly ArrowRight: "ArrowRight";
+    readonly Atom01Thin: "Atom01Thin";
+    readonly BarChart10: "BarChart10";
+    readonly BarChartSquare01: "BarChartSquare01";
+    readonly BookOpen02Thin: "BookOpen02Thin";
+    readonly BookOpen02: "BookOpen02";
+    readonly CalendarDate: "CalendarDate";
+    readonly CalendarThin: "CalendarThin";
+    readonly Calendar: "Calendar";
+    readonly CheckboxIndeterminateThin: "CheckboxIndeterminateThin";
+    readonly CheckboxIndeterminate: "CheckboxIndeterminate";
+    readonly CheckboxOffThin: "CheckboxOffThin";
+    readonly CheckboxOff: "CheckboxOff";
+    readonly CheckboxOnThin: "CheckboxOnThin";
+    readonly CheckboxOn: "CheckboxOn";
+    readonly ChevronDownThin: "ChevronDownThin";
+    readonly ChevronDown: "ChevronDown";
+    readonly ChevronLeftDoubleThin: "ChevronLeftDoubleThin";
+    readonly ChevronLeftThin: "ChevronLeftThin";
+    readonly ChevronLeft: "ChevronLeft";
+    readonly ChevronRightDoubleThin: "ChevronRightDoubleThin";
+    readonly ChevronRightThin: "ChevronRightThin";
+    readonly ChevronRight: "ChevronRight";
+    readonly ChevronSelectorVerticalThin: "ChevronSelectorVerticalThin";
+    readonly ChevronSelectorVertical: "ChevronSelectorVertical";
+    readonly ChevronUpThin: "ChevronUpThin";
+    readonly ChevronUp: "ChevronUp";
+    readonly ClipboardCheckThin: "ClipboardCheckThin";
+    readonly ClipboardCheck: "ClipboardCheck";
+    readonly ClipboardPlusThin: "ClipboardPlusThin";
+    readonly ClipboardPlus: "ClipboardPlus";
+    readonly ClipboardThin: "ClipboardThin";
+    readonly Clipboard: "Clipboard";
+    readonly CodeSnippet02: "CodeSnippet02";
+    readonly Copy03Thin: "Copy03Thin";
+    readonly Copy03: "Copy03";
+    readonly CornerDownRightThin: "CornerDownRightThin";
+    readonly CornerDownRight: "CornerDownRight";
+    readonly CornerUpLeft: "CornerUpLeft";
+    readonly CornerUpRight: "CornerUpRight";
+    readonly CurrencyDollar: "CurrencyDollar";
+    readonly Cursor04: "Cursor04";
+    readonly CursorBox: "CursorBox";
+    readonly Database01Thin: "Database01Thin";
+    readonly Database01: "Database01";
+    readonly Database02Thin: "Database02Thin";
+    readonly Database03Thin: "Database03Thin";
+    readonly Database03: "Database03";
+    readonly Dataflow01Thin: "Dataflow01Thin";
+    readonly Dataflow01: "Dataflow01";
+    readonly Dataflow04Thin: "Dataflow04Thin";
+    readonly Dataflow04: "Dataflow04";
+    readonly Dotpoints01: "Dotpoints01";
+    readonly DotsGridThin: "DotsGridThin";
+    readonly DotsGrid: "DotsGrid";
+    readonly DotsVerticalThin: "DotsVerticalThin";
+    readonly DotsVertical: "DotsVertical";
+    readonly DownThin: "DownThin";
+    readonly Download01Thin: "Download01Thin";
+    readonly Download01: "Download01";
+    readonly Downstream: "Downstream";
+    readonly Edit03Thin: "Edit03Thin";
+    readonly Edit03: "Edit03";
+    readonly Expand: "Expand";
+    readonly FiEyeOffThin: "FiEyeOffThin";
+    readonly FiEyeThin: "FiEyeThin";
+    readonly File02Thin: "File02Thin";
+    readonly File02: "File02";
+    readonly File06Thin: "File06Thin";
+    readonly File06: "File06";
+    readonly FileCheck02Thin: "FileCheck02Thin";
+    readonly FileCheck02: "FileCheck02";
+    readonly FileCheck03Thin: "FileCheck03Thin";
+    readonly FileCheck03: "FileCheck03";
+    readonly FilePlus02Thin: "FilePlus02Thin";
+    readonly FilePlus02: "FilePlus02";
+    readonly FileQuestion02Thin: "FileQuestion02Thin";
+    readonly FileQuestion02: "FileQuestion02";
+    readonly FileSearch02: "FileSearch02";
+    readonly FileX02Thin: "FileX02Thin";
+    readonly FilterLinesThin: "FilterLinesThin";
+    readonly FilterLines: "FilterLines";
+    readonly FolderUploadThin: "FolderUploadThin";
+    readonly FolderUpload: "FolderUpload";
+    readonly Globe01Thin: "Globe01Thin";
+    readonly GraduationHat01Thin: "GraduationHat01Thin";
+    readonly GraduationHat01: "GraduationHat01";
+    readonly InformationThin: "InformationThin";
+    readonly Information: "Information";
+    readonly LineChartDown01: "LineChartDown01";
+    readonly Loading02Thin: "Loading02Thin";
+    readonly Loading02: "Loading02";
+    readonly LogOut01Thin: "LogOut01Thin";
+    readonly MessageCheckSquare: "MessageCheckSquare";
+    readonly MessageCheckThin: "MessageCheckThin";
+    readonly MessageNotificationSquare: "MessageNotificationSquare";
+    readonly MessageNotificationThin: "MessageNotificationThin";
+    readonly MessageTextSquare02: "MessageTextSquare02";
+    readonly MessageTextThin: "MessageTextThin";
+    readonly MessageXSquare: "MessageXSquare";
+    readonly MessageXThin: "MessageXThin";
+    readonly Message: "Message";
+    readonly MoveThin: "MoveThin";
+    readonly Move: "Move";
+    readonly Network03: "Network03";
+    readonly Network04: "Network04";
+    readonly PauseThin: "PauseThin";
+    readonly Pause: "Pause";
+    readonly PieChart02: "PieChart02";
+    readonly PieChart03: "PieChart03";
+    readonly PlayCircle_left: "PlayCircle_left";
+    readonly PlayCircle_right: "PlayCircle_right";
+    readonly PlusCircleThin: "PlusCircleThin";
+    readonly PlusCircle: "PlusCircle";
+    readonly RadioOffThin: "RadioOffThin";
+    readonly RadioOnThin: "RadioOnThin";
+    readonly RefreshCcw02Thin: "RefreshCcw02Thin";
+    readonly RefreshCcw02: "RefreshCcw02";
+    readonly RefreshCw01Thin: "RefreshCw01Thin";
+    readonly RefreshCw02Thin: "RefreshCw02Thin";
+    readonly ReverseLeft: "ReverseLeft";
+    readonly SearchMdThin: "SearchMdThin";
+    readonly SearchMd: "SearchMd";
+    readonly Settings02Thin: "Settings02Thin";
+    readonly Share03Thin: "Share03Thin";
+    readonly Share03: "Share03";
+    readonly SortOutlineThin: "SortOutlineThin";
+    readonly SortOutline: "SortOutline";
+    readonly StateThin: "StateThin";
+    readonly StopCircleThin: "StopCircleThin";
+    readonly StopCircle: "StopCircle";
+    readonly SubtractLineThin: "SubtractLineThin";
+    readonly SuccessThin: "SuccessThin";
+    readonly SwitchHorizontal02Thin: "SwitchHorizontal02Thin";
+    readonly SwitchHorizontal02: "SwitchHorizontal02";
+    readonly Trash01Thin: "Trash01Thin";
+    readonly Trash01: "Trash01";
+    readonly Type01: "Type01";
+    readonly UpThin: "UpThin";
+    readonly Upload01Thin: "Upload01Thin";
+    readonly Upload01: "Upload01";
+    readonly UserCircleThin: "UserCircleThin";
+    readonly UserPlusThin: "UserPlusThin";
+    readonly Users01Thin: "Users01Thin";
+    readonly Users01: "Users01";
+    readonly XCircleThin: "XCircleThin";
+    readonly XCircle: "XCircle";
+    readonly XLargeThin: "XLargeThin";
+    readonly XLarge: "XLarge";
+    readonly XSmallThin: "XSmallThin";
+    readonly XSmall: "XSmall";
+    readonly ZoomIn: "ZoomIn";
+    readonly ZoomOut: "ZoomOut";
+};
+export type TIcons = (typeof ICONS)[keyof typeof ICONS];

package/dist/components/atoms/icon/index.d.ts

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

package/dist/components/atoms/input/Input.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { TInputType } from '../../../enums/type';
+import './input.scss';
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /**
+     * 에러났을때 메시지. (@v1 isValid, validMessage)
+     */
+    errorMessage?: string;
+    label?: string;
+    /**
+     * 초기화 함수 (@v1 hasClearBtn, onClear)
+     */
+    onClear?: () => void;
+    /**
+     * 데이터 타입. ['text', 'password', 'number']
+     */
+    type?: TInputType;
+    /**
+     * input을 감싸고 있는 div의 ref, input은 일반 ref 사용
+     */
+    wrapperRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * 컴포넌트 시작점에 위치시킬 노드
+     */
+    startNode?: React.ReactNode;
+    /**
+     * 컴포넌트 끝점에 위치시킬 노드(단, type이 password인 경우 무시됨)
+     */
+    endNode?: React.ReactNode;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default Input;

package/dist/components/atoms/input/index.d.ts

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

package/dist/components/atoms/popover/Popover.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TDirection } from '../../../enums/direction';
+import './popover.scss';
+export interface PopoverProps {
+    /**
+     * 컴포넌트 위치의 기준이 될 엘리먼트
+     */
+    anchorEl: HTMLElement | null;
+    children: React.ReactNode;
+    open: boolean;
+    /**
+     * 배경 클릭 시 컴포넌트 닫히는지 여부
+     */
+    backdrop?: boolean;
+    className?: string;
+    direction?: TDirection;
+    onClose: () => void;
+    /**
+     * 컴포넌트 createPortal 여부. (@v1 isOnDocument)
+     */
+    portal?: boolean;
+}
+declare function Popover({ anchorEl, children, open, backdrop, className, direction, onClose, portal, }: PopoverProps): import("react/jsx-runtime").JSX.Element | null;
+export default Popover;

package/dist/components/atoms/popover/index.d.ts

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

package/dist/components/atoms/radio/Radio.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TGap } from '../../../enums/gap';
+import './radio.scss';
+export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'type'> {
+    checked?: boolean;
+    /**
+     * 컴포넌트와 라벨 사이의 거리. ['8px', '4px']
+     */
+    gap?: TGap;
+    label?: string;
+}
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export default Radio;

package/dist/components/atoms/radio/index.d.ts

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

package/dist/components/atoms/toggle/Toggle.d.ts

@@ -0,0 +1,21 @@
+import { TColor } from '../../../enums/color';
+import './toggle.scss';
+export interface ToggleProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    className?: string;
+    /**
+     * ['primary', 'secondary', 'positive', 'warning', 'danger']. (@v1 variant)
+     */
+    color?: TColor;
+    disabled?: boolean;
+    /**
+     * 텍스트가 있는 토글.
+     */
+    text?: {
+        left?: string;
+        right?: string;
+    };
+}
+declare function Toggle({ checked, onChange, className, color, disabled, text, }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+export default Toggle;

package/dist/components/atoms/toggle/index.d.ts

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

package/dist/components/atoms/tooltip/Tooltip.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { TTooltipColor } from '../../../enums/color';
+import { TDirection } from '../../../enums/direction';
+import './tooltip.scss';
+export interface TooltipProps {
+    children: React.ReactNode;
+    /**
+     * 컴포넌트에 들어갈 내용
+     */
+    content: React.ReactNode;
+    className?: string;
+    /**
+     * ['default', 'danger']
+     */
+    color?: TTooltipColor;
+    direction?: TDirection;
+    /**
+     * 컴포넌트 createPortal 여부. (@v1 isOnDocument)
+     */
+    portal?: boolean;
+}
+declare function Tooltip({ children, content, className, color, direction, portal, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export default Tooltip;

package/dist/components/atoms/tooltip/index.d.ts

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

package/dist/components/molecules/dropdown/Dropdown.d.ts

@@ -0,0 +1,89 @@
+import React from 'react';
+import { TColor } from '../../../enums/color';
+import { TButtonType } from '../../../enums/type';
+import './dropdown.scss';
+interface DropdownProps<T extends Record<string, any>> {
+    data: T[];
+    /**
+     * 선택된 아이디
+     */
+    selectedId: string | undefined;
+    onSelect: (id?: string) => void;
+    /**
+     * 아이디로 쓸 키
+     */
+    idKey: string;
+    /**
+     * 노출로 쓸 키
+     */
+    displayKey: string;
+    /**
+     * 컴포넌트 위치의 기준이 될 엘리먼트 사용자 정의. (@v1 portalAnchor)
+     */
+    anchorEl?: HTMLElement;
+    className?: string;
+    /**
+     * ['primary', 'secondary', 'positive', 'warning', 'danger']
+     */
+    color?: TColor;
+    /**
+     * 드롭다운 토글 버튼 사용자 정의 노드. (@v1 toggleChildren)
+     */
+    customButton?: React.ReactNode;
+    /**
+     * 메뉴 아이템 사용자 정의 노드. (@v1 CustomMenuFormat)
+     */
+    customMenuItem?: ({ children, rowId, }: {
+        children: React.ReactNode;
+        rowId: string | number;
+    }) => JSX.Element;
+    disabled?: boolean;
+    /**
+     * 에러났을때 메시지. (@v1 isValid, validMessage)
+     */
+    errorMessage?: string;
+    /**
+     * 토글 안 좌측 상단에 노출할 라벨. (@v1 insideLabel)
+     */
+    inlineLabel?: string;
+    /**
+     * 메뉴 세로 크기(px). default=auto. (@v1 menuPosition.height)
+     */
+    height?: number;
+    /**
+     * 메뉴 아이템의 방향이 가로방향인지 여부. true인 경우 메뉴 뜨는 위치는 토글의 bottom-end. (@v1 isHorizonMenu)
+     */
+    horizonMenu?: boolean;
+    label?: string;
+    /**
+     * 데이터가 없을때 메시지
+     */
+    noDataMessage?: string;
+    /**
+     * 검색 결과가 없을때 메시지
+     */
+    noSearchedMessage?: string;
+    /**
+     * 초기화 함수 (@v1 hasClearBtn, onClear)
+     */
+    onClear?: () => void;
+    placeholder?: string;
+    /**
+     * 토글 화살표의 위치를 컴포넌트 시작점에 위치시킬지 여부. (@v1 IsToggleArrowStart)
+     */
+    startArrow?: boolean;
+    /**
+     * 드롭다운 토글 끝점에 위치시킬 노드. (@v1 endNode)
+     */
+    toggleEndNode?: React.ReactNode;
+    /**
+     * 데이터 타입. ['button', 'input'] (@v1 isSearch)
+     */
+    type?: TButtonType;
+    /**
+     * 토글, 메뉴 가로 크기(px). default=100%. (@v1 menuPosition.width)
+     */
+    width?: number;
+}
+declare function Dropdown<T extends Record<string, any>>({ data, selectedId, onSelect, idKey, displayKey, anchorEl, className, color, customButton, customMenuItem, disabled, errorMessage, inlineLabel, height, horizonMenu, label, noDataMessage, noSearchedMessage, onClear, placeholder, startArrow, toggleEndNode, type, width, }: DropdownProps<T>): import("react/jsx-runtime").JSX.Element;
+export default Dropdown;

package/dist/components/molecules/dropdown/Menu.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface Props<T extends Record<string, any>> {
+    parent: HTMLElement;
+    menuItemEls: HTMLButtonElement[];
+    selectedId: string | undefined;
+    idKey: string;
+    displayKey: string;
+    filteredData: T[];
+    horizonMenu?: boolean;
+    width?: number;
+    height?: number;
+    noMessage?: string;
+    customMenuItem?: ({ children, rowId, }: {
+        children: React.ReactNode;
+        rowId: string | number;
+    }) => JSX.Element;
+    onSelect: (id?: string) => void;
+    closeMenu: () => void;
+}
+declare function DropdownMenu<T extends Record<string, any>>({ parent, menuItemEls, selectedId, idKey, displayKey, filteredData, horizonMenu, width, height, noMessage, customMenuItem: CustomMenuItem, onSelect, closeMenu, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default DropdownMenu;

package/dist/components/molecules/dropdown/index.d.ts

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

package/dist/components/molecules/dropdown/toggles/Arrow.d.ts

@@ -0,0 +1,7 @@
+import { TColor } from '../../../../enums/color';
+interface Props {
+    open: boolean;
+    color: TColor;
+}
+declare function Arrow({ open, color }: Props): import("react/jsx-runtime").JSX.Element;
+export default Arrow;

package/dist/components/molecules/dropdown/toggles/Button.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TColor } from '../../../../enums/color';
+interface Props<T extends Record<string, any>> {
+    open: boolean;
+    selected: T | undefined;
+    displayKey: string;
+    color: TColor;
+    width?: number;
+    disabled?: boolean;
+    placeholder?: string;
+    errored?: boolean;
+    inlineLabel?: string;
+    startArrow?: boolean;
+    toggleEndNode?: React.ReactNode;
+    customButton?: React.ReactNode;
+    initFilteredData: () => void;
+    toggleMenuOpen: () => void;
+    initInputValue: () => void;
+    clearSelected: () => void;
+    onClear?: () => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+}
+declare function DropdownToggleButton<T extends Record<string, any>>({ open, selected, displayKey, color, width, disabled, placeholder, errored, inlineLabel, startArrow, toggleEndNode, customButton, initFilteredData, toggleMenuOpen, initInputValue, clearSelected, onClear, onKeyDown, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default DropdownToggleButton;

package/dist/components/molecules/dropdown/toggles/Clear.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    clearSelected: () => void;
+    initInputValue: () => void;
+    onClear: () => void;
+    initFilteredData: () => void;
+}
+declare function Clear({ clearSelected, initInputValue, onClear, initFilteredData, }: Props): import("react/jsx-runtime").JSX.Element;
+export default Clear;

package/dist/components/molecules/dropdown/toggles/Input.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { TColor } from '../../../../enums/color';
+interface Props<T extends Record<string, any>> {
+    open: boolean;
+    value: string;
+    selected: T | undefined;
+    color: TColor;
+    width?: number;
+    disabled?: boolean;
+    placeholder?: string;
+    errored?: boolean;
+    inlineLabel?: string;
+    startArrow?: boolean;
+    toggleEndNode?: React.ReactNode;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    initFilteredData: () => void;
+    toggleMenuOpen: () => void;
+    initInputValue: () => void;
+    clearSelected: () => void;
+    onClear?: () => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+}
+declare function DropdownToggleInput<T extends Record<string, any>>({ open, value, selected, color, width, disabled, placeholder, errored, inlineLabel, startArrow, toggleEndNode, onChange, initFilteredData, toggleMenuOpen, initInputValue, clearSelected, onClear, onKeyDown, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default DropdownToggleInput;