@likelion-design/ui 1.0.20 → 1.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/colors.css.css +1 -1
- package/dist/colors.css.css.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +60 -16
- package/dist/index.d.ts +60 -16
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/tailwind-preset.js +1 -1
- package/dist/tailwind-preset.js.map +1 -1
- package/dist/tailwind-preset.mjs +1 -1
- package/dist/tailwind-preset.mjs.map +1 -1
- package/package.json +1 -1
- package/dist/tailwind-preset.d.mts +0 -6
package/dist/index.d.mts
CHANGED
|
@@ -77,7 +77,7 @@ interface TabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "
|
|
|
77
77
|
badge?: boolean;
|
|
78
78
|
/** 탭 라벨 */
|
|
79
79
|
label: React.ReactNode;
|
|
80
|
-
/** 탭 값 (
|
|
80
|
+
/** 탭 값 (TabGroup에서 사용 시 식별자) */
|
|
81
81
|
value?: string;
|
|
82
82
|
/** 다크 모드 여부 */
|
|
83
83
|
mode?: boolean;
|
|
@@ -124,7 +124,7 @@ interface TabGroupProps {
|
|
|
124
124
|
/** 인라인 스타일 */
|
|
125
125
|
style?: React.CSSProperties;
|
|
126
126
|
}
|
|
127
|
-
/**
|
|
127
|
+
/** TabGroup은 여러 Tab을 그룹화하여 단일 선택을 관리한다. */
|
|
128
128
|
declare const TabGroup: {
|
|
129
129
|
({ value: valueProp, defaultValue, onChange, type, size, mode, disabled, items, children, gap, className, style, }: TabGroupProps): react_jsx_runtime.JSX.Element;
|
|
130
130
|
displayName: string;
|
|
@@ -170,6 +170,24 @@ interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
|
170
170
|
/** Close 버튼 클릭 핸들러 */
|
|
171
171
|
onClose?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
172
172
|
}
|
|
173
|
+
interface ChipItem {
|
|
174
|
+
/** Chip 식별 값 */
|
|
175
|
+
value: string;
|
|
176
|
+
/** Chip 라벨 */
|
|
177
|
+
label: React.ReactNode;
|
|
178
|
+
/** Prefix 아이콘 */
|
|
179
|
+
prefixIcon?: React.ReactNode;
|
|
180
|
+
/** Suffix 아이콘 */
|
|
181
|
+
suffixIcon?: React.ReactNode;
|
|
182
|
+
/** 체크 아이콘 표시 여부 */
|
|
183
|
+
showCheck?: boolean;
|
|
184
|
+
/** Close 버튼 표시 여부 */
|
|
185
|
+
showClose?: boolean;
|
|
186
|
+
/** Close 버튼 클릭 핸들러 */
|
|
187
|
+
onClose?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
188
|
+
/** 개별 Chip 비활성화 */
|
|
189
|
+
disabled?: boolean;
|
|
190
|
+
}
|
|
173
191
|
interface ChipGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
174
192
|
/** 선택된 값 (controlled) - 단일: string, 다중: string[] */
|
|
175
193
|
value?: string | string[];
|
|
@@ -189,12 +207,14 @@ interface ChipGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onC
|
|
|
189
207
|
showCheck?: boolean;
|
|
190
208
|
/** 전체 비활성화 */
|
|
191
209
|
disabled?: boolean;
|
|
192
|
-
/**
|
|
193
|
-
|
|
210
|
+
/** Chip 데이터 배열 (items 사용 시 children 불필요) */
|
|
211
|
+
items?: readonly ChipItem[];
|
|
212
|
+
/** 자식 Chip 컴포넌트들 (items 미사용 시) */
|
|
213
|
+
children?: React.ReactNode;
|
|
194
214
|
}
|
|
195
|
-
/**
|
|
215
|
+
/** ChipGroup은 여러 Chip을 그룹화하여 단일/다중 선택을 관리한다. */
|
|
196
216
|
declare const ChipGroup: {
|
|
197
|
-
({ value: valueProp, defaultValue, onChange, multiple, type, size, variant, showCheck, disabled, children, className, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
|
|
217
|
+
({ value: valueProp, defaultValue, onChange, multiple, type, size, variant, showCheck, disabled, items, children, className, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
|
|
198
218
|
displayName: string;
|
|
199
219
|
};
|
|
200
220
|
declare const Chip: {
|
|
@@ -202,7 +222,7 @@ declare const Chip: {
|
|
|
202
222
|
displayName: string;
|
|
203
223
|
} & {
|
|
204
224
|
Group: {
|
|
205
|
-
({ value: valueProp, defaultValue, onChange, multiple, type, size, variant, showCheck, disabled, children, className, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
|
|
225
|
+
({ value: valueProp, defaultValue, onChange, multiple, type, size, variant, showCheck, disabled, items, children, className, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
|
|
206
226
|
displayName: string;
|
|
207
227
|
};
|
|
208
228
|
};
|
|
@@ -647,6 +667,16 @@ interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>
|
|
|
647
667
|
}
|
|
648
668
|
/** Checkbox 컴포넌트는 사용자가 선택/해제할 수 있는 체크박스 입력 컴포넌트다. */
|
|
649
669
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
670
|
+
interface CheckboxItem {
|
|
671
|
+
/** 체크박스 식별 값 */
|
|
672
|
+
value: string;
|
|
673
|
+
/** 체크박스 라벨 */
|
|
674
|
+
label?: React.ReactNode;
|
|
675
|
+
/** 체크박스 설명 텍스트 */
|
|
676
|
+
description?: React.ReactNode;
|
|
677
|
+
/** 개별 체크박스 비활성화 */
|
|
678
|
+
disabled?: boolean;
|
|
679
|
+
}
|
|
650
680
|
interface CheckboxGroupProps {
|
|
651
681
|
/** 그룹 라벨 */
|
|
652
682
|
label?: React.ReactNode;
|
|
@@ -670,14 +700,16 @@ interface CheckboxGroupProps {
|
|
|
670
700
|
onChange?: (values: string[]) => void;
|
|
671
701
|
/** 비활성화 상태 */
|
|
672
702
|
disabled?: boolean;
|
|
673
|
-
/**
|
|
674
|
-
|
|
703
|
+
/** 체크박스 데이터 배열 (items 사용 시 children 불필요) */
|
|
704
|
+
items?: readonly CheckboxItem[];
|
|
705
|
+
/** 자식 Checkbox 컴포넌트들 (items 미사용 시) */
|
|
706
|
+
children?: React.ReactNode;
|
|
675
707
|
/** 추가 CSS 클래스명 */
|
|
676
708
|
className?: string;
|
|
677
709
|
}
|
|
678
|
-
/**
|
|
710
|
+
/** CheckboxGroup은 여러 Checkbox를 그룹화하여 관리할 수 있는 컴포넌트다. */
|
|
679
711
|
declare const CheckboxGroup: {
|
|
680
|
-
({ label, labelProps, description, descriptionProps, multiple, value: valueProp, defaultValue, onChange, disabled, children, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
|
|
712
|
+
({ label, labelProps, description, descriptionProps, multiple, value: valueProp, defaultValue, onChange, disabled, items, children, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
|
|
681
713
|
displayName: string;
|
|
682
714
|
};
|
|
683
715
|
|
|
@@ -927,6 +959,16 @@ interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputEleme
|
|
|
927
959
|
}
|
|
928
960
|
/** RadioButton은 단일 선택(라디오) 입력 컴포넌트다. */
|
|
929
961
|
declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
|
|
962
|
+
interface RadioButtonItem {
|
|
963
|
+
/** 라디오 식별 값 */
|
|
964
|
+
value: string;
|
|
965
|
+
/** 라디오 라벨 */
|
|
966
|
+
label?: React.ReactNode;
|
|
967
|
+
/** 라디오 설명 텍스트 */
|
|
968
|
+
description?: React.ReactNode;
|
|
969
|
+
/** 개별 라디오 비활성화 */
|
|
970
|
+
disabled?: boolean;
|
|
971
|
+
}
|
|
930
972
|
interface RadioButtonGroupProps {
|
|
931
973
|
/** 그룹 라벨 */
|
|
932
974
|
label?: React.ReactNode;
|
|
@@ -950,14 +992,16 @@ interface RadioButtonGroupProps {
|
|
|
950
992
|
disabled?: boolean;
|
|
951
993
|
/** name (미지정 시 내부 생성) */
|
|
952
994
|
name?: string;
|
|
953
|
-
/**
|
|
954
|
-
|
|
995
|
+
/** 라디오 데이터 배열 (items 사용 시 children 불필요) */
|
|
996
|
+
items?: readonly RadioButtonItem[];
|
|
997
|
+
/** 자식 RadioButton 컴포넌트들 (items 미사용 시) */
|
|
998
|
+
children?: React.ReactNode;
|
|
955
999
|
/** 추가 CSS 클래스명 */
|
|
956
1000
|
className?: string;
|
|
957
1001
|
}
|
|
958
|
-
/**
|
|
1002
|
+
/** RadioButtonGroup은 여러 RadioButton을 그룹화하여 단일 선택을 관리한다. */
|
|
959
1003
|
declare const RadioButtonGroup: {
|
|
960
|
-
({ label, labelProps, description, descriptionProps, value: valueProp, defaultValue, onChange, disabled, name, children, className, }: RadioButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
1004
|
+
({ label, labelProps, description, descriptionProps, value: valueProp, defaultValue, onChange, disabled, name, items, children, className, }: RadioButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
961
1005
|
displayName: string;
|
|
962
1006
|
};
|
|
963
1007
|
|
|
@@ -1566,4 +1610,4 @@ declare const LAYOUT_SYSTEM: {
|
|
|
1566
1610
|
};
|
|
1567
1611
|
};
|
|
1568
1612
|
|
|
1569
|
-
export { ActionButton, type ActionButtonProps, type AlertOptions, BREAKPOINTS, Badge, type BadgeProps, type BadgeType, type BadgeVariant, BreakpointProvider, ActionButton as Button, type ButtonColor, type ActionButtonProps as ButtonProps, type ButtonSize, type ButtonState, type ButtonType, Calendar, type CalendarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Chip, ChipGroup, type ChipGroupProps, type ChipProps, type ChipSize, type ChipType, type ChipVariant, type ConfirmOptions, DateInput, type DateInputProps, type DateInputSlot, type DateInputState, type DateInputType, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSlot, type DatePickerType, Dialog, type DialogActionColor, type DialogActionItem, type DialogActionSize, type DialogActionType, type DialogAlign, type DialogFooterLayout, type DialogOptions, type DialogProps, DialogProvider, type DialogVariant, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonSize, type IconButtonState, type IconButtonType, LAYOUT_SYSTEM, Logo, type LogoColor, type LogoProps, type LogoSize, type LogoType, MEDIA_QUERIES, Pagination, type PaginationProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, SelectBox, type SelectBoxClassName, type SelectBoxProps, type SelectBoxSize, type SelectBoxState, type SelectBoxStyle, type SelectBoxType, SelectHeader, type SelectHeaderProps, type SelectHeaderType, SelectMenu, type SelectMenuItem, SelectMenuOverlay, TAILWIND_SCREENS, Tab, TabGroup, type TabGroupProps, type TabItem, type TabProps, type TabSize, type TabType, Tag, type TagProps, type TagSize, type TagState, type TagType, Text, type TextDecoration, TextField, type TextFieldProps, type TextFieldSize, type TextFieldState, type TextFieldType, type TextProps, type TextVariant, TimePicker, type TimePickerProps, Toast, type ToastHorizontalAlign, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastSize, type ToastState, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPosition, type TooltipProps, type TooltipType, type UseCheckboxGroupOptions, type UseCheckboxGroupResult, formatDate, parseDate, useBreakpoint, useCheckboxGroup, useDialog, useMediaQuery, useToast };
|
|
1613
|
+
export { ActionButton, type ActionButtonProps, type AlertOptions, BREAKPOINTS, Badge, type BadgeProps, type BadgeType, type BadgeVariant, BreakpointProvider, ActionButton as Button, type ButtonColor, type ActionButtonProps as ButtonProps, type ButtonSize, type ButtonState, type ButtonType, Calendar, type CalendarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxItem, type CheckboxProps, Chip, ChipGroup, type ChipGroupProps, type ChipItem, type ChipProps, type ChipSize, type ChipType, type ChipVariant, type ConfirmOptions, DateInput, type DateInputProps, type DateInputSlot, type DateInputState, type DateInputType, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSlot, type DatePickerType, Dialog, type DialogActionColor, type DialogActionItem, type DialogActionSize, type DialogActionType, type DialogAlign, type DialogFooterLayout, type DialogOptions, type DialogProps, DialogProvider, type DialogVariant, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonSize, type IconButtonState, type IconButtonType, LAYOUT_SYSTEM, Logo, type LogoColor, type LogoProps, type LogoSize, type LogoType, MEDIA_QUERIES, Pagination, type PaginationProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonItem, type RadioButtonProps, SelectBox, type SelectBoxClassName, type SelectBoxProps, type SelectBoxSize, type SelectBoxState, type SelectBoxStyle, type SelectBoxType, SelectHeader, type SelectHeaderProps, type SelectHeaderType, SelectMenu, type SelectMenuItem, SelectMenuOverlay, TAILWIND_SCREENS, Tab, TabGroup, type TabGroupProps, type TabItem, type TabProps, type TabSize, type TabType, Tag, type TagProps, type TagSize, type TagState, type TagType, Text, type TextDecoration, TextField, type TextFieldProps, type TextFieldSize, type TextFieldState, type TextFieldType, type TextProps, type TextVariant, TimePicker, type TimePickerProps, Toast, type ToastHorizontalAlign, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastSize, type ToastState, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPosition, type TooltipProps, type TooltipType, type UseCheckboxGroupOptions, type UseCheckboxGroupResult, formatDate, parseDate, useBreakpoint, useCheckboxGroup, useDialog, useMediaQuery, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -77,7 +77,7 @@ interface TabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "
|
|
|
77
77
|
badge?: boolean;
|
|
78
78
|
/** 탭 라벨 */
|
|
79
79
|
label: React.ReactNode;
|
|
80
|
-
/** 탭 값 (
|
|
80
|
+
/** 탭 값 (TabGroup에서 사용 시 식별자) */
|
|
81
81
|
value?: string;
|
|
82
82
|
/** 다크 모드 여부 */
|
|
83
83
|
mode?: boolean;
|
|
@@ -124,7 +124,7 @@ interface TabGroupProps {
|
|
|
124
124
|
/** 인라인 스타일 */
|
|
125
125
|
style?: React.CSSProperties;
|
|
126
126
|
}
|
|
127
|
-
/**
|
|
127
|
+
/** TabGroup은 여러 Tab을 그룹화하여 단일 선택을 관리한다. */
|
|
128
128
|
declare const TabGroup: {
|
|
129
129
|
({ value: valueProp, defaultValue, onChange, type, size, mode, disabled, items, children, gap, className, style, }: TabGroupProps): react_jsx_runtime.JSX.Element;
|
|
130
130
|
displayName: string;
|
|
@@ -170,6 +170,24 @@ interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>,
|
|
|
170
170
|
/** Close 버튼 클릭 핸들러 */
|
|
171
171
|
onClose?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
172
172
|
}
|
|
173
|
+
interface ChipItem {
|
|
174
|
+
/** Chip 식별 값 */
|
|
175
|
+
value: string;
|
|
176
|
+
/** Chip 라벨 */
|
|
177
|
+
label: React.ReactNode;
|
|
178
|
+
/** Prefix 아이콘 */
|
|
179
|
+
prefixIcon?: React.ReactNode;
|
|
180
|
+
/** Suffix 아이콘 */
|
|
181
|
+
suffixIcon?: React.ReactNode;
|
|
182
|
+
/** 체크 아이콘 표시 여부 */
|
|
183
|
+
showCheck?: boolean;
|
|
184
|
+
/** Close 버튼 표시 여부 */
|
|
185
|
+
showClose?: boolean;
|
|
186
|
+
/** Close 버튼 클릭 핸들러 */
|
|
187
|
+
onClose?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
188
|
+
/** 개별 Chip 비활성화 */
|
|
189
|
+
disabled?: boolean;
|
|
190
|
+
}
|
|
173
191
|
interface ChipGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
174
192
|
/** 선택된 값 (controlled) - 단일: string, 다중: string[] */
|
|
175
193
|
value?: string | string[];
|
|
@@ -189,12 +207,14 @@ interface ChipGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onC
|
|
|
189
207
|
showCheck?: boolean;
|
|
190
208
|
/** 전체 비활성화 */
|
|
191
209
|
disabled?: boolean;
|
|
192
|
-
/**
|
|
193
|
-
|
|
210
|
+
/** Chip 데이터 배열 (items 사용 시 children 불필요) */
|
|
211
|
+
items?: readonly ChipItem[];
|
|
212
|
+
/** 자식 Chip 컴포넌트들 (items 미사용 시) */
|
|
213
|
+
children?: React.ReactNode;
|
|
194
214
|
}
|
|
195
|
-
/**
|
|
215
|
+
/** ChipGroup은 여러 Chip을 그룹화하여 단일/다중 선택을 관리한다. */
|
|
196
216
|
declare const ChipGroup: {
|
|
197
|
-
({ value: valueProp, defaultValue, onChange, multiple, type, size, variant, showCheck, disabled, children, className, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
|
|
217
|
+
({ value: valueProp, defaultValue, onChange, multiple, type, size, variant, showCheck, disabled, items, children, className, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
|
|
198
218
|
displayName: string;
|
|
199
219
|
};
|
|
200
220
|
declare const Chip: {
|
|
@@ -202,7 +222,7 @@ declare const Chip: {
|
|
|
202
222
|
displayName: string;
|
|
203
223
|
} & {
|
|
204
224
|
Group: {
|
|
205
|
-
({ value: valueProp, defaultValue, onChange, multiple, type, size, variant, showCheck, disabled, children, className, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
|
|
225
|
+
({ value: valueProp, defaultValue, onChange, multiple, type, size, variant, showCheck, disabled, items, children, className, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
|
|
206
226
|
displayName: string;
|
|
207
227
|
};
|
|
208
228
|
};
|
|
@@ -647,6 +667,16 @@ interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>
|
|
|
647
667
|
}
|
|
648
668
|
/** Checkbox 컴포넌트는 사용자가 선택/해제할 수 있는 체크박스 입력 컴포넌트다. */
|
|
649
669
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
670
|
+
interface CheckboxItem {
|
|
671
|
+
/** 체크박스 식별 값 */
|
|
672
|
+
value: string;
|
|
673
|
+
/** 체크박스 라벨 */
|
|
674
|
+
label?: React.ReactNode;
|
|
675
|
+
/** 체크박스 설명 텍스트 */
|
|
676
|
+
description?: React.ReactNode;
|
|
677
|
+
/** 개별 체크박스 비활성화 */
|
|
678
|
+
disabled?: boolean;
|
|
679
|
+
}
|
|
650
680
|
interface CheckboxGroupProps {
|
|
651
681
|
/** 그룹 라벨 */
|
|
652
682
|
label?: React.ReactNode;
|
|
@@ -670,14 +700,16 @@ interface CheckboxGroupProps {
|
|
|
670
700
|
onChange?: (values: string[]) => void;
|
|
671
701
|
/** 비활성화 상태 */
|
|
672
702
|
disabled?: boolean;
|
|
673
|
-
/**
|
|
674
|
-
|
|
703
|
+
/** 체크박스 데이터 배열 (items 사용 시 children 불필요) */
|
|
704
|
+
items?: readonly CheckboxItem[];
|
|
705
|
+
/** 자식 Checkbox 컴포넌트들 (items 미사용 시) */
|
|
706
|
+
children?: React.ReactNode;
|
|
675
707
|
/** 추가 CSS 클래스명 */
|
|
676
708
|
className?: string;
|
|
677
709
|
}
|
|
678
|
-
/**
|
|
710
|
+
/** CheckboxGroup은 여러 Checkbox를 그룹화하여 관리할 수 있는 컴포넌트다. */
|
|
679
711
|
declare const CheckboxGroup: {
|
|
680
|
-
({ label, labelProps, description, descriptionProps, multiple, value: valueProp, defaultValue, onChange, disabled, children, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
|
|
712
|
+
({ label, labelProps, description, descriptionProps, multiple, value: valueProp, defaultValue, onChange, disabled, items, children, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
|
|
681
713
|
displayName: string;
|
|
682
714
|
};
|
|
683
715
|
|
|
@@ -927,6 +959,16 @@ interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputEleme
|
|
|
927
959
|
}
|
|
928
960
|
/** RadioButton은 단일 선택(라디오) 입력 컴포넌트다. */
|
|
929
961
|
declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
|
|
962
|
+
interface RadioButtonItem {
|
|
963
|
+
/** 라디오 식별 값 */
|
|
964
|
+
value: string;
|
|
965
|
+
/** 라디오 라벨 */
|
|
966
|
+
label?: React.ReactNode;
|
|
967
|
+
/** 라디오 설명 텍스트 */
|
|
968
|
+
description?: React.ReactNode;
|
|
969
|
+
/** 개별 라디오 비활성화 */
|
|
970
|
+
disabled?: boolean;
|
|
971
|
+
}
|
|
930
972
|
interface RadioButtonGroupProps {
|
|
931
973
|
/** 그룹 라벨 */
|
|
932
974
|
label?: React.ReactNode;
|
|
@@ -950,14 +992,16 @@ interface RadioButtonGroupProps {
|
|
|
950
992
|
disabled?: boolean;
|
|
951
993
|
/** name (미지정 시 내부 생성) */
|
|
952
994
|
name?: string;
|
|
953
|
-
/**
|
|
954
|
-
|
|
995
|
+
/** 라디오 데이터 배열 (items 사용 시 children 불필요) */
|
|
996
|
+
items?: readonly RadioButtonItem[];
|
|
997
|
+
/** 자식 RadioButton 컴포넌트들 (items 미사용 시) */
|
|
998
|
+
children?: React.ReactNode;
|
|
955
999
|
/** 추가 CSS 클래스명 */
|
|
956
1000
|
className?: string;
|
|
957
1001
|
}
|
|
958
|
-
/**
|
|
1002
|
+
/** RadioButtonGroup은 여러 RadioButton을 그룹화하여 단일 선택을 관리한다. */
|
|
959
1003
|
declare const RadioButtonGroup: {
|
|
960
|
-
({ label, labelProps, description, descriptionProps, value: valueProp, defaultValue, onChange, disabled, name, children, className, }: RadioButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
1004
|
+
({ label, labelProps, description, descriptionProps, value: valueProp, defaultValue, onChange, disabled, name, items, children, className, }: RadioButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
961
1005
|
displayName: string;
|
|
962
1006
|
};
|
|
963
1007
|
|
|
@@ -1566,4 +1610,4 @@ declare const LAYOUT_SYSTEM: {
|
|
|
1566
1610
|
};
|
|
1567
1611
|
};
|
|
1568
1612
|
|
|
1569
|
-
export { ActionButton, type ActionButtonProps, type AlertOptions, BREAKPOINTS, Badge, type BadgeProps, type BadgeType, type BadgeVariant, BreakpointProvider, ActionButton as Button, type ButtonColor, type ActionButtonProps as ButtonProps, type ButtonSize, type ButtonState, type ButtonType, Calendar, type CalendarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Chip, ChipGroup, type ChipGroupProps, type ChipProps, type ChipSize, type ChipType, type ChipVariant, type ConfirmOptions, DateInput, type DateInputProps, type DateInputSlot, type DateInputState, type DateInputType, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSlot, type DatePickerType, Dialog, type DialogActionColor, type DialogActionItem, type DialogActionSize, type DialogActionType, type DialogAlign, type DialogFooterLayout, type DialogOptions, type DialogProps, DialogProvider, type DialogVariant, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonSize, type IconButtonState, type IconButtonType, LAYOUT_SYSTEM, Logo, type LogoColor, type LogoProps, type LogoSize, type LogoType, MEDIA_QUERIES, Pagination, type PaginationProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, SelectBox, type SelectBoxClassName, type SelectBoxProps, type SelectBoxSize, type SelectBoxState, type SelectBoxStyle, type SelectBoxType, SelectHeader, type SelectHeaderProps, type SelectHeaderType, SelectMenu, type SelectMenuItem, SelectMenuOverlay, TAILWIND_SCREENS, Tab, TabGroup, type TabGroupProps, type TabItem, type TabProps, type TabSize, type TabType, Tag, type TagProps, type TagSize, type TagState, type TagType, Text, type TextDecoration, TextField, type TextFieldProps, type TextFieldSize, type TextFieldState, type TextFieldType, type TextProps, type TextVariant, TimePicker, type TimePickerProps, Toast, type ToastHorizontalAlign, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastSize, type ToastState, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPosition, type TooltipProps, type TooltipType, type UseCheckboxGroupOptions, type UseCheckboxGroupResult, formatDate, parseDate, useBreakpoint, useCheckboxGroup, useDialog, useMediaQuery, useToast };
|
|
1613
|
+
export { ActionButton, type ActionButtonProps, type AlertOptions, BREAKPOINTS, Badge, type BadgeProps, type BadgeType, type BadgeVariant, BreakpointProvider, ActionButton as Button, type ButtonColor, type ActionButtonProps as ButtonProps, type ButtonSize, type ButtonState, type ButtonType, Calendar, type CalendarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxItem, type CheckboxProps, Chip, ChipGroup, type ChipGroupProps, type ChipItem, type ChipProps, type ChipSize, type ChipType, type ChipVariant, type ConfirmOptions, DateInput, type DateInputProps, type DateInputSlot, type DateInputState, type DateInputType, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DatePickerSlot, type DatePickerType, Dialog, type DialogActionColor, type DialogActionItem, type DialogActionSize, type DialogActionType, type DialogAlign, type DialogFooterLayout, type DialogOptions, type DialogProps, DialogProvider, type DialogVariant, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonSize, type IconButtonState, type IconButtonType, LAYOUT_SYSTEM, Logo, type LogoColor, type LogoProps, type LogoSize, type LogoType, MEDIA_QUERIES, Pagination, type PaginationProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonItem, type RadioButtonProps, SelectBox, type SelectBoxClassName, type SelectBoxProps, type SelectBoxSize, type SelectBoxState, type SelectBoxStyle, type SelectBoxType, SelectHeader, type SelectHeaderProps, type SelectHeaderType, SelectMenu, type SelectMenuItem, SelectMenuOverlay, TAILWIND_SCREENS, Tab, TabGroup, type TabGroupProps, type TabItem, type TabProps, type TabSize, type TabType, Tag, type TagProps, type TagSize, type TagState, type TagType, Text, type TextDecoration, TextField, type TextFieldProps, type TextFieldSize, type TextFieldState, type TextFieldType, type TextProps, type TextVariant, TimePicker, type TimePickerProps, Toast, type ToastHorizontalAlign, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastSize, type ToastState, Toggle, type ToggleProps, type ToggleSize, Tooltip, type TooltipPosition, type TooltipProps, type TooltipType, type UseCheckboxGroupOptions, type UseCheckboxGroupResult, formatDate, parseDate, useBreakpoint, useCheckboxGroup, useDialog, useMediaQuery, useToast };
|