@driveflux/beam 1.9.18 → 1.9.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (236) hide show
  1. package/dist/accordion/Accordion.js +7 -133
  2. package/dist/accordion/Accordion.js.map +1 -1
  3. package/dist/accordion/Accordion.stories.js +11 -31
  4. package/dist/alert/Alert.js +14 -110
  5. package/dist/alert/Alert.stories.js +15 -50
  6. package/dist/animations/LoadingAnimation.js +21 -34
  7. package/dist/badge/Badge.js +7 -96
  8. package/dist/badge/Badge.stories.js +7 -28
  9. package/dist/box/Box.d.ts +1 -1
  10. package/dist/box/Box.d.ts.map +1 -1
  11. package/dist/box/Box.js +3 -87
  12. package/dist/box/Box.stories.js +7 -8
  13. package/dist/breadcrumbs/Breadcrumbs.js +28 -288
  14. package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
  15. package/dist/button/Button.d.ts +1 -1
  16. package/dist/button/Button.js +12 -124
  17. package/dist/button/Button.stories.js +7 -35
  18. package/dist/card/Card.js +7 -109
  19. package/dist/card/Card.stories.js +7 -10
  20. package/dist/carousel/Carousel.js +58 -279
  21. package/dist/carousel/Carousel.stories.js +7 -39
  22. package/dist/carousel/CarouselButton.js +7 -68
  23. package/dist/center/Center.js +3 -63
  24. package/dist/center/Center.stories.js +7 -19
  25. package/dist/checkbox/Checkbox.js +4 -115
  26. package/dist/checkbox/Checkbox.stories.js +8 -10
  27. package/dist/chip/Chip.js +3 -104
  28. package/dist/chip/Chip.stories.js +7 -19
  29. package/dist/circular-progress/CircularProgress.js +11 -150
  30. package/dist/circular-progress/CircularProgress.stories.js +14 -54
  31. package/dist/command/command.js +13 -170
  32. package/dist/datepicker/DatePicker.d.ts +24 -2
  33. package/dist/datepicker/DatePicker.d.ts.map +1 -1
  34. package/dist/datepicker/DatePicker.js +24 -123
  35. package/dist/datepicker/DatePicker.js.map +1 -1
  36. package/dist/datepicker/DatePicker.stories.js +48 -144
  37. package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -1
  38. package/dist/datepicker/DatePickerDrawer.js +7 -94
  39. package/dist/datepicker/DatePickerDrawer.js.map +1 -1
  40. package/dist/datepicker/DatePickerPopover.d.ts.map +1 -1
  41. package/dist/datepicker/DatePickerPopover.js +28 -192
  42. package/dist/datepicker/DatePickerPopover.js.map +1 -1
  43. package/dist/datepicker/constants.js +4 -3
  44. package/dist/datepicker/utils.js +11 -4
  45. package/dist/dialog/index.js +12 -144
  46. package/dist/divider/Divider.js +3 -63
  47. package/dist/divider/Divider.stories.js +7 -13
  48. package/dist/drawer/index.d.ts +3 -1
  49. package/dist/drawer/index.d.ts.map +1 -1
  50. package/dist/drawer/index.js +12 -157
  51. package/dist/drawer/index.js.map +1 -1
  52. package/dist/dropdown/Dropdown.js +26 -212
  53. package/dist/dropdown/Dropdown.stories.js +22 -109
  54. package/dist/field-wrapper/FieldWrapper.js +3 -136
  55. package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
  56. package/dist/flex/Flex.js +3 -63
  57. package/dist/flex/Flex.stories.js +7 -19
  58. package/dist/grid/Grid.js +3 -63
  59. package/dist/grid/Grid.stories.js +7 -28
  60. package/dist/hooks/use-breakpoint-value.js +14 -77
  61. package/dist/hooks/use-breakpoint-value.js.map +1 -1
  62. package/dist/hooks/use-media-query.js +12 -61
  63. package/dist/hstack/HStack.js +3 -63
  64. package/dist/hstack/HStack.stories.js +7 -19
  65. package/dist/icons/FluxLogo.js +9 -213
  66. package/dist/icons/FluxLogoTable.js +5 -109
  67. package/dist/icons/Icon.js +7 -108
  68. package/dist/icons/Icon.stories.js +7 -12
  69. package/dist/icons/Icon24Hours.js +5 -83
  70. package/dist/icons/IconAccount.js +4 -72
  71. package/dist/icons/IconApplicant.js +5 -78
  72. package/dist/icons/IconArrow.js +6 -78
  73. package/dist/icons/IconArrowBack.js +4 -72
  74. package/dist/icons/IconArrowForward.js +4 -72
  75. package/dist/icons/IconArrowTopLeft.js +4 -70
  76. package/dist/icons/IconBluesharkProductGuide.js +5 -80
  77. package/dist/icons/IconBolt.js +4 -72
  78. package/dist/icons/IconBriefcase.js +4 -72
  79. package/dist/icons/IconBulb.js +4 -72
  80. package/dist/icons/IconCalendar.d.ts.map +1 -1
  81. package/dist/icons/IconCalendar.js +4 -72
  82. package/dist/icons/IconCalendar.js.map +1 -1
  83. package/dist/icons/IconCancelMark.js +4 -72
  84. package/dist/icons/IconCarSUV.js +4 -72
  85. package/dist/icons/IconCarSedan.js +7 -147
  86. package/dist/icons/IconChain.js +5 -79
  87. package/dist/icons/IconCheckmark.js +4 -72
  88. package/dist/icons/IconChevronRight.js +4 -72
  89. package/dist/icons/IconCircle.js +4 -72
  90. package/dist/icons/IconCircleCheckmark.d.ts +1 -0
  91. package/dist/icons/IconCircleCheckmark.d.ts.map +1 -1
  92. package/dist/icons/IconCircleCheckmark.js +5 -77
  93. package/dist/icons/IconCircleCheckmark.js.map +1 -1
  94. package/dist/icons/IconCircleError.js +4 -72
  95. package/dist/icons/IconCircleExclamation.js +6 -104
  96. package/dist/icons/IconCircleMark.js +5 -78
  97. package/dist/icons/IconCircleOutline.js +5 -140
  98. package/dist/icons/IconClock.js +5 -80
  99. package/dist/icons/IconClose.js +4 -72
  100. package/dist/icons/IconConcierge.js +5 -79
  101. package/dist/icons/IconConciergeService.js +5 -87
  102. package/dist/icons/IconCreditCard.js +5 -78
  103. package/dist/icons/IconDash.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/IconElectricCarFuel.js +5 -80
  108. package/dist/icons/IconEllipsis.js +5 -78
  109. package/dist/icons/IconEnvelope.js +4 -72
  110. package/dist/icons/IconEye.js +5 -79
  111. package/dist/icons/IconFacebook.js +6 -94
  112. package/dist/icons/IconFilter.js +5 -83
  113. package/dist/icons/IconFlagMalaysia.js +5 -141
  114. package/dist/icons/IconGiveKey.js +5 -79
  115. package/dist/icons/IconGlobe.js +4 -70
  116. package/dist/icons/IconGoogle.js +5 -87
  117. package/dist/icons/IconHome.js +5 -78
  118. package/dist/icons/IconHostAdvertise.js +4 -72
  119. package/dist/icons/IconHostCar.js +4 -75
  120. package/dist/icons/IconHostCash.js +5 -91
  121. package/dist/icons/IconHostHandle.js +4 -70
  122. package/dist/icons/IconHostLocation.js +4 -70
  123. package/dist/icons/IconHostPayment.js +5 -91
  124. package/dist/icons/IconHostService.js +5 -79
  125. package/dist/icons/IconHotDeals.js +4 -72
  126. package/dist/icons/IconInfo.js +5 -77
  127. package/dist/icons/IconInstagram.js +4 -72
  128. package/dist/icons/IconInsurance.js +5 -99
  129. package/dist/icons/IconInternet.js +4 -73
  130. package/dist/icons/IconInventory.js +5 -78
  131. package/dist/icons/IconLaurel.js +5 -101
  132. package/dist/icons/IconLinkedIn.js +4 -72
  133. package/dist/icons/IconLoading.js +4 -78
  134. package/dist/icons/IconLocation.js +5 -80
  135. package/dist/icons/IconLock.js +4 -73
  136. package/dist/icons/IconLogistics.js +4 -72
  137. package/dist/icons/IconMail.js +5 -94
  138. package/dist/icons/IconMember.js +5 -78
  139. package/dist/icons/IconMobilePen.js +5 -83
  140. package/dist/icons/IconMotorcycleMoped.js +5 -78
  141. package/dist/icons/IconNoCost.js +5 -92
  142. package/dist/icons/IconPDF.js +5 -80
  143. package/dist/icons/IconPencil.js +4 -70
  144. package/dist/icons/IconPhone.js +4 -70
  145. package/dist/icons/IconPlus.js +4 -72
  146. package/dist/icons/IconPricing.js +4 -72
  147. package/dist/icons/IconProtected.js +4 -71
  148. package/dist/icons/IconPsychology.js +4 -72
  149. package/dist/icons/IconQuestionTooltip.js +4 -73
  150. package/dist/icons/IconQuote.js +4 -72
  151. package/dist/icons/IconRate.js +4 -71
  152. package/dist/icons/IconRegister.js +5 -99
  153. package/dist/icons/IconReturn.js +4 -72
  154. package/dist/icons/IconSearch.js +4 -70
  155. package/dist/icons/IconSecure.js +4 -71
  156. package/dist/icons/IconSecurity.js +4 -73
  157. package/dist/icons/IconSedanOutline.js +5 -159
  158. package/dist/icons/IconSelectArrow.js +6 -78
  159. package/dist/icons/IconSort.js +5 -79
  160. package/dist/icons/IconSortListed.js +5 -95
  161. package/dist/icons/IconSortPriceAscending.js +5 -83
  162. package/dist/icons/IconSortPriceDescending.js +5 -83
  163. package/dist/icons/IconSortYear.js +5 -79
  164. package/dist/icons/IconSpan.js +4 -71
  165. package/dist/icons/IconSpeaker.js +4 -79
  166. package/dist/icons/IconSpecialCar.js +5 -95
  167. package/dist/icons/IconStar.js +7 -92
  168. package/dist/icons/IconStockPhoto.js +5 -95
  169. package/dist/icons/IconSubscription.js +6 -113
  170. package/dist/icons/IconSubscriptions.js +6 -113
  171. package/dist/icons/IconSwap.js +5 -79
  172. package/dist/icons/IconTax.js +4 -72
  173. package/dist/icons/IconThinArrow.js +6 -78
  174. package/dist/icons/IconThumbsdown.js +5 -78
  175. package/dist/icons/IconThumbsup.js +5 -78
  176. package/dist/icons/IconTool.js +4 -72
  177. package/dist/icons/IconTooltip.js +4 -73
  178. package/dist/icons/IconTrash.js +4 -72
  179. package/dist/icons/IconTriangleExclamation.js +4 -72
  180. package/dist/icons/IconTyersBrakes.js +5 -83
  181. package/dist/icons/IconTyre.js +5 -83
  182. package/dist/icons/IconVacancy.js +5 -78
  183. package/dist/icons/IconVolunteer.js +4 -72
  184. package/dist/icons/IconWhatsapp.js +4 -73
  185. package/dist/icons/IconXPlatform.js +4 -72
  186. package/dist/icons/IconZeroEffort.js +5 -77
  187. package/dist/icons/Logo.js +3 -99
  188. package/dist/input/Input.js +11 -125
  189. package/dist/input/Input.stories.js +18 -17
  190. package/dist/input-mask/InputMask.js +10 -96
  191. package/dist/input-mask/InputMask.stories.js +6 -5
  192. package/dist/input-mask/mask-trackers.js +5 -4
  193. package/dist/input-select/InputSelect.d.ts.map +1 -1
  194. package/dist/input-select/InputSelect.js +69 -357
  195. package/dist/input-select/InputSelect.js.map +1 -1
  196. package/dist/input-select/InputSelect.stories.d.ts.map +1 -1
  197. package/dist/input-select/InputSelect.stories.js +18 -54
  198. package/dist/popover/popover.js +4 -72
  199. package/dist/progress/Progress.js +2 -96
  200. package/dist/progress/Progress.stories.js +14 -13
  201. package/dist/radio/Radio.js +4 -163
  202. package/dist/scroll-area/scroll-area.js +5 -113
  203. package/dist/search-input-select/SearchInputSelect.js +69 -346
  204. package/dist/select/Select.d.ts.map +1 -1
  205. package/dist/select/Select.js +30 -300
  206. package/dist/select/Select.js.map +1 -1
  207. package/dist/select/Select.stories.d.ts.map +1 -1
  208. package/dist/select/Select.stories.js +19 -55
  209. package/dist/skeleton/Skeleton.js +3 -62
  210. package/dist/skeleton/Skeleton.stories.js +7 -8
  211. package/dist/slider/Slider.js +5 -106
  212. package/dist/slider/Slider.stories.js +11 -12
  213. package/dist/stack/Stack.js +3 -63
  214. package/dist/stack/Stack.stories.js +7 -19
  215. package/dist/styles.css +98 -2
  216. package/dist/table/Table.js +10 -131
  217. package/dist/table/Table.stories.js +8 -84
  218. package/dist/tabs/Tabs.js +9 -128
  219. package/dist/tabs/Tabs.stories.js +13 -46
  220. package/dist/text/Text.d.ts +2 -1
  221. package/dist/text/Text.d.ts.map +1 -1
  222. package/dist/text/Text.js +6 -88
  223. package/dist/text/Text.js.map +1 -1
  224. package/dist/text/Text.stories.js +7 -44
  225. package/dist/toast/Toast.stories.js +14 -66
  226. package/dist/toast/ToastBox.js +24 -71
  227. package/dist/toast/index.js +1 -0
  228. package/dist/toast/sonner.js +11 -70
  229. package/dist/toggle/Toggle.js +7 -116
  230. package/dist/toggle/Toggle.stories.js +8 -10
  231. package/dist/tooltip/Tooltip.js +12 -151
  232. package/dist/tooltip/Tooltip.stories.js +13 -71
  233. package/dist/utils.js +2 -4
  234. package/dist/vstack/VStack.js +3 -63
  235. package/dist/vstack/VStack.stories.js +7 -19
  236. package/package.json +1 -1
@@ -8,106 +8,59 @@ import IconClose from '../icons/IconClose';
8
8
  import IconInfo from '../icons/IconInfo';
9
9
  import IconTriangleExclamation from '../icons/IconTriangleExclamation';
10
10
  import Text from '../text/Text';
11
- var ToastBox = function(options) {
12
- var title = options === null || options === void 0 ? void 0 : options.title;
13
- var description = options === null || options === void 0 ? void 0 : options.description;
14
- var isNumbered = options === null || options === void 0 ? void 0 : options.isNumbered;
15
- var _getStyles = getStyles(options === null || options === void 0 ? void 0 : options.status), icon = _getStyles.icon, titleColor = _getStyles.titleColor, borderColor = _getStyles.borderColor, textColor = _getStyles.textColor, bgColor = _getStyles.bgColor;
16
- return /*#__PURE__*/ _jsxs(HStack, {
17
- className: "flex items-start ".concat(textColor, " ").concat(bgColor, " border-l-8 ").concat(borderColor, " p-3 space-y-3 w-full"),
18
- children: [
19
- /*#__PURE__*/ _jsxs(HStack, {
20
- className: 'space-y-1 w-full',
21
- children: [
22
- /*#__PURE__*/ _jsx(Box, {
23
- className: titleColor,
24
- children: icon
25
- }),
26
- /*#__PURE__*/ _jsxs(Box, {
27
- className: "w-full",
28
- children: [
29
- title && /*#__PURE__*/ _jsx(Text, {
30
- className: "font-bold text-base",
31
- children: title
32
- }),
33
- description && /*#__PURE__*/ _jsx(Box, {
34
- className: "".concat(textColor, " text-base"),
35
- children: typeof description === 'string' ? splitText(description, isNumbered) : description
36
- })
37
- ]
38
- })
39
- ]
40
- }),
41
- (options === null || options === void 0 ? void 0 : options.isClosable) && /*#__PURE__*/ _jsx(Box, {
42
- as: "button",
43
- onClick: function() {
11
+ const ToastBox = (options) => {
12
+ const title = options?.title;
13
+ const description = options?.description;
14
+ const isNumbered = options?.isNumbered;
15
+ const { icon, titleColor, borderColor, textColor, bgColor } = getStyles(options?.status);
16
+ return (_jsxs(HStack, { className: `flex items-start ${textColor} ${bgColor} border-l-8 ${borderColor} p-3 space-y-3 w-full`, children: [_jsxs(HStack, { className: 'space-y-1 w-full', children: [_jsx(Box, { className: titleColor, children: icon }), _jsxs(Box, { className: "w-full", children: [title && _jsx(Text, { className: "font-bold text-base", children: title }), description && (_jsx(Box, { className: `${textColor} text-base`, children: typeof description === 'string'
17
+ ? splitText(description, isNumbered)
18
+ : description }))] })] }), options?.isClosable && (_jsx(Box, { as: "button", onClick: () => {
44
19
  toast.dismiss(options.id);
45
- },
46
- children: /*#__PURE__*/ _jsx(IconClose, {
47
- size: '24px'
48
- })
49
- })
50
- ]
51
- });
20
+ }, children: _jsx(IconClose, { size: '24px' }) }))] }));
52
21
  };
53
- var splitText = function(text, isNumbered) {
54
- var listItems = text.split('\n').map(function(line) {
55
- return /*#__PURE__*/ _jsx("li", {
56
- children: line
57
- }, line);
58
- });
22
+ const splitText = (text, isNumbered) => {
23
+ const listItems = text.split('\n').map((line) => _jsx("li", { children: line }, line));
59
24
  if (isNumbered) {
60
- return /*#__PURE__*/ _jsx("ol", {
61
- children: listItems
62
- });
25
+ return _jsx("ol", { children: listItems });
63
26
  }
64
- return /*#__PURE__*/ _jsx("ul", {
65
- children: listItems
66
- });
27
+ return _jsx("ul", { children: listItems });
67
28
  };
68
- var getStyles = function(status) {
69
- switch(status){
29
+ const getStyles = (status) => {
30
+ switch (status) {
70
31
  case 'error':
71
32
  return {
72
- icon: /*#__PURE__*/ _jsx(IconTriangleExclamation, {
73
- size: '24px'
74
- }),
33
+ icon: _jsx(IconTriangleExclamation, { size: '24px' }),
75
34
  bgColor: 'bg-accent-50',
76
35
  titleColor: 'text-accent-300',
77
36
  textColor: 'text-accent-600',
78
- borderColor: 'border-accent-300'
37
+ borderColor: 'border-accent-300',
79
38
  };
80
39
  case 'success':
81
40
  return {
82
- icon: /*#__PURE__*/ _jsx(IconCircleMark, {
83
- variant: "on",
84
- size: '24px'
85
- }),
41
+ icon: _jsx(IconCircleMark, { variant: "on", size: '24px' }),
86
42
  bgColor: 'bg-success-50',
87
43
  titleColor: 'text-success-300',
88
44
  textColor: 'text-success-600',
89
- borderColor: 'border-success-300'
45
+ borderColor: 'border-success-300',
90
46
  };
91
47
  case 'warning':
92
48
  return {
93
- icon: /*#__PURE__*/ _jsx(IconCircleExclamation, {
94
- size: '24px'
95
- }),
49
+ icon: _jsx(IconCircleExclamation, { size: '24px' }),
96
50
  bgColor: 'bg-warning-50',
97
51
  titleColor: 'text-warning-300',
98
52
  textColor: 'text-warning-600',
99
- borderColor: 'border-warning-300'
53
+ borderColor: 'border-warning-300',
100
54
  };
101
55
  default:
102
56
  return {
103
- icon: /*#__PURE__*/ _jsx(IconInfo, {
104
- size: '24px'
105
- }),
57
+ icon: _jsx(IconInfo, { size: '24px' }),
106
58
  bgColor: 'bg-info-50',
107
59
  titleColor: 'text-info-300',
108
60
  textColor: 'text-info-600',
109
- borderColor: 'border-info-300'
61
+ borderColor: 'border-info-300',
110
62
  };
111
63
  }
112
64
  };
113
65
  export default ToastBox;
66
+ //# sourceMappingURL=ToastBox.js.map
@@ -1 +1,2 @@
1
1
  export { Toaster, toast } from './sonner';
2
+ //# sourceMappingURL=index.js.map
@@ -1,81 +1,22 @@
1
1
  'use client';
2
- function _define_property(obj, key, value) {
3
- if (key in obj) {
4
- Object.defineProperty(obj, key, {
5
- value: value,
6
- enumerable: true,
7
- configurable: true,
8
- writable: true
9
- });
10
- } else {
11
- obj[key] = value;
12
- }
13
- return obj;
14
- }
15
- function _extends() {
16
- _extends = Object.assign || function(target) {
17
- for(var i = 1; i < arguments.length; i++){
18
- var source = arguments[i];
19
- for(var key in source){
20
- if (Object.prototype.hasOwnProperty.call(source, key)) {
21
- target[key] = source[key];
22
- }
23
- }
24
- }
25
- return target;
26
- };
27
- return _extends.apply(this, arguments);
28
- }
29
- function _object_destructuring_empty(o) {
30
- if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
31
- return o;
32
- }
33
- function _object_spread(target) {
34
- for(var i = 1; i < arguments.length; i++){
35
- var source = arguments[i] != null ? arguments[i] : {};
36
- var ownKeys = Object.keys(source);
37
- if (typeof Object.getOwnPropertySymbols === "function") {
38
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
39
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
40
- }));
41
- }
42
- ownKeys.forEach(function(key) {
43
- _define_property(target, key, source[key]);
44
- });
45
- }
46
- return target;
47
- }
48
2
  import { jsx as _jsx } from "react/jsx-runtime";
49
3
  import { useTheme } from 'next-themes';
50
4
  import { Toaster as Sonner, toast as sonnerToast } from 'sonner';
51
5
  import ToastBox from './ToastBox';
52
- var Toaster = function(_param) {
53
- var props = _extends({}, _object_destructuring_empty(_param));
54
- var _useTheme = useTheme(), _useTheme_theme = _useTheme.theme, theme = _useTheme_theme === void 0 ? 'system' : _useTheme_theme;
55
- return /*#__PURE__*/ _jsx(Sonner, _object_spread({
56
- theme: theme,
57
- className: "toaster group",
58
- position: "bottom-center",
59
- toastOptions: {
6
+ const Toaster = ({ ...props }) => {
7
+ const { theme = 'system' } = useTheme();
8
+ return (_jsx(Sonner, { theme: theme, className: "toaster group", position: "bottom-center", toastOptions: {
60
9
  classNames: {
61
- toast: 'p-0'
62
- }
63
- }
64
- }, props));
10
+ toast: 'p-0',
11
+ },
12
+ }, ...props }));
65
13
  };
66
- var toast = function(param) {
67
- var title = param.title, description = param.description, status = param.status, _param_isClosable = param.isClosable, isClosable = _param_isClosable === void 0 ? true : _param_isClosable, isNumbered = param.isNumbered;
68
- var toastId = sonnerToast('');
69
- sonnerToast(/*#__PURE__*/ _jsx(ToastBox, {
14
+ const toast = ({ title, description, status, isClosable = true, isNumbered, }) => {
15
+ const toastId = sonnerToast('');
16
+ sonnerToast(_jsx(ToastBox, { id: toastId, title: title, description: description, status: status, isClosable: isClosable, isNumbered: isNumbered }), {
70
17
  id: toastId,
71
- title: title,
72
- description: description,
73
- status: status,
74
- isClosable: isClosable,
75
- isNumbered: isNumbered
76
- }), {
77
- id: toastId,
78
- className: 'rounded-none p-0 border-0'
18
+ className: 'rounded-none p-0 border-0',
79
19
  });
80
20
  };
81
21
  export { Toaster, toast };
22
+ //# sourceMappingURL=sonner.js.map
@@ -1,131 +1,22 @@
1
1
  'use client';
2
- function _define_property(obj, key, value) {
3
- if (key in obj) {
4
- Object.defineProperty(obj, key, {
5
- value: value,
6
- enumerable: true,
7
- configurable: true,
8
- writable: true
9
- });
10
- } else {
11
- obj[key] = value;
12
- }
13
- return obj;
14
- }
15
- function _object_spread(target) {
16
- for(var i = 1; i < arguments.length; i++){
17
- var source = arguments[i] != null ? arguments[i] : {};
18
- var ownKeys = Object.keys(source);
19
- if (typeof Object.getOwnPropertySymbols === "function") {
20
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
21
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
22
- }));
23
- }
24
- ownKeys.forEach(function(key) {
25
- _define_property(target, key, source[key]);
26
- });
27
- }
28
- return target;
29
- }
30
- function ownKeys(object, enumerableOnly) {
31
- var keys = Object.keys(object);
32
- if (Object.getOwnPropertySymbols) {
33
- var symbols = Object.getOwnPropertySymbols(object);
34
- if (enumerableOnly) {
35
- symbols = symbols.filter(function(sym) {
36
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
37
- });
38
- }
39
- keys.push.apply(keys, symbols);
40
- }
41
- return keys;
42
- }
43
- function _object_spread_props(target, source) {
44
- source = source != null ? source : {};
45
- if (Object.getOwnPropertyDescriptors) {
46
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
47
- } else {
48
- ownKeys(Object(source)).forEach(function(key) {
49
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
50
- });
51
- }
52
- return target;
53
- }
54
- function _object_without_properties(source, excluded) {
55
- if (source == null) return {};
56
- var target = _object_without_properties_loose(source, excluded);
57
- var key, i;
58
- if (Object.getOwnPropertySymbols) {
59
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
60
- for(i = 0; i < sourceSymbolKeys.length; i++){
61
- key = sourceSymbolKeys[i];
62
- if (excluded.indexOf(key) >= 0) continue;
63
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
64
- target[key] = source[key];
65
- }
66
- }
67
- return target;
68
- }
69
- function _object_without_properties_loose(source, excluded) {
70
- if (source == null) return {};
71
- var target = {};
72
- var sourceKeys = Object.keys(source);
73
- var key, i;
74
- for(i = 0; i < sourceKeys.length; i++){
75
- key = sourceKeys[i];
76
- if (excluded.indexOf(key) >= 0) continue;
77
- target[key] = source[key];
78
- }
79
- return target;
80
- }
81
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
82
3
  import Button from '@driveflux/beam/button';
83
4
  import { cn } from '@driveflux/beam/utils';
84
5
  import * as React from 'react';
85
- var ToggleRoot = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
86
- var className = _param.className, _param_checked = _param.checked, checked = _param_checked === void 0 ? false : _param_checked, onCheckedChange = _param.onCheckedChange, disabled = _param.disabled, props = _object_without_properties(_param, [
87
- "className",
88
- "checked",
89
- "onCheckedChange",
90
- "disabled"
91
- ]);
92
- var handleClick = function() {
6
+ const ToggleRoot = React.forwardRef(({ className, checked = false, onCheckedChange, disabled, ...props }, ref) => {
7
+ const handleClick = () => {
93
8
  if (!disabled && onCheckedChange) {
94
9
  onCheckedChange(!checked);
95
10
  }
96
11
  };
97
- return /*#__PURE__*/ _jsx(Button, _object_spread_props(_object_spread({
98
- ref: ref,
99
- onClick: handleClick,
100
- isDisabled: disabled,
101
- role: "switch",
102
- "aria-checked": checked,
103
- className: cn('relative h-6 w-[46px] rounded-full p-0 min-w-0 block items-start justify-start bg-primary2', checked ? 'bg-black hover:bg-black' : 'bg-primary2 hover:bg-primary2', className)
104
- }, props), {
105
- children: /*#__PURE__*/ _jsx("span", {
106
- className: cn('inline-block h-5 w-5 transform rounded-full bg-white transition-transform duration-300', checked ? 'translate-x-6' : 'translate-x-[2px]')
107
- })
108
- }));
12
+ return (_jsx(Button, { ref: ref, onClick: handleClick, isDisabled: disabled, role: "switch", "aria-checked": checked, className: cn('relative h-6 w-[46px] rounded-full p-0 min-w-0 block items-start justify-start bg-primary2', checked ? 'bg-black hover:bg-black' : 'bg-primary2 hover:bg-primary2', className), ...props, children: _jsx("span", { className: cn('inline-block h-5 w-5 transform rounded-full bg-white transition-transform duration-300', checked ? 'translate-x-6' : 'translate-x-[2px]') }) }));
109
13
  });
110
14
  ToggleRoot.displayName = 'ToggleRoot';
111
- var Toggle = function(_param) {
112
- var children = _param.children, htmlFor = _param.htmlFor, props = _object_without_properties(_param, [
113
- "children",
114
- "htmlFor"
115
- ]);
15
+ const Toggle = ({ children, htmlFor, ...props }) => {
116
16
  if (children && htmlFor) {
117
- return /*#__PURE__*/ _jsxs("div", {
118
- className: "flex items-center gap-2",
119
- children: [
120
- /*#__PURE__*/ _jsx(ToggleRoot, _object_spread({}, props)),
121
- /*#__PURE__*/ _jsx("label", {
122
- htmlFor: htmlFor,
123
- className: "flex-1",
124
- children: children
125
- })
126
- ]
127
- });
17
+ return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ToggleRoot, { ...props }), _jsx("label", { htmlFor: htmlFor, className: "flex-1", children: children })] }));
128
18
  }
129
- return /*#__PURE__*/ _jsx(ToggleRoot, _object_spread({}, props));
19
+ return _jsx(ToggleRoot, { ...props });
130
20
  };
131
21
  export default Toggle;
22
+ //# sourceMappingURL=Toggle.js.map
@@ -1,17 +1,15 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import Toggle from './Toggle';
3
- var meta = {
3
+ const meta = {
4
4
  component: Toggle,
5
5
  args: {
6
- htmlFor: ''
7
- }
6
+ htmlFor: '',
7
+ },
8
8
  };
9
9
  export default meta;
10
- export var FirstStory = {
11
- render: function() {
12
- return /*#__PURE__*/ _jsx(Toggle, {
13
- htmlFor: "tnc",
14
- children: "I accept the terms and conditions."
15
- });
16
- }
10
+ export const FirstStory = {
11
+ render: () => {
12
+ return _jsx(Toggle, { htmlFor: "tnc", children: "I accept the terms and conditions." });
13
+ },
17
14
  };
15
+ //# sourceMappingURL=Toggle.stories.js.map
@@ -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