@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
|
@@ -1,213 +1,17 @@
|
|
|
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 * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
143
3
|
import * as React from 'react';
|
|
144
4
|
import IconDash from '../icons/IconDash';
|
|
145
5
|
import IconPlus from '../icons/IconPlus';
|
|
146
6
|
import { cn } from '../utils';
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
var _ref = [
|
|
150
|
-
_0,
|
|
151
|
-
_1
|
|
152
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
153
|
-
"className"
|
|
154
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
155
|
-
return /*#__PURE__*/ _jsx(AccordionPrimitive.Item, _object_spread({
|
|
156
|
-
ref: ref,
|
|
157
|
-
className: cn('border-b border-gray-300', className)
|
|
158
|
-
}, props));
|
|
159
|
-
});
|
|
7
|
+
const Accordion = AccordionPrimitive.Root;
|
|
8
|
+
const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn('border-b border-gray-300', className), ...props })));
|
|
160
9
|
AccordionItem.displayName = 'AccordionItem';
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
_0,
|
|
164
|
-
_1
|
|
165
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, children = _ref2.children, _ref_showIcons = _ref2.showIcons, showIcons = _ref_showIcons === void 0 ? true : _ref_showIcons, props = _object_without_properties(_ref2, [
|
|
166
|
-
"className",
|
|
167
|
-
"children",
|
|
168
|
-
"showIcons"
|
|
169
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
170
|
-
return /*#__PURE__*/ _jsx(AccordionPrimitive.Header, {
|
|
171
|
-
className: "flex",
|
|
172
|
-
children: /*#__PURE__*/ _jsxs(AccordionPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
173
|
-
ref: ref,
|
|
174
|
-
className: cn('flex flex-1 items-center justify-between gap-6 py-4 font-medium transition-all group', className)
|
|
175
|
-
}, props), {
|
|
176
|
-
children: [
|
|
177
|
-
children,
|
|
178
|
-
showIcons && /*#__PURE__*/ _jsxs(_Fragment, {
|
|
179
|
-
children: [
|
|
180
|
-
/*#__PURE__*/ _jsx(IconDash, {
|
|
181
|
-
size: '16px',
|
|
182
|
-
className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:hidden"
|
|
183
|
-
}),
|
|
184
|
-
/*#__PURE__*/ _jsx(IconPlus, {
|
|
185
|
-
size: '16px',
|
|
186
|
-
className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:block group-data-[state=open]:hidden"
|
|
187
|
-
})
|
|
188
|
-
]
|
|
189
|
-
})
|
|
190
|
-
]
|
|
191
|
-
}))
|
|
192
|
-
});
|
|
10
|
+
const AccordionTrigger = React.forwardRef(({ className, children, showIcons = true, ...props }, ref) => {
|
|
11
|
+
return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, className: cn('flex flex-1 items-center justify-between gap-6 py-4 font-medium transition-all group', className), ...props, children: [children, showIcons && (_jsxs(_Fragment, { children: [_jsx(IconDash, { size: '16px', className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:hidden" }), _jsx(IconPlus, { size: '16px', className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:block group-data-[state=open]:hidden" })] }))] }) }));
|
|
193
12
|
});
|
|
194
13
|
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
195
|
-
|
|
196
|
-
var _ref = [
|
|
197
|
-
_0,
|
|
198
|
-
_1
|
|
199
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, children = _ref2.children, props = _object_without_properties(_ref2, [
|
|
200
|
-
"className",
|
|
201
|
-
"children"
|
|
202
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
203
|
-
return /*#__PURE__*/ _jsx(AccordionPrimitive.Content, _object_spread_props(_object_spread({
|
|
204
|
-
ref: ref,
|
|
205
|
-
className: cn('overflow-hidden text-sm transition-all ', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className)
|
|
206
|
-
}, props), {
|
|
207
|
-
children: /*#__PURE__*/ _jsx("div", {
|
|
208
|
-
children: children
|
|
209
|
-
})
|
|
210
|
-
}));
|
|
211
|
-
});
|
|
14
|
+
const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: cn('overflow-hidden text-sm transition-all ', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className), ...props, children: _jsx("div", { children: children }) })));
|
|
212
15
|
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
|
213
16
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
17
|
+
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1,44 +1,24 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './Accordion.js';
|
|
3
|
-
|
|
4
|
-
component: Accordion
|
|
2
|
+
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from './Accordion.js';
|
|
3
|
+
const meta = {
|
|
4
|
+
component: Accordion,
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
|
-
|
|
7
|
+
const props = [
|
|
8
8
|
{
|
|
9
9
|
title: 'What condition can I expect my car to be in?',
|
|
10
|
-
description: 'All our vehicles have been fully inspected with 4-5 star inspection ratings. Each vehicle is cleaned and serviced before delivery.'
|
|
10
|
+
description: 'All our vehicles have been fully inspected with 4-5 star inspection ratings. Each vehicle is cleaned and serviced before delivery.',
|
|
11
11
|
},
|
|
12
12
|
{
|
|
13
13
|
title: 'What other services do you provide?',
|
|
14
|
-
description: 'We provide a range of services including maintenance, repair, and customization for your vehicle.'
|
|
15
|
-
}
|
|
14
|
+
description: 'We provide a range of services including maintenance, repair, and customization for your vehicle.',
|
|
15
|
+
},
|
|
16
16
|
];
|
|
17
|
-
export
|
|
18
|
-
return
|
|
19
|
-
type: 'multiple',
|
|
20
|
-
className: 'space-y-4 hover:no-underline font-bold accordion-containers text-black px-24 md:w-1/2',
|
|
21
|
-
children: props.map(function(item, index) {
|
|
22
|
-
return /*#__PURE__*/ _jsxs(AccordionItem, {
|
|
23
|
-
className: 'space-y-4 hover:no-underline font-normal ',
|
|
24
|
-
value: "item-".concat(index),
|
|
25
|
-
children: [
|
|
26
|
-
/*#__PURE__*/ _jsx(AccordionTrigger, {
|
|
27
|
-
className: 'text-xs',
|
|
28
|
-
children: item.title
|
|
29
|
-
}),
|
|
30
|
-
/*#__PURE__*/ _jsx(AccordionContent, {
|
|
31
|
-
className: 'text-primary3',
|
|
32
|
-
children: /*#__PURE__*/ _jsx("p", {
|
|
33
|
-
children: item.description
|
|
34
|
-
})
|
|
35
|
-
})
|
|
36
|
-
]
|
|
37
|
-
}, item.title);
|
|
38
|
-
})
|
|
39
|
-
});
|
|
17
|
+
export const Default = (_args) => {
|
|
18
|
+
return (_jsx(Accordion, { type: 'multiple', className: 'space-y-4 hover:no-underline font-bold accordion-containers text-black px-24 md:w-1/2', children: props.map((item, index) => (_jsxs(AccordionItem, { className: 'space-y-4 hover:no-underline font-normal ', value: `item-${index}`, children: [_jsx(AccordionTrigger, { className: 'text-xs', children: item.title }), _jsx(AccordionContent, { className: 'text-primary3', children: _jsx("p", { children: item.description }) })] }, item.title))) }));
|
|
40
19
|
};
|
|
41
20
|
Default.args = {
|
|
42
21
|
type: 'single',
|
|
43
|
-
collapsible: true
|
|
22
|
+
collapsible: true,
|
|
44
23
|
};
|
|
24
|
+
//# sourceMappingURL=Accordion.stories.js.map
|
package/dist/alert/Alert.js
CHANGED
|
@@ -1,218 +1,44 @@
|
|
|
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 { cva } from 'class-variance-authority';
|
|
119
3
|
import * as React from 'react';
|
|
120
4
|
import IconInfo from '../icons/IconInfo';
|
|
121
5
|
import { cn } from '../utils';
|
|
122
|
-
|
|
6
|
+
const alertVariants = cva('relative font-light w-full p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4', {
|
|
123
7
|
variants: {
|
|
124
8
|
variant: {
|
|
125
9
|
default: 'bg-primary1 text-black',
|
|
126
10
|
error: 'bg-danger/30 [&>svg]:text-danger',
|
|
127
|
-
warning: 'bg-warning4/30 [&>svg]:text-warning4'
|
|
128
|
-
}
|
|
11
|
+
warning: 'bg-warning4/30 [&>svg]:text-warning4',
|
|
12
|
+
},
|
|
129
13
|
},
|
|
130
14
|
defaultVariants: {
|
|
131
|
-
variant: 'default'
|
|
132
|
-
}
|
|
133
|
-
});
|
|
134
|
-
var Alert = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
|
|
135
|
-
var _ref = [
|
|
136
|
-
_0,
|
|
137
|
-
_1
|
|
138
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, variant = _ref2.variant, props = _object_without_properties(_ref2, [
|
|
139
|
-
"className",
|
|
140
|
-
"variant"
|
|
141
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
142
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
143
|
-
ref: ref,
|
|
144
|
-
role: "alert",
|
|
145
|
-
className: cn(alertVariants({
|
|
146
|
-
variant: variant
|
|
147
|
-
}), className)
|
|
148
|
-
}, props));
|
|
15
|
+
variant: 'default',
|
|
16
|
+
},
|
|
149
17
|
});
|
|
18
|
+
const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
|
|
150
19
|
Alert.displayName = 'Alert';
|
|
151
|
-
|
|
152
|
-
var _ref = [
|
|
153
|
-
_0,
|
|
154
|
-
_1
|
|
155
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, variant = _ref2.variant, props = _object_without_properties(_ref2, [
|
|
156
|
-
"className",
|
|
157
|
-
"variant"
|
|
158
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
20
|
+
const AlertIcon = React.forwardRef(({ className, variant, ...props }, ref) => {
|
|
159
21
|
if (!variant) {
|
|
160
|
-
return
|
|
161
|
-
ref: ref
|
|
162
|
-
}, props));
|
|
22
|
+
return _jsx(IconInfo, { ref: ref, ...props });
|
|
163
23
|
}
|
|
164
|
-
switch(variant){
|
|
24
|
+
switch (variant) {
|
|
165
25
|
case 'error':
|
|
166
|
-
return
|
|
167
|
-
ref: ref,
|
|
168
|
-
variant: 'filled',
|
|
169
|
-
className: cn('text-danger', className)
|
|
170
|
-
}, props));
|
|
26
|
+
return (_jsx(IconInfo, { ref: ref, variant: 'filled', className: cn('text-danger', className), ...props }));
|
|
171
27
|
case 'warning':
|
|
172
|
-
return
|
|
173
|
-
ref: ref,
|
|
174
|
-
variant: 'filled',
|
|
175
|
-
className: cn('text-warning4', className)
|
|
176
|
-
}, props));
|
|
28
|
+
return (_jsx(IconInfo, { ref: ref, variant: 'filled', className: cn('text-warning4', className), ...props }));
|
|
177
29
|
case 'default':
|
|
178
|
-
return
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
var _exhaustiveCheck = variant;
|
|
184
|
-
return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
|
|
185
|
-
ref: ref
|
|
186
|
-
}, props));
|
|
187
|
-
}
|
|
30
|
+
return _jsx(IconInfo, { ref: ref, ...props });
|
|
31
|
+
default: {
|
|
32
|
+
const _exhaustiveCheck = variant;
|
|
33
|
+
return _jsx(IconInfo, { ref: ref, ...props });
|
|
34
|
+
}
|
|
188
35
|
}
|
|
189
36
|
});
|
|
190
37
|
AlertIcon.displayName = 'AlertIcon';
|
|
191
|
-
|
|
192
|
-
var _ref = [
|
|
193
|
-
_0,
|
|
194
|
-
_1
|
|
195
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
196
|
-
"className"
|
|
197
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
198
|
-
return /*#__PURE__*/ _jsx("h5", _object_spread({
|
|
199
|
-
ref: ref,
|
|
200
|
-
className: cn('mb-1 font-bold leading-none tracking-tight', className)
|
|
201
|
-
}, props));
|
|
202
|
-
});
|
|
38
|
+
const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn('mb-1 font-bold leading-none tracking-tight', className), ...props })));
|
|
203
39
|
AlertTitle.displayName = 'AlertTitle';
|
|
204
|
-
|
|
205
|
-
var _ref = [
|
|
206
|
-
_0,
|
|
207
|
-
_1
|
|
208
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
209
|
-
"className"
|
|
210
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
211
|
-
return /*#__PURE__*/ _jsx("div", _object_spread({
|
|
212
|
-
ref: ref,
|
|
213
|
-
className: cn('text-base font-light [&_p]:leading-relaxed', className)
|
|
214
|
-
}, props));
|
|
215
|
-
});
|
|
40
|
+
const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-base font-light [&_p]:leading-relaxed', className), ...props })));
|
|
216
41
|
AlertDescription.displayName = 'AlertDescription';
|
|
217
42
|
export default Alert;
|
|
218
43
|
export { AlertDescription, AlertIcon, AlertTitle };
|
|
44
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -1,57 +1,22 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Alert, { AlertDescription, AlertIcon, AlertTitle } from './Alert.js';
|
|
3
|
-
|
|
4
|
-
component: Alert
|
|
3
|
+
const meta = {
|
|
4
|
+
component: Alert,
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
|
-
export
|
|
8
|
-
render:
|
|
9
|
-
return
|
|
10
|
-
|
|
11
|
-
/*#__PURE__*/ _jsx(AlertIcon, {}),
|
|
12
|
-
/*#__PURE__*/ _jsx(AlertTitle, {
|
|
13
|
-
children: "Apple Inc."
|
|
14
|
-
}),
|
|
15
|
-
/*#__PURE__*/ _jsx(AlertDescription, {
|
|
16
|
-
children: "Created by Steve Jobs. Made possible by Steve Wozniak."
|
|
17
|
-
})
|
|
18
|
-
]
|
|
19
|
-
});
|
|
20
|
-
}
|
|
7
|
+
export const DefaultStory = {
|
|
8
|
+
render: () => {
|
|
9
|
+
return (_jsxs(Alert, { children: [_jsx(AlertIcon, {}), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "Created by Steve Jobs. Made possible by Steve Wozniak." })] }));
|
|
10
|
+
},
|
|
21
11
|
};
|
|
22
|
-
export
|
|
23
|
-
render:
|
|
24
|
-
return
|
|
25
|
-
|
|
26
|
-
children: [
|
|
27
|
-
/*#__PURE__*/ _jsx(AlertIcon, {
|
|
28
|
-
variant: "error"
|
|
29
|
-
}),
|
|
30
|
-
/*#__PURE__*/ _jsx(AlertTitle, {
|
|
31
|
-
children: "Apple Inc."
|
|
32
|
-
}),
|
|
33
|
-
/*#__PURE__*/ _jsx(AlertDescription, {
|
|
34
|
-
children: "is made by Bill Gates"
|
|
35
|
-
})
|
|
36
|
-
]
|
|
37
|
-
});
|
|
38
|
-
}
|
|
12
|
+
export const ErrorStory = {
|
|
13
|
+
render: () => {
|
|
14
|
+
return (_jsxs(Alert, { variant: "error", children: [_jsx(AlertIcon, { variant: "error" }), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "is made by Bill Gates" })] }));
|
|
15
|
+
},
|
|
39
16
|
};
|
|
40
|
-
export
|
|
41
|
-
render:
|
|
42
|
-
return
|
|
43
|
-
|
|
44
|
-
children: [
|
|
45
|
-
/*#__PURE__*/ _jsx(AlertIcon, {
|
|
46
|
-
variant: "warning"
|
|
47
|
-
}),
|
|
48
|
-
/*#__PURE__*/ _jsx(AlertTitle, {
|
|
49
|
-
children: "Apple Inc."
|
|
50
|
-
}),
|
|
51
|
-
/*#__PURE__*/ _jsx(AlertDescription, {
|
|
52
|
-
children: "is prospered by Tim Cook."
|
|
53
|
-
})
|
|
54
|
-
]
|
|
55
|
-
});
|
|
56
|
-
}
|
|
17
|
+
export const WarningStory = {
|
|
18
|
+
render: () => {
|
|
19
|
+
return (_jsxs(Alert, { variant: "warning", children: [_jsx(AlertIcon, { variant: "warning" }), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "is prospered by Tim Cook." })] }));
|
|
20
|
+
},
|
|
57
21
|
};
|
|
22
|
+
//# sourceMappingURL=Alert.stories.js.map
|
|
@@ -1,39 +1,26 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Stack from '../stack/Stack';
|
|
3
3
|
import { cn } from '../utils';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
style: {
|
|
25
|
-
animation: 'dotAnimation 3s infinite'
|
|
26
|
-
},
|
|
27
|
-
children: /*#__PURE__*/ _jsx("div", {
|
|
28
|
-
className: cn('w-full h-[10px] rounded-full', colorScheme === 'default' ? 'bg-links' : 'bg-white')
|
|
29
|
-
})
|
|
30
|
-
})
|
|
31
|
-
]
|
|
32
|
-
}),
|
|
33
|
-
/*#__PURE__*/ _jsx("style", {
|
|
34
|
-
children: "\n @keyframes dotAnimation {\n 0% { transform: translateX(0); width: 10px; }\n 9% { transform: translateX(0); width: 24px; }\n 17.5% { transform: translateX(14px); width: 10px; }\n 25% { transform: translateX(14px); width: 24px; }\n 35% { transform: translateX(28px); width: 10px; }\n 42.5% { transform: translateX(28px); width: 24px; }\n 50% { transform: translateX(42px); width: 10px; }\n 59% { transform: translateX(28px); width: 24px; }\n 67.5% { transform: translateX(28px); width: 10px; }\n 75% { transform: translateX(14px); width: 24px; }\n 85% { transform: translateX(14px); width: 10px; }\n 92.5% { transform: translateX(0px); width: 24px; }\n 100% { transform: translateX(0); width: 10px; }\n}\n "
|
|
35
|
-
})
|
|
36
|
-
]
|
|
37
|
-
});
|
|
4
|
+
const LoadingAnimation = ({ colorScheme = 'default' }) => {
|
|
5
|
+
return (_jsxs(Stack, { className: "flex justify-center items-center", children: [_jsxs("div", { className: "relative flex gap-1", children: [[0, 1, 2, 3].map((index) => (_jsx("div", { className: cn('w-[10px] h-[10px] rounded-full', colorScheme === 'default' ? 'bg-primary2' : 'bg-white opacity-50') }, `static-${index}`))), _jsx("div", { className: "absolute top-0 left-0 flex items-center", style: {
|
|
6
|
+
animation: 'dotAnimation 3s infinite',
|
|
7
|
+
}, children: _jsx("div", { className: cn('w-full h-[10px] rounded-full', colorScheme === 'default' ? 'bg-links' : 'bg-white') }) })] }), _jsx("style", { children: `
|
|
8
|
+
@keyframes dotAnimation {
|
|
9
|
+
0% { transform: translateX(0); width: 10px; }
|
|
10
|
+
9% { transform: translateX(0); width: 24px; }
|
|
11
|
+
17.5% { transform: translateX(14px); width: 10px; }
|
|
12
|
+
25% { transform: translateX(14px); width: 24px; }
|
|
13
|
+
35% { transform: translateX(28px); width: 10px; }
|
|
14
|
+
42.5% { transform: translateX(28px); width: 24px; }
|
|
15
|
+
50% { transform: translateX(42px); width: 10px; }
|
|
16
|
+
59% { transform: translateX(28px); width: 24px; }
|
|
17
|
+
67.5% { transform: translateX(28px); width: 10px; }
|
|
18
|
+
75% { transform: translateX(14px); width: 24px; }
|
|
19
|
+
85% { transform: translateX(14px); width: 10px; }
|
|
20
|
+
92.5% { transform: translateX(0px); width: 24px; }
|
|
21
|
+
100% { transform: translateX(0); width: 10px; }
|
|
22
|
+
}
|
|
23
|
+
` })] }));
|
|
38
24
|
};
|
|
39
25
|
export default LoadingAnimation;
|
|
26
|
+
//# sourceMappingURL=LoadingAnimation.js.map
|