@driveflux/beam 2.0.12 → 2.0.13

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 (234) 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 +25 -12
  9. package/dist/box/Box.js +3 -87
  10. package/dist/box/Box.stories.js +7 -8
  11. package/dist/breadcrumbs/Breadcrumbs.js +28 -288
  12. package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
  13. package/dist/button/Button.js +12 -124
  14. package/dist/button/Button.stories.js +7 -35
  15. package/dist/card/Card.js +7 -109
  16. package/dist/card/Card.stories.js +7 -10
  17. package/dist/carousel/Carousel.js +58 -281
  18. package/dist/carousel/Carousel.stories.js +7 -39
  19. package/dist/carousel/CarouselButton.js +7 -68
  20. package/dist/center/Center.js +3 -63
  21. package/dist/center/Center.stories.js +7 -19
  22. package/dist/checkbox/Checkbox.js +4 -124
  23. package/dist/checkbox/Checkbox.stories.js +8 -10
  24. package/dist/chip/Chip.js +3 -104
  25. package/dist/chip/Chip.stories.js +7 -19
  26. package/dist/circular-progress/CircularProgress.js +11 -150
  27. package/dist/circular-progress/CircularProgress.stories.js +14 -54
  28. package/dist/command/command.js +13 -170
  29. package/dist/datepicker/DatePicker.js +27 -127
  30. package/dist/datepicker/DatePicker.stories.js +58 -163
  31. package/dist/datepicker/DatePickerDrawer.js +14 -110
  32. package/dist/datepicker/DatePickerPopover.js +35 -207
  33. package/dist/datepicker/constants.js +4 -3
  34. package/dist/datepicker/utils.js +11 -4
  35. package/dist/dialog/index.js +12 -144
  36. package/dist/divider/Divider.js +3 -63
  37. package/dist/divider/Divider.stories.js +7 -13
  38. package/dist/drawer/index.js +12 -157
  39. package/dist/dropdown/Dropdown.js +26 -212
  40. package/dist/dropdown/Dropdown.stories.js +22 -109
  41. package/dist/field-wrapper/FieldWrapper.js +3 -139
  42. package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
  43. package/dist/flex/Flex.js +3 -63
  44. package/dist/flex/Flex.stories.js +7 -19
  45. package/dist/grid/Grid.js +3 -63
  46. package/dist/grid/Grid.stories.js +7 -28
  47. package/dist/hooks/use-breakpoint-value.js +14 -77
  48. package/dist/hooks/use-media-query.js +12 -61
  49. package/dist/hstack/HStack.js +3 -63
  50. package/dist/hstack/HStack.stories.js +7 -19
  51. package/dist/icons/FluxLogo.js +9 -213
  52. package/dist/icons/FluxLogoTable.js +5 -109
  53. package/dist/icons/Icon.js +7 -108
  54. package/dist/icons/Icon.stories.js +7 -12
  55. package/dist/icons/Icon24Hours.js +5 -83
  56. package/dist/icons/IconAcceleration.js +4 -72
  57. package/dist/icons/IconAccount.js +4 -72
  58. package/dist/icons/IconApplicant.js +5 -78
  59. package/dist/icons/IconArrow.js +6 -78
  60. package/dist/icons/IconArrowBack.js +4 -72
  61. package/dist/icons/IconArrowForward.js +4 -72
  62. package/dist/icons/IconArrowTopLeft.js +4 -70
  63. package/dist/icons/IconBluesharkProductGuide.js +5 -80
  64. package/dist/icons/IconBolt.js +4 -72
  65. package/dist/icons/IconBriefcase.js +4 -72
  66. package/dist/icons/IconBulb.js +4 -72
  67. package/dist/icons/IconCalendar.js +4 -72
  68. package/dist/icons/IconCalendarArrowBack.js +4 -72
  69. package/dist/icons/IconCalendarArrowForward.js +4 -72
  70. package/dist/icons/IconCalendarDoubleArrowBack.js +4 -72
  71. package/dist/icons/IconCalendarDoubleArrowForward.js +4 -72
  72. package/dist/icons/IconCancel.js +6 -85
  73. package/dist/icons/IconCancelMark.js +4 -72
  74. package/dist/icons/IconCarSUV.js +4 -72
  75. package/dist/icons/IconCarSedan.js +7 -147
  76. package/dist/icons/IconChain.js +5 -79
  77. package/dist/icons/IconCheckmark.js +4 -72
  78. package/dist/icons/IconChevronRight.js +4 -72
  79. package/dist/icons/IconCircle.js +11 -114
  80. package/dist/icons/IconCircleCheckmark.js +5 -77
  81. package/dist/icons/IconCircleError.js +4 -72
  82. package/dist/icons/IconCircleExclamation.js +6 -104
  83. package/dist/icons/IconCircleMark.js +5 -78
  84. package/dist/icons/IconCircleOutline.d.ts.map +1 -1
  85. package/dist/icons/IconCircleOutline.js +5 -140
  86. package/dist/icons/IconCircleOutline.js.map +1 -1
  87. package/dist/icons/IconClock.js +5 -80
  88. package/dist/icons/IconClose.js +4 -72
  89. package/dist/icons/IconCollapseAll.d.ts +8 -0
  90. package/dist/icons/IconCollapseAll.d.ts.map +1 -0
  91. package/dist/icons/IconCollapseAll.js +8 -0
  92. package/dist/icons/IconCollapseAll.js.map +1 -0
  93. package/dist/icons/IconConcierge.js +5 -79
  94. package/dist/icons/IconConciergeService.js +5 -87
  95. package/dist/icons/IconCreditCard.js +5 -78
  96. package/dist/icons/IconDash.js +4 -72
  97. package/dist/icons/IconDeliver.js +4 -72
  98. package/dist/icons/IconDelivery.js +5 -87
  99. package/dist/icons/IconDetails.js +4 -72
  100. package/dist/icons/IconDot.js +6 -87
  101. package/dist/icons/IconDownload.d.ts +8 -0
  102. package/dist/icons/IconDownload.d.ts.map +1 -0
  103. package/dist/icons/IconDownload.js +8 -0
  104. package/dist/icons/IconDownload.js.map +1 -0
  105. package/dist/icons/IconEVCharging.js +5 -79
  106. package/dist/icons/IconElectricCarFuel.js +5 -80
  107. package/dist/icons/IconEllipsis.js +5 -78
  108. package/dist/icons/IconEnvelope.js +4 -72
  109. package/dist/icons/IconExpandAll.d.ts +8 -0
  110. package/dist/icons/IconExpandAll.d.ts.map +1 -0
  111. package/dist/icons/IconExpandAll.js +8 -0
  112. package/dist/icons/IconExpandAll.js.map +1 -0
  113. package/dist/icons/IconEye.js +5 -79
  114. package/dist/icons/IconFacebook.js +6 -94
  115. package/dist/icons/IconFilter.js +5 -83
  116. package/dist/icons/IconFlagMalaysia.js +5 -141
  117. package/dist/icons/IconGiveKey.js +5 -79
  118. package/dist/icons/IconGlobe.js +4 -70
  119. package/dist/icons/IconGoogle.js +5 -87
  120. package/dist/icons/IconHome.js +5 -78
  121. package/dist/icons/IconHostAdvertise.js +4 -72
  122. package/dist/icons/IconHostCar.js +4 -75
  123. package/dist/icons/IconHostCash.js +5 -91
  124. package/dist/icons/IconHostHandle.js +4 -70
  125. package/dist/icons/IconHostLocation.js +4 -70
  126. package/dist/icons/IconHostPayment.js +5 -91
  127. package/dist/icons/IconHostService.js +5 -79
  128. package/dist/icons/IconHotDeals.js +4 -72
  129. package/dist/icons/IconInfo.js +5 -77
  130. package/dist/icons/IconInstagram.js +4 -72
  131. package/dist/icons/IconInsurance.js +5 -99
  132. package/dist/icons/IconInternet.js +4 -73
  133. package/dist/icons/IconInventory.js +5 -78
  134. package/dist/icons/IconLaurel.js +5 -101
  135. package/dist/icons/IconLinkedIn.js +4 -72
  136. package/dist/icons/IconLoading.js +4 -78
  137. package/dist/icons/IconLocation.js +5 -80
  138. package/dist/icons/IconLock.js +4 -73
  139. package/dist/icons/IconLogistics.js +4 -72
  140. package/dist/icons/IconMail.js +5 -94
  141. package/dist/icons/IconMember.js +5 -78
  142. package/dist/icons/IconMobilePen.js +5 -83
  143. package/dist/icons/IconMotorcycleMoped.js +5 -78
  144. package/dist/icons/IconNoCost.js +5 -92
  145. package/dist/icons/IconPDF.js +5 -80
  146. package/dist/icons/IconPencil.js +4 -70
  147. package/dist/icons/IconPhone.js +4 -70
  148. package/dist/icons/IconPlus.js +4 -72
  149. package/dist/icons/IconPricing.js +4 -72
  150. package/dist/icons/IconProtected.js +4 -71
  151. package/dist/icons/IconPsychology.js +4 -72
  152. package/dist/icons/IconQuestionTooltip.js +4 -73
  153. package/dist/icons/IconQuote.js +4 -72
  154. package/dist/icons/IconRate.js +4 -71
  155. package/dist/icons/IconRegister.js +5 -99
  156. package/dist/icons/IconReport.d.ts +9 -0
  157. package/dist/icons/IconReport.d.ts.map +1 -0
  158. package/dist/icons/IconReport.js +9 -0
  159. package/dist/icons/IconReport.js.map +1 -0
  160. package/dist/icons/IconReturn.js +4 -72
  161. package/dist/icons/IconSearch.js +4 -70
  162. package/dist/icons/IconSecure.js +4 -71
  163. package/dist/icons/IconSecurity.js +4 -73
  164. package/dist/icons/IconSedanOutline.js +5 -159
  165. package/dist/icons/IconSelectArrow.js +6 -78
  166. package/dist/icons/IconSort.js +5 -79
  167. package/dist/icons/IconSortListed.js +5 -95
  168. package/dist/icons/IconSortPriceAscending.js +5 -83
  169. package/dist/icons/IconSortPriceDescending.js +5 -83
  170. package/dist/icons/IconSortYear.js +5 -79
  171. package/dist/icons/IconSpan.js +4 -71
  172. package/dist/icons/IconSpeaker.js +4 -79
  173. package/dist/icons/IconSpecialCar.js +5 -95
  174. package/dist/icons/IconStar.js +7 -92
  175. package/dist/icons/IconStockPhoto.js +5 -95
  176. package/dist/icons/IconSubscription.js +6 -113
  177. package/dist/icons/IconSubscriptions.js +6 -113
  178. package/dist/icons/IconSwap.js +5 -79
  179. package/dist/icons/IconTax.js +4 -72
  180. package/dist/icons/IconThinArrow.js +6 -78
  181. package/dist/icons/IconThumbsdown.js +5 -78
  182. package/dist/icons/IconThumbsup.js +5 -78
  183. package/dist/icons/IconTool.js +4 -72
  184. package/dist/icons/IconTooltip.js +4 -73
  185. package/dist/icons/IconTrash.js +4 -72
  186. package/dist/icons/IconTriangleExclamation.js +4 -72
  187. package/dist/icons/IconTyersBrakes.js +5 -83
  188. package/dist/icons/IconTyre.js +5 -83
  189. package/dist/icons/IconVacancy.js +5 -78
  190. package/dist/icons/IconVolunteer.js +4 -72
  191. package/dist/icons/IconWhatsapp.js +4 -73
  192. package/dist/icons/IconXPlatform.js +4 -72
  193. package/dist/icons/IconZeroEffort.js +5 -77
  194. package/dist/icons/Logo.js +3 -99
  195. package/dist/input/Input.js +11 -125
  196. package/dist/input/Input.stories.js +18 -17
  197. package/dist/input-mask/InputMask.js +11 -149
  198. package/dist/input-mask/InputMask.stories.js +6 -5
  199. package/dist/input-mask/mask-trackers.js +5 -4
  200. package/dist/input-select/InputSelect.js +68 -357
  201. package/dist/input-select/InputSelect.stories.js +25 -98
  202. package/dist/popover/popover.js +4 -72
  203. package/dist/progress/Progress.js +2 -96
  204. package/dist/progress/Progress.stories.js +14 -13
  205. package/dist/radio/Radio.js +4 -163
  206. package/dist/scroll-area/scroll-area.js +5 -113
  207. package/dist/search-input-select/SearchInputSelect.js +69 -346
  208. package/dist/select/Select.js +29 -315
  209. package/dist/select/Select.stories.js +19 -55
  210. package/dist/skeleton/Skeleton.js +3 -62
  211. package/dist/skeleton/Skeleton.stories.js +7 -8
  212. package/dist/slider/Slider.js +5 -106
  213. package/dist/slider/Slider.stories.js +11 -12
  214. package/dist/stack/Stack.js +3 -63
  215. package/dist/stack/Stack.stories.js +7 -19
  216. package/dist/styles.css +131 -8
  217. package/dist/table/Table.js +10 -131
  218. package/dist/table/Table.stories.js +8 -84
  219. package/dist/tabs/Tabs.js +9 -128
  220. package/dist/tabs/Tabs.stories.js +13 -46
  221. package/dist/text/Text.js +6 -88
  222. package/dist/text/Text.stories.js +7 -44
  223. package/dist/toast/Toast.stories.js +14 -66
  224. package/dist/toast/ToastBox.js +24 -71
  225. package/dist/toast/index.js +1 -0
  226. package/dist/toast/sonner.js +11 -70
  227. package/dist/toggle/Toggle.js +7 -116
  228. package/dist/toggle/Toggle.stories.js +8 -10
  229. package/dist/tooltip/Tooltip.js +12 -151
  230. package/dist/tooltip/Tooltip.stories.js +13 -71
  231. package/dist/utils.js +2 -4
  232. package/dist/vstack/VStack.js +3 -63
  233. package/dist/vstack/VStack.stories.js +7 -19
  234. 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