@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,4 +1,144 @@
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 { Slot, Slottable } from '@radix-ui/react-slot';
3
143
  import { cva } from 'class-variance-authority';
4
144
  import * as React from 'react';
@@ -6,27 +146,65 @@ import LoadingAnimation from '../animations/LoadingAnimation';
6
146
  import Box from '../box/Box';
7
147
  import HStack from '../hstack/HStack';
8
148
  import { cn } from '../utils';
9
- const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-sm md:text-base px-6 py-3 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-[0.5px] lg:tracking-wide disabled:pointer-events-none disabled:opacity-30 ', {
149
+ var buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-sm md:text-base px-6 py-3 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-[0.5px] lg:tracking-wide disabled:pointer-events-none disabled:opacity-30 ', {
10
150
  variants: {
11
151
  variant: {
12
152
  outline: 'border border-black bg-white text-black hover:text-white hover:bg-black',
13
- 'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white',
153
+ 'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white'
14
154
  },
15
155
  colorScheme: {
16
156
  default: 'bg-black',
17
157
  accent: 'bg-accent-500 hover:bg-accent4',
18
158
  link: 'bg-links hover:bg-links2',
19
159
  warning: 'bg-warning4 hover:bg-warning-500',
20
- success: 'bg-success-200 hover:bg-success4',
21
- },
22
- },
160
+ success: 'bg-success-200 hover:bg-success4'
161
+ }
162
+ }
23
163
  });
24
- const Button = React.forwardRef(({ className, variant, colorScheme, asChild = false, leftIcon, rightIcon, isDisabled, isLoading, children, ...props }, ref) => {
25
- const Comp = asChild ? Slot : 'button';
26
- return (_jsx(Comp, { className: cn('min-w-32 rounded-lg', buttonVariants({ variant, colorScheme, className }), isLoading ? 'disabled:opacity-100!' : ''), ref: ref, disabled: isDisabled || isLoading, ...props, children: _jsx(HStack, { className: 'gap-2 items-center', children: isLoading ? (_jsx(LoadingAnimation, { colorScheme: colorScheme === 'default' || colorScheme === undefined
27
- ? 'default'
28
- : 'white' })) : (_jsxs(_Fragment, { children: [leftIcon && _jsx(Box, { children: leftIcon }), _jsx(Slottable, { children: children }), rightIcon && _jsx(Box, { children: rightIcon })] })) }) }));
164
+ var Button = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
165
+ var _ref = [
166
+ _0,
167
+ _1
168
+ ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, variant = _ref2.variant, colorScheme = _ref2.colorScheme, _ref_asChild = _ref2.asChild, asChild = _ref_asChild === void 0 ? false : _ref_asChild, leftIcon = _ref2.leftIcon, rightIcon = _ref2.rightIcon, isDisabled = _ref2.isDisabled, isLoading = _ref2.isLoading, children = _ref2.children, props = _object_without_properties(_ref2, [
169
+ "className",
170
+ "variant",
171
+ "colorScheme",
172
+ "asChild",
173
+ "leftIcon",
174
+ "rightIcon",
175
+ "isDisabled",
176
+ "isLoading",
177
+ "children"
178
+ ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
179
+ var Comp = asChild ? Slot : 'button';
180
+ return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
181
+ className: cn('min-w-32 rounded-lg', buttonVariants({
182
+ variant: variant,
183
+ colorScheme: colorScheme,
184
+ className: className
185
+ }), isLoading ? 'disabled:opacity-100!' : ''),
186
+ ref: ref,
187
+ disabled: isDisabled || isLoading
188
+ }, props), {
189
+ children: /*#__PURE__*/ _jsx(HStack, {
190
+ className: 'gap-2 items-center',
191
+ children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {
192
+ colorScheme: colorScheme === 'default' || colorScheme === undefined ? 'default' : 'white'
193
+ }) : /*#__PURE__*/ _jsxs(_Fragment, {
194
+ children: [
195
+ leftIcon && /*#__PURE__*/ _jsx(Box, {
196
+ children: leftIcon
197
+ }),
198
+ /*#__PURE__*/ _jsx(Slottable, {
199
+ children: children
200
+ }),
201
+ rightIcon && /*#__PURE__*/ _jsx(Box, {
202
+ children: rightIcon
203
+ })
204
+ ]
205
+ })
206
+ })
207
+ }));
29
208
  });
30
209
  Button.displayName = 'Button';
31
210
  export default Button;
32
- //# sourceMappingURL=Button.js.map
@@ -2,13 +2,41 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import HStack from '../hstack/HStack.js';
3
3
  import IconPlus from '../icons/IconPlus.js';
4
4
  import Button from './Button.js';
5
- const meta = {
6
- component: Button,
5
+ var meta = {
6
+ component: Button
7
7
  };
8
8
  export default meta;
9
- export const ButtonTest = {
10
- render: () => {
11
- return (_jsxs(HStack, { children: [_jsx(Button, { variant: "outline", leftIcon: _jsx(IconPlus, { size: 16 }), children: "add payment method" }), _jsx(Button, { colorScheme: 'link', children: "add" }), _jsx(Button, { colorScheme: 'warning', children: "add" }), _jsx(Button, { colorScheme: 'accent', children: "add" }), _jsx(Button, { colorScheme: 'success', children: "add" }), _jsx(Button, { children: "dd" })] }));
12
- },
9
+ export var ButtonTest = {
10
+ render: function render() {
11
+ return /*#__PURE__*/ _jsxs(HStack, {
12
+ children: [
13
+ /*#__PURE__*/ _jsx(Button, {
14
+ variant: "outline",
15
+ leftIcon: /*#__PURE__*/ _jsx(IconPlus, {
16
+ size: 16
17
+ }),
18
+ children: "add payment method"
19
+ }),
20
+ /*#__PURE__*/ _jsx(Button, {
21
+ colorScheme: 'link',
22
+ children: "add"
23
+ }),
24
+ /*#__PURE__*/ _jsx(Button, {
25
+ colorScheme: 'warning',
26
+ children: "add"
27
+ }),
28
+ /*#__PURE__*/ _jsx(Button, {
29
+ colorScheme: 'accent',
30
+ children: "add"
31
+ }),
32
+ /*#__PURE__*/ _jsx(Button, {
33
+ colorScheme: 'success',
34
+ children: "add"
35
+ }),
36
+ /*#__PURE__*/ _jsx(Button, {
37
+ children: "dd"
38
+ })
39
+ ]
40
+ });
41
+ }
13
42
  };
14
- //# sourceMappingURL=Button.stories.js.map
@@ -1,24 +1,183 @@
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
+ }
1
141
  import { jsx as _jsx } from "react/jsx-runtime";
2
142
  import { Slot } from '@radix-ui/react-slot';
3
143
  import { cva } from 'class-variance-authority';
4
144
  import * as React from 'react';
5
145
  import LoadingAnimation from '../animations/LoadingAnimation';
6
146
  import { cn } from '../utils';
7
- const textButtonVariants = cva('inline cursor-pointer disabled:pointer-events-none disabled:opacity-30 text-base leading-[19.6px] bg-transparent border-0 p-0 m-0', {
147
+ var textButtonVariants = cva('inline cursor-pointer disabled:pointer-events-none disabled:opacity-30 text-base leading-[19.6px] bg-transparent border-0 p-0 m-0', {
8
148
  variants: {
9
149
  variant: {
10
150
  default: 'text-inherit',
11
- link: 'text-links hover:text-[var(--color-links2)]',
12
- },
151
+ link: 'text-links hover:text-[var(--color-links2)]'
152
+ }
13
153
  },
14
154
  defaultVariants: {
15
- variant: 'default',
16
- },
155
+ variant: 'default'
156
+ }
17
157
  });
18
- const TextButton = React.forwardRef(({ className, variant, asChild = false, isDisabled, isLoading, children, ...props }, ref) => {
19
- const Comp = asChild ? Slot : 'button';
20
- return (_jsx(Comp, { className: cn(textButtonVariants({ variant, className })), ref: ref, disabled: isDisabled || isLoading, ...props, children: isLoading ? _jsx(LoadingAnimation, {}) : children }));
158
+ var TextButton = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
159
+ var _ref = [
160
+ _0,
161
+ _1
162
+ ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, variant = _ref2.variant, _ref_asChild = _ref2.asChild, asChild = _ref_asChild === void 0 ? false : _ref_asChild, isDisabled = _ref2.isDisabled, isLoading = _ref2.isLoading, children = _ref2.children, props = _object_without_properties(_ref2, [
163
+ "className",
164
+ "variant",
165
+ "asChild",
166
+ "isDisabled",
167
+ "isLoading",
168
+ "children"
169
+ ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
170
+ var Comp = asChild ? Slot : 'button';
171
+ return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
172
+ className: cn(textButtonVariants({
173
+ variant: variant,
174
+ className: className
175
+ })),
176
+ ref: ref,
177
+ disabled: isDisabled || isLoading
178
+ }, props), {
179
+ children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {}) : children
180
+ }));
21
181
  });
22
182
  TextButton.displayName = 'TextButton';
23
183
  export default TextButton;
24
- //# sourceMappingURL=TextButton.js.map
package/dist/card/Card.js CHANGED
@@ -1,16 +1,197 @@
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 * as React from 'react';
3
119
  import { cn } from '../utils';
4
- export const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('transition-all duration-200 ease-in-out rounded-none shadow-md hover:shadow-lg', className), ...props })));
120
+ export var Card = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
121
+ var _ref = [
122
+ _0,
123
+ _1
124
+ ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
125
+ "className"
126
+ ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
127
+ return /*#__PURE__*/ _jsx("div", _object_spread({
128
+ ref: ref,
129
+ className: cn('transition-all duration-200 ease-in-out rounded-none shadow-md hover:shadow-lg', className)
130
+ }, props));
131
+ });
5
132
  Card.displayName = 'Card';
6
- export const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));
133
+ export var CardHeader = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
134
+ var _ref = [
135
+ _0,
136
+ _1
137
+ ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
138
+ "className"
139
+ ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
140
+ return /*#__PURE__*/ _jsx("div", _object_spread({
141
+ ref: ref,
142
+ className: cn('flex flex-col space-y-1.5 p-6', className)
143
+ }, props));
144
+ });
7
145
  CardHeader.displayName = 'CardHeader';
8
- export const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn('text-2xl font-semibold leading-none tracking-tight', className), ...props })));
146
+ export var CardTitle = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
147
+ var _ref = [
148
+ _0,
149
+ _1
150
+ ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
151
+ "className"
152
+ ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
153
+ return /*#__PURE__*/ _jsx("h3", _object_spread({
154
+ ref: ref,
155
+ className: cn('text-2xl font-semibold leading-none tracking-tight', className)
156
+ }, props));
157
+ });
9
158
  CardTitle.displayName = 'CardTitle';
10
- export const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn('text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
159
+ export var CardDescription = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
160
+ var _ref = [
161
+ _0,
162
+ _1
163
+ ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
164
+ "className"
165
+ ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
166
+ return /*#__PURE__*/ _jsx("p", _object_spread({
167
+ ref: ref,
168
+ className: cn('text-sm text-zinc-500 dark:text-zinc-400', className)
169
+ }, props));
170
+ });
11
171
  CardDescription.displayName = 'CardDescription';
12
- export const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: className, ...props })));
172
+ export var CardContent = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
173
+ var _ref = [
174
+ _0,
175
+ _1
176
+ ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
177
+ "className"
178
+ ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
179
+ return /*#__PURE__*/ _jsx("div", _object_spread({
180
+ ref: ref,
181
+ className: className
182
+ }, props));
183
+ });
13
184
  CardContent.displayName = 'CardContent';
14
- export const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center', className), ...props })));
185
+ export var CardFooter = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
186
+ var _ref = [
187
+ _0,
188
+ _1
189
+ ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, props = _object_without_properties(_ref2, [
190
+ "className"
191
+ ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
192
+ return /*#__PURE__*/ _jsx("div", _object_spread({
193
+ ref: ref,
194
+ className: cn('flex items-center', className)
195
+ }, props));
196
+ });
15
197
  CardFooter.displayName = 'CardFooter';
16
- //# sourceMappingURL=Card.js.map