@driveflux/beam 2.0.10 → 2.0.12

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 (217) hide show
  1. package/dist/accordion/Accordion.js +133 -7
  2. package/dist/accordion/Accordion.stories.js +31 -11
  3. package/dist/alert/Alert.js +110 -14
  4. package/dist/alert/Alert.stories.js +50 -15
  5. package/dist/animations/LoadingAnimation.js +34 -21
  6. package/dist/badge/Badge.js +96 -7
  7. package/dist/badge/Badge.stories.js +28 -7
  8. package/dist/base-styles.css +7 -21
  9. package/dist/box/Box.js +87 -3
  10. package/dist/box/Box.stories.js +8 -7
  11. package/dist/breadcrumbs/Breadcrumbs.js +288 -28
  12. package/dist/breadcrumbs/Breadcrumbs.stories.js +51 -27
  13. package/dist/button/Button.js +124 -12
  14. package/dist/button/Button.stories.js +35 -7
  15. package/dist/card/Card.js +109 -7
  16. package/dist/card/Card.stories.js +10 -7
  17. package/dist/carousel/Carousel.js +281 -58
  18. package/dist/carousel/Carousel.stories.js +39 -7
  19. package/dist/carousel/CarouselButton.js +68 -7
  20. package/dist/center/Center.js +63 -3
  21. package/dist/center/Center.stories.js +19 -7
  22. package/dist/checkbox/Checkbox.js +124 -4
  23. package/dist/checkbox/Checkbox.stories.js +10 -8
  24. package/dist/chip/Chip.js +104 -3
  25. package/dist/chip/Chip.stories.js +19 -7
  26. package/dist/circular-progress/CircularProgress.js +150 -11
  27. package/dist/circular-progress/CircularProgress.stories.js +54 -14
  28. package/dist/command/command.js +170 -13
  29. package/dist/datepicker/DatePicker.js +127 -27
  30. package/dist/datepicker/DatePicker.stories.js +163 -58
  31. package/dist/datepicker/DatePickerDrawer.js +110 -14
  32. package/dist/datepicker/DatePickerPopover.js +207 -35
  33. package/dist/datepicker/constants.js +3 -4
  34. package/dist/datepicker/root-calendar.css +58 -58
  35. package/dist/datepicker/utils.js +4 -11
  36. package/dist/dialog/index.js +144 -12
  37. package/dist/divider/Divider.js +63 -3
  38. package/dist/divider/Divider.stories.js +13 -7
  39. package/dist/drawer/index.js +157 -12
  40. package/dist/dropdown/Dropdown.js +212 -26
  41. package/dist/dropdown/Dropdown.stories.js +109 -22
  42. package/dist/field-wrapper/FieldWrapper.js +139 -3
  43. package/dist/field-wrapper/FieldWrapper.stories.js +124 -28
  44. package/dist/flex/Flex.js +63 -3
  45. package/dist/flex/Flex.stories.js +19 -7
  46. package/dist/grid/Grid.js +63 -3
  47. package/dist/grid/Grid.stories.js +28 -7
  48. package/dist/hooks/use-breakpoint-value.js +77 -14
  49. package/dist/hooks/use-media-query.js +61 -12
  50. package/dist/hstack/HStack.js +63 -3
  51. package/dist/hstack/HStack.stories.js +19 -7
  52. package/dist/icons/FluxLogo.js +213 -9
  53. package/dist/icons/FluxLogoTable.js +109 -5
  54. package/dist/icons/Icon.js +108 -7
  55. package/dist/icons/Icon.stories.js +12 -7
  56. package/dist/icons/Icon24Hours.js +83 -5
  57. package/dist/icons/IconAcceleration.js +72 -4
  58. package/dist/icons/IconAccount.js +72 -4
  59. package/dist/icons/IconApplicant.js +78 -5
  60. package/dist/icons/IconArrow.js +78 -6
  61. package/dist/icons/IconArrowBack.js +72 -4
  62. package/dist/icons/IconArrowForward.js +72 -4
  63. package/dist/icons/IconArrowTopLeft.js +70 -4
  64. package/dist/icons/IconBluesharkProductGuide.js +80 -5
  65. package/dist/icons/IconBolt.js +72 -4
  66. package/dist/icons/IconBriefcase.js +72 -4
  67. package/dist/icons/IconBulb.js +72 -4
  68. package/dist/icons/IconCalendar.js +72 -4
  69. package/dist/icons/IconCalendarArrowBack.js +72 -4
  70. package/dist/icons/IconCalendarArrowForward.js +72 -4
  71. package/dist/icons/IconCalendarDoubleArrowBack.js +72 -4
  72. package/dist/icons/IconCalendarDoubleArrowForward.js +72 -4
  73. package/dist/icons/IconCancel.js +85 -6
  74. package/dist/icons/IconCancelMark.js +72 -4
  75. package/dist/icons/IconCarSUV.js +72 -4
  76. package/dist/icons/IconCarSedan.js +147 -7
  77. package/dist/icons/IconChain.js +79 -5
  78. package/dist/icons/IconCheckmark.js +72 -4
  79. package/dist/icons/IconChevronRight.js +72 -4
  80. package/dist/icons/IconCircle.js +114 -11
  81. package/dist/icons/IconCircleCheckmark.js +77 -5
  82. package/dist/icons/IconCircleError.js +72 -4
  83. package/dist/icons/IconCircleExclamation.js +104 -6
  84. package/dist/icons/IconCircleMark.js +78 -5
  85. package/dist/icons/IconCircleOutline.js +140 -5
  86. package/dist/icons/IconClock.js +80 -5
  87. package/dist/icons/IconClose.js +72 -4
  88. package/dist/icons/IconConcierge.js +79 -5
  89. package/dist/icons/IconConciergeService.js +87 -5
  90. package/dist/icons/IconCreditCard.js +78 -5
  91. package/dist/icons/IconDash.js +72 -4
  92. package/dist/icons/IconDeliver.js +72 -4
  93. package/dist/icons/IconDelivery.js +87 -5
  94. package/dist/icons/IconDetails.js +72 -4
  95. package/dist/icons/IconDot.js +87 -6
  96. package/dist/icons/IconEVCharging.js +79 -5
  97. package/dist/icons/IconElectricCarFuel.js +80 -5
  98. package/dist/icons/IconEllipsis.js +78 -5
  99. package/dist/icons/IconEnvelope.js +72 -4
  100. package/dist/icons/IconEye.js +79 -5
  101. package/dist/icons/IconFacebook.js +94 -6
  102. package/dist/icons/IconFilter.js +83 -5
  103. package/dist/icons/IconFlagMalaysia.js +141 -5
  104. package/dist/icons/IconGiveKey.js +79 -5
  105. package/dist/icons/IconGlobe.js +70 -4
  106. package/dist/icons/IconGoogle.js +87 -5
  107. package/dist/icons/IconHome.js +78 -5
  108. package/dist/icons/IconHostAdvertise.js +72 -4
  109. package/dist/icons/IconHostCar.js +75 -4
  110. package/dist/icons/IconHostCash.js +91 -5
  111. package/dist/icons/IconHostHandle.js +70 -4
  112. package/dist/icons/IconHostLocation.js +70 -4
  113. package/dist/icons/IconHostPayment.js +91 -5
  114. package/dist/icons/IconHostService.js +79 -5
  115. package/dist/icons/IconHotDeals.js +72 -4
  116. package/dist/icons/IconInfo.js +77 -5
  117. package/dist/icons/IconInstagram.js +72 -4
  118. package/dist/icons/IconInsurance.js +99 -5
  119. package/dist/icons/IconInternet.js +73 -4
  120. package/dist/icons/IconInventory.js +78 -5
  121. package/dist/icons/IconLaurel.js +101 -5
  122. package/dist/icons/IconLinkedIn.js +72 -4
  123. package/dist/icons/IconLoading.js +78 -4
  124. package/dist/icons/IconLocation.js +80 -5
  125. package/dist/icons/IconLock.js +73 -4
  126. package/dist/icons/IconLogistics.js +72 -4
  127. package/dist/icons/IconMail.js +94 -5
  128. package/dist/icons/IconMember.js +78 -5
  129. package/dist/icons/IconMobilePen.js +83 -5
  130. package/dist/icons/IconMotorcycleMoped.js +78 -5
  131. package/dist/icons/IconNoCost.js +92 -5
  132. package/dist/icons/IconPDF.js +80 -5
  133. package/dist/icons/IconPencil.js +70 -4
  134. package/dist/icons/IconPhone.js +70 -4
  135. package/dist/icons/IconPlus.js +72 -4
  136. package/dist/icons/IconPricing.js +72 -4
  137. package/dist/icons/IconProtected.js +71 -4
  138. package/dist/icons/IconPsychology.js +72 -4
  139. package/dist/icons/IconQuestionTooltip.js +73 -4
  140. package/dist/icons/IconQuote.js +72 -4
  141. package/dist/icons/IconRate.js +71 -4
  142. package/dist/icons/IconRegister.js +99 -5
  143. package/dist/icons/IconReturn.js +72 -4
  144. package/dist/icons/IconSearch.js +70 -4
  145. package/dist/icons/IconSecure.js +71 -4
  146. package/dist/icons/IconSecurity.js +73 -4
  147. package/dist/icons/IconSedanOutline.js +159 -5
  148. package/dist/icons/IconSelectArrow.js +78 -6
  149. package/dist/icons/IconSort.js +79 -5
  150. package/dist/icons/IconSortListed.js +95 -5
  151. package/dist/icons/IconSortPriceAscending.js +83 -5
  152. package/dist/icons/IconSortPriceDescending.js +83 -5
  153. package/dist/icons/IconSortYear.js +79 -5
  154. package/dist/icons/IconSpan.js +71 -4
  155. package/dist/icons/IconSpeaker.js +79 -4
  156. package/dist/icons/IconSpecialCar.js +95 -5
  157. package/dist/icons/IconStar.js +92 -7
  158. package/dist/icons/IconStockPhoto.js +95 -5
  159. package/dist/icons/IconSubscription.js +113 -6
  160. package/dist/icons/IconSubscriptions.js +113 -6
  161. package/dist/icons/IconSwap.js +79 -5
  162. package/dist/icons/IconTax.js +72 -4
  163. package/dist/icons/IconThinArrow.js +78 -6
  164. package/dist/icons/IconThumbsdown.js +78 -5
  165. package/dist/icons/IconThumbsup.js +78 -5
  166. package/dist/icons/IconTool.js +72 -4
  167. package/dist/icons/IconTooltip.js +73 -4
  168. package/dist/icons/IconTrash.js +72 -4
  169. package/dist/icons/IconTriangleExclamation.js +72 -4
  170. package/dist/icons/IconTyersBrakes.js +83 -5
  171. package/dist/icons/IconTyre.js +83 -5
  172. package/dist/icons/IconVacancy.js +78 -5
  173. package/dist/icons/IconVolunteer.js +72 -4
  174. package/dist/icons/IconWhatsapp.js +73 -4
  175. package/dist/icons/IconXPlatform.js +72 -4
  176. package/dist/icons/IconZeroEffort.js +77 -5
  177. package/dist/icons/Logo.js +99 -3
  178. package/dist/input/Input.js +125 -11
  179. package/dist/input/Input.stories.js +17 -18
  180. package/dist/input-mask/InputMask.js +149 -11
  181. package/dist/input-mask/InputMask.stories.js +5 -6
  182. package/dist/input-mask/mask-trackers.js +4 -5
  183. package/dist/input-select/InputSelect.js +357 -68
  184. package/dist/input-select/InputSelect.stories.js +98 -25
  185. package/dist/popover/popover.js +72 -4
  186. package/dist/progress/Progress.js +96 -2
  187. package/dist/progress/Progress.stories.js +13 -14
  188. package/dist/radio/Radio.js +163 -4
  189. package/dist/scroll-area/scroll-area.js +113 -5
  190. package/dist/search-input-select/SearchInputSelect.js +346 -69
  191. package/dist/select/Select.js +315 -29
  192. package/dist/select/Select.stories.js +55 -19
  193. package/dist/skeleton/Skeleton.js +62 -3
  194. package/dist/skeleton/Skeleton.stories.js +8 -7
  195. package/dist/slider/Slider.js +106 -5
  196. package/dist/slider/Slider.stories.js +12 -11
  197. package/dist/stack/Stack.js +63 -3
  198. package/dist/stack/Stack.stories.js +19 -7
  199. package/dist/styles.css +7 -131
  200. package/dist/table/Table.js +131 -10
  201. package/dist/table/Table.stories.js +84 -8
  202. package/dist/tabs/Tabs.js +128 -9
  203. package/dist/tabs/Tabs.stories.js +46 -13
  204. package/dist/text/Text.js +88 -6
  205. package/dist/text/Text.stories.js +44 -7
  206. package/dist/toast/Toast.stories.js +66 -14
  207. package/dist/toast/ToastBox.js +71 -24
  208. package/dist/toast/index.js +0 -1
  209. package/dist/toast/sonner.js +70 -11
  210. package/dist/toggle/Toggle.js +116 -7
  211. package/dist/toggle/Toggle.stories.js +10 -8
  212. package/dist/tooltip/Tooltip.js +151 -12
  213. package/dist/tooltip/Tooltip.stories.js +71 -13
  214. package/dist/utils.js +4 -2
  215. package/dist/vstack/VStack.js +63 -3
  216. package/dist/vstack/VStack.stories.js +19 -7
  217. package/package.json +4 -4
package/dist/utils.js CHANGED
@@ -1,6 +1,8 @@
1
1
  import { clsx } from 'clsx';
2
2
  import { twMerge } from 'tailwind-merge';
3
- export function cn(...inputs) {
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
+ }
4
7
  return twMerge(clsx(inputs));
5
8
  }
6
- //# sourceMappingURL=utils.js.map
@@ -1,10 +1,70 @@
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
+ }
1
56
  import { jsx as _jsx } from "react/jsx-runtime";
2
57
  import * as React from 'react';
3
58
  import Box from '../box/Box';
4
59
  import { cn } from '../utils';
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 }));
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));
7
68
  });
8
69
  VStack.displayName = 'VStack';
9
70
  export default VStack;
10
- //# sourceMappingURL=VStack.js.map
@@ -1,13 +1,25 @@
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
- const meta = {
5
- component: VStack,
4
+ var meta = {
5
+ component: VStack
6
6
  };
7
7
  export default meta;
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
- },
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
+ }
12
25
  };
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.10",
3
+ "version": "2.0.12",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  "./accordion": {
@@ -248,8 +248,8 @@
248
248
  "@storybook/test": "^8.6.12",
249
249
  "@swc/cli": "0.7.5",
250
250
  "@swc/core": "1.11.24",
251
- "@tailwindcss/cli": "^4.1.12",
252
- "@tailwindcss/postcss": "^4.1.12",
251
+ "@tailwindcss/cli": "^4.1.13",
252
+ "@tailwindcss/postcss": "^4.1.13",
253
253
  "@types/lodash": "^4.17.16",
254
254
  "@types/node": "^22.15.16",
255
255
  "@types/react": "^19.1.3",
@@ -257,7 +257,7 @@
257
257
  "react": "19.1.0",
258
258
  "react-dom": "19.1.0",
259
259
  "storybook": "^8.6.12",
260
- "tailwindcss": "^4.1.12",
260
+ "tailwindcss": "^4.1.13",
261
261
  "typescript": "^5.8.3"
262
262
  },
263
263
  "eslintConfig": {