@driveflux/beam 3.0.19 → 3.0.20

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