@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,15 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Card, CardContent } from './Card';
|
|
3
|
-
|
|
4
|
-
component: Card
|
|
3
|
+
const meta = {
|
|
4
|
+
component: Card,
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
|
-
export
|
|
8
|
-
render:
|
|
9
|
-
return
|
|
10
|
-
|
|
11
|
-
children: "hello"
|
|
12
|
-
})
|
|
13
|
-
});
|
|
14
|
-
}
|
|
7
|
+
export const FirstStory = {
|
|
8
|
+
render: () => {
|
|
9
|
+
return (_jsx(Card, { children: _jsx(CardContent, { children: "hello" }) }));
|
|
10
|
+
},
|
|
15
11
|
};
|
|
12
|
+
//# sourceMappingURL=Card.stories.js.map
|
|
@@ -1,153 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
function _array_like_to_array(arr, len) {
|
|
3
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
4
|
-
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
5
|
-
return arr2;
|
|
6
|
-
}
|
|
7
|
-
function _array_with_holes(arr) {
|
|
8
|
-
if (Array.isArray(arr)) return arr;
|
|
9
|
-
}
|
|
10
|
-
function _array_without_holes(arr) {
|
|
11
|
-
if (Array.isArray(arr)) return _array_like_to_array(arr);
|
|
12
|
-
}
|
|
13
|
-
function _define_property(obj, key, value) {
|
|
14
|
-
if (key in obj) {
|
|
15
|
-
Object.defineProperty(obj, key, {
|
|
16
|
-
value: value,
|
|
17
|
-
enumerable: true,
|
|
18
|
-
configurable: true,
|
|
19
|
-
writable: true
|
|
20
|
-
});
|
|
21
|
-
} else {
|
|
22
|
-
obj[key] = value;
|
|
23
|
-
}
|
|
24
|
-
return obj;
|
|
25
|
-
}
|
|
26
|
-
function _iterable_to_array(iter) {
|
|
27
|
-
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
28
|
-
}
|
|
29
|
-
function _iterable_to_array_limit(arr, i) {
|
|
30
|
-
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
31
|
-
if (_i == null) return;
|
|
32
|
-
var _arr = [];
|
|
33
|
-
var _n = true;
|
|
34
|
-
var _d = false;
|
|
35
|
-
var _s, _e;
|
|
36
|
-
try {
|
|
37
|
-
for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
|
|
38
|
-
_arr.push(_s.value);
|
|
39
|
-
if (i && _arr.length === i) break;
|
|
40
|
-
}
|
|
41
|
-
} catch (err) {
|
|
42
|
-
_d = true;
|
|
43
|
-
_e = err;
|
|
44
|
-
} finally{
|
|
45
|
-
try {
|
|
46
|
-
if (!_n && _i["return"] != null) _i["return"]();
|
|
47
|
-
} finally{
|
|
48
|
-
if (_d) throw _e;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
return _arr;
|
|
52
|
-
}
|
|
53
|
-
function _non_iterable_rest() {
|
|
54
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
55
|
-
}
|
|
56
|
-
function _non_iterable_spread() {
|
|
57
|
-
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
58
|
-
}
|
|
59
|
-
function _object_spread(target) {
|
|
60
|
-
for(var i = 1; i < arguments.length; i++){
|
|
61
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
62
|
-
var ownKeys = Object.keys(source);
|
|
63
|
-
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
64
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
65
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
66
|
-
}));
|
|
67
|
-
}
|
|
68
|
-
ownKeys.forEach(function(key) {
|
|
69
|
-
_define_property(target, key, source[key]);
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
return target;
|
|
73
|
-
}
|
|
74
|
-
function ownKeys(object, enumerableOnly) {
|
|
75
|
-
var keys = Object.keys(object);
|
|
76
|
-
if (Object.getOwnPropertySymbols) {
|
|
77
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
78
|
-
if (enumerableOnly) {
|
|
79
|
-
symbols = symbols.filter(function(sym) {
|
|
80
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
keys.push.apply(keys, symbols);
|
|
84
|
-
}
|
|
85
|
-
return keys;
|
|
86
|
-
}
|
|
87
|
-
function _object_spread_props(target, source) {
|
|
88
|
-
source = source != null ? source : {};
|
|
89
|
-
if (Object.getOwnPropertyDescriptors) {
|
|
90
|
-
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
91
|
-
} else {
|
|
92
|
-
ownKeys(Object(source)).forEach(function(key) {
|
|
93
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
return target;
|
|
97
|
-
}
|
|
98
|
-
function _object_without_properties(source, excluded) {
|
|
99
|
-
if (source == null) return {};
|
|
100
|
-
var target = {}, sourceKeys, key, i;
|
|
101
|
-
if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
|
|
102
|
-
sourceKeys = Reflect.ownKeys(Object(source));
|
|
103
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
104
|
-
key = sourceKeys[i];
|
|
105
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
106
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
107
|
-
target[key] = source[key];
|
|
108
|
-
}
|
|
109
|
-
return target;
|
|
110
|
-
}
|
|
111
|
-
target = _object_without_properties_loose(source, excluded);
|
|
112
|
-
if (Object.getOwnPropertySymbols) {
|
|
113
|
-
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
114
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
115
|
-
key = sourceKeys[i];
|
|
116
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
117
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
118
|
-
target[key] = source[key];
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
return target;
|
|
122
|
-
}
|
|
123
|
-
function _object_without_properties_loose(source, excluded) {
|
|
124
|
-
if (source == null) return {};
|
|
125
|
-
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
126
|
-
for(i = 0; i < sourceKeys.length; i++){
|
|
127
|
-
key = sourceKeys[i];
|
|
128
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
129
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
130
|
-
target[key] = source[key];
|
|
131
|
-
}
|
|
132
|
-
return target;
|
|
133
|
-
}
|
|
134
|
-
function _sliced_to_array(arr, i) {
|
|
135
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
136
|
-
}
|
|
137
|
-
function _to_array(arr) {
|
|
138
|
-
return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
|
|
139
|
-
}
|
|
140
|
-
function _to_consumable_array(arr) {
|
|
141
|
-
return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
|
|
142
|
-
}
|
|
143
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
144
|
-
if (!o) return;
|
|
145
|
-
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
146
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
147
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
148
|
-
if (n === "Map" || n === "Set") return Array.from(n);
|
|
149
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
150
|
-
}
|
|
151
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
152
3
|
import useEmblaCarousel from 'embla-carousel-react';
|
|
153
4
|
import { WheelGesturesPlugin } from 'embla-carousel-wheel-gestures';
|
|
@@ -157,34 +8,18 @@ import IconArrowForward from '../icons/IconArrowForward.js';
|
|
|
157
8
|
import { cn } from '../utils.js';
|
|
158
9
|
import VStack from '../vstack/VStack.js';
|
|
159
10
|
import { CarouselButton } from './CarouselButton.js';
|
|
160
|
-
|
|
11
|
+
const CarouselContext = React.createContext(null);
|
|
161
12
|
function useCarousel() {
|
|
162
|
-
|
|
13
|
+
const context = React.useContext(CarouselContext);
|
|
163
14
|
if (!context) {
|
|
164
15
|
throw new Error('useCarousel must be used within a <Carousel />');
|
|
165
16
|
}
|
|
166
17
|
return context;
|
|
167
18
|
}
|
|
168
|
-
export
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), opts = _ref2.opts, setApi = _ref2.setApi, _ref_plugins = _ref2.plugins, plugins = _ref_plugins === void 0 ? [] : _ref_plugins, className = _ref2.className, children = _ref2.children, _ref_showButtons = _ref2.showButtons, showButtons = _ref_showButtons === void 0 ? false : _ref_showButtons, _ref_useWheelGestures = _ref2.useWheelGestures, useWheelGestures = _ref_useWheelGestures === void 0 ? false : _ref_useWheelGestures, _ref_isMobile = _ref2.isMobile, isMobile = _ref_isMobile === void 0 ? false : _ref_isMobile, _ref_autoplay = _ref2.autoplay, autoplay = _ref_autoplay === void 0 ? false : _ref_autoplay, _ref_autoplayInterval = _ref2.autoplayInterval, autoplayInterval = _ref_autoplayInterval === void 0 ? 3000 : _ref_autoplayInterval, _ref_forceSnap = _ref2.forceSnap, forceSnap = _ref_forceSnap === void 0 ? false : _ref_forceSnap, props = _object_without_properties(_ref2, [
|
|
173
|
-
"opts",
|
|
174
|
-
"setApi",
|
|
175
|
-
"plugins",
|
|
176
|
-
"className",
|
|
177
|
-
"children",
|
|
178
|
-
"showButtons",
|
|
179
|
-
"useWheelGestures",
|
|
180
|
-
"isMobile",
|
|
181
|
-
"autoplay",
|
|
182
|
-
"autoplayInterval",
|
|
183
|
-
"forceSnap"
|
|
184
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
185
|
-
var emblaPlugins = useWheelGestures ? [
|
|
186
|
-
WheelGesturesPlugin()
|
|
187
|
-
].concat(_to_consumable_array(plugins)) : plugins;
|
|
19
|
+
export const Carousel = React.forwardRef(({ opts, setApi, plugins = [], className, children, showButtons = false, useWheelGestures = false, isMobile = false, autoplay = false, autoplayInterval = 3000, forceSnap = false, ...props }, ref) => {
|
|
20
|
+
const emblaPlugins = useWheelGestures
|
|
21
|
+
? [WheelGesturesPlugin(), ...plugins]
|
|
22
|
+
: plugins;
|
|
188
23
|
// const [carouselRef, api] = useEmblaCarousel(
|
|
189
24
|
// {
|
|
190
25
|
// ...opts,
|
|
@@ -195,183 +30,98 @@ export var Carousel = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
|
|
|
195
30
|
// },
|
|
196
31
|
// emblaPlugins,
|
|
197
32
|
// )
|
|
198
|
-
|
|
33
|
+
const [carouselRef, api] = useEmblaCarousel({
|
|
34
|
+
...opts,
|
|
199
35
|
axis: 'x',
|
|
200
36
|
dragFree: forceSnap ? false : !isMobile,
|
|
201
37
|
containScroll: 'trimSnaps',
|
|
202
|
-
skipSnaps: forceSnap ? false : !isMobile
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
38
|
+
skipSnaps: forceSnap ? false : !isMobile,
|
|
39
|
+
}, emblaPlugins);
|
|
40
|
+
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
41
|
+
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
42
|
+
const [isPaused, setIsPaused] = React.useState(false);
|
|
43
|
+
const onSelect = React.useCallback((api) => {
|
|
208
44
|
if (!api) {
|
|
209
45
|
return;
|
|
210
46
|
}
|
|
211
47
|
setCanScrollPrev(api.canScrollPrev() && api.scrollProgress() !== 100);
|
|
212
48
|
setCanScrollNext(api.canScrollNext());
|
|
213
49
|
}, []);
|
|
214
|
-
|
|
50
|
+
const scrollPrev = React.useCallback(() => {
|
|
215
51
|
if (canScrollPrev) {
|
|
216
|
-
api
|
|
52
|
+
api?.scrollPrev();
|
|
217
53
|
}
|
|
218
|
-
}, [
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
]);
|
|
222
|
-
|
|
223
|
-
api === null || api === void 0 ? void 0 : api.scrollNext();
|
|
224
|
-
}, [
|
|
225
|
-
api
|
|
226
|
-
]);
|
|
227
|
-
React.useEffect(function() {
|
|
54
|
+
}, [api, canScrollPrev]);
|
|
55
|
+
const scrollNext = React.useCallback(() => {
|
|
56
|
+
api?.scrollNext();
|
|
57
|
+
}, [api]);
|
|
58
|
+
React.useEffect(() => {
|
|
228
59
|
if (!api || !setApi) {
|
|
229
60
|
return;
|
|
230
61
|
}
|
|
231
62
|
setApi(api);
|
|
232
|
-
}, [
|
|
233
|
-
|
|
234
|
-
setApi
|
|
235
|
-
]);
|
|
236
|
-
React.useEffect(function() {
|
|
63
|
+
}, [api, setApi]);
|
|
64
|
+
React.useEffect(() => {
|
|
237
65
|
if (!api) {
|
|
238
66
|
return;
|
|
239
67
|
}
|
|
240
68
|
onSelect(api);
|
|
241
69
|
api.on('reInit', onSelect);
|
|
242
70
|
api.on('select', onSelect);
|
|
243
|
-
return
|
|
244
|
-
api
|
|
71
|
+
return () => {
|
|
72
|
+
api?.off('select', onSelect);
|
|
245
73
|
};
|
|
246
|
-
}, [
|
|
247
|
-
|
|
248
|
-
onSelect
|
|
249
|
-
]);
|
|
250
|
-
React.useEffect(function() {
|
|
74
|
+
}, [api, onSelect]);
|
|
75
|
+
React.useEffect(() => {
|
|
251
76
|
if (!autoplay || !api || isPaused) {
|
|
252
77
|
return;
|
|
253
78
|
}
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
79
|
+
const intervalId = setInterval(() => {
|
|
80
|
+
const currentSlide = api.selectedScrollSnap();
|
|
81
|
+
const totalSlides = api.scrollSnapList().length;
|
|
257
82
|
if (currentSlide >= totalSlides - 1) {
|
|
258
83
|
api.scrollTo(0);
|
|
259
|
-
}
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
260
86
|
api.scrollNext();
|
|
261
87
|
}
|
|
262
88
|
}, autoplayInterval);
|
|
263
|
-
return
|
|
89
|
+
return () => {
|
|
264
90
|
clearInterval(intervalId);
|
|
265
91
|
};
|
|
266
|
-
}, [
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
autoplayInterval,
|
|
270
|
-
isPaused
|
|
271
|
-
]);
|
|
272
|
-
return /*#__PURE__*/ _jsx(CarouselContext.Provider, {
|
|
273
|
-
value: {
|
|
274
|
-
carouselRef: carouselRef,
|
|
92
|
+
}, [autoplay, api, autoplayInterval, isPaused]);
|
|
93
|
+
return (_jsx(CarouselContext.Provider, { value: {
|
|
94
|
+
carouselRef,
|
|
275
95
|
api: api,
|
|
276
|
-
opts
|
|
277
|
-
scrollPrev
|
|
278
|
-
scrollNext
|
|
279
|
-
canScrollPrev
|
|
280
|
-
canScrollNext
|
|
281
|
-
autoplay
|
|
282
|
-
autoplayInterval
|
|
283
|
-
},
|
|
284
|
-
children: /*#__PURE__*/ _jsx("section", _object_spread_props(_object_spread({
|
|
285
|
-
ref: ref,
|
|
286
|
-
className: cn('w-full gap-8', className),
|
|
287
|
-
"aria-roledescription": "carousel",
|
|
288
|
-
onPointerDown: function onPointerDown() {
|
|
289
|
-
return setIsPaused(true);
|
|
290
|
-
},
|
|
291
|
-
onPointerUp: function onPointerUp() {
|
|
292
|
-
return setIsPaused(false);
|
|
293
|
-
},
|
|
294
|
-
onPointerLeave: function onPointerLeave() {
|
|
295
|
-
return setIsPaused(false);
|
|
296
|
-
}
|
|
297
|
-
}, props), {
|
|
298
|
-
children: children
|
|
299
|
-
}))
|
|
300
|
-
});
|
|
96
|
+
opts,
|
|
97
|
+
scrollPrev,
|
|
98
|
+
scrollNext,
|
|
99
|
+
canScrollPrev,
|
|
100
|
+
canScrollNext,
|
|
101
|
+
autoplay,
|
|
102
|
+
autoplayInterval,
|
|
103
|
+
}, children: _jsx("section", { ref: ref, className: cn('w-full gap-8', className), "aria-roledescription": "carousel", onPointerDown: () => setIsPaused(true), onPointerUp: () => setIsPaused(false), onPointerLeave: () => setIsPaused(false), ...props, children: children }) }));
|
|
301
104
|
});
|
|
302
105
|
Carousel.displayName = 'Carousel';
|
|
303
|
-
export
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
_1
|
|
307
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
308
|
-
"className"
|
|
309
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
310
|
-
var carouselRef = useCarousel().carouselRef;
|
|
311
|
-
return /*#__PURE__*/ _jsx("div", {
|
|
312
|
-
ref: carouselRef,
|
|
313
|
-
className: "overflow-hidden w-full max-w-screen",
|
|
314
|
-
children: /*#__PURE__*/ _jsx("div", _object_spread({
|
|
315
|
-
ref: ref,
|
|
316
|
-
className: cn('flex', 'gap-4', className)
|
|
317
|
-
}, props))
|
|
318
|
-
});
|
|
106
|
+
export const CarouselContent = React.forwardRef(({ className, ...props }, ref) => {
|
|
107
|
+
const { carouselRef } = useCarousel();
|
|
108
|
+
return (_jsx("div", { ref: carouselRef, className: "overflow-hidden w-full max-w-screen", children: _jsx("div", { ref: ref, className: cn('flex', 'gap-4', className), ...props }) }));
|
|
319
109
|
});
|
|
320
110
|
CarouselContent.displayName = 'CarouselContent';
|
|
321
|
-
export
|
|
322
|
-
|
|
323
|
-
_0,
|
|
324
|
-
_1
|
|
325
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
326
|
-
"className"
|
|
327
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
328
|
-
return /*#__PURE__*/ _jsx(VStack, _object_spread({
|
|
329
|
-
ref: ref,
|
|
330
|
-
role: "group",
|
|
331
|
-
"aria-roledescription": "slide",
|
|
332
|
-
className: cn('min-w-0 shrink-0 grow-0 ', 'text-center justify-center', className)
|
|
333
|
-
}, props));
|
|
111
|
+
export const CarouselItem = React.forwardRef(({ className, ...props }, ref) => {
|
|
112
|
+
return (_jsx(VStack, { ref: ref, role: "group", "aria-roledescription": "slide", className: cn('min-w-0 shrink-0 grow-0 ', 'text-center justify-center', className), ...props }));
|
|
334
113
|
});
|
|
335
114
|
CarouselItem.displayName = 'CarouselItem';
|
|
336
|
-
export
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), _ref_iconSize = _ref2.iconSize, iconSize = _ref_iconSize === void 0 ? 32 : _ref_iconSize, className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
341
|
-
"iconSize",
|
|
342
|
-
"className"
|
|
343
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
344
|
-
var _useCarousel = useCarousel(), scrollPrev = _useCarousel.scrollPrev, canScrollPrev = _useCarousel.canScrollPrev;
|
|
345
|
-
return /*#__PURE__*/ _jsx(CarouselButton, _object_spread_props(_object_spread({
|
|
346
|
-
ref: ref,
|
|
347
|
-
className: cn('absolute h-8 w-8 flex items-center justify-center left-20 top-1/2 -translate-y-1/2 z-10', 'md:left-10', className),
|
|
348
|
-
disabled: !canScrollPrev,
|
|
349
|
-
onClick: scrollPrev
|
|
350
|
-
}, props), {
|
|
351
|
-
children: /*#__PURE__*/ _jsx(IconArrowBack, {
|
|
352
|
-
size: iconSize
|
|
353
|
-
})
|
|
354
|
-
}));
|
|
115
|
+
export const CarouselPrevious = React.forwardRef(({ iconSize = 32, className, ...props }, ref) => {
|
|
116
|
+
const { scrollPrev, canScrollPrev } = useCarousel();
|
|
117
|
+
return (_jsx(CarouselButton, { ref: ref, className: cn('absolute h-8 w-8 flex items-center justify-center left-20 top-1/2 -translate-y-1/2 z-10', // Adjusted for smaller screens
|
|
118
|
+
'md:left-10', className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: _jsx(IconArrowBack, { size: iconSize }) }));
|
|
355
119
|
});
|
|
356
120
|
CarouselPrevious.displayName = 'CarouselPrevious';
|
|
357
|
-
export
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), _ref_iconSize = _ref2.iconSize, iconSize = _ref_iconSize === void 0 ? 32 : _ref_iconSize, className = _ref2.className, props = _object_without_properties(_ref2, [
|
|
362
|
-
"iconSize",
|
|
363
|
-
"className"
|
|
364
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
365
|
-
var _useCarousel = useCarousel(), scrollNext = _useCarousel.scrollNext, canScrollNext = _useCarousel.canScrollNext;
|
|
366
|
-
return /*#__PURE__*/ _jsx(CarouselButton, _object_spread_props(_object_spread({
|
|
367
|
-
ref: ref,
|
|
368
|
-
className: cn('absolute h-8 w-8 flex items-center justify-center right-20 top-1/2 -translate-y-1/2 z-10', 'md:right-10', className),
|
|
369
|
-
disabled: !canScrollNext,
|
|
370
|
-
onClick: scrollNext
|
|
371
|
-
}, props), {
|
|
372
|
-
children: /*#__PURE__*/ _jsx(IconArrowForward, {
|
|
373
|
-
size: iconSize
|
|
374
|
-
})
|
|
375
|
-
}));
|
|
121
|
+
export const CarouselNext = React.forwardRef(({ iconSize = 32, className, ...props }, ref) => {
|
|
122
|
+
const { scrollNext, canScrollNext } = useCarousel();
|
|
123
|
+
return (_jsx(CarouselButton, { ref: ref, className: cn('absolute h-8 w-8 flex items-center justify-center right-20 top-1/2 -translate-y-1/2 z-10', // Adjusted for smaller screens
|
|
124
|
+
'md:right-10', className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: _jsx(IconArrowForward, { size: iconSize }) }));
|
|
376
125
|
});
|
|
377
126
|
CarouselNext.displayName = 'CarouselNext';
|
|
127
|
+
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1,46 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import Box from '../box/Box';
|
|
3
3
|
import { Carousel, CarouselContent, CarouselItem } from './Carousel';
|
|
4
|
-
|
|
4
|
+
const meta = {
|
|
5
5
|
title: ' Carousel',
|
|
6
|
-
component: Carousel
|
|
6
|
+
component: Carousel,
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
9
|
-
export
|
|
10
|
-
render:
|
|
11
|
-
return
|
|
12
|
-
|
|
13
|
-
children: /*#__PURE__*/ _jsx(Carousel, {
|
|
14
|
-
showButtons: true,
|
|
15
|
-
children: /*#__PURE__*/ _jsxs(CarouselContent, {
|
|
16
|
-
children: [
|
|
17
|
-
/*#__PURE__*/ _jsx(CarouselItem, {
|
|
18
|
-
className: "border p-10 items-center border-success4",
|
|
19
|
-
children: "first item"
|
|
20
|
-
}),
|
|
21
|
-
/*#__PURE__*/ _jsx(CarouselItem, {
|
|
22
|
-
className: "border p-10 items-center border-success4",
|
|
23
|
-
children: "second item"
|
|
24
|
-
}),
|
|
25
|
-
/*#__PURE__*/ _jsx(CarouselItem, {
|
|
26
|
-
className: "border p-10 items-center border-success4",
|
|
27
|
-
children: "third item"
|
|
28
|
-
}),
|
|
29
|
-
/*#__PURE__*/ _jsx(CarouselItem, {
|
|
30
|
-
className: "border p-10 items-center border-success4",
|
|
31
|
-
children: "fourth item"
|
|
32
|
-
}),
|
|
33
|
-
/*#__PURE__*/ _jsx(CarouselItem, {
|
|
34
|
-
className: "border p-10 items-center border-success4",
|
|
35
|
-
children: "fifth item"
|
|
36
|
-
}),
|
|
37
|
-
/*#__PURE__*/ _jsx(CarouselItem, {
|
|
38
|
-
className: "border p-10 items-center border-success4",
|
|
39
|
-
children: "sixth item"
|
|
40
|
-
})
|
|
41
|
-
]
|
|
42
|
-
})
|
|
43
|
-
})
|
|
44
|
-
});
|
|
45
|
-
}
|
|
9
|
+
export const FirstStory = {
|
|
10
|
+
render: () => {
|
|
11
|
+
return (_jsx(Box, { className: "p-10 border", children: _jsx(Carousel, { showButtons: true, children: _jsxs(CarouselContent, { children: [_jsx(CarouselItem, { className: "border p-10 items-center border-success4", children: "first item" }), _jsx(CarouselItem, { className: "border p-10 items-center border-success4", children: "second item" }), _jsx(CarouselItem, { className: "border p-10 items-center border-success4", children: "third item" }), _jsx(CarouselItem, { className: "border p-10 items-center border-success4", children: "fourth item" }), _jsx(CarouselItem, { className: "border p-10 items-center border-success4", children: "fifth item" }), _jsx(CarouselItem, { className: "border p-10 items-center border-success4", children: "sixth item" })] }) }) }));
|
|
12
|
+
},
|
|
46
13
|
};
|
|
14
|
+
//# sourceMappingURL=Carousel.stories.js.map
|
|
@@ -1,140 +1,15 @@
|
|
|
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 { Slot } from '@radix-ui/react-slot';
|
|
119
3
|
import { cva } from 'class-variance-authority';
|
|
120
4
|
import * as React from 'react';
|
|
121
5
|
import { cn } from '../utils.js';
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
"className",
|
|
129
|
-
"asChild"
|
|
130
|
-
]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
|
|
131
|
-
var Comp = asChild ? Slot : 'button';
|
|
132
|
-
return /*#__PURE__*/ _jsx(Comp, _object_spread({
|
|
133
|
-
className: cn(carouselButtonVariants({
|
|
134
|
-
className: className
|
|
135
|
-
})),
|
|
136
|
-
ref: ref
|
|
137
|
-
}, props));
|
|
6
|
+
const carouselButtonVariants = cva(`inline-flex items-center justify-center whitespace-nowrap text-white font-medium disabled:pointer-events-none disabled:opacity-50
|
|
7
|
+
h-10 sm:h-9 lg:h-11
|
|
8
|
+
`);
|
|
9
|
+
const CarouselButton = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
|
|
10
|
+
const Comp = asChild ? Slot : 'button';
|
|
11
|
+
return (_jsx(Comp, { className: cn(carouselButtonVariants({ className })), ref: ref, ...props }));
|
|
138
12
|
});
|
|
139
13
|
CarouselButton.displayName = 'CarouselButton';
|
|
140
14
|
export { CarouselButton, carouselButtonVariants };
|
|
15
|
+
//# sourceMappingURL=CarouselButton.js.map
|