@mdigital_ui/ui 0.3.5 → 0.3.7
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/accordion/index.d.ts +6 -0
- package/dist/accordion/index.d.ts.map +1 -0
- package/dist/accordion/types.d.ts +125 -0
- package/dist/accordion/types.d.ts.map +1 -0
- package/dist/avatar/index.d.ts +14 -0
- package/dist/avatar/index.d.ts.map +1 -0
- package/dist/avatar/types.d.ts +147 -0
- package/dist/avatar/types.d.ts.map +1 -0
- package/dist/badge/index.d.ts +28 -0
- package/dist/badge/index.d.ts.map +1 -0
- package/dist/badge/types.d.ts +97 -0
- package/dist/badge/types.d.ts.map +1 -0
- package/dist/breadcrumbs/index.d.ts +13 -0
- package/dist/breadcrumbs/index.d.ts.map +1 -0
- package/dist/breadcrumbs/types.d.ts +118 -0
- package/dist/breadcrumbs/types.d.ts.map +1 -0
- package/dist/button/index.d.ts +6 -0
- package/dist/button/index.d.ts.map +1 -0
- package/dist/button/index.js +1 -1
- package/dist/button/types.d.ts +85 -0
- package/dist/button/types.d.ts.map +1 -0
- package/dist/button-group/index.d.ts +34 -0
- package/dist/button-group/index.d.ts.map +1 -0
- package/dist/button-group/types.d.ts +75 -0
- package/dist/button-group/types.d.ts.map +1 -0
- package/dist/card/index.d.ts +71 -0
- package/dist/card/index.d.ts.map +1 -0
- package/dist/card/types.d.ts +136 -0
- package/dist/card/types.d.ts.map +1 -0
- package/dist/carousel/carousel-navigation.d.ts +9 -0
- package/dist/carousel/carousel-navigation.d.ts.map +1 -0
- package/dist/carousel/index.d.ts +50 -0
- package/dist/carousel/index.d.ts.map +1 -0
- package/dist/cascader/index.d.ts +27 -0
- package/dist/cascader/index.d.ts.map +1 -0
- package/dist/cascader/types.d.ts +220 -0
- package/dist/cascader/types.d.ts.map +1 -0
- package/dist/checkbox/index.d.ts +6 -0
- package/dist/checkbox/index.d.ts.map +1 -0
- package/dist/checkbox/index.js +1 -1
- package/dist/checkbox/types.d.ts +21 -0
- package/dist/checkbox/types.d.ts.map +1 -0
- package/dist/checkbox-group/index.d.ts +6 -0
- package/dist/checkbox-group/index.d.ts.map +1 -0
- package/dist/checkbox-group/types.d.ts +43 -0
- package/dist/checkbox-group/types.d.ts.map +1 -0
- package/dist/{chunk-U5GAFTEM.js → chunk-56BHCAPI.js} +5 -2
- package/dist/chunk-56BHCAPI.js.map +1 -0
- package/dist/{chunk-XVRNFPBI.js → chunk-FCODTRKL.js} +3 -3
- package/dist/{chunk-XVRNFPBI.js.map → chunk-FCODTRKL.js.map} +1 -1
- package/dist/{chunk-NQACKYGF.js → chunk-IAQDQN6W.js} +4 -4
- package/dist/{chunk-NQACKYGF.js.map → chunk-IAQDQN6W.js.map} +1 -1
- package/dist/{chunk-F3OLZMGO.js → chunk-L76WWJGR.js} +6 -3
- package/dist/chunk-L76WWJGR.js.map +1 -0
- package/dist/{chunk-TBH7QF26.js → chunk-MGKFJWQU.js} +3 -10
- package/dist/chunk-MGKFJWQU.js.map +1 -0
- package/dist/{chunk-XR4UHTK3.js → chunk-S2DZXTRN.js} +3 -3
- package/dist/{chunk-XR4UHTK3.js.map → chunk-S2DZXTRN.js.map} +1 -1
- package/dist/{chunk-QNPE63O6.js → chunk-WMTEAMPB.js} +7 -7
- package/dist/{chunk-QNPE63O6.js.map → chunk-WMTEAMPB.js.map} +1 -1
- package/dist/clipboard/index.d.ts +6 -0
- package/dist/clipboard/index.d.ts.map +1 -0
- package/dist/clipboard/types.d.ts +65 -0
- package/dist/clipboard/types.d.ts.map +1 -0
- package/dist/collapse/index.d.ts +6 -0
- package/dist/collapse/index.d.ts.map +1 -0
- package/dist/collapse/types.d.ts +60 -0
- package/dist/collapse/types.d.ts.map +1 -0
- package/dist/command/index.d.ts +74 -0
- package/dist/command/index.d.ts.map +1 -0
- package/dist/command/types.d.ts +24 -0
- package/dist/command/types.d.ts.map +1 -0
- package/dist/context-menu/index.d.ts +63 -0
- package/dist/context-menu/index.d.ts.map +1 -0
- package/dist/context-menu/types.d.ts +109 -0
- package/dist/context-menu/types.d.ts.map +1 -0
- package/dist/date-picker/index.d.ts +12 -0
- package/dist/date-picker/index.d.ts.map +1 -0
- package/dist/date-picker/types.d.ts +66 -0
- package/dist/date-picker/types.d.ts.map +1 -0
- package/dist/date-picker/utils.d.ts +10 -0
- package/dist/date-picker/utils.d.ts.map +1 -0
- package/dist/descriptions/index.d.ts +6 -0
- package/dist/descriptions/index.d.ts.map +1 -0
- package/dist/descriptions/types.d.ts +34 -0
- package/dist/descriptions/types.d.ts.map +1 -0
- package/dist/divider/index.d.ts +39 -0
- package/dist/divider/index.d.ts.map +1 -0
- package/dist/divider/types.d.ts +63 -0
- package/dist/divider/types.d.ts.map +1 -0
- package/dist/drawer/index.d.ts +23 -0
- package/dist/drawer/index.d.ts.map +1 -0
- package/dist/drawer/types.d.ts +309 -0
- package/dist/drawer/types.d.ts.map +1 -0
- package/dist/dropdown/index.d.ts +6 -0
- package/dist/dropdown/index.d.ts.map +1 -0
- package/dist/dropdown/types.d.ts +116 -0
- package/dist/dropdown/types.d.ts.map +1 -0
- package/dist/empty/index.d.ts +6 -0
- package/dist/empty/index.d.ts.map +1 -0
- package/dist/empty/types.d.ts +62 -0
- package/dist/empty/types.d.ts.map +1 -0
- package/dist/fetching-overlay/index.d.ts +10 -0
- package/dist/fetching-overlay/index.d.ts.map +1 -0
- package/dist/float-input/index.d.ts +6 -0
- package/dist/float-input/index.d.ts.map +1 -0
- package/dist/float-input/types.d.ts +23 -0
- package/dist/float-input/types.d.ts.map +1 -0
- package/dist/form/index.d.ts +31 -0
- package/dist/form/index.d.ts.map +1 -0
- package/dist/form/types.d.ts +45 -0
- package/dist/form/types.d.ts.map +1 -0
- package/dist/grid/index.d.ts +6 -0
- package/dist/grid/index.d.ts.map +1 -0
- package/dist/grid/types.d.ts +21 -0
- package/dist/grid/types.d.ts.map +1 -0
- package/dist/image/index.d.ts +6 -0
- package/dist/image/index.d.ts.map +1 -0
- package/dist/image/types.d.ts +53 -0
- package/dist/image/types.d.ts.map +1 -0
- package/dist/index.d.ts +139 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +11 -11
- package/dist/input/index.d.ts +6 -0
- package/dist/input/index.d.ts.map +1 -0
- package/dist/input/types.d.ts +28 -0
- package/dist/input/types.d.ts.map +1 -0
- package/dist/input-group/index.d.ts +9 -0
- package/dist/input-group/index.d.ts.map +1 -0
- package/dist/input-group/types.d.ts +68 -0
- package/dist/input-group/types.d.ts.map +1 -0
- package/dist/input-otp/index.d.ts +7 -0
- package/dist/input-otp/index.d.ts.map +1 -0
- package/dist/input-otp/types.d.ts +111 -0
- package/dist/input-otp/types.d.ts.map +1 -0
- package/dist/input-password/index.d.ts +6 -0
- package/dist/input-password/index.d.ts.map +1 -0
- package/dist/input-password/index.js +1 -1
- package/dist/input-password/types.d.ts +16 -0
- package/dist/input-password/types.d.ts.map +1 -0
- package/dist/kbd/index.d.ts +6 -0
- package/dist/kbd/index.d.ts.map +1 -0
- package/dist/kbd/types.d.ts +26 -0
- package/dist/kbd/types.d.ts.map +1 -0
- package/dist/link/index.d.ts +9 -0
- package/dist/link/index.d.ts.map +1 -0
- package/dist/link/types.d.ts +30 -0
- package/dist/link/types.d.ts.map +1 -0
- package/dist/menubar/index.d.ts +6 -0
- package/dist/menubar/index.d.ts.map +1 -0
- package/dist/menubar/types.d.ts +40 -0
- package/dist/menubar/types.d.ts.map +1 -0
- package/dist/modal/index.d.ts +39 -0
- package/dist/modal/index.d.ts.map +1 -0
- package/dist/modal/types.d.ts +77 -0
- package/dist/modal/types.d.ts.map +1 -0
- package/dist/multi-select/index.d.ts +6 -0
- package/dist/multi-select/index.d.ts.map +1 -0
- package/dist/multi-select/types.d.ts +81 -0
- package/dist/multi-select/types.d.ts.map +1 -0
- package/dist/multi-select/utils.d.ts +12 -0
- package/dist/multi-select/utils.d.ts.map +1 -0
- package/dist/navigation-menu/index.d.ts +5 -0
- package/dist/navigation-menu/index.d.ts.map +1 -0
- package/dist/navigation-menu/types.d.ts +37 -0
- package/dist/navigation-menu/types.d.ts.map +1 -0
- package/dist/notification/index.d.ts +6 -0
- package/dist/notification/index.d.ts.map +1 -0
- package/dist/notification/types.d.ts +90 -0
- package/dist/notification/types.d.ts.map +1 -0
- package/dist/number-input/index.d.ts +6 -0
- package/dist/number-input/index.d.ts.map +1 -0
- package/dist/number-input/types.d.ts +28 -0
- package/dist/number-input/types.d.ts.map +1 -0
- package/dist/pagination/index.d.ts +6 -0
- package/dist/pagination/index.d.ts.map +1 -0
- package/dist/pagination/types.d.ts +87 -0
- package/dist/pagination/types.d.ts.map +1 -0
- package/dist/popover/index.d.ts +19 -0
- package/dist/popover/index.d.ts.map +1 -0
- package/dist/popover/types.d.ts +31 -0
- package/dist/popover/types.d.ts.map +1 -0
- package/dist/progress/index.d.ts +6 -0
- package/dist/progress/index.d.ts.map +1 -0
- package/dist/progress/types.d.ts +100 -0
- package/dist/progress/types.d.ts.map +1 -0
- package/dist/radio/index.d.ts +6 -0
- package/dist/radio/index.d.ts.map +1 -0
- package/dist/radio/index.js +1 -1
- package/dist/radio/types.d.ts +20 -0
- package/dist/radio/types.d.ts.map +1 -0
- package/dist/radio-group/index.d.ts +6 -0
- package/dist/radio-group/index.d.ts.map +1 -0
- package/dist/radio-group/types.d.ts +43 -0
- package/dist/radio-group/types.d.ts.map +1 -0
- package/dist/rating/index.d.ts +6 -0
- package/dist/rating/index.d.ts.map +1 -0
- package/dist/rating/types.d.ts +64 -0
- package/dist/rating/types.d.ts.map +1 -0
- package/dist/ribbon/index.d.ts +6 -0
- package/dist/ribbon/index.d.ts.map +1 -0
- package/dist/ribbon/types.d.ts +26 -0
- package/dist/ribbon/types.d.ts.map +1 -0
- package/dist/scroll-area/index.d.ts +10 -0
- package/dist/scroll-area/index.d.ts.map +1 -0
- package/dist/scroll-area/types.d.ts +24 -0
- package/dist/scroll-area/types.d.ts.map +1 -0
- package/dist/select/index.d.ts +6 -0
- package/dist/select/index.d.ts.map +1 -0
- package/dist/select/types.d.ts +34 -0
- package/dist/select/types.d.ts.map +1 -0
- package/dist/skeleton/index.d.ts +6 -0
- package/dist/skeleton/index.d.ts.map +1 -0
- package/dist/skeleton/types.d.ts +10 -0
- package/dist/skeleton/types.d.ts.map +1 -0
- package/dist/slider/index.d.ts +6 -0
- package/dist/slider/index.d.ts.map +1 -0
- package/dist/slider/types.d.ts +70 -0
- package/dist/slider/types.d.ts.map +1 -0
- package/dist/spinner/index.d.ts +6 -0
- package/dist/spinner/index.d.ts.map +1 -0
- package/dist/spinner/types.d.ts +10 -0
- package/dist/spinner/types.d.ts.map +1 -0
- package/dist/stepper/index.d.ts +6 -0
- package/dist/stepper/index.d.ts.map +1 -0
- package/dist/stepper/types.d.ts +86 -0
- package/dist/stepper/types.d.ts.map +1 -0
- package/dist/styles/themes/index.d.ts +9 -0
- package/dist/styles/themes/index.d.ts.map +1 -0
- package/dist/styles/themes/presets/index.d.ts +21 -0
- package/dist/styles/themes/presets/index.d.ts.map +1 -0
- package/dist/styles/tokens.d.ts +428 -0
- package/dist/styles/tokens.d.ts.map +1 -0
- package/dist/switch/index.d.ts +6 -0
- package/dist/switch/index.d.ts.map +1 -0
- package/dist/switch/index.js +1 -1
- package/dist/switch/types.d.ts +80 -0
- package/dist/switch/types.d.ts.map +1 -0
- package/dist/table/EditableCell.d.ts +13 -0
- package/dist/table/EditableCell.d.ts.map +1 -0
- package/dist/table/TableActions.d.ts +21 -0
- package/dist/table/TableActions.d.ts.map +1 -0
- package/dist/table/TableCell.d.ts +12 -0
- package/dist/table/TableCell.d.ts.map +1 -0
- package/dist/table/TableHeaderCell.d.ts +16 -0
- package/dist/table/TableHeaderCell.d.ts.map +1 -0
- package/dist/table/TableRow.d.ts +16 -0
- package/dist/table/TableRow.d.ts.map +1 -0
- package/dist/table/TableSkeleton.d.ts +13 -0
- package/dist/table/TableSkeleton.d.ts.map +1 -0
- package/dist/table/index.d.ts +15 -0
- package/dist/table/index.d.ts.map +1 -0
- package/dist/table/index.js +3 -3
- package/dist/table/types.d.ts +110 -0
- package/dist/table/types.d.ts.map +1 -0
- package/dist/table/variants.d.ts +8 -0
- package/dist/table/variants.d.ts.map +1 -0
- package/dist/tabs/index.d.ts +7 -0
- package/dist/tabs/index.d.ts.map +1 -0
- package/dist/tabs/types.d.ts +86 -0
- package/dist/tabs/types.d.ts.map +1 -0
- package/dist/tag/index.d.ts +49 -0
- package/dist/tag/index.d.ts.map +1 -0
- package/dist/tag/types.d.ts +23 -0
- package/dist/tag/types.d.ts.map +1 -0
- package/dist/textarea/index.d.ts +6 -0
- package/dist/textarea/index.d.ts.map +1 -0
- package/dist/textarea/types.d.ts +84 -0
- package/dist/textarea/types.d.ts.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +44 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -0
- package/dist/theme/index.d.ts +7 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/types.d.ts +47 -0
- package/dist/theme/types.d.ts.map +1 -0
- package/dist/timeline/index.d.ts +13 -0
- package/dist/timeline/index.d.ts.map +1 -0
- package/dist/timeline/types.d.ts +25 -0
- package/dist/timeline/types.d.ts.map +1 -0
- package/dist/toast/index.d.ts +12 -0
- package/dist/toast/index.d.ts.map +1 -0
- package/dist/toast/types.d.ts +49 -0
- package/dist/toast/types.d.ts.map +1 -0
- package/dist/toggle/index.d.ts +6 -0
- package/dist/toggle/index.d.ts.map +1 -0
- package/dist/toggle/types.d.ts +57 -0
- package/dist/toggle/types.d.ts.map +1 -0
- package/dist/toggle-group/index.d.ts +6 -0
- package/dist/toggle-group/index.d.ts.map +1 -0
- package/dist/toggle-group/types.d.ts +80 -0
- package/dist/toggle-group/types.d.ts.map +1 -0
- package/dist/tooltip/index.d.ts +9 -0
- package/dist/tooltip/index.d.ts.map +1 -0
- package/dist/tooltip/types.d.ts +72 -0
- package/dist/tooltip/types.d.ts.map +1 -0
- package/dist/transfer/index.d.ts +6 -0
- package/dist/transfer/index.d.ts.map +1 -0
- package/dist/transfer/index.js +2 -2
- package/dist/transfer/types.d.ts +83 -0
- package/dist/transfer/types.d.ts.map +1 -0
- package/dist/transfer/utils.d.ts +13 -0
- package/dist/transfer/utils.d.ts.map +1 -0
- package/dist/tree/index.d.ts +6 -0
- package/dist/tree/index.d.ts.map +1 -0
- package/dist/tree/types.d.ts +143 -0
- package/dist/tree/types.d.ts.map +1 -0
- package/dist/tree-select/index.d.ts +6 -0
- package/dist/tree-select/index.d.ts.map +1 -0
- package/dist/tree-select/types.d.ts +147 -0
- package/dist/tree-select/types.d.ts.map +1 -0
- package/dist/types.d.ts +53 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/upload/index.d.ts +7 -0
- package/dist/upload/index.d.ts.map +1 -0
- package/dist/upload/types.d.ts +94 -0
- package/dist/upload/types.d.ts.map +1 -0
- package/dist/upload/utils.d.ts +26 -0
- package/dist/upload/utils.d.ts.map +1 -0
- package/dist/utils.d.ts +63 -0
- package/dist/utils.d.ts.map +1 -0
- package/dist/variants.d.ts +434 -0
- package/dist/variants.d.ts.map +1 -0
- package/package.json +9 -8
- package/styles/global.css +7543 -0
- package/styles/themes/dark.css +93 -0
- package/styles/themes/light.css +89 -0
- package/styles/themes/presets/corporate.css +126 -0
- package/styles/themes/presets/minimal.css +126 -0
- package/styles/themes/presets/vibrant.css +126 -0
- package/dist/chunk-F3OLZMGO.js.map +0 -1
- package/dist/chunk-TBH7QF26.js.map +0 -1
- package/dist/chunk-U5GAFTEM.js.map +0 -1
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import type { ComponentVariantExtended, ButtonColor as SharedButtonColor } from "../types";
|
|
2
|
+
export type ButtonVariant = ComponentVariantExtended | "soft";
|
|
3
|
+
export type ButtonColor = SharedButtonColor;
|
|
4
|
+
export type ButtonSize = "xs" | "sm" | "md" | "lg";
|
|
5
|
+
export type ButtonShape = "rounded" | "pill" | "square";
|
|
6
|
+
export interface ButtonClassNames {
|
|
7
|
+
root?: string;
|
|
8
|
+
icon?: string;
|
|
9
|
+
leftIcon?: string;
|
|
10
|
+
rightIcon?: string;
|
|
11
|
+
spinner?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
14
|
+
/**
|
|
15
|
+
* Visual style variant
|
|
16
|
+
* @default 'solid'
|
|
17
|
+
*/
|
|
18
|
+
variant?: ButtonVariant;
|
|
19
|
+
/**
|
|
20
|
+
* Theme color
|
|
21
|
+
* @default 'primary'
|
|
22
|
+
*/
|
|
23
|
+
color?: ButtonColor;
|
|
24
|
+
/**
|
|
25
|
+
* Button size
|
|
26
|
+
* @default 'md'
|
|
27
|
+
*/
|
|
28
|
+
size?: ButtonSize;
|
|
29
|
+
/**
|
|
30
|
+
* Button shape
|
|
31
|
+
* @default 'rounded'
|
|
32
|
+
*/
|
|
33
|
+
shape?: ButtonShape;
|
|
34
|
+
/**
|
|
35
|
+
* Whether button is in loading state
|
|
36
|
+
* @default false
|
|
37
|
+
*/
|
|
38
|
+
loading?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Text to display while loading (replaces children)
|
|
41
|
+
*/
|
|
42
|
+
loadingText?: string;
|
|
43
|
+
/**
|
|
44
|
+
* Position of loading spinner when loadingText is provided
|
|
45
|
+
* @default 'left'
|
|
46
|
+
*/
|
|
47
|
+
loadingPosition?: "left" | "right";
|
|
48
|
+
/**
|
|
49
|
+
* Icon element (use with iconPlacement for position control)
|
|
50
|
+
* When both icon and leftIcon/rightIcon are provided, leftIcon/rightIcon take precedence
|
|
51
|
+
*/
|
|
52
|
+
icon?: React.ReactNode;
|
|
53
|
+
/**
|
|
54
|
+
* Position of the icon prop
|
|
55
|
+
* @default 'left'
|
|
56
|
+
*/
|
|
57
|
+
iconPlacement?: "left" | "right";
|
|
58
|
+
/**
|
|
59
|
+
* Icon to display on the left side (takes precedence over icon + iconPlacement)
|
|
60
|
+
*/
|
|
61
|
+
leftIcon?: React.ReactNode;
|
|
62
|
+
/**
|
|
63
|
+
* Icon to display on the right side (takes precedence over icon + iconPlacement)
|
|
64
|
+
*/
|
|
65
|
+
rightIcon?: React.ReactNode;
|
|
66
|
+
/**
|
|
67
|
+
* Whether button takes full width of container
|
|
68
|
+
* @default false
|
|
69
|
+
*/
|
|
70
|
+
fullWidth?: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* Whether this is an icon-only button (square aspect ratio)
|
|
73
|
+
* @default false
|
|
74
|
+
*/
|
|
75
|
+
iconOnly?: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* Custom class names for component parts
|
|
78
|
+
*/
|
|
79
|
+
classNames?: ButtonClassNames;
|
|
80
|
+
/**
|
|
81
|
+
* Reference to the button element
|
|
82
|
+
*/
|
|
83
|
+
ref?: React.Ref<HTMLButtonElement>;
|
|
84
|
+
}
|
|
85
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,WAAW,IAAI,iBAAiB,EACjC,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,aAAa,GAAG,wBAAwB,GAAG,MAAM,CAAC;AAE9D,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEnC;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAE9B;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { ButtonGroupProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* ButtonGroup Component
|
|
5
|
+
*
|
|
6
|
+
* Groups multiple buttons together with consistent styling and spacing.
|
|
7
|
+
* Can propagate common props (size, variant, color, disabled) to all child buttons.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* // Basic horizontal group
|
|
11
|
+
* <ButtonGroup>
|
|
12
|
+
* <Button>Save</Button>
|
|
13
|
+
* <Button>Cancel</Button>
|
|
14
|
+
* </ButtonGroup>
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* // Vertical group with uniform styling
|
|
18
|
+
* <ButtonGroup vertical variant="outline" size="sm">
|
|
19
|
+
* <Button>Option 1</Button>
|
|
20
|
+
* <Button>Option 2</Button>
|
|
21
|
+
* </ButtonGroup>
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* // Separated buttons with gap
|
|
25
|
+
* <ButtonGroup attached={false} gap="md">
|
|
26
|
+
* <Button>A</Button>
|
|
27
|
+
* <Button>B</Button>
|
|
28
|
+
* <Button>C</Button>
|
|
29
|
+
* </ButtonGroup>
|
|
30
|
+
*/
|
|
31
|
+
declare const ButtonGroup: React.NamedExoticComponent<ButtonGroupProps>;
|
|
32
|
+
export type * from './types';
|
|
33
|
+
export default ButtonGroup;
|
|
34
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button-group/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqC/C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,WAAW,8CAyDhB,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import type { ButtonColor, ButtonShape, ButtonSize, ButtonVariant } from '../button/types';
|
|
2
|
+
export interface ButtonGroupClassNames {
|
|
3
|
+
root?: string;
|
|
4
|
+
button?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
/**
|
|
8
|
+
* Children elements (typically Button components)
|
|
9
|
+
*/
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Display buttons vertically instead of horizontally
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
vertical?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Whether buttons are visually attached (connected) or separated
|
|
18
|
+
* When true, buttons share borders and have no gap
|
|
19
|
+
* When false, buttons are separated with a gap
|
|
20
|
+
* @default true
|
|
21
|
+
*/
|
|
22
|
+
attached?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Gap size between buttons when not attached
|
|
25
|
+
* @default 'md'
|
|
26
|
+
*/
|
|
27
|
+
gap?: 'sm' | 'md' | 'lg';
|
|
28
|
+
/**
|
|
29
|
+
* Make buttons take full width of container
|
|
30
|
+
* @default false
|
|
31
|
+
*/
|
|
32
|
+
fullWidth?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Size to apply to all child buttons
|
|
35
|
+
* Individual button size props will override this
|
|
36
|
+
*/
|
|
37
|
+
size?: ButtonSize;
|
|
38
|
+
/**
|
|
39
|
+
* Variant to apply to all child buttons
|
|
40
|
+
* Individual button variant props will override this
|
|
41
|
+
*/
|
|
42
|
+
variant?: ButtonVariant;
|
|
43
|
+
/**
|
|
44
|
+
* Color to apply to all child buttons
|
|
45
|
+
* Individual button color props will override this
|
|
46
|
+
*/
|
|
47
|
+
color?: ButtonColor;
|
|
48
|
+
/**
|
|
49
|
+
* Shape to apply to all child buttons
|
|
50
|
+
* Individual button shape props will override this
|
|
51
|
+
*/
|
|
52
|
+
shape?: ButtonShape;
|
|
53
|
+
/**
|
|
54
|
+
* Disable all buttons in the group
|
|
55
|
+
* @default false
|
|
56
|
+
*/
|
|
57
|
+
disabled?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Accessible label for the button group
|
|
60
|
+
*/
|
|
61
|
+
'aria-label'?: string;
|
|
62
|
+
/**
|
|
63
|
+
* Additional CSS class
|
|
64
|
+
*/
|
|
65
|
+
className?: string;
|
|
66
|
+
/**
|
|
67
|
+
* Custom class names for component parts
|
|
68
|
+
*/
|
|
69
|
+
classNames?: ButtonGroupClassNames;
|
|
70
|
+
/**
|
|
71
|
+
* Reference to the div element
|
|
72
|
+
*/
|
|
73
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
74
|
+
}
|
|
75
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAA;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAA;IAElC;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardImageProps, CardProps, CardTitleProps } from "./types";
|
|
3
|
+
declare const cardVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "solid" | "outline" | "ghost" | "soft" | "elevated" | null | undefined;
|
|
5
|
+
color?: "default" | "error" | "warning" | "info" | "success" | "primary" | "secondary" | "accent" | null | undefined;
|
|
6
|
+
shadow?: "sm" | "md" | "lg" | "none" | null | undefined;
|
|
7
|
+
hoverable?: boolean | null | undefined;
|
|
8
|
+
clickable?: boolean | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
|
+
/**
|
|
11
|
+
* Card Component
|
|
12
|
+
*
|
|
13
|
+
* A versatile container component for grouping related content and actions.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* <Card>
|
|
17
|
+
* <CardHeader>
|
|
18
|
+
* <CardTitle>Title</CardTitle>
|
|
19
|
+
* <CardDescription>Description</CardDescription>
|
|
20
|
+
* </CardHeader>
|
|
21
|
+
* <CardContent>Content here</CardContent>
|
|
22
|
+
* <CardFooter>
|
|
23
|
+
* <Button>Action</Button>
|
|
24
|
+
* </CardFooter>
|
|
25
|
+
* </Card>
|
|
26
|
+
*/
|
|
27
|
+
declare const Card: React.NamedExoticComponent<CardProps>;
|
|
28
|
+
/**
|
|
29
|
+
* CardHeader Component
|
|
30
|
+
*/
|
|
31
|
+
declare const CardHeader: React.NamedExoticComponent<CardHeaderProps>;
|
|
32
|
+
/**
|
|
33
|
+
* CardTitle Component
|
|
34
|
+
*/
|
|
35
|
+
declare const CardTitle: React.NamedExoticComponent<CardTitleProps>;
|
|
36
|
+
/**
|
|
37
|
+
* CardDescription Component
|
|
38
|
+
*
|
|
39
|
+
* Adapts text color for solid colored cards to ensure readability.
|
|
40
|
+
*/
|
|
41
|
+
declare const CardDescription: React.NamedExoticComponent<CardDescriptionProps>;
|
|
42
|
+
/**
|
|
43
|
+
* CardContent Component
|
|
44
|
+
*/
|
|
45
|
+
declare const CardContent: React.NamedExoticComponent<CardContentProps>;
|
|
46
|
+
/**
|
|
47
|
+
* CardFooter Component
|
|
48
|
+
*/
|
|
49
|
+
declare const CardFooter: React.NamedExoticComponent<CardFooterProps>;
|
|
50
|
+
/**
|
|
51
|
+
* CardAction Component — for buttons/actions in the header
|
|
52
|
+
*/
|
|
53
|
+
declare const CardAction: React.NamedExoticComponent<CardActionProps>;
|
|
54
|
+
/**
|
|
55
|
+
* CardImage Component — for displaying images in cards
|
|
56
|
+
*/
|
|
57
|
+
declare const CardImage: React.NamedExoticComponent<CardImageProps>;
|
|
58
|
+
declare const CardWithSubComponents: React.NamedExoticComponent<CardProps> & {
|
|
59
|
+
Header: React.NamedExoticComponent<CardHeaderProps>;
|
|
60
|
+
Footer: React.NamedExoticComponent<CardFooterProps>;
|
|
61
|
+
Title: React.NamedExoticComponent<CardTitleProps>;
|
|
62
|
+
Description: React.NamedExoticComponent<CardDescriptionProps>;
|
|
63
|
+
Content: React.NamedExoticComponent<CardContentProps>;
|
|
64
|
+
Action: React.NamedExoticComponent<CardActionProps>;
|
|
65
|
+
Image: React.NamedExoticComponent<CardImageProps>;
|
|
66
|
+
};
|
|
67
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, CardAction, CardImage, cardVariants, };
|
|
68
|
+
export type { CardClassNames } from "./types";
|
|
69
|
+
export type * from "./types";
|
|
70
|
+
export default CardWithSubComponents;
|
|
71
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/card/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACV,eAAe,EAGf,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,cAAc,EACd,SAAS,EAET,cAAc,EAEf,MAAM,SAAS,CAAC;AAsBjB,QAAA,MAAM,YAAY;;;;;;8EA0OhB,CAAC;AAYH;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,IAAI,uCAsFT,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,UAAU,6CAYf,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,SAAS,4CAiBd,CAAC;AAGF;;;;GAIG;AACH,QAAA,MAAM,eAAe,kDAmBpB,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,WAAW,8CAYhB,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,UAAU,6CAiBf,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,UAAU,6CAYf,CAAC;AAuBF;;GAEG;AACH,QAAA,MAAM,SAAS,4CAiCd,CAAC;AAIF,QAAA,MAAM,qBAAqB;;;;;;;;CAQzB,CAAC;AAEH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,GACb,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,mBAAmB,SAAS,CAAC;AAC7B,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
export type CardVariant = 'default' | 'solid' | 'outline' | 'soft' | 'ghost' | 'elevated';
|
|
2
|
+
export type CardColor = 'default' | 'primary' | 'secondary' | 'accent' | 'success' | 'error' | 'warning' | 'info';
|
|
3
|
+
export type CardSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
4
|
+
export type CardShadow = 'none' | 'sm' | 'md' | 'lg';
|
|
5
|
+
export interface CardClassNames {
|
|
6
|
+
root?: string;
|
|
7
|
+
header?: string;
|
|
8
|
+
title?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
content?: string;
|
|
11
|
+
footer?: string;
|
|
12
|
+
action?: string;
|
|
13
|
+
image?: string;
|
|
14
|
+
}
|
|
15
|
+
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
16
|
+
/**
|
|
17
|
+
* Visual style variant
|
|
18
|
+
* @default 'default'
|
|
19
|
+
*/
|
|
20
|
+
variant?: CardVariant;
|
|
21
|
+
/**
|
|
22
|
+
* Semantic color for the card border/accent
|
|
23
|
+
* @default 'default'
|
|
24
|
+
*/
|
|
25
|
+
color?: CardColor;
|
|
26
|
+
/**
|
|
27
|
+
* Card size affecting padding
|
|
28
|
+
* @default 'md'
|
|
29
|
+
*/
|
|
30
|
+
size?: CardSize;
|
|
31
|
+
/**
|
|
32
|
+
* Shadow/elevation level
|
|
33
|
+
* @default 'none'
|
|
34
|
+
*/
|
|
35
|
+
shadow?: CardShadow;
|
|
36
|
+
/**
|
|
37
|
+
* Show hover effect on the card
|
|
38
|
+
* @default false
|
|
39
|
+
*/
|
|
40
|
+
hoverable?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Make card clickable with proper accessibility
|
|
43
|
+
* When true, card becomes a button element
|
|
44
|
+
* @default false
|
|
45
|
+
*/
|
|
46
|
+
clickable?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Show border around the card
|
|
49
|
+
* @default true
|
|
50
|
+
*/
|
|
51
|
+
bordered?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Show loading skeleton state
|
|
54
|
+
* @default false
|
|
55
|
+
*/
|
|
56
|
+
loading?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Custom class names for card sub-components
|
|
59
|
+
*/
|
|
60
|
+
classNames?: CardClassNames;
|
|
61
|
+
/**
|
|
62
|
+
* Reference to the card element
|
|
63
|
+
*/
|
|
64
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
65
|
+
}
|
|
66
|
+
export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
67
|
+
/**
|
|
68
|
+
* Reference to the header element
|
|
69
|
+
*/
|
|
70
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
71
|
+
}
|
|
72
|
+
export interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
73
|
+
/**
|
|
74
|
+
* HTML heading level
|
|
75
|
+
* @default 3
|
|
76
|
+
*/
|
|
77
|
+
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
78
|
+
/**
|
|
79
|
+
* Reference to the title element
|
|
80
|
+
*/
|
|
81
|
+
ref?: React.Ref<HTMLHeadingElement>;
|
|
82
|
+
}
|
|
83
|
+
export interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
84
|
+
/**
|
|
85
|
+
* Reference to the description element
|
|
86
|
+
*/
|
|
87
|
+
ref?: React.Ref<HTMLParagraphElement>;
|
|
88
|
+
}
|
|
89
|
+
export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
90
|
+
/**
|
|
91
|
+
* Reference to the content element
|
|
92
|
+
*/
|
|
93
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
94
|
+
}
|
|
95
|
+
export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
96
|
+
/**
|
|
97
|
+
* Reference to the footer element
|
|
98
|
+
*/
|
|
99
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
100
|
+
}
|
|
101
|
+
export interface CardActionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
102
|
+
/**
|
|
103
|
+
* Reference to the action element
|
|
104
|
+
*/
|
|
105
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
106
|
+
}
|
|
107
|
+
export interface CardImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
|
|
108
|
+
/**
|
|
109
|
+
* Image source URL
|
|
110
|
+
*/
|
|
111
|
+
src: string;
|
|
112
|
+
/**
|
|
113
|
+
* Alt text for accessibility
|
|
114
|
+
*/
|
|
115
|
+
alt: string;
|
|
116
|
+
/**
|
|
117
|
+
* Position of the image in the card
|
|
118
|
+
* @default 'top'
|
|
119
|
+
*/
|
|
120
|
+
position?: 'top' | 'bottom';
|
|
121
|
+
/**
|
|
122
|
+
* Aspect ratio of the image container
|
|
123
|
+
* @default 'video' (16:9)
|
|
124
|
+
*/
|
|
125
|
+
aspectRatio?: 'square' | 'video' | 'wide' | 'auto';
|
|
126
|
+
/**
|
|
127
|
+
* How the image should fit its container
|
|
128
|
+
* @default 'cover'
|
|
129
|
+
*/
|
|
130
|
+
objectFit?: 'cover' | 'contain' | 'fill' | 'none';
|
|
131
|
+
/**
|
|
132
|
+
* Reference to the image element
|
|
133
|
+
*/
|
|
134
|
+
ref?: React.Ref<HTMLImageElement>;
|
|
135
|
+
}
|
|
136
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/card/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Swiper as SwiperType } from 'swiper/types';
|
|
2
|
+
interface CarouselNavigationProps {
|
|
3
|
+
type: 'next' | 'prev';
|
|
4
|
+
swiper: SwiperType | null;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function CarouselNavigation({ type, swiper, className }: CarouselNavigationProps): import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=carousel-navigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-navigation.d.ts","sourceRoot":"","sources":["../../src/carousel/carousel-navigation.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AAInD,UAAU,uBAAuB;IAC/B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,uBAAuB,kDA4CtF"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SwiperProps } from 'swiper/react';
|
|
3
|
+
import 'swiper/css';
|
|
4
|
+
import 'swiper/css/pagination';
|
|
5
|
+
export interface CarouselClassNames {
|
|
6
|
+
/**
|
|
7
|
+
* Class name for the root container
|
|
8
|
+
*/
|
|
9
|
+
root?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Class name for the wrapper element
|
|
12
|
+
*/
|
|
13
|
+
wrapper?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Class name for individual slides
|
|
16
|
+
*/
|
|
17
|
+
slide?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Class name for the navigation container
|
|
20
|
+
*/
|
|
21
|
+
navigation?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Class name for navigation buttons
|
|
24
|
+
*/
|
|
25
|
+
navButton?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Class name for the pagination container
|
|
28
|
+
*/
|
|
29
|
+
pagination?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Class name for pagination dots
|
|
32
|
+
*/
|
|
33
|
+
dot?: string;
|
|
34
|
+
/**
|
|
35
|
+
* Class name for active pagination dot
|
|
36
|
+
*/
|
|
37
|
+
dotActive?: string;
|
|
38
|
+
}
|
|
39
|
+
interface CarouselProps extends SwiperProps {
|
|
40
|
+
withArrows?: boolean;
|
|
41
|
+
withPagination?: boolean;
|
|
42
|
+
children: React.ReactNode;
|
|
43
|
+
/**
|
|
44
|
+
* ClassNames for component parts
|
|
45
|
+
*/
|
|
46
|
+
classNames?: CarouselClassNames;
|
|
47
|
+
}
|
|
48
|
+
declare const Carousel: React.NamedExoticComponent<CarouselProps>;
|
|
49
|
+
export default Carousel;
|
|
50
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/carousel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAU,WAAW,EAAE,MAAM,cAAc,CAAA;AAIlD,OAAO,YAAY,CAAA;AACnB,OAAO,uBAAuB,CAAA;AAK9B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,aAAc,SAAQ,WAAW;IACzC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAA;CAChC;AAUD,QAAA,MAAM,QAAQ,2CAsEb,CAAA;AAID,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { CascaderProps } from "./types";
|
|
3
|
+
/**
|
|
4
|
+
* Cascader Component
|
|
5
|
+
*
|
|
6
|
+
* A hierarchical selection component for selecting from nested options.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* // Basic usage
|
|
10
|
+
* <Cascader
|
|
11
|
+
* options={options}
|
|
12
|
+
* placeholder="Select location"
|
|
13
|
+
* onChange={(value, options) => console.log(value)}
|
|
14
|
+
* />
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* // Multiple selection
|
|
18
|
+
* <Cascader
|
|
19
|
+
* options={options}
|
|
20
|
+
* multiple
|
|
21
|
+
* placeholder="Select categories"
|
|
22
|
+
* />
|
|
23
|
+
*/
|
|
24
|
+
declare const Cascader: React.NamedExoticComponent<CascaderProps>;
|
|
25
|
+
export type * from "./types";
|
|
26
|
+
export default Cascader;
|
|
27
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cascader/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAkB,aAAa,EAAgB,MAAM,SAAS,CAAC;AA+H3E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,QAAQ,2CA+xBb,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,QAAQ,CAAC"}
|