@driveflux/beam 1.9.17 → 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 (237) 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/box/Box.js +3 -87
  9. package/dist/box/Box.stories.js +7 -8
  10. package/dist/breadcrumbs/Breadcrumbs.js +28 -288
  11. package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
  12. package/dist/button/Button.js +12 -124
  13. package/dist/button/Button.js.map +1 -1
  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 -279
  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 -115
  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.d.ts +4 -0
  30. package/dist/datepicker/DatePicker.d.ts.map +1 -1
  31. package/dist/datepicker/DatePicker.js +24 -123
  32. package/dist/datepicker/DatePicker.js.map +1 -1
  33. package/dist/datepicker/DatePicker.stories.js +48 -144
  34. package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -1
  35. package/dist/datepicker/DatePickerDrawer.js +7 -94
  36. package/dist/datepicker/DatePickerDrawer.js.map +1 -1
  37. package/dist/datepicker/DatePickerPopover.d.ts.map +1 -1
  38. package/dist/datepicker/DatePickerPopover.js +28 -192
  39. package/dist/datepicker/DatePickerPopover.js.map +1 -1
  40. package/dist/datepicker/constants.js +4 -3
  41. package/dist/datepicker/utils.js +11 -4
  42. package/dist/dialog/index.js +12 -144
  43. package/dist/divider/Divider.js +3 -63
  44. package/dist/divider/Divider.stories.js +7 -13
  45. package/dist/drawer/index.js +12 -157
  46. package/dist/drawer/index.js.map +1 -1
  47. package/dist/dropdown/Dropdown.js +26 -212
  48. package/dist/dropdown/Dropdown.stories.js +22 -109
  49. package/dist/field-wrapper/FieldWrapper.js +3 -136
  50. package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
  51. package/dist/flex/Flex.js +3 -63
  52. package/dist/flex/Flex.stories.js +7 -19
  53. package/dist/grid/Grid.js +3 -63
  54. package/dist/grid/Grid.stories.js +7 -28
  55. package/dist/hooks/use-breakpoint-value.js +14 -77
  56. package/dist/hooks/use-media-query.js +12 -61
  57. package/dist/hstack/HStack.js +3 -63
  58. package/dist/hstack/HStack.stories.js +7 -19
  59. package/dist/icons/FluxLogo.js +9 -213
  60. package/dist/icons/FluxLogoTable.js +5 -109
  61. package/dist/icons/Icon.js +7 -108
  62. package/dist/icons/Icon.stories.js +7 -12
  63. package/dist/icons/Icon24Hours.js +5 -83
  64. package/dist/icons/IconAcceleration.d.ts +8 -0
  65. package/dist/icons/IconAcceleration.d.ts.map +1 -0
  66. package/dist/icons/IconAcceleration.js +76 -0
  67. package/dist/icons/IconAcceleration.js.map +1 -0
  68. package/dist/icons/IconAccount.js +4 -72
  69. package/dist/icons/IconApplicant.js +5 -78
  70. package/dist/icons/IconArrow.js +6 -78
  71. package/dist/icons/IconArrowBack.js +4 -72
  72. package/dist/icons/IconArrowForward.js +4 -72
  73. package/dist/icons/IconArrowTopLeft.js +4 -70
  74. package/dist/icons/IconBluesharkProductGuide.js +5 -80
  75. package/dist/icons/IconBolt.js +4 -72
  76. package/dist/icons/IconBriefcase.js +4 -72
  77. package/dist/icons/IconBulb.js +4 -72
  78. package/dist/icons/IconCalendar.d.ts.map +1 -1
  79. package/dist/icons/IconCalendar.js +4 -72
  80. package/dist/icons/IconCalendar.js.map +1 -1
  81. package/dist/icons/IconCancelMark.js +4 -72
  82. package/dist/icons/IconCarSUV.js +4 -72
  83. package/dist/icons/IconCarSedan.js +7 -147
  84. package/dist/icons/IconChain.js +5 -79
  85. package/dist/icons/IconCheckmark.js +4 -72
  86. package/dist/icons/IconChevronRight.js +4 -72
  87. package/dist/icons/IconCircle.js +4 -72
  88. package/dist/icons/IconCircleCheckmark.js +5 -77
  89. package/dist/icons/IconCircleCheckmark.js.map +1 -1
  90. package/dist/icons/IconCircleError.js +4 -72
  91. package/dist/icons/IconCircleExclamation.js +6 -104
  92. package/dist/icons/IconCircleMark.js +5 -78
  93. package/dist/icons/IconCircleOutline.js +5 -140
  94. package/dist/icons/IconClock.js +5 -80
  95. package/dist/icons/IconClose.js +4 -72
  96. package/dist/icons/IconConcierge.js +5 -79
  97. package/dist/icons/IconConciergeService.js +5 -87
  98. package/dist/icons/IconCreditCard.js +5 -78
  99. package/dist/icons/IconDash.js +4 -72
  100. package/dist/icons/IconDeliver.d.ts +8 -0
  101. package/dist/icons/IconDeliver.d.ts.map +1 -0
  102. package/dist/icons/IconDeliver.js +76 -0
  103. package/dist/icons/IconDeliver.js.map +1 -0
  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/IconEVCharging.d.ts +8 -0
  108. package/dist/icons/IconEVCharging.d.ts.map +1 -0
  109. package/dist/icons/IconEVCharging.js +82 -0
  110. package/dist/icons/IconEVCharging.js.map +1 -0
  111. package/dist/icons/IconElectricCarFuel.js +5 -80
  112. package/dist/icons/IconEllipsis.js +5 -78
  113. package/dist/icons/IconEnvelope.js +4 -72
  114. package/dist/icons/IconEye.js +5 -79
  115. package/dist/icons/IconFacebook.js +6 -94
  116. package/dist/icons/IconFilter.js +5 -83
  117. package/dist/icons/IconFlagMalaysia.js +5 -141
  118. package/dist/icons/IconGiveKey.js +5 -79
  119. package/dist/icons/IconGlobe.js +4 -70
  120. package/dist/icons/IconGoogle.js +5 -87
  121. package/dist/icons/IconHome.js +5 -78
  122. package/dist/icons/IconHostAdvertise.js +4 -72
  123. package/dist/icons/IconHostCar.js +4 -75
  124. package/dist/icons/IconHostCash.js +5 -91
  125. package/dist/icons/IconHostHandle.js +4 -70
  126. package/dist/icons/IconHostLocation.js +4 -70
  127. package/dist/icons/IconHostPayment.js +5 -91
  128. package/dist/icons/IconHostService.js +5 -79
  129. package/dist/icons/IconHotDeals.js +4 -72
  130. package/dist/icons/IconInfo.js +5 -77
  131. package/dist/icons/IconInstagram.js +4 -72
  132. package/dist/icons/IconInsurance.js +5 -99
  133. package/dist/icons/IconInternet.js +4 -73
  134. package/dist/icons/IconInventory.js +5 -78
  135. package/dist/icons/IconLaurel.js +5 -101
  136. package/dist/icons/IconLinkedIn.js +4 -72
  137. package/dist/icons/IconLoading.js +4 -78
  138. package/dist/icons/IconLocation.js +5 -80
  139. package/dist/icons/IconLock.js +4 -73
  140. package/dist/icons/IconLogistics.js +4 -72
  141. package/dist/icons/IconMail.js +5 -94
  142. package/dist/icons/IconMember.js +5 -78
  143. package/dist/icons/IconMobilePen.js +5 -83
  144. package/dist/icons/IconMotorcycleMoped.js +5 -78
  145. package/dist/icons/IconNoCost.js +5 -92
  146. package/dist/icons/IconPDF.js +5 -80
  147. package/dist/icons/IconPencil.js +4 -70
  148. package/dist/icons/IconPhone.js +4 -70
  149. package/dist/icons/IconPlus.js +4 -72
  150. package/dist/icons/IconPricing.js +4 -72
  151. package/dist/icons/IconProtected.js +4 -71
  152. package/dist/icons/IconPsychology.js +4 -72
  153. package/dist/icons/IconQuestionTooltip.js +4 -73
  154. package/dist/icons/IconQuote.js +4 -72
  155. package/dist/icons/IconRate.js +4 -71
  156. package/dist/icons/IconRegister.js +5 -99
  157. package/dist/icons/IconReturn.js +4 -72
  158. package/dist/icons/IconSearch.js +4 -70
  159. package/dist/icons/IconSecure.js +4 -71
  160. package/dist/icons/IconSecurity.js +4 -73
  161. package/dist/icons/IconSedanOutline.js +5 -159
  162. package/dist/icons/IconSelectArrow.js +6 -78
  163. package/dist/icons/IconSort.js +5 -79
  164. package/dist/icons/IconSortListed.js +5 -95
  165. package/dist/icons/IconSortPriceAscending.js +5 -83
  166. package/dist/icons/IconSortPriceDescending.js +5 -83
  167. package/dist/icons/IconSortYear.js +5 -79
  168. package/dist/icons/IconSpan.js +4 -71
  169. package/dist/icons/IconSpeaker.js +4 -79
  170. package/dist/icons/IconSpecialCar.js +5 -95
  171. package/dist/icons/IconStar.js +7 -92
  172. package/dist/icons/IconStockPhoto.js +5 -95
  173. package/dist/icons/IconSubscription.js +6 -113
  174. package/dist/icons/IconSubscriptions.js +6 -113
  175. package/dist/icons/IconSwap.js +5 -79
  176. package/dist/icons/IconTax.js +4 -72
  177. package/dist/icons/IconThinArrow.js +6 -78
  178. package/dist/icons/IconThumbsdown.js +5 -78
  179. package/dist/icons/IconThumbsup.js +5 -78
  180. package/dist/icons/IconTool.js +4 -72
  181. package/dist/icons/IconTooltip.js +4 -73
  182. package/dist/icons/IconTrash.js +4 -72
  183. package/dist/icons/IconTriangleExclamation.js +4 -72
  184. package/dist/icons/IconTyersBrakes.js +5 -83
  185. package/dist/icons/IconTyre.js +5 -83
  186. package/dist/icons/IconVacancy.js +5 -78
  187. package/dist/icons/IconVolunteer.js +4 -72
  188. package/dist/icons/IconWhatsapp.js +4 -73
  189. package/dist/icons/IconXPlatform.js +4 -72
  190. package/dist/icons/IconZeroEffort.js +5 -77
  191. package/dist/icons/Logo.js +3 -99
  192. package/dist/input/Input.js +11 -125
  193. package/dist/input/Input.stories.js +18 -17
  194. package/dist/input-mask/InputMask.js +10 -96
  195. package/dist/input-mask/InputMask.stories.js +6 -5
  196. package/dist/input-mask/mask-trackers.js +5 -4
  197. package/dist/input-select/InputSelect.js +69 -357
  198. package/dist/input-select/InputSelect.js.map +1 -1
  199. package/dist/input-select/InputSelect.stories.d.ts.map +1 -1
  200. package/dist/input-select/InputSelect.stories.js +18 -54
  201. package/dist/popover/popover.js +4 -72
  202. package/dist/progress/Progress.js +2 -96
  203. package/dist/progress/Progress.stories.js +14 -13
  204. package/dist/radio/Radio.js +4 -163
  205. package/dist/scroll-area/scroll-area.js +5 -113
  206. package/dist/search-input-select/SearchInputSelect.js +69 -346
  207. package/dist/select/Select.d.ts.map +1 -1
  208. package/dist/select/Select.js +30 -300
  209. package/dist/select/Select.js.map +1 -1
  210. package/dist/select/Select.stories.d.ts.map +1 -1
  211. package/dist/select/Select.stories.js +19 -55
  212. package/dist/skeleton/Skeleton.js +3 -62
  213. package/dist/skeleton/Skeleton.stories.js +7 -8
  214. package/dist/slider/Slider.js +5 -106
  215. package/dist/slider/Slider.stories.js +11 -12
  216. package/dist/stack/Stack.js +3 -63
  217. package/dist/stack/Stack.stories.js +7 -19
  218. package/dist/styles.css +40 -2
  219. package/dist/table/Table.js +10 -131
  220. package/dist/table/Table.stories.js +8 -84
  221. package/dist/tabs/Tabs.js +9 -128
  222. package/dist/tabs/Tabs.stories.js +13 -46
  223. package/dist/text/Text.js +6 -88
  224. package/dist/text/Text.js.map +1 -1
  225. package/dist/text/Text.stories.js +7 -44
  226. package/dist/toast/Toast.stories.js +14 -66
  227. package/dist/toast/ToastBox.js +24 -71
  228. package/dist/toast/index.js +1 -0
  229. package/dist/toast/sonner.js +11 -70
  230. package/dist/toggle/Toggle.js +7 -116
  231. package/dist/toggle/Toggle.stories.js +8 -10
  232. package/dist/tooltip/Tooltip.js +12 -151
  233. package/dist/tooltip/Tooltip.stories.js +13 -71
  234. package/dist/utils.js +2 -4
  235. package/dist/vstack/VStack.js +3 -63
  236. package/dist/vstack/VStack.stories.js +7 -19
  237. package/package.json +1 -1
@@ -1,113 +1,12 @@
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 * as SliderPrimitive from '@radix-ui/react-slider';
83
4
  import * as React from 'react';
84
5
  import { cn } from '../utils';
85
- export var Slider = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
86
- var className = _param.className, id = _param.id, props = _object_without_properties(_param, [
87
- "className",
88
- "id"
89
- ]);
90
- var value = props.value || props.defaultValue || [
91
- 0
92
- ];
93
- return /*#__PURE__*/ _jsxs(SliderPrimitive.Root, _object_spread_props(_object_spread({
94
- ref: ref,
95
- id: id,
96
- className: cn('relative flex w-full touch-none select-none items-center', className)
97
- }, props), {
98
- children: [
99
- /*#__PURE__*/ _jsx(SliderPrimitive.Track, {
100
- className: "relative h-1 w-full grow overflow-hidden rounded-full bg-primary2",
101
- children: /*#__PURE__*/ _jsx(SliderPrimitive.Range, {
102
- className: "absolute h-full bg-zinc-900 dark:bg-zinc-50"
103
- })
104
- }),
105
- Array.isArray(value) && value.map(function(_, i) {
106
- return /*#__PURE__*/ _jsx(SliderPrimitive.Thumb, {
107
- className: "block h-3 w-3 rounded-full border-2 border-zinc-900 bg-black transition-colors cursor-pointer"
108
- }, "slider-thumb-".concat(id, "-").concat(i.toString()));
109
- })
110
- ]
111
- }));
6
+ export const Slider = React.forwardRef(({ className, id, ...props }, ref) => {
7
+ const value = props.value || props.defaultValue || [0];
8
+ return (_jsxs(SliderPrimitive.Root, { ref: ref, id: id, className: cn('relative flex w-full touch-none select-none items-center', className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "relative h-1 w-full grow overflow-hidden rounded-full bg-primary2", children: _jsx(SliderPrimitive.Range, { className: "absolute h-full bg-zinc-900 dark:bg-zinc-50" }) }), Array.isArray(value) &&
9
+ value.map((_, i) => (_jsx(SliderPrimitive.Thumb, { className: "block h-3 w-3 rounded-full border-2 border-zinc-900 bg-black transition-colors cursor-pointer" }, `slider-thumb-${id}-${i.toString()}`)))] }));
112
10
  });
113
11
  Slider.displayName = SliderPrimitive.Root.displayName;
12
+ //# sourceMappingURL=Slider.js.map
@@ -1,20 +1,19 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Slider } from './Slider';
3
- var meta = {
3
+ const meta = {
4
4
  component: Slider,
5
5
  args: {
6
- id: 'test'
7
- }
6
+ id: 'test',
7
+ },
8
8
  };
9
9
  export default meta;
10
- export var FirstStory = {
11
- render: function(param) {
12
- var id = param.id;
13
- return /*#__PURE__*/ _jsx(Slider, {
10
+ export const FirstStory = {
11
+ render: ({ id }) => {
12
+ return (_jsx(Slider
13
+ // defaultValue={[40]}
14
+ , {
14
15
  // defaultValue={[40]}
15
- id: id,
16
- max: 100,
17
- step: 1
18
- });
19
- }
16
+ id: id, max: 100, step: 1 }));
17
+ },
20
18
  };
19
+ //# sourceMappingURL=Slider.stories.js.map
@@ -1,70 +1,10 @@
1
- function _define_property(obj, key, value) {
2
- if (key in obj) {
3
- Object.defineProperty(obj, key, {
4
- value: value,
5
- enumerable: true,
6
- configurable: true,
7
- writable: true
8
- });
9
- } else {
10
- obj[key] = value;
11
- }
12
- return obj;
13
- }
14
- function _object_spread(target) {
15
- for(var i = 1; i < arguments.length; i++){
16
- var source = arguments[i] != null ? arguments[i] : {};
17
- var ownKeys = Object.keys(source);
18
- if (typeof Object.getOwnPropertySymbols === "function") {
19
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
- }));
22
- }
23
- ownKeys.forEach(function(key) {
24
- _define_property(target, key, source[key]);
25
- });
26
- }
27
- return target;
28
- }
29
- function _object_without_properties(source, excluded) {
30
- if (source == null) return {};
31
- var target = _object_without_properties_loose(source, excluded);
32
- var key, i;
33
- if (Object.getOwnPropertySymbols) {
34
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
35
- for(i = 0; i < sourceSymbolKeys.length; i++){
36
- key = sourceSymbolKeys[i];
37
- if (excluded.indexOf(key) >= 0) continue;
38
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
39
- target[key] = source[key];
40
- }
41
- }
42
- return target;
43
- }
44
- function _object_without_properties_loose(source, excluded) {
45
- if (source == null) return {};
46
- var target = {};
47
- var sourceKeys = Object.keys(source);
48
- var key, i;
49
- for(i = 0; i < sourceKeys.length; i++){
50
- key = sourceKeys[i];
51
- if (excluded.indexOf(key) >= 0) continue;
52
- target[key] = source[key];
53
- }
54
- return target;
55
- }
56
1
  import { jsx as _jsx } from "react/jsx-runtime";
57
2
  import * as React from 'react';
58
3
  import Box from '../box/Box';
59
4
  import { cn } from '../utils';
60
- var Stack = /*#__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 gap-4', className),
66
- ref: ref
67
- }, props));
5
+ const Stack = React.forwardRef(({ className, ...props }, ref) => {
6
+ return (_jsx(Box, { className: cn('flex flex-col gap-4', className), ref: ref, ...props }));
68
7
  });
69
8
  Stack.displayName = 'Stack';
70
9
  export default Stack;
10
+ //# sourceMappingURL=Stack.js.map
@@ -1,25 +1,13 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import Box from '../box/Box.js';
3
3
  import Stack from './Stack.js';
4
- var meta = {
5
- component: Stack
4
+ const meta = {
5
+ component: Stack,
6
6
  };
7
7
  export default meta;
8
- export var FirstStory = {
9
- render: function() {
10
- return /*#__PURE__*/ _jsxs(Stack, {
11
- className: "h-64 w-64 border border-black p-4",
12
- children: [
13
- /*#__PURE__*/ _jsx(Box, {
14
- className: "h-16 w-16 border border-primary2"
15
- }),
16
- /*#__PURE__*/ _jsx(Box, {
17
- className: "h-16 w-16 border border-primary2"
18
- }),
19
- /*#__PURE__*/ _jsx(Box, {
20
- className: "h-16 w-16 border border-primary2"
21
- })
22
- ]
23
- });
24
- }
8
+ export const FirstStory = {
9
+ render: () => {
10
+ return (_jsxs(Stack, { className: "h-64 w-64 border border-black p-4", children: [_jsx(Box, { className: "h-16 w-16 border border-primary2" }), _jsx(Box, { className: "h-16 w-16 border border-primary2" }), _jsx(Box, { className: "h-16 w-16 border border-primary2" })] }));
11
+ },
25
12
  };
13
+ //# sourceMappingURL=Stack.stories.js.map
package/dist/styles.css CHANGED
@@ -191,7 +191,9 @@
191
191
  /* ======================= top navigation start ======================= */
192
192
 
193
193
  .react-calendar__navigation {
194
- margin-bottom: 0px;
194
+ margin-bottom: 16px;
195
+ padding-bottom: 16px;
196
+ border-bottom: 1px solid var(--primary1) !important;
195
197
  }
196
198
 
197
199
  .react-calendar__navigation button {
@@ -205,8 +207,10 @@
205
207
  }
206
208
 
207
209
  .react-calendar__navigation__label {
208
- font-family: "Gotham-Medium", sans-serif;
210
+ font-family: "Gotham", sans-serif;
209
211
  font-size: 14px;
212
+ font-weight: 700;
213
+ letter-spacing: 0.5px;
210
214
  text-transform: uppercase;
211
215
  }
212
216
 
@@ -214,9 +218,24 @@
214
218
 
215
219
  /* ========================= calendar start ========================= */
216
220
 
221
+ .react-calendar__month-view__days,
222
+ .react-calendar__year-view__months,
223
+ .react-calendar__decade-view__years,
224
+ .react-calendar__century-view__decades {
225
+ border-top: 1px solid var(--primary1);
226
+ border-left: 1px solid var(--primary1);
227
+ }
228
+
229
+ .react-calendar__month-view__weekdays {
230
+ margin-bottom: 4px;
231
+ }
232
+
217
233
  .react-calendar__month-view__weekdays__weekday {
218
234
  display: flex;
219
235
  justify-content: center;
236
+ font-weight: 700;
237
+ font-family: "Gotham", sans-serif;
238
+ color: var(--primary3);
220
239
  }
221
240
 
222
241
  .react-calendar__month-view__weekdays__weekday abbr {
@@ -227,6 +246,8 @@
227
246
  letter-spacing: 1px;
228
247
  font-size: 12px;
229
248
  text-transform: uppercase;
249
+ border-right: 1px solid var(--primary1) !important;
250
+ border-bottom: 1px solid var(--primary1) !important;
230
251
  }
231
252
 
232
253
  .react-calendar__tile:enabled:hover {
@@ -1267,6 +1288,10 @@ video {
1267
1288
  max-width: 628px;
1268
1289
  }
1269
1290
 
1291
+ .max-w-sm {
1292
+ max-width: 24rem;
1293
+ }
1294
+
1270
1295
  .flex-1 {
1271
1296
  flex: 1 1 0%;
1272
1297
  }
@@ -1385,6 +1410,10 @@ video {
1385
1410
  align-items: center;
1386
1411
  }
1387
1412
 
1413
+ .items-stretch {
1414
+ align-items: stretch;
1415
+ }
1416
+
1388
1417
  .justify-start {
1389
1418
  justify-content: flex-start;
1390
1419
  }
@@ -2023,6 +2052,10 @@ video {
2023
2052
  line-height: 1;
2024
2053
  }
2025
2054
 
2055
+ .tracking-\[0\.5px\] {
2056
+ letter-spacing: 0.5px;
2057
+ }
2058
+
2026
2059
  .tracking-\[2px\] {
2027
2060
  letter-spacing: 2px;
2028
2061
  }
@@ -2654,6 +2687,11 @@ li::marker {
2654
2687
  border-color: rgb(202 202 202 / var(--tw-border-opacity, 1));
2655
2688
  }
2656
2689
 
2690
+ .hover\:border-primary4:hover {
2691
+ --tw-border-opacity: 1;
2692
+ border-color: rgb(25 25 25 / var(--tw-border-opacity, 1));
2693
+ }
2694
+
2657
2695
  .hover\:bg-accent4:hover {
2658
2696
  --tw-bg-opacity: 1;
2659
2697
  background-color: rgb(229 88 103 / var(--tw-bg-opacity, 1));
@@ -1,142 +1,21 @@
1
- function _define_property(obj, key, value) {
2
- if (key in obj) {
3
- Object.defineProperty(obj, key, {
4
- value: value,
5
- enumerable: true,
6
- configurable: true,
7
- writable: true
8
- });
9
- } else {
10
- obj[key] = value;
11
- }
12
- return obj;
13
- }
14
- function _object_spread(target) {
15
- for(var i = 1; i < arguments.length; i++){
16
- var source = arguments[i] != null ? arguments[i] : {};
17
- var ownKeys = Object.keys(source);
18
- if (typeof Object.getOwnPropertySymbols === "function") {
19
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
- }));
22
- }
23
- ownKeys.forEach(function(key) {
24
- _define_property(target, key, source[key]);
25
- });
26
- }
27
- return target;
28
- }
29
- function _object_without_properties(source, excluded) {
30
- if (source == null) return {};
31
- var target = _object_without_properties_loose(source, excluded);
32
- var key, i;
33
- if (Object.getOwnPropertySymbols) {
34
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
35
- for(i = 0; i < sourceSymbolKeys.length; i++){
36
- key = sourceSymbolKeys[i];
37
- if (excluded.indexOf(key) >= 0) continue;
38
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
39
- target[key] = source[key];
40
- }
41
- }
42
- return target;
43
- }
44
- function _object_without_properties_loose(source, excluded) {
45
- if (source == null) return {};
46
- var target = {};
47
- var sourceKeys = Object.keys(source);
48
- var key, i;
49
- for(i = 0; i < sourceKeys.length; i++){
50
- key = sourceKeys[i];
51
- if (excluded.indexOf(key) >= 0) continue;
52
- target[key] = source[key];
53
- }
54
- return target;
55
- }
56
1
  import { jsx as _jsx } from "react/jsx-runtime";
57
2
  import * as React from 'react';
58
3
  import { cn } from '../utils';
59
- var Table = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
60
- var className = _param.className, props = _object_without_properties(_param, [
61
- "className"
62
- ]);
63
- return /*#__PURE__*/ _jsx("div", {
64
- className: "relative w-full overflow-auto",
65
- children: /*#__PURE__*/ _jsx("table", _object_spread({
66
- ref: ref,
67
- className: cn('w-full caption-bottom text-sm', className)
68
- }, props))
69
- });
70
- });
4
+ const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, className: cn('w-full caption-bottom text-sm', className), ...props }) })));
71
5
  Table.displayName = 'Table';
72
- var TableHeader = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
73
- var className = _param.className, props = _object_without_properties(_param, [
74
- "className"
75
- ]);
76
- return /*#__PURE__*/ _jsx("thead", _object_spread({
77
- ref: ref,
78
- className: cn('[&_tr]:border-b', className)
79
- }, props));
80
- });
6
+ const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn('[&_tr]:border-b', className), ...props })));
81
7
  TableHeader.displayName = 'TableHeader';
82
- var TableBody = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
83
- var className = _param.className, props = _object_without_properties(_param, [
84
- "className"
85
- ]);
86
- return /*#__PURE__*/ _jsx("tbody", _object_spread({
87
- ref: ref,
88
- className: cn('[&_tr:last-child]:border-0', className)
89
- }, props));
90
- });
8
+ const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn('[&_tr:last-child]:border-0', className), ...props })));
91
9
  TableBody.displayName = 'TableBody';
92
- var TableFooter = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
93
- var className = _param.className, props = _object_without_properties(_param, [
94
- "className"
95
- ]);
96
- return /*#__PURE__*/ _jsx("tfoot", _object_spread({
97
- ref: ref,
98
- className: cn('border-t bg-zinc-100/50 font-medium [&>tr]:last:border-b-0 dark:bg-zinc-800/50', className)
99
- }, props));
100
- });
10
+ const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, className: cn('border-t bg-zinc-100/50 font-medium [&>tr]:last:border-b-0 dark:bg-zinc-800/50', className), ...props })));
101
11
  TableFooter.displayName = 'TableFooter';
102
- var TableRow = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
103
- var className = _param.className, props = _object_without_properties(_param, [
104
- "className"
105
- ]);
106
- return /*#__PURE__*/ _jsx("tr", _object_spread({
107
- ref: ref,
108
- className: cn('h-10 border-b transition-colors hover:bg-zinc-100/50 data-[state=selected]:bg-zinc-100 dark:hover:bg-zinc-800/50 dark:data-[state=selected]:bg-zinc-800', className)
109
- }, props));
110
- });
12
+ const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn('h-10 border-b transition-colors hover:bg-zinc-100/50 data-[state=selected]:bg-zinc-100 dark:hover:bg-zinc-800/50 dark:data-[state=selected]:bg-zinc-800', className), ...props })));
111
13
  TableRow.displayName = 'TableRow';
112
- var TableHead = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
113
- var className = _param.className, props = _object_without_properties(_param, [
114
- "className"
115
- ]);
116
- return /*#__PURE__*/ _jsx("th", _object_spread({
117
- ref: ref,
118
- className: cn('px-3 text-left align-middle font-bold text-black [&:has([role=checkbox])]:pr-0 dark:text-zinc-400', className)
119
- }, props));
120
- });
14
+ const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn('px-3 text-left align-middle font-bold text-black [&:has([role=checkbox])]:pr-0 dark:text-zinc-400', className), ...props })));
121
15
  TableHead.displayName = 'TableHead';
122
- var TableCell = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
123
- var className = _param.className, props = _object_without_properties(_param, [
124
- "className"
125
- ]);
126
- return /*#__PURE__*/ _jsx("td", _object_spread({
127
- ref: ref,
128
- className: cn('px-3 align-middle [&:has([role=checkbox])]:pr-0', className)
129
- }, props));
130
- });
16
+ const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn('px-3 align-middle [&:has([role=checkbox])]:pr-0', className), ...props })));
131
17
  TableCell.displayName = 'TableCell';
132
- var TableCaption = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
133
- var className = _param.className, props = _object_without_properties(_param, [
134
- "className"
135
- ]);
136
- return /*#__PURE__*/ _jsx("caption", _object_spread({
137
- ref: ref,
138
- className: cn('mt-4 text-sm text-zinc-500 dark:text-zinc-400', className)
139
- }, props));
140
- });
18
+ const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: cn('mt-4 text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
141
19
  TableCaption.displayName = 'TableCaption';
142
- export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
20
+ export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
21
+ //# sourceMappingURL=Table.js.map
@@ -1,88 +1,12 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './Table';
3
- var meta = {
4
- component: Table
2
+ import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from './Table';
3
+ const meta = {
4
+ component: Table,
5
5
  };
6
6
  export default meta;
7
- export var TableTest = {
8
- render: function() {
9
- return /*#__PURE__*/ _jsxs(Table, {
10
- children: [
11
- /*#__PURE__*/ _jsx(TableCaption, {
12
- children: "Example Table Caption"
13
- }),
14
- /*#__PURE__*/ _jsx(TableHeader, {
15
- children: /*#__PURE__*/ _jsxs(TableRow, {
16
- children: [
17
- /*#__PURE__*/ _jsx(TableHead, {}),
18
- " ",
19
- /*#__PURE__*/ _jsx(TableHead, {
20
- children: "Heading 1"
21
- }),
22
- /*#__PURE__*/ _jsx(TableHead, {
23
- children: "Heading 2"
24
- }),
25
- /*#__PURE__*/ _jsx(TableHead, {
26
- children: "Heading 3"
27
- })
28
- ]
29
- })
30
- }),
31
- /*#__PURE__*/ _jsxs(TableBody, {
32
- children: [
33
- /*#__PURE__*/ _jsxs(TableRow, {
34
- children: [
35
- /*#__PURE__*/ _jsx(TableCell, {
36
- children: "Row 1"
37
- }),
38
- /*#__PURE__*/ _jsx(TableCell, {
39
- children: "Cell 1"
40
- }),
41
- /*#__PURE__*/ _jsx(TableCell, {
42
- children: "Cell 2"
43
- }),
44
- /*#__PURE__*/ _jsx(TableCell, {
45
- children: "Cell 3"
46
- })
47
- ]
48
- }),
49
- /*#__PURE__*/ _jsxs(TableRow, {
50
- children: [
51
- /*#__PURE__*/ _jsx(TableCell, {
52
- children: "Row 2"
53
- }),
54
- /*#__PURE__*/ _jsx(TableCell, {
55
- children: "Cell 1"
56
- }),
57
- /*#__PURE__*/ _jsx(TableCell, {
58
- children: "Cell 2"
59
- }),
60
- /*#__PURE__*/ _jsx(TableCell, {
61
- children: "Cell 3"
62
- })
63
- ]
64
- })
65
- ]
66
- }),
67
- /*#__PURE__*/ _jsx(TableFooter, {
68
- children: /*#__PURE__*/ _jsxs(TableRow, {
69
- children: [
70
- /*#__PURE__*/ _jsx(TableCell, {
71
- children: "Footer"
72
- }),
73
- /*#__PURE__*/ _jsx(TableCell, {
74
- children: "Footer 1"
75
- }),
76
- /*#__PURE__*/ _jsx(TableCell, {
77
- children: "Footer 2"
78
- }),
79
- /*#__PURE__*/ _jsx(TableCell, {
80
- children: "Footer 3"
81
- })
82
- ]
83
- })
84
- })
85
- ]
86
- });
87
- }
7
+ export const TableTest = {
8
+ render: () => {
9
+ return (_jsxs(Table, { children: [_jsx(TableCaption, { children: "Example Table Caption" }), _jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, {}), " ", _jsx(TableHead, { children: "Heading 1" }), _jsx(TableHead, { children: "Heading 2" }), _jsx(TableHead, { children: "Heading 3" })] }) }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: "Row 1" }), _jsx(TableCell, { children: "Cell 1" }), _jsx(TableCell, { children: "Cell 2" }), _jsx(TableCell, { children: "Cell 3" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Row 2" }), _jsx(TableCell, { children: "Cell 1" }), _jsx(TableCell, { children: "Cell 2" }), _jsx(TableCell, { children: "Cell 3" })] })] }), _jsx(TableFooter, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Footer" }), _jsx(TableCell, { children: "Footer 1" }), _jsx(TableCell, { children: "Footer 2" }), _jsx(TableCell, { children: "Footer 3" })] }) })] }));
10
+ },
88
11
  };
12
+ //# sourceMappingURL=Table.stories.js.map