@hua-labs/ui 1.0.0 → 1.1.0-alpha.0.2
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/README.md +897 -210
- package/dist/ComponentLayout-BxCenSAm.d.mts +73 -0
- package/dist/advanced/dashboard.d.ts +7 -0
- package/dist/advanced/dashboard.d.ts.map +1 -0
- package/dist/advanced/motion.d.ts +2 -0
- package/dist/advanced/motion.d.ts.map +1 -0
- package/dist/advanced-dashboard.d.mts +4 -0
- package/dist/advanced-dashboard.js +2 -0
- package/dist/advanced-dashboard.js.map +1 -0
- package/dist/advanced-dashboard.mjs +2 -0
- package/dist/advanced-dashboard.mjs.map +1 -0
- package/dist/advanced-motion.d.mts +93 -0
- package/dist/advanced-motion.js +2 -0
- package/dist/advanced-motion.js.map +1 -0
- package/dist/advanced-motion.mjs +2 -0
- package/dist/advanced-motion.mjs.map +1 -0
- package/dist/advanced.d.mts +734 -0
- package/dist/advanced.d.ts +17 -0
- package/dist/advanced.d.ts.map +1 -0
- package/dist/advanced.js +2 -0
- package/dist/advanced.js.map +1 -0
- package/dist/advanced.mjs +2 -0
- package/dist/advanced.mjs.map +1 -0
- package/dist/chunk-627HOIRV.mjs +2 -0
- package/dist/chunk-627HOIRV.mjs.map +1 -0
- package/dist/chunk-ACEKLG37.mjs +2 -0
- package/dist/chunk-ACEKLG37.mjs.map +1 -0
- package/dist/chunk-E5PN4LUS.mjs +2 -0
- package/dist/chunk-E5PN4LUS.mjs.map +1 -0
- package/dist/chunk-KHEJZ3U4.mjs +2 -0
- package/dist/chunk-KHEJZ3U4.mjs.map +1 -0
- package/dist/chunk-MXGXBG63.mjs +2 -0
- package/dist/chunk-MXGXBG63.mjs.map +1 -0
- package/dist/chunk-R5KCFRYV.mjs +2 -0
- package/dist/chunk-R5KCFRYV.mjs.map +1 -0
- package/dist/chunk-UGSYQDR4.mjs +2 -0
- package/dist/chunk-UGSYQDR4.mjs.map +1 -0
- package/dist/chunk-UUHAXGMO.mjs +2 -0
- package/dist/chunk-UUHAXGMO.mjs.map +1 -0
- package/dist/chunk-VU264VFN.mjs +2 -0
- package/dist/chunk-VU264VFN.mjs.map +1 -0
- package/dist/chunk-ZFS4B5QT.mjs +2 -0
- package/dist/chunk-ZFS4B5QT.mjs.map +1 -0
- package/dist/components/Accordion.d.ts +109 -1
- package/dist/components/Accordion.d.ts.map +1 -1
- package/dist/components/Action.d.ts +68 -0
- package/dist/components/Action.d.ts.map +1 -0
- package/dist/components/ActionToolbar.d.ts +65 -0
- package/dist/components/ActionToolbar.d.ts.map +1 -0
- package/dist/components/Alert.d.ts +49 -0
- package/dist/components/Alert.d.ts.map +1 -1
- package/dist/components/Autocomplete.d.ts +88 -0
- package/dist/components/Autocomplete.d.ts.map +1 -0
- package/dist/components/Avatar.d.ts +71 -1
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Badge.d.ts +32 -2
- package/dist/components/Badge.d.ts.map +1 -1
- package/dist/components/Bookmark.d.ts +49 -0
- package/dist/components/Bookmark.d.ts.map +1 -0
- package/dist/components/BottomSheet.d.ts +91 -1
- package/dist/components/BottomSheet.d.ts.map +1 -1
- package/dist/components/Breadcrumb.d.ts +73 -14
- package/dist/components/Breadcrumb.d.ts.map +1 -1
- package/dist/components/Button.d.ts +82 -7
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Card.d.ts +122 -5
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/ChatMessage.d.ts +67 -1
- package/dist/components/ChatMessage.d.ts.map +1 -1
- package/dist/components/Checkbox.d.ts +48 -2
- package/dist/components/Checkbox.d.ts.map +1 -1
- package/dist/components/Command.d.ts +82 -1
- package/dist/components/Command.d.ts.map +1 -1
- package/dist/components/ComponentLayout.d.ts +72 -0
- package/dist/components/ComponentLayout.d.ts.map +1 -0
- package/dist/components/ConfirmModal.d.ts +66 -1
- package/dist/components/ConfirmModal.d.ts.map +1 -1
- package/dist/components/Container.d.ts +39 -0
- package/dist/components/Container.d.ts.map +1 -1
- package/dist/components/ContextMenu.d.ts +51 -1
- package/dist/components/ContextMenu.d.ts.map +1 -1
- package/dist/components/DatePicker.d.ts +62 -0
- package/dist/components/DatePicker.d.ts.map +1 -0
- package/dist/components/Divider.d.ts +13 -3
- package/dist/components/Divider.d.ts.map +1 -1
- package/dist/components/Drawer.d.ts +103 -1
- package/dist/components/Drawer.d.ts.map +1 -1
- package/dist/components/Dropdown.d.ts +51 -1
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/EmotionAnalysis.d.ts +59 -1
- package/dist/components/EmotionAnalysis.d.ts.map +1 -1
- package/dist/components/EmotionButton.d.ts +35 -1
- package/dist/components/EmotionButton.d.ts.map +1 -1
- package/dist/components/EmotionMeter.d.ts +38 -2
- package/dist/components/EmotionMeter.d.ts.map +1 -1
- package/dist/components/EmotionSelector.d.ts +51 -1
- package/dist/components/EmotionSelector.d.ts.map +1 -1
- package/dist/components/FeatureCard.d.ts +61 -0
- package/dist/components/FeatureCard.d.ts.map +1 -0
- package/dist/components/Form.d.ts +114 -0
- package/dist/components/Form.d.ts.map +1 -0
- package/dist/components/Grid.d.ts +42 -1
- package/dist/components/Grid.d.ts.map +1 -1
- package/dist/components/HeroSection.d.ts +77 -0
- package/dist/components/HeroSection.d.ts.map +1 -0
- package/dist/components/Icon/Icon.d.ts +159 -0
- package/dist/components/Icon/Icon.d.ts.map +1 -0
- package/dist/components/Icon/IconProvider.d.ts +94 -0
- package/dist/components/Icon/IconProvider.d.ts.map +1 -0
- package/dist/components/Icon/icon-store.d.ts +21 -0
- package/dist/components/Icon/icon-store.d.ts.map +1 -0
- package/dist/components/Icon/index.d.ts +10 -0
- package/dist/components/Icon/index.d.ts.map +1 -0
- package/dist/components/InfoCard.d.ts +48 -0
- package/dist/components/InfoCard.d.ts.map +1 -0
- package/dist/components/Input.d.ts +40 -8
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Label.d.ts +50 -0
- package/dist/components/Label.d.ts.map +1 -0
- package/dist/components/LanguageToggle.d.ts +41 -1
- package/dist/components/LanguageToggle.d.ts.map +1 -1
- package/dist/components/Link.d.ts +52 -0
- package/dist/components/Link.d.ts.map +1 -0
- package/dist/components/LoadingSpinner.d.ts +44 -5
- package/dist/components/LoadingSpinner.d.ts.map +1 -1
- package/dist/components/Menu.d.ts +92 -1
- package/dist/components/Menu.d.ts.map +1 -1
- package/dist/components/Modal.d.ts +67 -5
- package/dist/components/Modal.d.ts.map +1 -1
- package/dist/components/Navigation.d.ts +72 -0
- package/dist/components/Navigation.d.ts.map +1 -0
- package/dist/components/PageNavigation.d.ts +48 -0
- package/dist/components/PageNavigation.d.ts.map +1 -0
- package/dist/components/PageTransition.d.ts +44 -1
- package/dist/components/PageTransition.d.ts.map +1 -1
- package/dist/components/Pagination.d.ts +52 -1
- package/dist/components/Pagination.d.ts.map +1 -1
- package/dist/components/Panel.d.ts +99 -0
- package/dist/components/Panel.d.ts.map +1 -0
- package/dist/components/Popover.d.ts +46 -1
- package/dist/components/Popover.d.ts.map +1 -1
- package/dist/components/Progress.d.ts +52 -3
- package/dist/components/Progress.d.ts.map +1 -1
- package/dist/components/Radio.d.ts +44 -2
- package/dist/components/Radio.d.ts.map +1 -1
- package/dist/components/ScrollArea.d.ts +53 -1
- package/dist/components/ScrollArea.d.ts.map +1 -1
- package/dist/components/ScrollIndicator.d.ts +43 -1
- package/dist/components/ScrollIndicator.d.ts.map +1 -1
- package/dist/components/ScrollProgress.d.ts +37 -0
- package/dist/components/ScrollProgress.d.ts.map +1 -1
- package/dist/components/ScrollToTop.d.ts +48 -11
- package/dist/components/ScrollToTop.d.ts.map +1 -1
- package/dist/components/SectionHeader.d.ts +42 -0
- package/dist/components/SectionHeader.d.ts.map +1 -0
- package/dist/components/Select.d.ts +59 -2
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Skeleton.d.ts +44 -1
- package/dist/components/Skeleton.d.ts.map +1 -1
- package/dist/components/Slider.d.ts +75 -0
- package/dist/components/Slider.d.ts.map +1 -0
- package/dist/components/Stack.d.ts +42 -1
- package/dist/components/Stack.d.ts.map +1 -1
- package/dist/components/StatsPanel.d.ts +72 -0
- package/dist/components/StatsPanel.d.ts.map +1 -0
- package/dist/components/Switch.d.ts +48 -2
- package/dist/components/Switch.d.ts.map +1 -1
- package/dist/components/Table.d.ts +206 -0
- package/dist/components/Table.d.ts.map +1 -0
- package/dist/components/Tabs.d.ts +123 -10
- package/dist/components/Tabs.d.ts.map +1 -1
- package/dist/components/Textarea.d.ts +48 -2
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/ThemeProvider.d.ts +67 -2
- package/dist/components/ThemeProvider.d.ts.map +1 -1
- package/dist/components/ThemeToggle.d.ts +44 -0
- package/dist/components/ThemeToggle.d.ts.map +1 -1
- package/dist/components/Toast.d.ts +75 -1
- package/dist/components/Toast.d.ts.map +1 -1
- package/dist/components/Toggle.d.ts +62 -0
- package/dist/components/Toggle.d.ts.map +1 -0
- package/dist/components/Tooltip.d.ts +48 -1
- package/dist/components/Tooltip.d.ts.map +1 -1
- package/dist/components/Upload.d.ts +87 -0
- package/dist/components/Upload.d.ts.map +1 -0
- package/dist/components/advanced/AdvancedPageTransition.d.ts +25 -0
- package/dist/components/advanced/AdvancedPageTransition.d.ts.map +1 -0
- package/dist/components/advanced/index.d.ts +4 -0
- package/dist/components/advanced/index.d.ts.map +1 -0
- package/dist/components/advanced/usePageTransition.d.ts +33 -0
- package/dist/components/advanced/usePageTransition.d.ts.map +1 -0
- package/dist/components/advanced/usePageTransitionManager.d.ts +44 -0
- package/dist/components/advanced/usePageTransitionManager.d.ts.map +1 -0
- package/dist/components/dashboard/ActivityFeed.d.ts +87 -0
- package/dist/components/dashboard/ActivityFeed.d.ts.map +1 -0
- package/dist/components/dashboard/BarChart.d.ts +82 -0
- package/dist/components/dashboard/BarChart.d.ts.map +1 -0
- package/dist/components/dashboard/DashboardGrid.d.ts +44 -0
- package/dist/components/dashboard/DashboardGrid.d.ts.map +1 -0
- package/dist/components/dashboard/DashboardSidebar.d.ts +105 -0
- package/dist/components/dashboard/DashboardSidebar.d.ts.map +1 -0
- package/dist/components/dashboard/DashboardToolbar.d.ts +120 -0
- package/dist/components/dashboard/DashboardToolbar.d.ts.map +1 -0
- package/dist/components/dashboard/EmptyState.d.ts +61 -0
- package/dist/components/dashboard/EmptyState.d.ts.map +1 -0
- package/dist/components/dashboard/MembershipBadge.d.ts +45 -0
- package/dist/components/dashboard/MembershipBadge.d.ts.map +1 -0
- package/dist/components/dashboard/MerchantList.d.ts +98 -0
- package/dist/components/dashboard/MerchantList.d.ts.map +1 -0
- package/dist/components/dashboard/MetricCard.d.ts +75 -0
- package/dist/components/dashboard/MetricCard.d.ts.map +1 -0
- package/dist/components/dashboard/MiniBarChart.d.ts +60 -0
- package/dist/components/dashboard/MiniBarChart.d.ts.map +1 -0
- package/dist/components/dashboard/NotificationCard.d.ts +89 -0
- package/dist/components/dashboard/NotificationCard.d.ts.map +1 -0
- package/dist/components/dashboard/ProfileCard.d.ts +82 -0
- package/dist/components/dashboard/ProfileCard.d.ts.map +1 -0
- package/dist/components/dashboard/ProgressCard.d.ts +71 -0
- package/dist/components/dashboard/ProgressCard.d.ts.map +1 -0
- package/dist/components/dashboard/QuickActionCard.d.ts +63 -0
- package/dist/components/dashboard/QuickActionCard.d.ts.map +1 -0
- package/dist/components/dashboard/RoutingBreakdownCard.d.ts +88 -0
- package/dist/components/dashboard/RoutingBreakdownCard.d.ts.map +1 -0
- package/dist/components/dashboard/SettlementTimeline.d.ts +90 -0
- package/dist/components/dashboard/SettlementTimeline.d.ts.map +1 -0
- package/dist/components/dashboard/StatCard.d.ts +70 -0
- package/dist/components/dashboard/StatCard.d.ts.map +1 -0
- package/dist/components/dashboard/SummaryCard.d.ts +73 -0
- package/dist/components/dashboard/SummaryCard.d.ts.map +1 -0
- package/dist/components/dashboard/TransactionDetailDrawer.d.ts +183 -0
- package/dist/components/dashboard/TransactionDetailDrawer.d.ts.map +1 -0
- package/dist/components/dashboard/TransactionsTable.d.ts +137 -0
- package/dist/components/dashboard/TransactionsTable.d.ts.map +1 -0
- package/dist/components/dashboard/TrendChart.d.ts +75 -0
- package/dist/components/dashboard/TrendChart.d.ts.map +1 -0
- package/dist/components/dashboard/index.d.ts +41 -0
- package/dist/components/dashboard/index.d.ts.map +1 -0
- package/dist/components/scrollbar/scrollbar.d.ts +12 -0
- package/dist/components/scrollbar/scrollbar.d.ts.map +1 -0
- package/dist/dashboard-QMssHf5j.d.mts +1801 -0
- package/dist/feedback.d.mts +103 -0
- package/dist/feedback.d.ts +21 -0
- package/dist/feedback.d.ts.map +1 -0
- package/dist/feedback.js +2 -0
- package/dist/feedback.js.map +1 -0
- package/dist/feedback.mjs +2 -0
- package/dist/feedback.mjs.map +1 -0
- package/dist/form.d.mts +803 -0
- package/dist/form.d.ts +42 -0
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +2 -0
- package/dist/form.js.map +1 -0
- package/dist/form.mjs +2 -0
- package/dist/form.mjs.map +1 -0
- package/dist/hooks/useScrollToggle.d.ts +12 -0
- package/dist/hooks/useScrollToggle.d.ts.map +1 -0
- package/dist/icons-DoSGIez_.d.mts +135 -0
- package/dist/index.d.mts +3770 -0
- package/dist/index.d.ts +76 -38
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +37 -49
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +37 -0
- package/dist/index.mjs.map +1 -0
- package/dist/lib/icon-aliases.d.ts +24 -0
- package/dist/lib/icon-aliases.d.ts.map +1 -0
- package/dist/lib/icon-names.d.ts +47 -0
- package/dist/lib/icon-names.d.ts.map +1 -0
- package/dist/lib/icon-providers.d.ts +559 -0
- package/dist/lib/icon-providers.d.ts.map +1 -0
- package/dist/lib/icons.d.ts +113 -24
- package/dist/lib/icons.d.ts.map +1 -1
- package/dist/lib/phosphor-icons.d.ts +6 -0
- package/dist/lib/phosphor-icons.d.ts.map +1 -0
- package/dist/lib/styles/colors.d.ts +131 -0
- package/dist/lib/styles/colors.d.ts.map +1 -0
- package/dist/lib/styles/index.d.ts +8 -0
- package/dist/lib/styles/index.d.ts.map +1 -0
- package/dist/lib/styles/utils.d.ts +87 -0
- package/dist/lib/styles/utils.d.ts.map +1 -0
- package/dist/lib/styles/variants.d.ts +79 -0
- package/dist/lib/styles/variants.d.ts.map +1 -0
- package/dist/lib/types/common.d.ts +80 -0
- package/dist/lib/types/common.d.ts.map +1 -0
- package/dist/lib/types/index.d.ts +6 -0
- package/dist/lib/types/index.d.ts.map +1 -0
- package/dist/lib/utils.d.ts +73 -1
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/navigation.d.mts +105 -0
- package/dist/navigation.d.ts +22 -0
- package/dist/navigation.d.ts.map +1 -0
- package/dist/navigation.js +2 -0
- package/dist/navigation.js.map +1 -0
- package/dist/navigation.mjs +2 -0
- package/dist/navigation.mjs.map +1 -0
- package/package.json +92 -25
- package/src/styles/toast.css +23 -0
- package/dist/components/Accordion.js +0 -84
- package/dist/components/Alert.js +0 -61
- package/dist/components/Avatar.js +0 -18
- package/dist/components/Badge.js +0 -15
- package/dist/components/BottomSheet.js +0 -96
- package/dist/components/Breadcrumb.js +0 -47
- package/dist/components/Button.js +0 -23
- package/dist/components/Card.js +0 -18
- package/dist/components/ChatMessage.js +0 -59
- package/dist/components/Checkbox.js +0 -30
- package/dist/components/Command.js +0 -119
- package/dist/components/ConfirmModal.js +0 -53
- package/dist/components/Container.js +0 -23
- package/dist/components/ContextMenu.js +0 -110
- package/dist/components/Divider.js +0 -39
- package/dist/components/Drawer.js +0 -79
- package/dist/components/Dropdown.js +0 -174
- package/dist/components/EmotionAnalysis.js +0 -40
- package/dist/components/EmotionButton.js +0 -16
- package/dist/components/EmotionMeter.js +0 -21
- package/dist/components/EmotionSelector.js +0 -46
- package/dist/components/Grid.js +0 -44
- package/dist/components/Icon.d.ts +0 -26
- package/dist/components/Icon.d.ts.map +0 -1
- package/dist/components/Icon.js +0 -48
- package/dist/components/Input.js +0 -25
- package/dist/components/LanguageToggle.js +0 -61
- package/dist/components/LoadingSpinner.js +0 -37
- package/dist/components/Menu.js +0 -122
- package/dist/components/Modal.js +0 -62
- package/dist/components/PageTransition.js +0 -39
- package/dist/components/Pagination.js +0 -87
- package/dist/components/Popover.js +0 -159
- package/dist/components/Progress.js +0 -51
- package/dist/components/Radio.js +0 -29
- package/dist/components/ScrollArea.js +0 -42
- package/dist/components/ScrollIndicator.js +0 -60
- package/dist/components/ScrollProgress.js +0 -39
- package/dist/components/ScrollToTop.js +0 -46
- package/dist/components/Select.js +0 -29
- package/dist/components/Skeleton.js +0 -71
- package/dist/components/Stack.js +0 -34
- package/dist/components/Switch.js +0 -29
- package/dist/components/Tabs.js +0 -117
- package/dist/components/Textarea.js +0 -31
- package/dist/components/ThemeProvider.js +0 -76
- package/dist/components/ThemeToggle.js +0 -49
- package/dist/components/Toast.js +0 -138
- package/dist/components/Tooltip.js +0 -102
- package/dist/lib/icons.js +0 -321
- package/dist/lib/utils.js +0 -5
|
@@ -1,4 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Stack 컴포넌트의 props
|
|
4
|
+
* @typedef {Object} StackProps
|
|
5
|
+
* @property {"vertical" | "horizontal"} [direction="vertical"] - 스택 방향
|
|
6
|
+
* @property {"none" | "sm" | "md" | "lg" | "xl"} [spacing="md"] - 아이템 간 간격
|
|
7
|
+
* @property {"start" | "center" | "end" | "stretch"} [align="start"] - 교차축 정렬
|
|
8
|
+
* @property {"start" | "center" | "end" | "between" | "around" | "evenly"} [justify="start"] - 주축 정렬
|
|
9
|
+
* @property {boolean} [wrap=false] - 아이템 줄바꿈 허용
|
|
10
|
+
* @extends {React.HTMLAttributes<HTMLDivElement>}
|
|
11
|
+
*/
|
|
2
12
|
export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
13
|
direction?: "vertical" | "horizontal";
|
|
4
14
|
spacing?: "none" | "sm" | "md" | "lg" | "xl";
|
|
@@ -6,6 +16,37 @@ export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
6
16
|
justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
7
17
|
wrap?: boolean;
|
|
8
18
|
}
|
|
19
|
+
/**
|
|
20
|
+
* Stack 컴포넌트
|
|
21
|
+
*
|
|
22
|
+
* Flexbox를 사용한 스택 레이아웃 컴포넌트입니다.
|
|
23
|
+
* 수직 또는 수평 방향으로 아이템을 배치하고 정렬할 수 있습니다.
|
|
24
|
+
*
|
|
25
|
+
* @component
|
|
26
|
+
* @example
|
|
27
|
+
* // 기본 수직 스택
|
|
28
|
+
* <Stack spacing="md">
|
|
29
|
+
* <div>아이템 1</div>
|
|
30
|
+
* <div>아이템 2</div>
|
|
31
|
+
* </Stack>
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* // 수평 스택, 중앙 정렬
|
|
35
|
+
* <Stack direction="horizontal" spacing="lg" align="center" justify="between">
|
|
36
|
+
* <Button>왼쪽</Button>
|
|
37
|
+
* <Button>오른쪽</Button>
|
|
38
|
+
* </Stack>
|
|
39
|
+
*
|
|
40
|
+
* @example
|
|
41
|
+
* // 줄바꿈 허용
|
|
42
|
+
* <Stack direction="horizontal" wrap spacing="sm">
|
|
43
|
+
* {tags.map(tag => <Badge key={tag}>{tag}</Badge>)}
|
|
44
|
+
* </Stack>
|
|
45
|
+
*
|
|
46
|
+
* @param {StackProps} props - Stack 컴포넌트의 props
|
|
47
|
+
* @param {React.Ref<HTMLDivElement>} ref - div 요소 ref
|
|
48
|
+
* @returns {JSX.Element} Stack 컴포넌트
|
|
49
|
+
*/
|
|
9
50
|
declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
51
|
export { Stack };
|
|
11
52
|
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/components/Stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/components/Stack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;GASG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACtE,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,KAAK,mFAsDV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* StatsPanelItem 인터페이스 / StatsPanelItem interface
|
|
4
|
+
* @typedef {Object} StatsPanelItem
|
|
5
|
+
* @property {string} label - 통계 항목 라벨 / Stat item label
|
|
6
|
+
* @property {string | React.ReactNode} value - 통계 값 / Stat value
|
|
7
|
+
* @property {string | React.ReactNode} [description] - 통계 설명 / Stat description
|
|
8
|
+
* @property {"up" | "down" | "neutral"} [trend] - 추세 방향 / Trend direction
|
|
9
|
+
* @property {string} [trendValue] - 추세 값 / Trend value
|
|
10
|
+
* @property {"primary" | "secondary" | "neutral" | "warning"} [accent] - 강조 색상 / Accent color
|
|
11
|
+
* @property {React.ReactNode} [icon] - 아이콘 / Icon
|
|
12
|
+
*/
|
|
13
|
+
export interface StatsPanelItem {
|
|
14
|
+
label: string;
|
|
15
|
+
value: string | React.ReactNode;
|
|
16
|
+
description?: string | React.ReactNode;
|
|
17
|
+
trend?: "up" | "down" | "neutral";
|
|
18
|
+
trendValue?: string;
|
|
19
|
+
accent?: "primary" | "secondary" | "neutral" | "warning";
|
|
20
|
+
icon?: React.ReactNode;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* StatsPanel 컴포넌트의 props / StatsPanel component props
|
|
24
|
+
* @typedef {Object} StatsPanelProps
|
|
25
|
+
* @property {string} [title] - 패널 제목 / Panel title
|
|
26
|
+
* @property {StatsPanelItem[]} items - 통계 항목 배열 / Stat items array
|
|
27
|
+
* @property {1 | 2 | 3 | 4} [columns=4] - 그리드 컬럼 수 / Grid column count
|
|
28
|
+
* @property {boolean} [loading=false] - 로딩 상태 / Loading state
|
|
29
|
+
* @extends {React.HTMLAttributes<HTMLDivElement>}
|
|
30
|
+
*/
|
|
31
|
+
export interface StatsPanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
32
|
+
title?: string;
|
|
33
|
+
items: StatsPanelItem[];
|
|
34
|
+
columns?: 1 | 2 | 3 | 4;
|
|
35
|
+
loading?: boolean;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* StatsPanel 컴포넌트 / StatsPanel component
|
|
39
|
+
*
|
|
40
|
+
* 통계 정보를 표시하는 패널 컴포넌트입니다.
|
|
41
|
+
* 여러 통계 항목을 그리드 형태로 표시하며, 추세 정보를 포함할 수 있습니다.
|
|
42
|
+
*
|
|
43
|
+
* Panel component that displays statistics.
|
|
44
|
+
* Shows multiple stat items in grid format and can include trend information.
|
|
45
|
+
*
|
|
46
|
+
* @component
|
|
47
|
+
* @example
|
|
48
|
+
* // 기본 사용 / Basic usage
|
|
49
|
+
* <StatsPanel
|
|
50
|
+
* items={[
|
|
51
|
+
* { label: "총 사용자", value: "1,234", trend: "up", trendValue: "+12%" },
|
|
52
|
+
* { label: "활성 사용자", value: "567", trend: "down", trendValue: "-5%" }
|
|
53
|
+
* ]}
|
|
54
|
+
* />
|
|
55
|
+
*
|
|
56
|
+
* @example
|
|
57
|
+
* // 2열 그리드, 제목 포함 / 2-column grid with title
|
|
58
|
+
* <StatsPanel
|
|
59
|
+
* title="통계"
|
|
60
|
+
* columns={2}
|
|
61
|
+
* items={[
|
|
62
|
+
* { label: "항목 1", value: "100", accent: "primary" },
|
|
63
|
+
* { label: "항목 2", value: "200", accent: "secondary" }
|
|
64
|
+
* ]}
|
|
65
|
+
* />
|
|
66
|
+
*
|
|
67
|
+
* @param {StatsPanelProps} props - StatsPanel 컴포넌트의 props / StatsPanel component props
|
|
68
|
+
* @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
|
|
69
|
+
* @returns {JSX.Element} StatsPanel 컴포넌트 / StatsPanel component
|
|
70
|
+
*/
|
|
71
|
+
export declare const StatsPanel: React.ForwardRefExoticComponent<StatsPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
72
|
+
//# sourceMappingURL=StatsPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatsPanel.d.ts","sourceRoot":"","sources":["../../src/components/StatsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;;GAUG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,UAAU,wFAyJtB,CAAC"}
|
|
@@ -1,12 +1,58 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Switch 컴포넌트의 props / Switch component props
|
|
4
|
+
* @typedef {Object} SwitchProps
|
|
5
|
+
* @property {"default" | "outline" | "filled" | "glass"} [variant="default"] - Switch 스타일 변형 / Switch style variant
|
|
6
|
+
* @property {"sm" | "md" | "lg"} [size="md"] - Switch 크기 / Switch size
|
|
7
|
+
* @property {boolean} [error=false] - 에러 상태 표시 / Error state
|
|
8
|
+
* @property {boolean} [success=false] - 성공 상태 표시 / Success state
|
|
9
|
+
* @property {string} [label] - 스위치 레이블 텍스트 / Switch label text
|
|
10
|
+
* @property {string} [description] - 스위치 설명 텍스트 / Switch description text
|
|
11
|
+
* @extends {Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>}
|
|
12
|
+
*/
|
|
2
13
|
export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
3
|
-
variant?: "default" | "outline" | "filled";
|
|
14
|
+
variant?: "default" | "outline" | "filled" | "glass";
|
|
4
15
|
size?: "sm" | "md" | "lg";
|
|
5
16
|
error?: boolean;
|
|
6
17
|
success?: boolean;
|
|
7
18
|
label?: string;
|
|
8
19
|
description?: string;
|
|
9
20
|
}
|
|
21
|
+
/**
|
|
22
|
+
* Switch 컴포넌트 / Switch component
|
|
23
|
+
*
|
|
24
|
+
* 토글 스위치 입력 필드를 제공하는 컴포넌트입니다.
|
|
25
|
+
* ARIA 속성을 자동으로 설정하여 접근성을 지원합니다.
|
|
26
|
+
*
|
|
27
|
+
* Toggle switch input field component.
|
|
28
|
+
* Automatically sets ARIA attributes for accessibility support.
|
|
29
|
+
*
|
|
30
|
+
* @component
|
|
31
|
+
* @example
|
|
32
|
+
* // 기본 사용 / Basic usage
|
|
33
|
+
* <Switch label="알림 받기" />
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* // 제어 컴포넌트 / Controlled component
|
|
37
|
+
* const [enabled, setEnabled] = useState(false)
|
|
38
|
+
* <Switch
|
|
39
|
+
* checked={enabled}
|
|
40
|
+
* onChange={(e) => setEnabled(e.target.checked)}
|
|
41
|
+
* label="다크 모드"
|
|
42
|
+
* />
|
|
43
|
+
*
|
|
44
|
+
* @example
|
|
45
|
+
* // 에러 상태 / Error state
|
|
46
|
+
* <Switch
|
|
47
|
+
* label="필수 설정"
|
|
48
|
+
* description="이 설정을 활성화해야 합니다"
|
|
49
|
+
* error
|
|
50
|
+
* />
|
|
51
|
+
*
|
|
52
|
+
* @param {SwitchProps} props - Switch 컴포넌트의 props / Switch component props
|
|
53
|
+
* @param {React.Ref<HTMLInputElement>} ref - input 요소 ref / input element ref
|
|
54
|
+
* @returns {JSX.Element} Switch 컴포넌트 / Switch component
|
|
55
|
+
*/
|
|
10
56
|
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
|
|
11
57
|
export { Switch };
|
|
12
58
|
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;;GAUG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC5F,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,MAAM,sFAkGX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Table 컴포넌트의 props / Table component props
|
|
4
|
+
* @typedef {Object} TableProps
|
|
5
|
+
* @property {React.ReactNode} children - TableHeader, TableBody, TableFooter 등 / TableHeader, TableBody, TableFooter, etc.
|
|
6
|
+
* @property {"default" | "bordered" | "striped"} [variant="default"] - Table 스타일 변형 / Table style variant
|
|
7
|
+
* @property {"sm" | "md" | "lg"} [size="md"] - Table 크기 / Table size
|
|
8
|
+
* @extends {React.HTMLAttributes<HTMLTableElement>}
|
|
9
|
+
*/
|
|
10
|
+
export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
variant?: "default" | "bordered" | "striped";
|
|
13
|
+
size?: "sm" | "md" | "lg";
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* TableHeader 컴포넌트의 props / TableHeader component props
|
|
17
|
+
* @typedef {Object} TableHeaderProps
|
|
18
|
+
* @property {React.ReactNode} children - TableHead 컴포넌트들 / TableHead components
|
|
19
|
+
* @extends {React.HTMLAttributes<HTMLTableSectionElement>}
|
|
20
|
+
*/
|
|
21
|
+
export interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
22
|
+
children: React.ReactNode;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* TableBody 컴포넌트의 props / TableBody component props
|
|
26
|
+
* @typedef {Object} TableBodyProps
|
|
27
|
+
* @property {React.ReactNode} children - TableRow 컴포넌트들 / TableRow components
|
|
28
|
+
* @extends {React.HTMLAttributes<HTMLTableSectionElement>}
|
|
29
|
+
*/
|
|
30
|
+
export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
31
|
+
children: React.ReactNode;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* TableFooter 컴포넌트의 props / TableFooter component props
|
|
35
|
+
* @typedef {Object} TableFooterProps
|
|
36
|
+
* @property {React.ReactNode} children - TableRow 컴포넌트들 / TableRow components
|
|
37
|
+
* @extends {React.HTMLAttributes<HTMLTableSectionElement>}
|
|
38
|
+
*/
|
|
39
|
+
export interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
40
|
+
children: React.ReactNode;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* TableRow 컴포넌트의 props / TableRow component props
|
|
44
|
+
* @typedef {Object} TableRowProps
|
|
45
|
+
* @property {React.ReactNode} children - TableHead 또는 TableCell 컴포넌트들 / TableHead or TableCell components
|
|
46
|
+
* @property {"default" | "hover"} [variant="default"] - Row 스타일 변형 / Row style variant
|
|
47
|
+
* @extends {React.HTMLAttributes<HTMLTableRowElement>}
|
|
48
|
+
*/
|
|
49
|
+
export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
50
|
+
children: React.ReactNode;
|
|
51
|
+
variant?: "default" | "hover";
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* TableHead 컴포넌트의 props / TableHead component props
|
|
55
|
+
* @typedef {Object} TableHeadProps
|
|
56
|
+
* @property {React.ReactNode} children - 헤더 셀 내용 / Header cell content
|
|
57
|
+
* @extends {React.ThHTMLAttributes<HTMLTableCellElement>}
|
|
58
|
+
*/
|
|
59
|
+
export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
|
60
|
+
children: React.ReactNode;
|
|
61
|
+
}
|
|
62
|
+
/**
|
|
63
|
+
* TableCell 컴포넌트의 props / TableCell component props
|
|
64
|
+
* @typedef {Object} TableCellProps
|
|
65
|
+
* @property {React.ReactNode} children - 셀 내용 / Cell content
|
|
66
|
+
* @extends {React.TdHTMLAttributes<HTMLTableCellElement>}
|
|
67
|
+
*/
|
|
68
|
+
export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
|
|
69
|
+
children: React.ReactNode;
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Table 컴포넌트 / Table component
|
|
73
|
+
*
|
|
74
|
+
* 데이터를 표 형태로 표시하는 테이블 컴포넌트입니다.
|
|
75
|
+
* TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell과 함께 사용합니다.
|
|
76
|
+
*
|
|
77
|
+
* Table component that displays data in tabular format.
|
|
78
|
+
* Used with TableHeader, TableBody, TableFooter, TableRow, TableHead, and TableCell.
|
|
79
|
+
*
|
|
80
|
+
* @component
|
|
81
|
+
* @example
|
|
82
|
+
* // 기본 사용 / Basic usage
|
|
83
|
+
* <Table>
|
|
84
|
+
* <TableHeader>
|
|
85
|
+
* <TableRow>
|
|
86
|
+
* <TableHead>이름</TableHead>
|
|
87
|
+
* <TableHead>나이</TableHead>
|
|
88
|
+
* </TableRow>
|
|
89
|
+
* </TableHeader>
|
|
90
|
+
* <TableBody>
|
|
91
|
+
* <TableRow>
|
|
92
|
+
* <TableCell>홍길동</TableCell>
|
|
93
|
+
* <TableCell>30</TableCell>
|
|
94
|
+
* </TableRow>
|
|
95
|
+
* </TableBody>
|
|
96
|
+
* </Table>
|
|
97
|
+
*
|
|
98
|
+
* @example
|
|
99
|
+
* // Bordered 스타일 / Bordered style
|
|
100
|
+
* <Table variant="bordered">
|
|
101
|
+
* <TableHeader>
|
|
102
|
+
* <TableRow>
|
|
103
|
+
* <TableHead>항목</TableHead>
|
|
104
|
+
* </TableRow>
|
|
105
|
+
* </TableHeader>
|
|
106
|
+
* <TableBody>
|
|
107
|
+
* <TableRow>
|
|
108
|
+
* <TableCell>값</TableCell>
|
|
109
|
+
* </TableRow>
|
|
110
|
+
* </TableBody>
|
|
111
|
+
* </Table>
|
|
112
|
+
*
|
|
113
|
+
* @example
|
|
114
|
+
* // Striped 스타일, 호버 효과 / Striped style with hover effect
|
|
115
|
+
* <Table variant="striped">
|
|
116
|
+
* <TableBody>
|
|
117
|
+
* <TableRow variant="hover">
|
|
118
|
+
* <TableCell>데이터</TableCell>
|
|
119
|
+
* </TableRow>
|
|
120
|
+
* </TableBody>
|
|
121
|
+
* </Table>
|
|
122
|
+
*
|
|
123
|
+
* @param {TableProps} props - Table 컴포넌트의 props / Table component props
|
|
124
|
+
* @param {React.Ref<HTMLTableElement>} ref - table 요소 ref / table element ref
|
|
125
|
+
* @returns {JSX.Element} Table 컴포넌트 / Table component
|
|
126
|
+
*/
|
|
127
|
+
declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
|
|
128
|
+
/**
|
|
129
|
+
* TableHeader 컴포넌트 / TableHeader component
|
|
130
|
+
* 테이블의 헤더 영역을 표시합니다.
|
|
131
|
+
* Displays the header area of a table.
|
|
132
|
+
*
|
|
133
|
+
* @component
|
|
134
|
+
* @param {TableHeaderProps} props - TableHeader 컴포넌트의 props / TableHeader component props
|
|
135
|
+
* @param {React.Ref<HTMLTableSectionElement>} ref - thead 요소 ref / thead element ref
|
|
136
|
+
* @returns {JSX.Element} TableHeader 컴포넌트 / TableHeader component
|
|
137
|
+
*/
|
|
138
|
+
declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
|
|
139
|
+
/**
|
|
140
|
+
* TableBody 컴포넌트 / TableBody component
|
|
141
|
+
* 테이블의 본문 영역을 표시합니다.
|
|
142
|
+
* Displays the body area of a table.
|
|
143
|
+
*
|
|
144
|
+
* @component
|
|
145
|
+
* @param {TableBodyProps} props - TableBody 컴포넌트의 props / TableBody component props
|
|
146
|
+
* @param {React.Ref<HTMLTableSectionElement>} ref - tbody 요소 ref / tbody element ref
|
|
147
|
+
* @returns {JSX.Element} TableBody 컴포넌트 / TableBody component
|
|
148
|
+
*/
|
|
149
|
+
declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
|
|
150
|
+
/**
|
|
151
|
+
* TableFooter 컴포넌트 / TableFooter component
|
|
152
|
+
* 테이블의 푸터 영역을 표시합니다.
|
|
153
|
+
* Displays the footer area of a table.
|
|
154
|
+
*
|
|
155
|
+
* @component
|
|
156
|
+
* @param {TableFooterProps} props - TableFooter 컴포넌트의 props / TableFooter component props
|
|
157
|
+
* @param {React.Ref<HTMLTableSectionElement>} ref - tfoot 요소 ref / tfoot element ref
|
|
158
|
+
* @returns {JSX.Element} TableFooter 컴포넌트 / TableFooter component
|
|
159
|
+
*/
|
|
160
|
+
declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
|
|
161
|
+
/**
|
|
162
|
+
* TableRow 컴포넌트 / TableRow component
|
|
163
|
+
* 테이블의 행을 표시합니다.
|
|
164
|
+
* Displays a table row.
|
|
165
|
+
*
|
|
166
|
+
* @component
|
|
167
|
+
* @param {TableRowProps} props - TableRow 컴포넌트의 props / TableRow component props
|
|
168
|
+
* @param {React.Ref<HTMLTableRowElement>} ref - tr 요소 ref / tr element ref
|
|
169
|
+
* @returns {JSX.Element} TableRow 컴포넌트 / TableRow component
|
|
170
|
+
*/
|
|
171
|
+
declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
|
|
172
|
+
/**
|
|
173
|
+
* TableHead 컴포넌트 / TableHead component
|
|
174
|
+
* 테이블의 헤더 셀을 표시합니다.
|
|
175
|
+
* Displays a table header cell.
|
|
176
|
+
*
|
|
177
|
+
* @component
|
|
178
|
+
* @param {TableHeadProps} props - TableHead 컴포넌트의 props / TableHead component props
|
|
179
|
+
* @param {React.Ref<HTMLTableCellElement>} ref - th 요소 ref / th element ref
|
|
180
|
+
* @returns {JSX.Element} TableHead 컴포넌트 / TableHead component
|
|
181
|
+
*/
|
|
182
|
+
declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
183
|
+
/**
|
|
184
|
+
* TableCell 컴포넌트 / TableCell component
|
|
185
|
+
* 테이블의 데이터 셀을 표시합니다.
|
|
186
|
+
* Displays a table data cell.
|
|
187
|
+
*
|
|
188
|
+
* @component
|
|
189
|
+
* @param {TableCellProps} props - TableCell 컴포넌트의 props / TableCell component props
|
|
190
|
+
* @param {React.Ref<HTMLTableCellElement>} ref - td 요소 ref / td element ref
|
|
191
|
+
* @returns {JSX.Element} TableCell 컴포넌트 / TableCell component
|
|
192
|
+
*/
|
|
193
|
+
declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
194
|
+
/**
|
|
195
|
+
* TableCaption 컴포넌트 / TableCaption component
|
|
196
|
+
* 테이블의 캡션을 표시합니다.
|
|
197
|
+
* Displays a table caption.
|
|
198
|
+
*
|
|
199
|
+
* @component
|
|
200
|
+
* @param {React.HTMLAttributes<HTMLTableCaptionElement>} props - TableCaption 컴포넌트의 props / TableCaption component props
|
|
201
|
+
* @param {React.Ref<HTMLTableCaptionElement>} ref - caption 요소 ref / caption element ref
|
|
202
|
+
* @returns {JSX.Element} TableCaption 컴포넌트 / TableCaption component
|
|
203
|
+
*/
|
|
204
|
+
declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
205
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
|
|
206
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;GAOG;AACH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;IAC5C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACrF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;;GAKG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACrF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;;;GAMG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC9B;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;;GAKG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,QAAA,MAAM,KAAK,qFAuCV,CAAA;AAGD;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW,kGAIhB,CAAA;AAGD;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,gGAQd,CAAA;AAGD;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW,kGAWhB,CAAA;AAGD;;;;;;;;;GASG;AACH,QAAA,MAAM,QAAQ,2FAuBb,CAAA;AAGD;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,6FAWd,CAAA;AAGD;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS,6FAQd,CAAA;AAGD;;;;;;;;;GASG;AACH,QAAA,MAAM,YAAY,+HAQjB,CAAA;AAGD,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}
|
|
@@ -1,4 +1,37 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* TabsContent 컴포넌트의 props / TabsContent component props
|
|
4
|
+
* @typedef {Object} TabsContentProps
|
|
5
|
+
* @property {string} value - 탭 패널의 고유 값 (TabsTrigger의 value와 일치해야 함) / Unique value for tab panel (must match TabsTrigger value)
|
|
6
|
+
* @property {boolean} [active] - 탭 패널 활성화 상태 (자동 설정됨) / Tab panel active state (auto-set)
|
|
7
|
+
* @extends {React.HTMLAttributes<HTMLDivElement>}
|
|
8
|
+
*/
|
|
9
|
+
export interface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
value: string;
|
|
11
|
+
active?: boolean;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* TabsContent 컴포넌트 / TabsContent component
|
|
15
|
+
* 탭의 콘텐츠 패널을 표시합니다. Tabs 컴포넌트 내부에서 사용됩니다.
|
|
16
|
+
* Displays the tab content panel. Used inside Tabs component.
|
|
17
|
+
*
|
|
18
|
+
* @component
|
|
19
|
+
* @param {TabsContentProps} props - TabsContent 컴포넌트의 props / TabsContent component props
|
|
20
|
+
* @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
|
|
21
|
+
* @returns {JSX.Element} TabsContent 컴포넌트 / TabsContent component
|
|
22
|
+
*/
|
|
23
|
+
declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
/**
|
|
25
|
+
* Tabs 컴포넌트의 props / Tabs component props
|
|
26
|
+
* @typedef {Object} TabsProps
|
|
27
|
+
* @property {string} [value] - 현재 활성화된 탭 값 (제어 컴포넌트) / Currently active tab value (controlled component)
|
|
28
|
+
* @property {string} [defaultValue] - 초기 활성화된 탭 값 (비제어 컴포넌트) / Initial active tab value (uncontrolled component)
|
|
29
|
+
* @property {(value: string) => void} [onValueChange] - 탭 변경 시 호출되는 콜백 / Callback when tab changes
|
|
30
|
+
* @property {"horizontal" | "vertical"} [orientation="horizontal"] - 탭 방향 / Tab orientation
|
|
31
|
+
* @property {"default" | "pills" | "underline" | "cards"} [variant="default"] - 탭 스타일 변형 / Tab style variant
|
|
32
|
+
* @property {"sm" | "md" | "lg"} [size="md"] - 탭 크기 / Tab size
|
|
33
|
+
* @extends {React.HTMLAttributes<HTMLDivElement>}
|
|
34
|
+
*/
|
|
2
35
|
export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
36
|
value?: string;
|
|
4
37
|
defaultValue?: string;
|
|
@@ -7,7 +40,60 @@ export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
7
40
|
variant?: "default" | "pills" | "underline" | "cards";
|
|
8
41
|
size?: "sm" | "md" | "lg";
|
|
9
42
|
}
|
|
43
|
+
/**
|
|
44
|
+
* Tabs 컴포넌트 / Tabs component
|
|
45
|
+
*
|
|
46
|
+
* 탭 네비게이션을 제공하는 컴포넌트입니다.
|
|
47
|
+
* 키보드 네비게이션(Arrow keys, Home/End)을 지원하며, ARIA 속성을 자동으로 설정합니다.
|
|
48
|
+
*
|
|
49
|
+
* Component that provides tab navigation.
|
|
50
|
+
* Supports keyboard navigation (Arrow keys, Home/End) and automatically sets ARIA attributes.
|
|
51
|
+
*
|
|
52
|
+
* @component
|
|
53
|
+
* @example
|
|
54
|
+
* // 기본 사용 / Basic usage
|
|
55
|
+
* <Tabs defaultValue="tab1">
|
|
56
|
+
* <TabsList>
|
|
57
|
+
* <TabsTrigger value="tab1">탭 1</TabsTrigger>
|
|
58
|
+
* <TabsTrigger value="tab2">탭 2</TabsTrigger>
|
|
59
|
+
* </TabsList>
|
|
60
|
+
* <TabsContent value="tab1">탭 1 내용</TabsContent>
|
|
61
|
+
* <TabsContent value="tab2">탭 2 내용</TabsContent>
|
|
62
|
+
* </Tabs>
|
|
63
|
+
*
|
|
64
|
+
* @example
|
|
65
|
+
* // 제어 컴포넌트 / Controlled component
|
|
66
|
+
* const [activeTab, setActiveTab] = useState("tab1")
|
|
67
|
+
* <Tabs value={activeTab} onValueChange={setActiveTab}>
|
|
68
|
+
* <TabsList>
|
|
69
|
+
* <TabsTrigger value="tab1">탭 1</TabsTrigger>
|
|
70
|
+
* </TabsList>
|
|
71
|
+
* <TabsContent value="tab1">내용</TabsContent>
|
|
72
|
+
* </Tabs>
|
|
73
|
+
*
|
|
74
|
+
* @example
|
|
75
|
+
* // 다양한 변형 / Various variants
|
|
76
|
+
* <Tabs variant="pills" size="lg">
|
|
77
|
+
* <TabsList>
|
|
78
|
+
* <TabsTrigger value="tab1">Pills 스타일</TabsTrigger>
|
|
79
|
+
* </TabsList>
|
|
80
|
+
* </Tabs>
|
|
81
|
+
*
|
|
82
|
+
* @param {TabsProps} props - Tabs 컴포넌트의 props / Tabs component props
|
|
83
|
+
* @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
|
|
84
|
+
* @returns {JSX.Element} Tabs 컴포넌트 / Tabs component
|
|
85
|
+
*/
|
|
10
86
|
declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
87
|
+
/**
|
|
88
|
+
* TabsList 컴포넌트의 props / TabsList component props
|
|
89
|
+
* @typedef {Object} TabsListProps
|
|
90
|
+
* @property {string} [value] - 현재 활성화된 탭 값 (Tabs에서 자동 전달) / Currently active tab value (auto-passed from Tabs)
|
|
91
|
+
* @property {(value: string) => void} [onValueChange] - 탭 변경 콜백 (Tabs에서 자동 전달) / Tab change callback (auto-passed from Tabs)
|
|
92
|
+
* @property {"horizontal" | "vertical"} [orientation] - 탭 방향 (Tabs에서 자동 전달) / Tab orientation (auto-passed from Tabs)
|
|
93
|
+
* @property {"default" | "pills" | "underline" | "cards"} [variant] - 탭 스타일 (Tabs에서 자동 전달) / Tab style (auto-passed from Tabs)
|
|
94
|
+
* @property {"sm" | "md" | "lg"} [size] - 탭 크기 (Tabs에서 자동 전달) / Tab size (auto-passed from Tabs)
|
|
95
|
+
* @extends {React.HTMLAttributes<HTMLDivElement>}
|
|
96
|
+
*/
|
|
11
97
|
export interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
12
98
|
value?: string;
|
|
13
99
|
onValueChange?: (value: string) => void;
|
|
@@ -15,22 +101,49 @@ export interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
15
101
|
variant?: "default" | "pills" | "underline" | "cards";
|
|
16
102
|
size?: "sm" | "md" | "lg";
|
|
17
103
|
}
|
|
104
|
+
/**
|
|
105
|
+
* TabsList 컴포넌트 / TabsList component
|
|
106
|
+
* 탭 트리거 목록을 표시합니다. Tabs 컴포넌트 내부에서 사용됩니다.
|
|
107
|
+
* Displays the list of tab triggers. Used inside Tabs component.
|
|
108
|
+
*
|
|
109
|
+
* @component
|
|
110
|
+
* @param {TabsListProps} props - TabsList 컴포넌트의 props / TabsList component props
|
|
111
|
+
* @param {React.Ref<HTMLDivElement>} ref - div 요소 ref / div element ref
|
|
112
|
+
* @returns {JSX.Element} TabsList 컴포넌트 / TabsList component
|
|
113
|
+
*/
|
|
18
114
|
declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
|
|
115
|
+
/**
|
|
116
|
+
* TabsTrigger 컴포넌트의 props
|
|
117
|
+
* @typedef {Object} TabsTriggerProps
|
|
118
|
+
* @property {string} value - 탭 트리거의 고유 값 (TabsContent의 value와 일치해야 함)
|
|
119
|
+
* @property {(value: string) => void} [onValueChange] - 탭 변경 콜백 (TabsList에서 자동 전달)
|
|
120
|
+
* @property {"horizontal" | "vertical"} [orientation] - 탭 방향 (TabsList에서 자동 전달)
|
|
121
|
+
* @property {"default" | "pills" | "underline" | "cards"} [variant] - 탭 스타일 (TabsList에서 자동 전달)
|
|
122
|
+
* @property {"sm" | "md" | "lg"} [size] - 탭 크기 (TabsList에서 자동 전달)
|
|
123
|
+
* @property {boolean} [active] - 탭 활성화 상태 (자동 설정됨)
|
|
124
|
+
* @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
|
|
125
|
+
*/
|
|
19
126
|
export interface TabsTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
20
127
|
value: string;
|
|
128
|
+
onValueChange?: (value: string) => void;
|
|
21
129
|
orientation?: "horizontal" | "vertical";
|
|
22
130
|
variant?: "default" | "pills" | "underline" | "cards";
|
|
23
131
|
size?: "sm" | "md" | "lg";
|
|
24
132
|
active?: boolean;
|
|
25
133
|
}
|
|
134
|
+
/**
|
|
135
|
+
* TabsTrigger 컴포넌트 / TabsTrigger component
|
|
136
|
+
* 탭을 활성화하는 버튼입니다. TabsList 컴포넌트 내부에서 사용됩니다.
|
|
137
|
+
* Button that activates a tab. Used inside TabsList component.
|
|
138
|
+
*
|
|
139
|
+
* @component
|
|
140
|
+
* @param {TabsTriggerProps} props - TabsTrigger 컴포넌트의 props / TabsTrigger component props
|
|
141
|
+
* @param {React.Ref<HTMLButtonElement>} ref - button 요소 ref / button element ref
|
|
142
|
+
* @returns {JSX.Element} TabsTrigger 컴포넌트 / TabsTrigger component
|
|
143
|
+
*/
|
|
26
144
|
declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
-
export declare const TabsPills: React.ForwardRefExoticComponent<Omit<TabsProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
|
|
33
|
-
export declare const TabsUnderline: React.ForwardRefExoticComponent<Omit<TabsProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
-
export declare const TabsCards: React.ForwardRefExoticComponent<Omit<TabsProps, "variant"> & React.RefAttributes<HTMLDivElement>>;
|
|
35
|
-
export { Tabs, TabsList, TabsTrigger, TabsContent };
|
|
145
|
+
declare const TabsPills: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
146
|
+
declare const TabsUnderline: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
147
|
+
declare const TabsCards: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
148
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent, TabsPills, TabsUnderline, TabsCards };
|
|
36
149
|
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/components/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/components/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;GAMG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW,yFAsBhB,CAAA;AAGD;;;;;;;;;;GAUG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,OAAO,CAAA;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,QAAA,MAAM,IAAI,kFAmET,CAAA;AAGD;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,OAAO,CAAA;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,QAAQ,sFAiIb,CAAA;AAGD;;;;;;;;;;GAUG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,OAAO,CAAA;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW,4FAqFhB,CAAA;AAID,QAAA,MAAM,SAAS,kFAEd,CAAA;AAGD,QAAA,MAAM,aAAa,kFAElB,CAAA;AAGD,QAAA,MAAM,SAAS,kFAEd,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -1,11 +1,57 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Textarea 컴포넌트의 props / Textarea component props
|
|
4
|
+
* @typedef {Object} TextareaProps
|
|
5
|
+
* @property {"default" | "outline" | "filled" | "ghost" | "glass"} [variant="default"] - Textarea 스타일 변형 / Textarea style variant
|
|
6
|
+
* @property {"sm" | "md" | "lg"} [size="md"] - Textarea 크기 / Textarea size
|
|
7
|
+
* @property {boolean} [error=false] - 에러 상태 표시 / Error state
|
|
8
|
+
* @property {boolean} [success=false] - 성공 상태 표시 / Success state
|
|
9
|
+
* @property {"none" | "vertical" | "horizontal" | "both"} [resize="vertical"] - 크기 조절 방향 / Resize direction
|
|
10
|
+
* @extends {React.TextareaHTMLAttributes<HTMLTextAreaElement>}
|
|
11
|
+
*/
|
|
2
12
|
export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
3
|
-
variant?: "default" | "outline" | "filled" | "ghost";
|
|
13
|
+
variant?: "default" | "outline" | "filled" | "ghost" | "glass";
|
|
4
14
|
size?: "sm" | "md" | "lg";
|
|
5
15
|
error?: boolean;
|
|
6
16
|
success?: boolean;
|
|
7
17
|
resize?: "none" | "vertical" | "horizontal" | "both";
|
|
8
18
|
}
|
|
19
|
+
/**
|
|
20
|
+
* Textarea 컴포넌트 / Textarea component
|
|
21
|
+
*
|
|
22
|
+
* 여러 줄 텍스트 입력을 위한 텍스트 영역 컴포넌트입니다.
|
|
23
|
+
* 다양한 스타일 변형과 크기를 지원하며, 접근성 속성을 포함합니다.
|
|
24
|
+
*
|
|
25
|
+
* Text area component for multi-line text input.
|
|
26
|
+
* Supports various style variants and sizes, includes accessibility attributes.
|
|
27
|
+
*
|
|
28
|
+
* @component
|
|
29
|
+
* @example
|
|
30
|
+
* // 기본 사용 / Basic usage
|
|
31
|
+
* <Textarea placeholder="내용을 입력하세요" />
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* // 에러 상태 / Error state
|
|
35
|
+
* <Textarea
|
|
36
|
+
* error
|
|
37
|
+
* placeholder="에러가 발생했습니다"
|
|
38
|
+
* aria-label="설명 입력"
|
|
39
|
+
* />
|
|
40
|
+
*
|
|
41
|
+
* @example
|
|
42
|
+
* // 크기 조절 비활성화 / Disable resize
|
|
43
|
+
* <Textarea
|
|
44
|
+
* resize="none"
|
|
45
|
+
* rows={5}
|
|
46
|
+
* placeholder="고정 크기 텍스트 영역"
|
|
47
|
+
* />
|
|
48
|
+
*
|
|
49
|
+
* @param {TextareaProps} props - Textarea 컴포넌트의 props / Textarea component props
|
|
50
|
+
* @param {React.Ref<HTMLTextAreaElement>} ref - textarea 요소 ref / textarea element ref
|
|
51
|
+
* @returns {JSX.Element} Textarea 컴포넌트 / Textarea component
|
|
52
|
+
*
|
|
53
|
+
* @todo 접근성 개선: aria-invalid 속성 자동 추가 필요 / Accessibility improvement: auto-add aria-invalid attribute
|
|
54
|
+
*/
|
|
9
55
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
10
56
|
export { Textarea };
|
|
11
57
|
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAA;IAC9D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;CACrD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,QAAA,MAAM,QAAQ,2FA0Db,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|