@driveflux/beam 3.0.18 → 3.0.19
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/Accordion.js +7 -203
- package/dist/accordion/Accordion.stories.js +11 -31
- package/dist/alert/Alert.js +19 -193
- package/dist/alert/Alert.stories.js +15 -50
- package/dist/animations/LoadingAnimation.js +21 -34
- package/dist/badge/Badge.js +7 -105
- package/dist/badge/Badge.stories.js +7 -28
- package/dist/box/Box.js +3 -151
- package/dist/box/Box.stories.js +7 -8
- package/dist/breadcrumbs/Breadcrumbs.js +26 -351
- package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
- package/dist/button/Button.js +12 -190
- package/dist/button/Button.stories.js +7 -35
- package/dist/button/TextButton.js +9 -168
- package/dist/card/Card.js +7 -188
- package/dist/card/Card.stories.js +7 -10
- package/dist/carousel/Carousel.js +58 -308
- package/dist/carousel/Carousel.stories.js +7 -39
- package/dist/carousel/CarouselButton.js +7 -132
- package/dist/center/Center.js +3 -127
- package/dist/center/Center.stories.js +7 -19
- package/dist/checkbox/Checkbox.js +4 -188
- package/dist/checkbox/Checkbox.stories.js +8 -10
- package/dist/chip/Chip.js +3 -168
- package/dist/chip/Chip.stories.js +7 -19
- package/dist/circular-progress/CircularProgress.js +11 -159
- package/dist/circular-progress/CircularProgress.stories.js +14 -54
- package/dist/command/command.js +13 -249
- package/dist/datepicker/DatePicker.js +90 -245
- package/dist/datepicker/DatePicker.stories.js +58 -162
- package/dist/datepicker/DatePickerDrawer.js +17 -115
- package/dist/datepicker/DatePickerPopover.js +35 -208
- package/dist/datepicker/constants.js +4 -3
- package/dist/datepicker/utils.js +11 -4
- package/dist/dialog/index.js +12 -253
- package/dist/divider/Divider.js +3 -127
- package/dist/divider/Divider.stories.js +7 -13
- package/dist/drawer/index.js +12 -230
- package/dist/dropdown/Dropdown.js +26 -297
- package/dist/dropdown/Dropdown.stories.js +22 -109
- package/dist/field-wrapper/FieldWrapper.js +3 -203
- package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
- package/dist/flex/Flex.js +3 -127
- package/dist/flex/Flex.stories.js +7 -19
- package/dist/grid/Grid.js +3 -127
- package/dist/grid/Grid.stories.js +7 -28
- package/dist/hooks/use-breakpoint-value.js +14 -77
- package/dist/hooks/use-media-query.js +12 -61
- package/dist/hstack/HStack.js +3 -127
- package/dist/hstack/HStack.stories.js +7 -19
- package/dist/icons/FluxLogo.js +9 -222
- package/dist/icons/FluxLogoTable.js +5 -118
- package/dist/icons/Icon.js +7 -117
- package/dist/icons/Icon.stories.js +7 -12
- package/dist/icons/Icon24Hours.js +5 -92
- package/dist/icons/IconAcceleration.js +4 -81
- package/dist/icons/IconAccount.js +4 -81
- package/dist/icons/IconApplicant.js +5 -87
- package/dist/icons/IconArrow.js +6 -87
- package/dist/icons/IconArrowBack.js +4 -81
- package/dist/icons/IconArrowForward.js +4 -81
- package/dist/icons/IconArrowTopLeft.js +4 -79
- package/dist/icons/IconBluesharkProductGuide.js +5 -89
- package/dist/icons/IconBolt.js +4 -81
- package/dist/icons/IconBriefcase.js +4 -81
- package/dist/icons/IconBulb.js +4 -81
- package/dist/icons/IconCalendar.js +4 -81
- package/dist/icons/IconCalendarArrowBack.js +4 -81
- package/dist/icons/IconCalendarArrowForward.js +4 -81
- package/dist/icons/IconCalendarDoubleArrowBack.js +4 -81
- package/dist/icons/IconCalendarDoubleArrowForward.js +4 -81
- package/dist/icons/IconCancel.js +5 -86
- package/dist/icons/IconCancelMark.js +4 -81
- package/dist/icons/IconCarSUV.js +4 -81
- package/dist/icons/IconCarSedan.js +7 -156
- package/dist/icons/IconChain.js +5 -88
- package/dist/icons/IconCheckmark.js +4 -81
- package/dist/icons/IconChevronRight.js +4 -81
- package/dist/icons/IconCircle.js +11 -123
- package/dist/icons/IconCircleCheckmark.js +5 -86
- package/dist/icons/IconCircleError.js +4 -81
- package/dist/icons/IconCircleExclamation.js +6 -113
- package/dist/icons/IconCircleMark.js +5 -87
- package/dist/icons/IconCircleOutline.js +5 -148
- package/dist/icons/IconClock.js +5 -89
- package/dist/icons/IconClose.js +4 -81
- package/dist/icons/IconCollapseAll.js +5 -103
- package/dist/icons/IconConcierge.js +5 -88
- package/dist/icons/IconConciergeService.js +5 -96
- package/dist/icons/IconCreditCard.js +5 -87
- package/dist/icons/IconDash.js +4 -81
- package/dist/icons/IconDeliver.js +4 -81
- package/dist/icons/IconDelivery.js +5 -96
- package/dist/icons/IconDetails.js +4 -81
- package/dist/icons/IconDot.js +6 -96
- package/dist/icons/IconDownload.js +5 -88
- package/dist/icons/IconEVCharging.js +5 -88
- package/dist/icons/IconElectricCarFuel.js +5 -89
- package/dist/icons/IconEllipsis.js +5 -87
- package/dist/icons/IconEnvelope.js +4 -81
- package/dist/icons/IconExpandAll.js +5 -103
- package/dist/icons/IconEye.js +5 -88
- package/dist/icons/IconFacebook.js +6 -103
- package/dist/icons/IconFilter.js +5 -92
- package/dist/icons/IconFlagMalaysia.js +5 -150
- package/dist/icons/IconGiveKey.js +5 -88
- package/dist/icons/IconGlobe.js +4 -79
- package/dist/icons/IconGoogle.js +5 -96
- package/dist/icons/IconHome.js +5 -87
- package/dist/icons/IconHostAdvertise.js +4 -81
- package/dist/icons/IconHostCar.js +4 -84
- package/dist/icons/IconHostCash.js +5 -100
- package/dist/icons/IconHostHandle.js +4 -79
- package/dist/icons/IconHostLocation.js +4 -79
- package/dist/icons/IconHostPayment.js +5 -100
- package/dist/icons/IconHostService.js +5 -88
- package/dist/icons/IconHotDeals.js +4 -81
- package/dist/icons/IconInfo.js +5 -86
- package/dist/icons/IconInstagram.js +4 -81
- package/dist/icons/IconInsurance.js +5 -108
- package/dist/icons/IconInternet.js +4 -82
- package/dist/icons/IconInventory.js +5 -87
- package/dist/icons/IconLaurel.js +5 -110
- package/dist/icons/IconLinkedIn.js +4 -81
- package/dist/icons/IconLoading.js +4 -87
- package/dist/icons/IconLocation.js +5 -89
- package/dist/icons/IconLock.js +4 -82
- package/dist/icons/IconLogistics.js +4 -81
- package/dist/icons/IconMail.js +5 -103
- package/dist/icons/IconMember.js +5 -87
- package/dist/icons/IconMobilePen.js +5 -92
- package/dist/icons/IconMotorcycleMoped.js +5 -87
- package/dist/icons/IconNoCost.js +5 -101
- package/dist/icons/IconPDF.js +5 -89
- package/dist/icons/IconPencil.js +4 -79
- package/dist/icons/IconPhone.js +4 -79
- package/dist/icons/IconPlus.js +4 -81
- package/dist/icons/IconPricing.js +4 -81
- package/dist/icons/IconProtected.js +4 -80
- package/dist/icons/IconPsychology.js +4 -81
- package/dist/icons/IconQuestionTooltip.js +4 -137
- package/dist/icons/IconQuote.js +4 -81
- package/dist/icons/IconRate.js +4 -80
- package/dist/icons/IconRegister.js +5 -108
- package/dist/icons/IconReport.js +6 -98
- package/dist/icons/IconReturn.js +4 -81
- package/dist/icons/IconSearch.js +4 -79
- package/dist/icons/IconSecure.js +4 -80
- package/dist/icons/IconSecurity.js +4 -82
- package/dist/icons/IconSedanOutline.js +5 -168
- package/dist/icons/IconSelectArrow.js +6 -87
- package/dist/icons/IconSort.js +5 -88
- package/dist/icons/IconSortListed.js +5 -104
- package/dist/icons/IconSortPriceAscending.js +5 -92
- package/dist/icons/IconSortPriceDescending.js +5 -92
- package/dist/icons/IconSortYear.js +5 -88
- package/dist/icons/IconSpan.js +4 -80
- package/dist/icons/IconSpeaker.js +4 -88
- package/dist/icons/IconSpecialCar.js +5 -104
- package/dist/icons/IconStar.js +7 -101
- package/dist/icons/IconStockPhoto.js +5 -104
- package/dist/icons/IconSubscription.js +6 -122
- package/dist/icons/IconSubscriptions.js +6 -122
- package/dist/icons/IconSwap.js +5 -88
- package/dist/icons/IconTax.js +4 -81
- package/dist/icons/IconThinArrow.js +6 -87
- package/dist/icons/IconThumbsdown.js +5 -87
- package/dist/icons/IconThumbsup.js +5 -87
- package/dist/icons/IconTool.js +4 -81
- package/dist/icons/IconTooltip.js +4 -137
- package/dist/icons/IconTrash.js +4 -81
- package/dist/icons/IconTriangleExclamation.js +4 -81
- package/dist/icons/IconTyersBrakes.js +5 -92
- package/dist/icons/IconTyre.js +5 -92
- package/dist/icons/IconVacancy.js +5 -87
- package/dist/icons/IconVolunteer.js +4 -81
- package/dist/icons/IconWhatsapp.js +4 -82
- package/dist/icons/IconXPlatform.js +4 -81
- package/dist/icons/IconZeroEffort.js +5 -86
- package/dist/icons/Logo.js +3 -108
- package/dist/input/Input.js +11 -134
- package/dist/input/Input.stories.js +18 -17
- package/dist/input-mask/InputMask.js +11 -158
- package/dist/input-mask/InputMask.stories.js +6 -5
- package/dist/input-mask/mask-trackers.js +5 -4
- package/dist/input-select/InputSelect.js +68 -390
- package/dist/input-select/InputSelect.stories.js +25 -98
- package/dist/popover/popover.js +4 -136
- package/dist/progress/Progress.js +2 -160
- package/dist/progress/Progress.stories.js +14 -13
- package/dist/radio/Radio.js +4 -227
- package/dist/scroll-area/scroll-area.js +5 -180
- package/dist/search-input-select/SearchInputSelect.js +69 -379
- package/dist/select/Select.js +29 -354
- package/dist/select/Select.stories.js +19 -55
- package/dist/skeleton/Skeleton.js +3 -71
- package/dist/skeleton/Skeleton.stories.js +7 -8
- package/dist/slider/Slider.js +5 -170
- package/dist/slider/Slider.stories.js +11 -12
- package/dist/stack/Stack.js +3 -127
- package/dist/stack/Stack.stories.js +7 -19
- package/dist/table/Table.js +10 -216
- package/dist/table/Table.stories.js +8 -84
- package/dist/tabs/Tabs.js +9 -198
- package/dist/tabs/Tabs.stories.js +13 -46
- package/dist/text/Text.js +6 -152
- package/dist/text/Text.stories.js +7 -44
- package/dist/toast/Toast.stories.js +14 -66
- package/dist/toast/ToastBox.js +29 -77
- package/dist/toast/index.js +1 -0
- package/dist/toast/sonner.js +6 -66
- package/dist/toggle/Toggle.js +7 -180
- package/dist/toggle/Toggle.stories.js +8 -10
- package/dist/tooltip/Tooltip.js +12 -169
- package/dist/tooltip/Tooltip.stories.js +13 -71
- package/dist/utils.js +2 -4
- package/dist/vstack/VStack.js +3 -127
- package/dist/vstack/VStack.stories.js +7 -19
- package/package.json +16 -16
package/dist/button/Button.js
CHANGED
|
@@ -1,144 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
-
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
-
return arr2;
|
|
5
|
-
}
|
|
6
|
-
function _array_with_holes(arr) {
|
|
7
|
-
if (Array.isArray(arr)) return arr;
|
|
8
|
-
}
|
|
9
|
-
function _define_property(obj, key, value) {
|
|
10
|
-
if (key in obj) {
|
|
11
|
-
Object.defineProperty(obj, key, {
|
|
12
|
-
value: value,
|
|
13
|
-
enumerable: true,
|
|
14
|
-
configurable: true,
|
|
15
|
-
writable: true
|
|
16
|
-
});
|
|
17
|
-
} else {
|
|
18
|
-
obj[key] = value;
|
|
19
|
-
}
|
|
20
|
-
return obj;
|
|
21
|
-
}
|
|
22
|
-
function _iterable_to_array(iter) {
|
|
23
|
-
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
24
|
-
}
|
|
25
|
-
function _iterable_to_array_limit(arr, i) {
|
|
26
|
-
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
27
|
-
if (_i == null) return;
|
|
28
|
-
var _arr = [];
|
|
29
|
-
var _n = true;
|
|
30
|
-
var _d = false;
|
|
31
|
-
var _s, _e;
|
|
32
|
-
try {
|
|
33
|
-
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
34
|
-
_arr.push(_s.value);
|
|
35
|
-
if (i && _arr.length === i) break;
|
|
36
|
-
}
|
|
37
|
-
} catch (err) {
|
|
38
|
-
_d = true;
|
|
39
|
-
_e = err;
|
|
40
|
-
} finally{
|
|
41
|
-
try {
|
|
42
|
-
if (!_n && _i["return"] != null) _i["return"]();
|
|
43
|
-
} finally{
|
|
44
|
-
if (_d) throw _e;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
return _arr;
|
|
48
|
-
}
|
|
49
|
-
function _non_iterable_rest() {
|
|
50
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
51
|
-
}
|
|
52
|
-
function _object_spread(target) {
|
|
53
|
-
for(var i = 1; i < arguments.length; i++){
|
|
54
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
55
|
-
var ownKeys = Object.keys(source);
|
|
56
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
57
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
58
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
59
|
-
}));
|
|
60
|
-
}
|
|
61
|
-
ownKeys.forEach(function(key) {
|
|
62
|
-
_define_property(target, key, source[key]);
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
return target;
|
|
66
|
-
}
|
|
67
|
-
function ownKeys(object, enumerableOnly) {
|
|
68
|
-
var keys = Object.keys(object);
|
|
69
|
-
if (Object.getOwnPropertySymbols) {
|
|
70
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
71
|
-
if (enumerableOnly) {
|
|
72
|
-
symbols = symbols.filter(function(sym) {
|
|
73
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
keys.push.apply(keys, symbols);
|
|
77
|
-
}
|
|
78
|
-
return keys;
|
|
79
|
-
}
|
|
80
|
-
function _object_spread_props(target, source) {
|
|
81
|
-
source = source != null ? source : {};
|
|
82
|
-
if (Object.getOwnPropertyDescriptors) {
|
|
83
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
84
|
-
} else {
|
|
85
|
-
ownKeys(Object(source)).forEach(function(key) {
|
|
86
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
return target;
|
|
90
|
-
}
|
|
91
|
-
function _object_without_properties(source, excluded) {
|
|
92
|
-
if (source == null) return {};
|
|
93
|
-
var target = {}, sourceKeys, key, i;
|
|
94
|
-
if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
|
|
95
|
-
sourceKeys = Reflect.ownKeys(Object(source));
|
|
96
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
97
|
-
key = sourceKeys[i];
|
|
98
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
99
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
100
|
-
target[key] = source[key];
|
|
101
|
-
}
|
|
102
|
-
return target;
|
|
103
|
-
}
|
|
104
|
-
target = _object_without_properties_loose(source, excluded);
|
|
105
|
-
if (Object.getOwnPropertySymbols) {
|
|
106
|
-
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
107
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
108
|
-
key = sourceKeys[i];
|
|
109
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
110
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
111
|
-
target[key] = source[key];
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
return target;
|
|
115
|
-
}
|
|
116
|
-
function _object_without_properties_loose(source, excluded) {
|
|
117
|
-
if (source == null) return {};
|
|
118
|
-
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
119
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
120
|
-
key = sourceKeys[i];
|
|
121
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
122
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
123
|
-
target[key] = source[key];
|
|
124
|
-
}
|
|
125
|
-
return target;
|
|
126
|
-
}
|
|
127
|
-
function _sliced_to_array(arr, i) {
|
|
128
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
129
|
-
}
|
|
130
|
-
function _to_array(arr) {
|
|
131
|
-
return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
|
|
132
|
-
}
|
|
133
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
134
|
-
if (!o) return;
|
|
135
|
-
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
136
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
137
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
138
|
-
if (n === "Map" || n === "Set") return Array.from(n);
|
|
139
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
140
|
-
}
|
|
141
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
142
2
|
import { Slot, Slottable } from '@radix-ui/react-slot';
|
|
143
3
|
import { cva } from 'class-variance-authority';
|
|
144
4
|
import * as React from 'react';
|
|
@@ -146,65 +6,27 @@ import LoadingAnimation from '../animations/LoadingAnimation';
|
|
|
146
6
|
import Box from '../box/Box';
|
|
147
7
|
import HStack from '../hstack/HStack';
|
|
148
8
|
import { cn } from '../utils';
|
|
149
|
-
|
|
9
|
+
const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-sm md:text-base px-6 py-3 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-[0.5px] lg:tracking-wide disabled:pointer-events-none disabled:opacity-30 ', {
|
|
150
10
|
variants: {
|
|
151
11
|
variant: {
|
|
152
12
|
outline: 'border border-black bg-white text-black hover:text-white hover:bg-black',
|
|
153
|
-
'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white'
|
|
13
|
+
'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white',
|
|
154
14
|
},
|
|
155
15
|
colorScheme: {
|
|
156
16
|
default: 'bg-black',
|
|
157
17
|
accent: 'bg-accent-500 hover:bg-accent4',
|
|
158
18
|
link: 'bg-links hover:bg-links2',
|
|
159
19
|
warning: 'bg-warning4 hover:bg-warning-500',
|
|
160
|
-
success: 'bg-success-200 hover:bg-success4'
|
|
161
|
-
}
|
|
162
|
-
}
|
|
20
|
+
success: 'bg-success-200 hover:bg-success4',
|
|
21
|
+
},
|
|
22
|
+
},
|
|
163
23
|
});
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
"className",
|
|
170
|
-
"variant",
|
|
171
|
-
"colorScheme",
|
|
172
|
-
"asChild",
|
|
173
|
-
"leftIcon",
|
|
174
|
-
"rightIcon",
|
|
175
|
-
"isDisabled",
|
|
176
|
-
"isLoading",
|
|
177
|
-
"children"
|
|
178
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
179
|
-
var Comp = asChild ? Slot : 'button';
|
|
180
|
-
return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
|
|
181
|
-
className: cn('min-w-32 rounded-lg', buttonVariants({
|
|
182
|
-
variant: variant,
|
|
183
|
-
colorScheme: colorScheme,
|
|
184
|
-
className: className
|
|
185
|
-
}), isLoading ? 'disabled:opacity-100!' : ''),
|
|
186
|
-
ref: ref,
|
|
187
|
-
disabled: isDisabled || isLoading
|
|
188
|
-
}, props), {
|
|
189
|
-
children: /*#__PURE__*/ _jsx(HStack, {
|
|
190
|
-
className: 'gap-2 items-center',
|
|
191
|
-
children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {
|
|
192
|
-
colorScheme: colorScheme === 'default' || colorScheme === undefined ? 'default' : 'white'
|
|
193
|
-
}) : /*#__PURE__*/ _jsxs(_Fragment, {
|
|
194
|
-
children: [
|
|
195
|
-
leftIcon && /*#__PURE__*/ _jsx(Box, {
|
|
196
|
-
children: leftIcon
|
|
197
|
-
}),
|
|
198
|
-
/*#__PURE__*/ _jsx(Slottable, {
|
|
199
|
-
children: children
|
|
200
|
-
}),
|
|
201
|
-
rightIcon && /*#__PURE__*/ _jsx(Box, {
|
|
202
|
-
children: rightIcon
|
|
203
|
-
})
|
|
204
|
-
]
|
|
205
|
-
})
|
|
206
|
-
})
|
|
207
|
-
}));
|
|
24
|
+
const Button = React.forwardRef(({ className, variant, colorScheme, asChild = false, leftIcon, rightIcon, isDisabled, isLoading, children, ...props }, ref) => {
|
|
25
|
+
const Comp = asChild ? Slot : 'button';
|
|
26
|
+
return (_jsx(Comp, { className: cn('min-w-32 rounded-lg', buttonVariants({ variant, colorScheme, className }), isLoading ? 'disabled:opacity-100!' : ''), ref: ref, disabled: isDisabled || isLoading, ...props, children: _jsx(HStack, { className: 'gap-2 items-center', children: isLoading ? (_jsx(LoadingAnimation, { colorScheme: colorScheme === 'default' || colorScheme === undefined
|
|
27
|
+
? 'default'
|
|
28
|
+
: 'white' })) : (_jsxs(_Fragment, { children: [leftIcon && _jsx(Box, { children: leftIcon }), _jsx(Slottable, { children: children }), rightIcon && _jsx(Box, { children: rightIcon })] })) }) }));
|
|
208
29
|
});
|
|
209
30
|
Button.displayName = 'Button';
|
|
210
31
|
export default Button;
|
|
32
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -2,41 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import HStack from '../hstack/HStack.js';
|
|
3
3
|
import IconPlus from '../icons/IconPlus.js';
|
|
4
4
|
import Button from './Button.js';
|
|
5
|
-
|
|
6
|
-
component: Button
|
|
5
|
+
const meta = {
|
|
6
|
+
component: Button,
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
9
|
-
export
|
|
10
|
-
render:
|
|
11
|
-
return
|
|
12
|
-
|
|
13
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
14
|
-
variant: "outline",
|
|
15
|
-
leftIcon: /*#__PURE__*/ _jsx(IconPlus, {
|
|
16
|
-
size: 16
|
|
17
|
-
}),
|
|
18
|
-
children: "add payment method"
|
|
19
|
-
}),
|
|
20
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
21
|
-
colorScheme: 'link',
|
|
22
|
-
children: "add"
|
|
23
|
-
}),
|
|
24
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
25
|
-
colorScheme: 'warning',
|
|
26
|
-
children: "add"
|
|
27
|
-
}),
|
|
28
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
29
|
-
colorScheme: 'accent',
|
|
30
|
-
children: "add"
|
|
31
|
-
}),
|
|
32
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
33
|
-
colorScheme: 'success',
|
|
34
|
-
children: "add"
|
|
35
|
-
}),
|
|
36
|
-
/*#__PURE__*/ _jsx(Button, {
|
|
37
|
-
children: "dd"
|
|
38
|
-
})
|
|
39
|
-
]
|
|
40
|
-
});
|
|
41
|
-
}
|
|
9
|
+
export const ButtonTest = {
|
|
10
|
+
render: () => {
|
|
11
|
+
return (_jsxs(HStack, { children: [_jsx(Button, { variant: "outline", leftIcon: _jsx(IconPlus, { size: 16 }), children: "add payment method" }), _jsx(Button, { colorScheme: 'link', children: "add" }), _jsx(Button, { colorScheme: 'warning', children: "add" }), _jsx(Button, { colorScheme: 'accent', children: "add" }), _jsx(Button, { colorScheme: 'success', children: "add" }), _jsx(Button, { children: "dd" })] }));
|
|
12
|
+
},
|
|
42
13
|
};
|
|
14
|
+
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1,183 +1,24 @@
|
|
|
1
|
-
function _array_like_to_array(arr, len) {
|
|
2
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
-
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
-
return arr2;
|
|
5
|
-
}
|
|
6
|
-
function _array_with_holes(arr) {
|
|
7
|
-
if (Array.isArray(arr)) return arr;
|
|
8
|
-
}
|
|
9
|
-
function _define_property(obj, key, value) {
|
|
10
|
-
if (key in obj) {
|
|
11
|
-
Object.defineProperty(obj, key, {
|
|
12
|
-
value: value,
|
|
13
|
-
enumerable: true,
|
|
14
|
-
configurable: true,
|
|
15
|
-
writable: true
|
|
16
|
-
});
|
|
17
|
-
} else {
|
|
18
|
-
obj[key] = value;
|
|
19
|
-
}
|
|
20
|
-
return obj;
|
|
21
|
-
}
|
|
22
|
-
function _iterable_to_array(iter) {
|
|
23
|
-
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
24
|
-
}
|
|
25
|
-
function _iterable_to_array_limit(arr, i) {
|
|
26
|
-
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
27
|
-
if (_i == null) return;
|
|
28
|
-
var _arr = [];
|
|
29
|
-
var _n = true;
|
|
30
|
-
var _d = false;
|
|
31
|
-
var _s, _e;
|
|
32
|
-
try {
|
|
33
|
-
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
34
|
-
_arr.push(_s.value);
|
|
35
|
-
if (i && _arr.length === i) break;
|
|
36
|
-
}
|
|
37
|
-
} catch (err) {
|
|
38
|
-
_d = true;
|
|
39
|
-
_e = err;
|
|
40
|
-
} finally{
|
|
41
|
-
try {
|
|
42
|
-
if (!_n && _i["return"] != null) _i["return"]();
|
|
43
|
-
} finally{
|
|
44
|
-
if (_d) throw _e;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
return _arr;
|
|
48
|
-
}
|
|
49
|
-
function _non_iterable_rest() {
|
|
50
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
51
|
-
}
|
|
52
|
-
function _object_spread(target) {
|
|
53
|
-
for(var i = 1; i < arguments.length; i++){
|
|
54
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
55
|
-
var ownKeys = Object.keys(source);
|
|
56
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
57
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
58
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
59
|
-
}));
|
|
60
|
-
}
|
|
61
|
-
ownKeys.forEach(function(key) {
|
|
62
|
-
_define_property(target, key, source[key]);
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
return target;
|
|
66
|
-
}
|
|
67
|
-
function ownKeys(object, enumerableOnly) {
|
|
68
|
-
var keys = Object.keys(object);
|
|
69
|
-
if (Object.getOwnPropertySymbols) {
|
|
70
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
71
|
-
if (enumerableOnly) {
|
|
72
|
-
symbols = symbols.filter(function(sym) {
|
|
73
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
keys.push.apply(keys, symbols);
|
|
77
|
-
}
|
|
78
|
-
return keys;
|
|
79
|
-
}
|
|
80
|
-
function _object_spread_props(target, source) {
|
|
81
|
-
source = source != null ? source : {};
|
|
82
|
-
if (Object.getOwnPropertyDescriptors) {
|
|
83
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
84
|
-
} else {
|
|
85
|
-
ownKeys(Object(source)).forEach(function(key) {
|
|
86
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
return target;
|
|
90
|
-
}
|
|
91
|
-
function _object_without_properties(source, excluded) {
|
|
92
|
-
if (source == null) return {};
|
|
93
|
-
var target = {}, sourceKeys, key, i;
|
|
94
|
-
if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
|
|
95
|
-
sourceKeys = Reflect.ownKeys(Object(source));
|
|
96
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
97
|
-
key = sourceKeys[i];
|
|
98
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
99
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
100
|
-
target[key] = source[key];
|
|
101
|
-
}
|
|
102
|
-
return target;
|
|
103
|
-
}
|
|
104
|
-
target = _object_without_properties_loose(source, excluded);
|
|
105
|
-
if (Object.getOwnPropertySymbols) {
|
|
106
|
-
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
107
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
108
|
-
key = sourceKeys[i];
|
|
109
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
110
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
111
|
-
target[key] = source[key];
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
return target;
|
|
115
|
-
}
|
|
116
|
-
function _object_without_properties_loose(source, excluded) {
|
|
117
|
-
if (source == null) return {};
|
|
118
|
-
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
119
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
120
|
-
key = sourceKeys[i];
|
|
121
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
122
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
123
|
-
target[key] = source[key];
|
|
124
|
-
}
|
|
125
|
-
return target;
|
|
126
|
-
}
|
|
127
|
-
function _sliced_to_array(arr, i) {
|
|
128
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
129
|
-
}
|
|
130
|
-
function _to_array(arr) {
|
|
131
|
-
return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
|
|
132
|
-
}
|
|
133
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
134
|
-
if (!o) return;
|
|
135
|
-
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
136
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
137
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
138
|
-
if (n === "Map" || n === "Set") return Array.from(n);
|
|
139
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
140
|
-
}
|
|
141
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
142
2
|
import { Slot } from '@radix-ui/react-slot';
|
|
143
3
|
import { cva } from 'class-variance-authority';
|
|
144
4
|
import * as React from 'react';
|
|
145
5
|
import LoadingAnimation from '../animations/LoadingAnimation';
|
|
146
6
|
import { cn } from '../utils';
|
|
147
|
-
|
|
7
|
+
const textButtonVariants = cva('inline cursor-pointer disabled:pointer-events-none disabled:opacity-30 text-base leading-[19.6px] bg-transparent border-0 p-0 m-0', {
|
|
148
8
|
variants: {
|
|
149
9
|
variant: {
|
|
150
10
|
default: 'text-inherit',
|
|
151
|
-
link: 'text-links hover:text-[var(--color-links2)]'
|
|
152
|
-
}
|
|
11
|
+
link: 'text-links hover:text-[var(--color-links2)]',
|
|
12
|
+
},
|
|
153
13
|
},
|
|
154
14
|
defaultVariants: {
|
|
155
|
-
variant: 'default'
|
|
156
|
-
}
|
|
15
|
+
variant: 'default',
|
|
16
|
+
},
|
|
157
17
|
});
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
_1
|
|
162
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, variant = _ref2.variant, _ref_asChild = _ref2.asChild, asChild = _ref_asChild === void 0 ? false : _ref_asChild, isDisabled = _ref2.isDisabled, isLoading = _ref2.isLoading, children = _ref2.children, props = _object_without_properties(_ref2, [
|
|
163
|
-
"className",
|
|
164
|
-
"variant",
|
|
165
|
-
"asChild",
|
|
166
|
-
"isDisabled",
|
|
167
|
-
"isLoading",
|
|
168
|
-
"children"
|
|
169
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
170
|
-
var Comp = asChild ? Slot : 'button';
|
|
171
|
-
return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
|
|
172
|
-
className: cn(textButtonVariants({
|
|
173
|
-
variant: variant,
|
|
174
|
-
className: className
|
|
175
|
-
})),
|
|
176
|
-
ref: ref,
|
|
177
|
-
disabled: isDisabled || isLoading
|
|
178
|
-
}, props), {
|
|
179
|
-
children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {}) : children
|
|
180
|
-
}));
|
|
18
|
+
const TextButton = React.forwardRef(({ className, variant, asChild = false, isDisabled, isLoading, children, ...props }, ref) => {
|
|
19
|
+
const Comp = asChild ? Slot : 'button';
|
|
20
|
+
return (_jsx(Comp, { className: cn(textButtonVariants({ variant, className })), ref: ref, disabled: isDisabled || isLoading, ...props, children: isLoading ? _jsx(LoadingAnimation, {}) : children }));
|
|
181
21
|
});
|
|
182
22
|
TextButton.displayName = 'TextButton';
|
|
183
23
|
export default TextButton;
|
|
24
|
+
//# sourceMappingURL=TextButton.js.map
|
package/dist/card/Card.js
CHANGED
|
@@ -1,197 +1,16 @@
|
|
|
1
|
-
function _array_like_to_array(arr, len) {
|
|
2
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
-
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
-
return arr2;
|
|
5
|
-
}
|
|
6
|
-
function _array_with_holes(arr) {
|
|
7
|
-
if (Array.isArray(arr)) return arr;
|
|
8
|
-
}
|
|
9
|
-
function _define_property(obj, key, value) {
|
|
10
|
-
if (key in obj) {
|
|
11
|
-
Object.defineProperty(obj, key, {
|
|
12
|
-
value: value,
|
|
13
|
-
enumerable: true,
|
|
14
|
-
configurable: true,
|
|
15
|
-
writable: true
|
|
16
|
-
});
|
|
17
|
-
} else {
|
|
18
|
-
obj[key] = value;
|
|
19
|
-
}
|
|
20
|
-
return obj;
|
|
21
|
-
}
|
|
22
|
-
function _iterable_to_array(iter) {
|
|
23
|
-
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
24
|
-
}
|
|
25
|
-
function _iterable_to_array_limit(arr, i) {
|
|
26
|
-
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
27
|
-
if (_i == null) return;
|
|
28
|
-
var _arr = [];
|
|
29
|
-
var _n = true;
|
|
30
|
-
var _d = false;
|
|
31
|
-
var _s, _e;
|
|
32
|
-
try {
|
|
33
|
-
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
34
|
-
_arr.push(_s.value);
|
|
35
|
-
if (i && _arr.length === i) break;
|
|
36
|
-
}
|
|
37
|
-
} catch (err) {
|
|
38
|
-
_d = true;
|
|
39
|
-
_e = err;
|
|
40
|
-
} finally{
|
|
41
|
-
try {
|
|
42
|
-
if (!_n && _i["return"] != null) _i["return"]();
|
|
43
|
-
} finally{
|
|
44
|
-
if (_d) throw _e;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
return _arr;
|
|
48
|
-
}
|
|
49
|
-
function _non_iterable_rest() {
|
|
50
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
51
|
-
}
|
|
52
|
-
function _object_spread(target) {
|
|
53
|
-
for(var i = 1; i < arguments.length; i++){
|
|
54
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
55
|
-
var ownKeys = Object.keys(source);
|
|
56
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
57
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
58
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
59
|
-
}));
|
|
60
|
-
}
|
|
61
|
-
ownKeys.forEach(function(key) {
|
|
62
|
-
_define_property(target, key, source[key]);
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
return target;
|
|
66
|
-
}
|
|
67
|
-
function _object_without_properties(source, excluded) {
|
|
68
|
-
if (source == null) return {};
|
|
69
|
-
var target = {}, sourceKeys, key, i;
|
|
70
|
-
if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
|
|
71
|
-
sourceKeys = Reflect.ownKeys(Object(source));
|
|
72
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
73
|
-
key = sourceKeys[i];
|
|
74
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
75
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
76
|
-
target[key] = source[key];
|
|
77
|
-
}
|
|
78
|
-
return target;
|
|
79
|
-
}
|
|
80
|
-
target = _object_without_properties_loose(source, excluded);
|
|
81
|
-
if (Object.getOwnPropertySymbols) {
|
|
82
|
-
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
83
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
84
|
-
key = sourceKeys[i];
|
|
85
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
86
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
87
|
-
target[key] = source[key];
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
return target;
|
|
91
|
-
}
|
|
92
|
-
function _object_without_properties_loose(source, excluded) {
|
|
93
|
-
if (source == null) return {};
|
|
94
|
-
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
95
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
96
|
-
key = sourceKeys[i];
|
|
97
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
98
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
99
|
-
target[key] = source[key];
|
|
100
|
-
}
|
|
101
|
-
return target;
|
|
102
|
-
}
|
|
103
|
-
function _sliced_to_array(arr, i) {
|
|
104
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
105
|
-
}
|
|
106
|
-
function _to_array(arr) {
|
|
107
|
-
return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
|
|
108
|
-
}
|
|
109
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
110
|
-
if (!o) return;
|
|
111
|
-
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
112
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
113
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
114
|
-
if (n === "Map" || n === "Set") return Array.from(n);
|
|
115
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
116
|
-
}
|
|
117
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
118
2
|
import * as React from 'react';
|
|
119
3
|
import { cn } from '../utils';
|
|
120
|
-
export
|
|
121
|
-
var _ref = [
|
|
122
|
-
_0,
|
|
123
|
-
_1
|
|
124
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
125
|
-
"className"
|
|
126
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
127
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
128
|
-
ref: ref,
|
|
129
|
-
className: cn('transition-all duration-200 ease-in-out rounded-none shadow-md hover:shadow-lg', className)
|
|
130
|
-
}, props));
|
|
131
|
-
});
|
|
4
|
+
export const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('transition-all duration-200 ease-in-out rounded-none shadow-md hover:shadow-lg', className), ...props })));
|
|
132
5
|
Card.displayName = 'Card';
|
|
133
|
-
export
|
|
134
|
-
var _ref = [
|
|
135
|
-
_0,
|
|
136
|
-
_1
|
|
137
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
138
|
-
"className"
|
|
139
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
140
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
141
|
-
ref: ref,
|
|
142
|
-
className: cn('flex flex-col space-y-1.5 p-6', className)
|
|
143
|
-
}, props));
|
|
144
|
-
});
|
|
6
|
+
export const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));
|
|
145
7
|
CardHeader.displayName = 'CardHeader';
|
|
146
|
-
export
|
|
147
|
-
var _ref = [
|
|
148
|
-
_0,
|
|
149
|
-
_1
|
|
150
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
151
|
-
"className"
|
|
152
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
153
|
-
return /*#__PURE__*/ _jsx("h3", _object_spread({
|
|
154
|
-
ref: ref,
|
|
155
|
-
className: cn('text-2xl font-semibold leading-none tracking-tight', className)
|
|
156
|
-
}, props));
|
|
157
|
-
});
|
|
8
|
+
export const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn('text-2xl font-semibold leading-none tracking-tight', className), ...props })));
|
|
158
9
|
CardTitle.displayName = 'CardTitle';
|
|
159
|
-
export
|
|
160
|
-
var _ref = [
|
|
161
|
-
_0,
|
|
162
|
-
_1
|
|
163
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
164
|
-
"className"
|
|
165
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
166
|
-
return /*#__PURE__*/ _jsx("p", _object_spread({
|
|
167
|
-
ref: ref,
|
|
168
|
-
className: cn('text-sm text-zinc-500 dark:text-zinc-400', className)
|
|
169
|
-
}, props));
|
|
170
|
-
});
|
|
10
|
+
export const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn('text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
|
|
171
11
|
CardDescription.displayName = 'CardDescription';
|
|
172
|
-
export
|
|
173
|
-
var _ref = [
|
|
174
|
-
_0,
|
|
175
|
-
_1
|
|
176
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
177
|
-
"className"
|
|
178
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
179
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
180
|
-
ref: ref,
|
|
181
|
-
className: className
|
|
182
|
-
}, props));
|
|
183
|
-
});
|
|
12
|
+
export const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: className, ...props })));
|
|
184
13
|
CardContent.displayName = 'CardContent';
|
|
185
|
-
export
|
|
186
|
-
var _ref = [
|
|
187
|
-
_0,
|
|
188
|
-
_1
|
|
189
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
190
|
-
"className"
|
|
191
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
192
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
193
|
-
ref: ref,
|
|
194
|
-
className: cn('flex items-center', className)
|
|
195
|
-
}, props));
|
|
196
|
-
});
|
|
14
|
+
export const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center', className), ...props })));
|
|
197
15
|
CardFooter.displayName = 'CardFooter';
|
|
16
|
+
//# sourceMappingURL=Card.js.map
|