@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.
Files changed (219) hide show
  1. package/dist/accordion/Accordion.js +7 -203
  2. package/dist/accordion/Accordion.stories.js +11 -31
  3. package/dist/alert/Alert.js +19 -193
  4. package/dist/alert/Alert.stories.js +15 -50
  5. package/dist/animations/LoadingAnimation.js +21 -34
  6. package/dist/badge/Badge.js +7 -105
  7. package/dist/badge/Badge.stories.js +7 -28
  8. package/dist/box/Box.js +3 -151
  9. package/dist/box/Box.stories.js +7 -8
  10. package/dist/breadcrumbs/Breadcrumbs.js +26 -351
  11. package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
  12. package/dist/button/Button.js +12 -190
  13. package/dist/button/Button.stories.js +7 -35
  14. package/dist/button/TextButton.js +9 -168
  15. package/dist/card/Card.js +7 -188
  16. package/dist/card/Card.stories.js +7 -10
  17. package/dist/carousel/Carousel.js +58 -308
  18. package/dist/carousel/Carousel.stories.js +7 -39
  19. package/dist/carousel/CarouselButton.js +7 -132
  20. package/dist/center/Center.js +3 -127
  21. package/dist/center/Center.stories.js +7 -19
  22. package/dist/checkbox/Checkbox.js +4 -188
  23. package/dist/checkbox/Checkbox.stories.js +8 -10
  24. package/dist/chip/Chip.js +3 -168
  25. package/dist/chip/Chip.stories.js +7 -19
  26. package/dist/circular-progress/CircularProgress.js +11 -159
  27. package/dist/circular-progress/CircularProgress.stories.js +14 -54
  28. package/dist/command/command.js +13 -249
  29. package/dist/datepicker/DatePicker.js +90 -245
  30. package/dist/datepicker/DatePicker.stories.js +58 -162
  31. package/dist/datepicker/DatePickerDrawer.js +17 -115
  32. package/dist/datepicker/DatePickerPopover.js +35 -208
  33. package/dist/datepicker/constants.js +4 -3
  34. package/dist/datepicker/utils.js +11 -4
  35. package/dist/dialog/index.js +12 -253
  36. package/dist/divider/Divider.js +3 -127
  37. package/dist/divider/Divider.stories.js +7 -13
  38. package/dist/drawer/index.js +12 -230
  39. package/dist/dropdown/Dropdown.js +26 -297
  40. package/dist/dropdown/Dropdown.stories.js +22 -109
  41. package/dist/field-wrapper/FieldWrapper.js +3 -203
  42. package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
  43. package/dist/flex/Flex.js +3 -127
  44. package/dist/flex/Flex.stories.js +7 -19
  45. package/dist/grid/Grid.js +3 -127
  46. package/dist/grid/Grid.stories.js +7 -28
  47. package/dist/hooks/use-breakpoint-value.js +14 -77
  48. package/dist/hooks/use-media-query.js +12 -61
  49. package/dist/hstack/HStack.js +3 -127
  50. package/dist/hstack/HStack.stories.js +7 -19
  51. package/dist/icons/FluxLogo.js +9 -222
  52. package/dist/icons/FluxLogoTable.js +5 -118
  53. package/dist/icons/Icon.js +7 -117
  54. package/dist/icons/Icon.stories.js +7 -12
  55. package/dist/icons/Icon24Hours.js +5 -92
  56. package/dist/icons/IconAcceleration.js +4 -81
  57. package/dist/icons/IconAccount.js +4 -81
  58. package/dist/icons/IconApplicant.js +5 -87
  59. package/dist/icons/IconArrow.js +6 -87
  60. package/dist/icons/IconArrowBack.js +4 -81
  61. package/dist/icons/IconArrowForward.js +4 -81
  62. package/dist/icons/IconArrowTopLeft.js +4 -79
  63. package/dist/icons/IconBluesharkProductGuide.js +5 -89
  64. package/dist/icons/IconBolt.js +4 -81
  65. package/dist/icons/IconBriefcase.js +4 -81
  66. package/dist/icons/IconBulb.js +4 -81
  67. package/dist/icons/IconCalendar.js +4 -81
  68. package/dist/icons/IconCalendarArrowBack.js +4 -81
  69. package/dist/icons/IconCalendarArrowForward.js +4 -81
  70. package/dist/icons/IconCalendarDoubleArrowBack.js +4 -81
  71. package/dist/icons/IconCalendarDoubleArrowForward.js +4 -81
  72. package/dist/icons/IconCancel.js +5 -86
  73. package/dist/icons/IconCancelMark.js +4 -81
  74. package/dist/icons/IconCarSUV.js +4 -81
  75. package/dist/icons/IconCarSedan.js +7 -156
  76. package/dist/icons/IconChain.js +5 -88
  77. package/dist/icons/IconCheckmark.js +4 -81
  78. package/dist/icons/IconChevronRight.js +4 -81
  79. package/dist/icons/IconCircle.js +11 -123
  80. package/dist/icons/IconCircleCheckmark.js +5 -86
  81. package/dist/icons/IconCircleError.js +4 -81
  82. package/dist/icons/IconCircleExclamation.js +6 -113
  83. package/dist/icons/IconCircleMark.js +5 -87
  84. package/dist/icons/IconCircleOutline.js +5 -148
  85. package/dist/icons/IconClock.js +5 -89
  86. package/dist/icons/IconClose.js +4 -81
  87. package/dist/icons/IconCollapseAll.js +5 -103
  88. package/dist/icons/IconConcierge.js +5 -88
  89. package/dist/icons/IconConciergeService.js +5 -96
  90. package/dist/icons/IconCreditCard.js +5 -87
  91. package/dist/icons/IconDash.js +4 -81
  92. package/dist/icons/IconDeliver.js +4 -81
  93. package/dist/icons/IconDelivery.js +5 -96
  94. package/dist/icons/IconDetails.js +4 -81
  95. package/dist/icons/IconDot.js +6 -96
  96. package/dist/icons/IconDownload.js +5 -88
  97. package/dist/icons/IconEVCharging.js +5 -88
  98. package/dist/icons/IconElectricCarFuel.js +5 -89
  99. package/dist/icons/IconEllipsis.js +5 -87
  100. package/dist/icons/IconEnvelope.js +4 -81
  101. package/dist/icons/IconExpandAll.js +5 -103
  102. package/dist/icons/IconEye.js +5 -88
  103. package/dist/icons/IconFacebook.js +6 -103
  104. package/dist/icons/IconFilter.js +5 -92
  105. package/dist/icons/IconFlagMalaysia.js +5 -150
  106. package/dist/icons/IconGiveKey.js +5 -88
  107. package/dist/icons/IconGlobe.js +4 -79
  108. package/dist/icons/IconGoogle.js +5 -96
  109. package/dist/icons/IconHome.js +5 -87
  110. package/dist/icons/IconHostAdvertise.js +4 -81
  111. package/dist/icons/IconHostCar.js +4 -84
  112. package/dist/icons/IconHostCash.js +5 -100
  113. package/dist/icons/IconHostHandle.js +4 -79
  114. package/dist/icons/IconHostLocation.js +4 -79
  115. package/dist/icons/IconHostPayment.js +5 -100
  116. package/dist/icons/IconHostService.js +5 -88
  117. package/dist/icons/IconHotDeals.js +4 -81
  118. package/dist/icons/IconInfo.js +5 -86
  119. package/dist/icons/IconInstagram.js +4 -81
  120. package/dist/icons/IconInsurance.js +5 -108
  121. package/dist/icons/IconInternet.js +4 -82
  122. package/dist/icons/IconInventory.js +5 -87
  123. package/dist/icons/IconLaurel.js +5 -110
  124. package/dist/icons/IconLinkedIn.js +4 -81
  125. package/dist/icons/IconLoading.js +4 -87
  126. package/dist/icons/IconLocation.js +5 -89
  127. package/dist/icons/IconLock.js +4 -82
  128. package/dist/icons/IconLogistics.js +4 -81
  129. package/dist/icons/IconMail.js +5 -103
  130. package/dist/icons/IconMember.js +5 -87
  131. package/dist/icons/IconMobilePen.js +5 -92
  132. package/dist/icons/IconMotorcycleMoped.js +5 -87
  133. package/dist/icons/IconNoCost.js +5 -101
  134. package/dist/icons/IconPDF.js +5 -89
  135. package/dist/icons/IconPencil.js +4 -79
  136. package/dist/icons/IconPhone.js +4 -79
  137. package/dist/icons/IconPlus.js +4 -81
  138. package/dist/icons/IconPricing.js +4 -81
  139. package/dist/icons/IconProtected.js +4 -80
  140. package/dist/icons/IconPsychology.js +4 -81
  141. package/dist/icons/IconQuestionTooltip.js +4 -137
  142. package/dist/icons/IconQuote.js +4 -81
  143. package/dist/icons/IconRate.js +4 -80
  144. package/dist/icons/IconRegister.js +5 -108
  145. package/dist/icons/IconReport.js +6 -98
  146. package/dist/icons/IconReturn.js +4 -81
  147. package/dist/icons/IconSearch.js +4 -79
  148. package/dist/icons/IconSecure.js +4 -80
  149. package/dist/icons/IconSecurity.js +4 -82
  150. package/dist/icons/IconSedanOutline.js +5 -168
  151. package/dist/icons/IconSelectArrow.js +6 -87
  152. package/dist/icons/IconSort.js +5 -88
  153. package/dist/icons/IconSortListed.js +5 -104
  154. package/dist/icons/IconSortPriceAscending.js +5 -92
  155. package/dist/icons/IconSortPriceDescending.js +5 -92
  156. package/dist/icons/IconSortYear.js +5 -88
  157. package/dist/icons/IconSpan.js +4 -80
  158. package/dist/icons/IconSpeaker.js +4 -88
  159. package/dist/icons/IconSpecialCar.js +5 -104
  160. package/dist/icons/IconStar.js +7 -101
  161. package/dist/icons/IconStockPhoto.js +5 -104
  162. package/dist/icons/IconSubscription.js +6 -122
  163. package/dist/icons/IconSubscriptions.js +6 -122
  164. package/dist/icons/IconSwap.js +5 -88
  165. package/dist/icons/IconTax.js +4 -81
  166. package/dist/icons/IconThinArrow.js +6 -87
  167. package/dist/icons/IconThumbsdown.js +5 -87
  168. package/dist/icons/IconThumbsup.js +5 -87
  169. package/dist/icons/IconTool.js +4 -81
  170. package/dist/icons/IconTooltip.js +4 -137
  171. package/dist/icons/IconTrash.js +4 -81
  172. package/dist/icons/IconTriangleExclamation.js +4 -81
  173. package/dist/icons/IconTyersBrakes.js +5 -92
  174. package/dist/icons/IconTyre.js +5 -92
  175. package/dist/icons/IconVacancy.js +5 -87
  176. package/dist/icons/IconVolunteer.js +4 -81
  177. package/dist/icons/IconWhatsapp.js +4 -82
  178. package/dist/icons/IconXPlatform.js +4 -81
  179. package/dist/icons/IconZeroEffort.js +5 -86
  180. package/dist/icons/Logo.js +3 -108
  181. package/dist/input/Input.js +11 -134
  182. package/dist/input/Input.stories.js +18 -17
  183. package/dist/input-mask/InputMask.js +11 -158
  184. package/dist/input-mask/InputMask.stories.js +6 -5
  185. package/dist/input-mask/mask-trackers.js +5 -4
  186. package/dist/input-select/InputSelect.js +68 -390
  187. package/dist/input-select/InputSelect.stories.js +25 -98
  188. package/dist/popover/popover.js +4 -136
  189. package/dist/progress/Progress.js +2 -160
  190. package/dist/progress/Progress.stories.js +14 -13
  191. package/dist/radio/Radio.js +4 -227
  192. package/dist/scroll-area/scroll-area.js +5 -180
  193. package/dist/search-input-select/SearchInputSelect.js +69 -379
  194. package/dist/select/Select.js +29 -354
  195. package/dist/select/Select.stories.js +19 -55
  196. package/dist/skeleton/Skeleton.js +3 -71
  197. package/dist/skeleton/Skeleton.stories.js +7 -8
  198. package/dist/slider/Slider.js +5 -170
  199. package/dist/slider/Slider.stories.js +11 -12
  200. package/dist/stack/Stack.js +3 -127
  201. package/dist/stack/Stack.stories.js +7 -19
  202. package/dist/table/Table.js +10 -216
  203. package/dist/table/Table.stories.js +8 -84
  204. package/dist/tabs/Tabs.js +9 -198
  205. package/dist/tabs/Tabs.stories.js +13 -46
  206. package/dist/text/Text.js +6 -152
  207. package/dist/text/Text.stories.js +7 -44
  208. package/dist/toast/Toast.stories.js +14 -66
  209. package/dist/toast/ToastBox.js +29 -77
  210. package/dist/toast/index.js +1 -0
  211. package/dist/toast/sonner.js +6 -66
  212. package/dist/toggle/Toggle.js +7 -180
  213. package/dist/toggle/Toggle.stories.js +8 -10
  214. package/dist/tooltip/Tooltip.js +12 -169
  215. package/dist/tooltip/Tooltip.stories.js +13 -71
  216. package/dist/utils.js +2 -4
  217. package/dist/vstack/VStack.js +3 -127
  218. package/dist/vstack/VStack.stories.js +7 -19
  219. package/package.json +16 -16
@@ -1,213 +1,17 @@
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
- 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
- var Accordion = AccordionPrimitive.Root;
148
- var AccordionItem = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
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
- var AccordionTrigger = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
162
- var _ref = [
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
- var AccordionContent = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
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
- var meta = {
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
- var props = [
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 var Default = function Default(_args) {
18
- return /*#__PURE__*/ _jsx(Accordion, {
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
@@ -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
- var 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', {
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
- var AlertIcon = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
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 /*#__PURE__*/ _jsx(IconInfo, _object_spread({
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 /*#__PURE__*/ _jsx(IconInfo, _object_spread({
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 /*#__PURE__*/ _jsx(IconInfo, _object_spread({
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 /*#__PURE__*/ _jsx(IconInfo, _object_spread({
179
- ref: ref
180
- }, props));
181
- default:
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
- var AlertTitle = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
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
- var AlertDescription = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
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
- var meta = {
4
- component: Alert
3
+ const meta = {
4
+ component: Alert,
5
5
  };
6
6
  export default meta;
7
- export var DefaultStory = {
8
- render: function render() {
9
- return /*#__PURE__*/ _jsxs(Alert, {
10
- children: [
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 var ErrorStory = {
23
- render: function render() {
24
- return /*#__PURE__*/ _jsxs(Alert, {
25
- variant: "error",
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 var WarningStory = {
41
- render: function render() {
42
- return /*#__PURE__*/ _jsxs(Alert, {
43
- variant: "warning",
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
- var LoadingAnimation = function LoadingAnimation(param) {
5
- var _param_colorScheme = param.colorScheme, colorScheme = _param_colorScheme === void 0 ? 'default' : _param_colorScheme;
6
- return /*#__PURE__*/ _jsxs(Stack, {
7
- className: "flex justify-center items-center",
8
- children: [
9
- /*#__PURE__*/ _jsxs("div", {
10
- className: "relative flex gap-1",
11
- children: [
12
- [
13
- 0,
14
- 1,
15
- 2,
16
- 3
17
- ].map(function(index) {
18
- return /*#__PURE__*/ _jsx("div", {
19
- className: cn('w-[10px] h-[10px] rounded-full', colorScheme === 'default' ? 'bg-primary2' : 'bg-white opacity-50')
20
- }, "static-".concat(index));
21
- }),
22
- /*#__PURE__*/ _jsx("div", {
23
- className: "absolute top-0 left-0 flex items-center",
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