@driveflux/beam 2.0.9 → 2.0.10

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 (253) hide show
  1. package/dist/accordion/Accordion.js +7 -133
  2. package/dist/accordion/Accordion.stories.js +11 -31
  3. package/dist/alert/Alert.js +14 -110
  4. package/dist/alert/Alert.stories.js +15 -50
  5. package/dist/animations/LoadingAnimation.js +21 -34
  6. package/dist/badge/Badge.js +7 -96
  7. package/dist/badge/Badge.stories.js +7 -28
  8. package/dist/base-styles.css +264 -96
  9. package/dist/box/Box.d.ts.map +1 -1
  10. package/dist/box/Box.js +3 -87
  11. package/dist/box/Box.stories.js +7 -8
  12. package/dist/breadcrumbs/Breadcrumbs.js +28 -288
  13. package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
  14. package/dist/button/Button.js +12 -124
  15. package/dist/button/Button.stories.js +7 -35
  16. package/dist/card/Card.js +7 -109
  17. package/dist/card/Card.stories.js +7 -10
  18. package/dist/carousel/Carousel.js +58 -281
  19. package/dist/carousel/Carousel.js.map +1 -1
  20. package/dist/carousel/Carousel.stories.js +7 -39
  21. package/dist/carousel/CarouselButton.js +7 -68
  22. package/dist/center/Center.js +3 -63
  23. package/dist/center/Center.stories.js +7 -19
  24. package/dist/checkbox/Checkbox.js +4 -124
  25. package/dist/checkbox/Checkbox.stories.js +8 -10
  26. package/dist/chip/Chip.js +3 -104
  27. package/dist/chip/Chip.stories.js +7 -19
  28. package/dist/circular-progress/CircularProgress.js +11 -150
  29. package/dist/circular-progress/CircularProgress.stories.js +14 -54
  30. package/dist/command/command.js +13 -170
  31. package/dist/command/command.js.map +1 -1
  32. package/dist/datepicker/DatePicker.d.ts +2 -2
  33. package/dist/datepicker/DatePicker.d.ts.map +1 -1
  34. package/dist/datepicker/DatePicker.js +27 -127
  35. package/dist/datepicker/DatePicker.js.map +1 -1
  36. package/dist/datepicker/DatePicker.stories.js +58 -163
  37. package/dist/datepicker/DatePickerDrawer.js +14 -110
  38. package/dist/datepicker/DatePickerPopover.js +35 -207
  39. package/dist/datepicker/DatePickerPopover.js.map +1 -1
  40. package/dist/datepicker/constants.js +4 -3
  41. package/dist/datepicker/root-calendar.css +58 -58
  42. package/dist/datepicker/utils.js +11 -4
  43. package/dist/dialog/index.js +12 -144
  44. package/dist/divider/Divider.js +3 -63
  45. package/dist/divider/Divider.js.map +1 -1
  46. package/dist/divider/Divider.stories.js +7 -13
  47. package/dist/drawer/index.js +12 -157
  48. package/dist/drawer/index.js.map +1 -1
  49. package/dist/dropdown/Dropdown.js +26 -212
  50. package/dist/dropdown/Dropdown.js.map +1 -1
  51. package/dist/dropdown/Dropdown.stories.js +22 -109
  52. package/dist/field-wrapper/FieldWrapper.js +3 -139
  53. package/dist/field-wrapper/FieldWrapper.js.map +1 -1
  54. package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
  55. package/dist/flex/Flex.js +3 -63
  56. package/dist/flex/Flex.stories.js +7 -19
  57. package/dist/grid/Grid.js +3 -63
  58. package/dist/grid/Grid.stories.js +7 -28
  59. package/dist/hooks/use-breakpoint-value.js +14 -77
  60. package/dist/hooks/use-media-query.js +12 -61
  61. package/dist/hstack/HStack.js +3 -63
  62. package/dist/hstack/HStack.stories.js +7 -19
  63. package/dist/icons/FluxLogo.js +9 -213
  64. package/dist/icons/FluxLogoTable.js +5 -109
  65. package/dist/icons/Icon.js +7 -108
  66. package/dist/icons/Icon.stories.js +7 -12
  67. package/dist/icons/Icon24Hours.js +5 -83
  68. package/dist/icons/IconAcceleration.js +4 -72
  69. package/dist/icons/IconAccount.js +4 -72
  70. package/dist/icons/IconApplicant.js +5 -78
  71. package/dist/icons/IconArrow.js +6 -78
  72. package/dist/icons/IconArrowBack.js +4 -72
  73. package/dist/icons/IconArrowForward.js +4 -72
  74. package/dist/icons/IconArrowTopLeft.js +4 -70
  75. package/dist/icons/IconBluesharkProductGuide.js +5 -80
  76. package/dist/icons/IconBolt.js +4 -72
  77. package/dist/icons/IconBriefcase.js +4 -72
  78. package/dist/icons/IconBulb.js +4 -72
  79. package/dist/icons/IconCalendar.js +4 -72
  80. package/dist/icons/IconCalendarArrowBack.js +4 -72
  81. package/dist/icons/IconCalendarArrowForward.js +4 -72
  82. package/dist/icons/IconCalendarDoubleArrowBack.js +4 -72
  83. package/dist/icons/IconCalendarDoubleArrowForward.js +4 -72
  84. package/dist/icons/IconCancel.js +6 -85
  85. package/dist/icons/IconCancelMark.js +4 -72
  86. package/dist/icons/IconCarSUV.js +4 -72
  87. package/dist/icons/IconCarSedan.js +7 -147
  88. package/dist/icons/IconChain.js +5 -79
  89. package/dist/icons/IconCheckmark.js +4 -72
  90. package/dist/icons/IconChevronRight.js +4 -72
  91. package/dist/icons/IconCircle.js +11 -114
  92. package/dist/icons/IconCircleCheckmark.js +5 -77
  93. package/dist/icons/IconCircleError.js +4 -72
  94. package/dist/icons/IconCircleExclamation.js +6 -104
  95. package/dist/icons/IconCircleMark.js +5 -78
  96. package/dist/icons/IconCircleOutline.js +5 -140
  97. package/dist/icons/IconClock.js +5 -80
  98. package/dist/icons/IconClose.js +4 -72
  99. package/dist/icons/IconConcierge.js +5 -79
  100. package/dist/icons/IconConciergeService.js +5 -87
  101. package/dist/icons/IconCreditCard.js +5 -78
  102. package/dist/icons/IconDash.js +4 -72
  103. package/dist/icons/IconDeliver.js +4 -72
  104. package/dist/icons/IconDelivery.js +5 -87
  105. package/dist/icons/IconDetails.js +4 -72
  106. package/dist/icons/IconDot.js +6 -87
  107. package/dist/icons/IconDot.js.map +1 -1
  108. package/dist/icons/IconEVCharging.js +5 -79
  109. package/dist/icons/IconElectricCarFuel.js +5 -80
  110. package/dist/icons/IconEllipsis.js +5 -78
  111. package/dist/icons/IconEnvelope.js +4 -72
  112. package/dist/icons/IconEye.js +5 -79
  113. package/dist/icons/IconFacebook.js +6 -94
  114. package/dist/icons/IconFilter.js +5 -83
  115. package/dist/icons/IconFlagMalaysia.js +5 -141
  116. package/dist/icons/IconGiveKey.js +5 -79
  117. package/dist/icons/IconGlobe.js +4 -70
  118. package/dist/icons/IconGoogle.js +5 -87
  119. package/dist/icons/IconHome.js +5 -78
  120. package/dist/icons/IconHostAdvertise.js +4 -72
  121. package/dist/icons/IconHostCar.js +4 -75
  122. package/dist/icons/IconHostCash.js +5 -91
  123. package/dist/icons/IconHostHandle.js +4 -70
  124. package/dist/icons/IconHostLocation.js +4 -70
  125. package/dist/icons/IconHostPayment.js +5 -91
  126. package/dist/icons/IconHostService.js +5 -79
  127. package/dist/icons/IconHotDeals.js +4 -72
  128. package/dist/icons/IconInfo.js +5 -77
  129. package/dist/icons/IconInstagram.js +4 -72
  130. package/dist/icons/IconInsurance.js +5 -99
  131. package/dist/icons/IconInternet.js +4 -73
  132. package/dist/icons/IconInventory.js +5 -78
  133. package/dist/icons/IconLaurel.js +5 -101
  134. package/dist/icons/IconLinkedIn.js +4 -72
  135. package/dist/icons/IconLoading.js +4 -78
  136. package/dist/icons/IconLocation.js +5 -80
  137. package/dist/icons/IconLock.js +4 -73
  138. package/dist/icons/IconLogistics.js +4 -72
  139. package/dist/icons/IconMail.js +5 -94
  140. package/dist/icons/IconMember.js +5 -78
  141. package/dist/icons/IconMobilePen.js +5 -83
  142. package/dist/icons/IconMotorcycleMoped.js +5 -78
  143. package/dist/icons/IconNoCost.js +5 -92
  144. package/dist/icons/IconPDF.js +5 -80
  145. package/dist/icons/IconPencil.js +4 -70
  146. package/dist/icons/IconPhone.js +4 -70
  147. package/dist/icons/IconPlus.js +4 -72
  148. package/dist/icons/IconPricing.js +4 -72
  149. package/dist/icons/IconProtected.js +4 -71
  150. package/dist/icons/IconPsychology.js +4 -72
  151. package/dist/icons/IconQuestionTooltip.js +4 -73
  152. package/dist/icons/IconQuote.js +4 -72
  153. package/dist/icons/IconRate.js +4 -71
  154. package/dist/icons/IconRegister.js +5 -99
  155. package/dist/icons/IconReturn.js +4 -72
  156. package/dist/icons/IconSearch.js +4 -70
  157. package/dist/icons/IconSecure.js +4 -71
  158. package/dist/icons/IconSecurity.js +4 -73
  159. package/dist/icons/IconSedanOutline.js +5 -159
  160. package/dist/icons/IconSelectArrow.js +6 -78
  161. package/dist/icons/IconSort.js +5 -79
  162. package/dist/icons/IconSortListed.js +5 -95
  163. package/dist/icons/IconSortPriceAscending.js +5 -83
  164. package/dist/icons/IconSortPriceDescending.js +5 -83
  165. package/dist/icons/IconSortYear.js +5 -79
  166. package/dist/icons/IconSpan.js +4 -71
  167. package/dist/icons/IconSpeaker.js +4 -79
  168. package/dist/icons/IconSpecialCar.js +5 -95
  169. package/dist/icons/IconStar.js +7 -92
  170. package/dist/icons/IconStockPhoto.js +5 -95
  171. package/dist/icons/IconSubscription.js +6 -113
  172. package/dist/icons/IconSubscriptions.js +6 -113
  173. package/dist/icons/IconSwap.js +5 -79
  174. package/dist/icons/IconTax.js +4 -72
  175. package/dist/icons/IconThinArrow.js +6 -78
  176. package/dist/icons/IconThumbsdown.js +5 -78
  177. package/dist/icons/IconThumbsup.js +5 -78
  178. package/dist/icons/IconTool.js +4 -72
  179. package/dist/icons/IconTooltip.js +4 -73
  180. package/dist/icons/IconTrash.js +4 -72
  181. package/dist/icons/IconTriangleExclamation.js +4 -72
  182. package/dist/icons/IconTyersBrakes.js +5 -83
  183. package/dist/icons/IconTyre.js +5 -83
  184. package/dist/icons/IconVacancy.js +5 -78
  185. package/dist/icons/IconVolunteer.js +4 -72
  186. package/dist/icons/IconWhatsapp.js +4 -73
  187. package/dist/icons/IconXPlatform.js +4 -72
  188. package/dist/icons/IconZeroEffort.js +5 -77
  189. package/dist/icons/Logo.js +3 -99
  190. package/dist/input/Input.js +11 -125
  191. package/dist/input/Input.stories.js +18 -17
  192. package/dist/input-mask/InputMask.js +11 -149
  193. package/dist/input-mask/InputMask.stories.js +6 -5
  194. package/dist/input-mask/mask-trackers.js +5 -4
  195. package/dist/input-select/InputSelect.js +68 -357
  196. package/dist/input-select/InputSelect.js.map +1 -1
  197. package/dist/input-select/InputSelect.stories.d.ts.map +1 -1
  198. package/dist/input-select/InputSelect.stories.js +25 -98
  199. package/dist/popover/popover.js +4 -72
  200. package/dist/popover/popover.js.map +1 -1
  201. package/dist/progress/Progress.js +2 -96
  202. package/dist/progress/Progress.stories.js +14 -13
  203. package/dist/radio/Radio.js +4 -163
  204. package/dist/scroll-area/scroll-area.js +5 -113
  205. package/dist/scroll-area/scroll-area.js.map +1 -1
  206. package/dist/search-input-select/SearchInputSelect.js +69 -346
  207. package/dist/search-input-select/SearchInputSelect.js.map +1 -1
  208. package/dist/select/Select.js +29 -315
  209. package/dist/select/Select.js.map +1 -1
  210. package/dist/select/Select.stories.d.ts.map +1 -1
  211. package/dist/select/Select.stories.js +19 -55
  212. package/dist/skeleton/Skeleton.js +3 -62
  213. package/dist/skeleton/Skeleton.stories.js +7 -8
  214. package/dist/slider/Slider.js +5 -106
  215. package/dist/slider/Slider.stories.js +11 -12
  216. package/dist/stack/Stack.js +3 -63
  217. package/dist/stack/Stack.stories.js +7 -19
  218. package/dist/styles.css +2787 -3282
  219. package/dist/table/Table.js +10 -131
  220. package/dist/table/Table.stories.js +8 -84
  221. package/dist/tabs/Tabs.js +9 -128
  222. package/dist/tabs/Tabs.js.map +1 -1
  223. package/dist/tabs/Tabs.stories.js +13 -46
  224. package/dist/text/Text.d.ts.map +1 -1
  225. package/dist/text/Text.js +6 -88
  226. package/dist/text/Text.stories.js +7 -44
  227. package/dist/toast/Toast.stories.js +14 -66
  228. package/dist/toast/ToastBox.js +24 -71
  229. package/dist/toast/index.js +1 -0
  230. package/dist/toast/sonner.js +11 -70
  231. package/dist/toggle/Toggle.js +7 -116
  232. package/dist/toggle/Toggle.stories.js +8 -10
  233. package/dist/tooltip/Tooltip.js +12 -151
  234. package/dist/tooltip/Tooltip.stories.js +13 -71
  235. package/dist/utils.js +2 -4
  236. package/dist/vstack/VStack.js +3 -63
  237. package/dist/vstack/VStack.stories.js +7 -19
  238. package/package.json +4 -4
  239. package/dist/icons/IconCollapseAll.d.ts +0 -8
  240. package/dist/icons/IconCollapseAll.d.ts.map +0 -1
  241. package/dist/icons/IconCollapseAll.js +0 -97
  242. package/dist/icons/IconCollapseAll.js.map +0 -1
  243. package/dist/icons/IconDownload.d.ts +0 -8
  244. package/dist/icons/IconDownload.d.ts.map +0 -1
  245. package/dist/icons/IconDownload.js +0 -82
  246. package/dist/icons/IconExpandAll.d.ts +0 -8
  247. package/dist/icons/IconExpandAll.d.ts.map +0 -1
  248. package/dist/icons/IconExpandAll.js +0 -97
  249. package/dist/icons/IconExpandAll.js.map +0 -1
  250. package/dist/icons/IconReport.d.ts +0 -9
  251. package/dist/icons/IconReport.d.ts.map +0 -1
  252. package/dist/icons/IconReport.js +0 -92
  253. package/dist/icons/IconReport.js.map +0 -1
@@ -1,105 +1,4 @@
1
1
  'use client';
2
- function _array_like_to_array(arr, len) {
3
- if (len == null || len > arr.length) len = arr.length;
4
- for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
5
- return arr2;
6
- }
7
- function _array_with_holes(arr) {
8
- if (Array.isArray(arr)) return arr;
9
- }
10
- function _define_property(obj, key, value) {
11
- if (key in obj) {
12
- Object.defineProperty(obj, key, {
13
- value: value,
14
- enumerable: true,
15
- configurable: true,
16
- writable: true
17
- });
18
- } else {
19
- obj[key] = value;
20
- }
21
- return obj;
22
- }
23
- function _iterable_to_array_limit(arr, i) {
24
- var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
25
- if (_i == null) return;
26
- var _arr = [];
27
- var _n = true;
28
- var _d = false;
29
- var _s, _e;
30
- try {
31
- for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
32
- _arr.push(_s.value);
33
- if (i && _arr.length === i) break;
34
- }
35
- } catch (err) {
36
- _d = true;
37
- _e = err;
38
- } finally{
39
- try {
40
- if (!_n && _i["return"] != null) _i["return"]();
41
- } finally{
42
- if (_d) throw _e;
43
- }
44
- }
45
- return _arr;
46
- }
47
- function _non_iterable_rest() {
48
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
49
- }
50
- function _object_spread(target) {
51
- for(var i = 1; i < arguments.length; i++){
52
- var source = arguments[i] != null ? arguments[i] : {};
53
- var ownKeys = Object.keys(source);
54
- if (typeof Object.getOwnPropertySymbols === "function") {
55
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
56
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
57
- }));
58
- }
59
- ownKeys.forEach(function(key) {
60
- _define_property(target, key, source[key]);
61
- });
62
- }
63
- return target;
64
- }
65
- function _object_without_properties(source, excluded) {
66
- if (source == null) return {};
67
- var target = _object_without_properties_loose(source, excluded);
68
- var key, i;
69
- if (Object.getOwnPropertySymbols) {
70
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
71
- for(i = 0; i < sourceSymbolKeys.length; i++){
72
- key = sourceSymbolKeys[i];
73
- if (excluded.indexOf(key) >= 0) continue;
74
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
75
- target[key] = source[key];
76
- }
77
- }
78
- return target;
79
- }
80
- function _object_without_properties_loose(source, excluded) {
81
- if (source == null) return {};
82
- var target = {};
83
- var sourceKeys = Object.keys(source);
84
- var key, i;
85
- for(i = 0; i < sourceKeys.length; i++){
86
- key = sourceKeys[i];
87
- if (excluded.indexOf(key) >= 0) continue;
88
- target[key] = source[key];
89
- }
90
- return target;
91
- }
92
- function _sliced_to_array(arr, i) {
93
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
94
- }
95
- function _unsupported_iterable_to_array(o, minLen) {
96
- if (!o) return;
97
- if (typeof o === "string") return _array_like_to_array(o, minLen);
98
- var n = Object.prototype.toString.call(o).slice(8, -1);
99
- if (n === "Object" && o.constructor) n = o.constructor.name;
100
- if (n === "Map" || n === "Set") return Array.from(n);
101
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
102
- }
103
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
104
3
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
105
4
  import * as React from 'react';
@@ -107,58 +6,20 @@ import Box from '../box/Box.js';
107
6
  import IconTooltip from '../icons/IconTooltip.js';
108
7
  import Text from '../text/Text.js';
109
8
  import { cn } from '../utils.js';
110
- var TooltipProvider = TooltipPrimitive.Provider;
111
- var TooltipRoot = TooltipPrimitive.Root;
112
- var TooltipTrigger = TooltipPrimitive.Trigger;
113
- var TooltipContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
114
- var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
115
- "className",
116
- "sideOffset"
117
- ]);
118
- return /*#__PURE__*/ _jsx(TooltipPrimitive.Content, _object_spread({
119
- ref: ref,
120
- sideOffset: sideOffset,
121
- className: cn('z-50 overflow-hidden rounded-md border border-black bg-white px-3 py-1.5 text-sm text-gray-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50', className)
122
- }, props));
123
- });
9
+ const TooltipProvider = TooltipPrimitive.Provider;
10
+ const TooltipRoot = TooltipPrimitive.Root;
11
+ const TooltipTrigger = TooltipPrimitive.Trigger;
12
+ const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('z-50 overflow-hidden rounded-md border border-black bg-white px-3 py-1.5 text-sm text-gray-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50', className), ...props })));
124
13
  TooltipContent.displayName = TooltipPrimitive.Content.displayName;
125
- var Tooltip = function(param) {
126
- var text = param.text, children = param.children, tooltipSize = param.tooltipSize, onOpenChange = param.onOpenChange;
127
- var _React_useState = _sliced_to_array(React.useState(false), 2), open = _React_useState[0], setOpen = _React_useState[1];
128
- return /*#__PURE__*/ _jsx(TooltipProvider, {
129
- children: /*#__PURE__*/ _jsxs(TooltipRoot, {
130
- open: open,
131
- children: [
132
- /*#__PURE__*/ _jsx(TooltipTrigger, {
133
- asChild: true,
134
- onClick: function() {
14
+ const Tooltip = ({ text, children, tooltipSize, onOpenChange, }) => {
15
+ const [open, setOpen] = React.useState(false);
16
+ return (_jsx(TooltipProvider, { children: _jsxs(TooltipRoot, { open: open, children: [_jsx(TooltipTrigger, { asChild: true, onClick: () => {
135
17
  setOpen(true);
136
- onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true);
137
- },
138
- onBlur: function() {
18
+ onOpenChange?.(true);
19
+ }, onBlur: () => {
139
20
  setOpen(false);
140
- onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
141
- },
142
- children: /*#__PURE__*/ _jsx(Box, {
143
- role: "tooltip",
144
- as: 'button',
145
- className: "cursor-pointer",
146
- children: children || /*#__PURE__*/ _jsx(IconTooltip, {
147
- title: "Tooltip",
148
- size: tooltipSize,
149
- className: "text-primary3"
150
- })
151
- })
152
- }),
153
- /*#__PURE__*/ _jsx(TooltipContent, {
154
- className: cn('bg-black/80 p-2.5 rounded-none whitespace-pre-wrap break-words w-72'),
155
- children: /*#__PURE__*/ _jsx(Text, {
156
- className: cn('text-white text-xs tracking-wide whitespace-pre-wrap'),
157
- children: text
158
- })
159
- })
160
- ]
161
- })
162
- });
21
+ onOpenChange?.(false);
22
+ }, children: _jsx(Box, { role: "tooltip", as: 'button', className: "cursor-pointer", children: children || (_jsx(IconTooltip, { title: "Tooltip", size: tooltipSize, className: "text-primary3" })) }) }), _jsx(TooltipContent, { className: cn('bg-black/80 p-2.5 rounded-none whitespace-pre-wrap break-words w-72'), children: _jsx(Text, { className: cn('text-white text-xs tracking-wide whitespace-pre-wrap'), children: text }) })] }) }));
163
23
  };
164
24
  export default Tooltip;
25
+ //# sourceMappingURL=Tooltip.js.map
@@ -1,83 +1,25 @@
1
- function _define_property(obj, key, value) {
2
- if (key in obj) {
3
- Object.defineProperty(obj, key, {
4
- value: value,
5
- enumerable: true,
6
- configurable: true,
7
- writable: true
8
- });
9
- } else {
10
- obj[key] = value;
11
- }
12
- return obj;
13
- }
14
- function _object_spread(target) {
15
- for(var i = 1; i < arguments.length; i++){
16
- var source = arguments[i] != null ? arguments[i] : {};
17
- var ownKeys = Object.keys(source);
18
- if (typeof Object.getOwnPropertySymbols === "function") {
19
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
- }));
22
- }
23
- ownKeys.forEach(function(key) {
24
- _define_property(target, key, source[key]);
25
- });
26
- }
27
- return target;
28
- }
29
- function ownKeys(object, enumerableOnly) {
30
- var keys = Object.keys(object);
31
- if (Object.getOwnPropertySymbols) {
32
- var symbols = Object.getOwnPropertySymbols(object);
33
- if (enumerableOnly) {
34
- symbols = symbols.filter(function(sym) {
35
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
- });
37
- }
38
- keys.push.apply(keys, symbols);
39
- }
40
- return keys;
41
- }
42
- function _object_spread_props(target, source) {
43
- source = source != null ? source : {};
44
- if (Object.getOwnPropertyDescriptors) {
45
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
- } else {
47
- ownKeys(Object(source)).forEach(function(key) {
48
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
- });
50
- }
51
- return target;
52
- }
53
1
  import { jsx as _jsx } from "react/jsx-runtime";
54
2
  import Text from '../text/Text.js';
55
3
  import Tooltip from './Tooltip.js';
56
- var meta = {
4
+ const meta = {
57
5
  component: Tooltip,
58
- argTypes: {}
6
+ argTypes: {},
59
7
  };
60
8
  export default meta;
61
- export var WithoutChildren = {
9
+ export const WithoutChildren = {
62
10
  args: {
63
- text: ''
11
+ text: '',
12
+ },
13
+ render: (args) => {
14
+ return (_jsx(Tooltip, { ...args, text: 'Assessment of the paint job, smoothness and shininess of the exterior. Ensure the panels and headlights are aligned and structurally sound.' }));
64
15
  },
65
- render: function(args) {
66
- return /*#__PURE__*/ _jsx(Tooltip, _object_spread_props(_object_spread({}, args), {
67
- text: 'Assessment of the paint job, smoothness and shininess of the exterior. Ensure the panels and headlights are aligned and structurally sound.'
68
- }));
69
- }
70
16
  };
71
- export var WithChildren = {
17
+ export const WithChildren = {
72
18
  args: {
73
- text: ''
19
+ text: '',
20
+ },
21
+ render: (args) => {
22
+ return (_jsx(Tooltip, { ...args, text: 'Hello, World!', children: _jsx(Text, { children: "Open me" }) }));
74
23
  },
75
- render: function(args) {
76
- return /*#__PURE__*/ _jsx(Tooltip, _object_spread_props(_object_spread({}, args), {
77
- text: 'Hello, World!',
78
- children: /*#__PURE__*/ _jsx(Text, {
79
- children: "Open me"
80
- })
81
- }));
82
- }
83
24
  };
25
+ //# sourceMappingURL=Tooltip.stories.js.map
package/dist/utils.js CHANGED
@@ -1,8 +1,6 @@
1
1
  import { clsx } from 'clsx';
2
2
  import { twMerge } from 'tailwind-merge';
3
- export function cn() {
4
- for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
5
- inputs[_key] = arguments[_key];
6
- }
3
+ export function cn(...inputs) {
7
4
  return twMerge(clsx(inputs));
8
5
  }
6
+ //# sourceMappingURL=utils.js.map
@@ -1,70 +1,10 @@
1
- function _define_property(obj, key, value) {
2
- if (key in obj) {
3
- Object.defineProperty(obj, key, {
4
- value: value,
5
- enumerable: true,
6
- configurable: true,
7
- writable: true
8
- });
9
- } else {
10
- obj[key] = value;
11
- }
12
- return obj;
13
- }
14
- function _object_spread(target) {
15
- for(var i = 1; i < arguments.length; i++){
16
- var source = arguments[i] != null ? arguments[i] : {};
17
- var ownKeys = Object.keys(source);
18
- if (typeof Object.getOwnPropertySymbols === "function") {
19
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
- }));
22
- }
23
- ownKeys.forEach(function(key) {
24
- _define_property(target, key, source[key]);
25
- });
26
- }
27
- return target;
28
- }
29
- function _object_without_properties(source, excluded) {
30
- if (source == null) return {};
31
- var target = _object_without_properties_loose(source, excluded);
32
- var key, i;
33
- if (Object.getOwnPropertySymbols) {
34
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
35
- for(i = 0; i < sourceSymbolKeys.length; i++){
36
- key = sourceSymbolKeys[i];
37
- if (excluded.indexOf(key) >= 0) continue;
38
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
39
- target[key] = source[key];
40
- }
41
- }
42
- return target;
43
- }
44
- function _object_without_properties_loose(source, excluded) {
45
- if (source == null) return {};
46
- var target = {};
47
- var sourceKeys = Object.keys(source);
48
- var key, i;
49
- for(i = 0; i < sourceKeys.length; i++){
50
- key = sourceKeys[i];
51
- if (excluded.indexOf(key) >= 0) continue;
52
- target[key] = source[key];
53
- }
54
- return target;
55
- }
56
1
  import { jsx as _jsx } from "react/jsx-runtime";
57
2
  import * as React from 'react';
58
3
  import Box from '../box/Box';
59
4
  import { cn } from '../utils';
60
- var VStack = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
61
- var className = _param.className, props = _object_without_properties(_param, [
62
- "className"
63
- ]);
64
- return /*#__PURE__*/ _jsx(Box, _object_spread({
65
- className: cn('flex flex-col items-center gap-4', className),
66
- ref: ref
67
- }, props));
5
+ const VStack = React.forwardRef(({ className, ...props }, ref) => {
6
+ return (_jsx(Box, { className: cn('flex flex-col items-center gap-4', className), ref: ref, ...props }));
68
7
  });
69
8
  VStack.displayName = 'VStack';
70
9
  export default VStack;
10
+ //# sourceMappingURL=VStack.js.map
@@ -1,25 +1,13 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import Box from '../box/Box.js';
3
3
  import VStack from './VStack.js';
4
- var meta = {
5
- component: VStack
4
+ const meta = {
5
+ component: VStack,
6
6
  };
7
7
  export default meta;
8
- export var FirstStory = {
9
- render: function() {
10
- return /*#__PURE__*/ _jsxs(VStack, {
11
- className: "h-64 w-64 border border-black p-4",
12
- children: [
13
- /*#__PURE__*/ _jsx(Box, {
14
- className: "h-16 w-16 border border-primary2"
15
- }),
16
- /*#__PURE__*/ _jsx(Box, {
17
- className: "h-16 w-16 border border-primary2"
18
- }),
19
- /*#__PURE__*/ _jsx(Box, {
20
- className: "h-16 w-16 border border-primary2"
21
- })
22
- ]
23
- });
24
- }
8
+ export const FirstStory = {
9
+ render: () => {
10
+ return (_jsxs(VStack, { className: "h-64 w-64 border border-black p-4", children: [_jsx(Box, { className: "h-16 w-16 border border-primary2" }), _jsx(Box, { className: "h-16 w-16 border border-primary2" }), _jsx(Box, { className: "h-16 w-16 border border-primary2" })] }));
11
+ },
25
12
  };
13
+ //# sourceMappingURL=VStack.stories.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@driveflux/beam",
3
- "version": "2.0.9",
3
+ "version": "2.0.10",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  "./accordion": {
@@ -233,9 +233,9 @@
233
233
  },
234
234
  "devDependencies": {
235
235
  "@chromatic-com/storybook": "^3.2.6",
236
- "@driveflux/fab": "3.0.1",
237
- "@driveflux/time": "5.0.1",
238
- "@driveflux/tsconfig": "2.0.1",
236
+ "@driveflux/fab": "3.0.2",
237
+ "@driveflux/time": "5.0.2",
238
+ "@driveflux/tsconfig": "2.0.2",
239
239
  "@storybook/addon-essentials": "^8.6.12",
240
240
  "@storybook/addon-interactions": "^8.6.12",
241
241
  "@storybook/addon-links": "^8.6.12",
@@ -1,8 +0,0 @@
1
- import type { FC } from 'react';
2
- import { type IconProps } from './Icon';
3
- declare const variants: {
4
- default: import("react/jsx-runtime").JSX.Element;
5
- };
6
- declare const IconCollapseAll: FC<IconProps<typeof variants>>;
7
- export default IconCollapseAll;
8
- //# sourceMappingURL=IconCollapseAll.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconCollapseAll.d.ts","sourceRoot":"","sources":["../../src/icons/IconCollapseAll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,QAAA,MAAM,QAAQ;;CAsBb,CAAA;AAED,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,CAImB,CAAA;AAEvE,eAAe,eAAe,CAAA"}
@@ -1,97 +0,0 @@
1
- function _define_property(obj, key, value) {
2
- if (key in obj) {
3
- Object.defineProperty(obj, key, {
4
- value: value,
5
- enumerable: true,
6
- configurable: true,
7
- writable: true
8
- });
9
- } else {
10
- obj[key] = value;
11
- }
12
- return obj;
13
- }
14
- function _object_spread(target) {
15
- for(var i = 1; i < arguments.length; i++){
16
- var source = arguments[i] != null ? arguments[i] : {};
17
- var ownKeys = Object.keys(source);
18
- if (typeof Object.getOwnPropertySymbols === "function") {
19
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
- }));
22
- }
23
- ownKeys.forEach(function(key) {
24
- _define_property(target, key, source[key]);
25
- });
26
- }
27
- return target;
28
- }
29
- function _object_without_properties(source, excluded) {
30
- if (source == null) return {};
31
- var target = _object_without_properties_loose(source, excluded);
32
- var key, i;
33
- if (Object.getOwnPropertySymbols) {
34
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
35
- for(i = 0; i < sourceSymbolKeys.length; i++){
36
- key = sourceSymbolKeys[i];
37
- if (excluded.indexOf(key) >= 0) continue;
38
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
39
- target[key] = source[key];
40
- }
41
- }
42
- return target;
43
- }
44
- function _object_without_properties_loose(source, excluded) {
45
- if (source == null) return {};
46
- var target = {};
47
- var sourceKeys = Object.keys(source);
48
- var key, i;
49
- for(i = 0; i < sourceKeys.length; i++){
50
- key = sourceKeys[i];
51
- if (excluded.indexOf(key) >= 0) continue;
52
- target[key] = source[key];
53
- }
54
- return target;
55
- }
56
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
57
- import { Icon } from './Icon';
58
- var variants = {
59
- default: /*#__PURE__*/ _jsxs(_Fragment, {
60
- children: [
61
- /*#__PURE__*/ _jsx("mask", {
62
- id: "mask0_6490_9460",
63
- style: {
64
- maskType: 'alpha'
65
- },
66
- maskUnits: "userSpaceOnUse",
67
- x: "0",
68
- y: "0",
69
- width: "16",
70
- height: "16",
71
- children: /*#__PURE__*/ _jsx("rect", {
72
- width: "16",
73
- height: "16",
74
- fill: "currentColor"
75
- })
76
- }),
77
- /*#__PURE__*/ _jsx("g", {
78
- mask: "url(#mask0_6490_9460)",
79
- children: /*#__PURE__*/ _jsx("path", {
80
- d: "M4.93333 14.6693L4 13.7359L8 9.73594L12 13.7359L11.0667 14.6693L8 11.6026L4.93333 14.6693ZM8 6.26927L4 2.26927L4.93333 1.33594L8 4.4026L11.0667 1.33594L12 2.26927L8 6.26927Z",
81
- fill: "currentColor"
82
- })
83
- })
84
- ]
85
- })
86
- };
87
- var IconCollapseAll = function(_param) {
88
- var _param_viewBox = _param.viewBox, viewBox = _param_viewBox === void 0 ? '0 0 16 16' : _param_viewBox, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, props = _object_without_properties(_param, [
89
- "viewBox",
90
- "variant"
91
- ]);
92
- return /*#__PURE__*/ _jsx(Icon, _object_spread({
93
- viewBox: viewBox,
94
- element: variants[variant]
95
- }, props));
96
- };
97
- export default IconCollapseAll;
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconCollapseAll.js","sourceRoot":"","sources":["../../src/icons/IconCollapseAll.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAE7C,MAAM,QAAQ,GAAG;IAChB,OAAO,EAAE,CACR,8BACC,eACC,EAAE,EAAC,iBAAiB,EACpB,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,SAAS,EAAC,gBAAgB,EAC1B,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,YAEX,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,GAAG,GAC7C,EACP,YAAG,IAAI,EAAC,uBAAuB,YAC9B,eACC,CAAC,EAAC,+KAA+K,EACjL,IAAI,EAAC,cAAc,GAClB,GACC,IACF,CACH;CACD,CAAA;AAED,MAAM,eAAe,GAAmC,CAAC,EACxD,OAAO,GAAG,WAAW,EACrB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACR,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAM,KAAK,GAAI,CAAA;AAEvE,eAAe,eAAe,CAAA"}
@@ -1,8 +0,0 @@
1
- import type { FC } from 'react';
2
- import { type IconProps } from './Icon';
3
- declare const variants: {
4
- default: import("react/jsx-runtime").JSX.Element;
5
- };
6
- declare const IconDownload: FC<IconProps<typeof variants>>;
7
- export default IconDownload;
8
- //# sourceMappingURL=IconDownload.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconDownload.d.ts","sourceRoot":"","sources":["../../src/icons/IconDownload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,QAAA,MAAM,QAAQ;;CAUb,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,CAIsB,CAAA;AAEvE,eAAe,YAAY,CAAA"}
@@ -1,82 +0,0 @@
1
- function _define_property(obj, key, value) {
2
- if (key in obj) {
3
- Object.defineProperty(obj, key, {
4
- value: value,
5
- enumerable: true,
6
- configurable: true,
7
- writable: true
8
- });
9
- } else {
10
- obj[key] = value;
11
- }
12
- return obj;
13
- }
14
- function _object_spread(target) {
15
- for(var i = 1; i < arguments.length; i++){
16
- var source = arguments[i] != null ? arguments[i] : {};
17
- var ownKeys = Object.keys(source);
18
- if (typeof Object.getOwnPropertySymbols === "function") {
19
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
- }));
22
- }
23
- ownKeys.forEach(function(key) {
24
- _define_property(target, key, source[key]);
25
- });
26
- }
27
- return target;
28
- }
29
- function _object_without_properties(source, excluded) {
30
- if (source == null) return {};
31
- var target = _object_without_properties_loose(source, excluded);
32
- var key, i;
33
- if (Object.getOwnPropertySymbols) {
34
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
35
- for(i = 0; i < sourceSymbolKeys.length; i++){
36
- key = sourceSymbolKeys[i];
37
- if (excluded.indexOf(key) >= 0) continue;
38
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
39
- target[key] = source[key];
40
- }
41
- }
42
- return target;
43
- }
44
- function _object_without_properties_loose(source, excluded) {
45
- if (source == null) return {};
46
- var target = {};
47
- var sourceKeys = Object.keys(source);
48
- var key, i;
49
- for(i = 0; i < sourceKeys.length; i++){
50
- key = sourceKeys[i];
51
- if (excluded.indexOf(key) >= 0) continue;
52
- target[key] = source[key];
53
- }
54
- return target;
55
- }
56
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
57
- import { Icon } from './Icon';
58
- var variants = {
59
- default: /*#__PURE__*/ _jsxs(_Fragment, {
60
- children: [
61
- /*#__PURE__*/ _jsx("path", {
62
- d: "M11.8484 9.26797L7.99844 13.168L4.14844 9.26797L4.84844 8.56797L7.49844 11.218V2.66797H8.49844V11.218L11.1484 8.56797L11.8484 9.26797Z",
63
- fill: "currentColor"
64
- }),
65
- /*#__PURE__*/ _jsx("path", {
66
- d: "M12.5 13.668H3.5V14.668H12.5V13.668Z",
67
- fill: "currentColor"
68
- })
69
- ]
70
- })
71
- };
72
- var IconDownload = function(_param) {
73
- var _param_viewBox = _param.viewBox, viewBox = _param_viewBox === void 0 ? '0 0 16 16' : _param_viewBox, _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, props = _object_without_properties(_param, [
74
- "viewBox",
75
- "variant"
76
- ]);
77
- return /*#__PURE__*/ _jsx(Icon, _object_spread({
78
- viewBox: viewBox,
79
- element: variants[variant]
80
- }, props));
81
- };
82
- export default IconDownload;
@@ -1,8 +0,0 @@
1
- import type { FC } from 'react';
2
- import { type IconProps } from './Icon';
3
- declare const variants: {
4
- default: import("react/jsx-runtime").JSX.Element;
5
- };
6
- declare const IconExpandAll: FC<IconProps<typeof variants>>;
7
- export default IconExpandAll;
8
- //# sourceMappingURL=IconExpandAll.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconExpandAll.d.ts","sourceRoot":"","sources":["../../src/icons/IconExpandAll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAA;AAE7C,QAAA,MAAM,QAAQ;;CAsBb,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,QAAQ,CAAC,CAIqB,CAAA;AAEvE,eAAe,aAAa,CAAA"}