@driveflux/beam 1.9.18 → 1.9.20

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.js.map +1 -1
  56. package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
  57. package/dist/flex/Flex.js +3 -63
  58. package/dist/flex/Flex.stories.js +7 -19
  59. package/dist/grid/Grid.js +3 -63
  60. package/dist/grid/Grid.stories.js +7 -28
  61. package/dist/hooks/use-breakpoint-value.js +14 -77
  62. package/dist/hooks/use-breakpoint-value.js.map +1 -1
  63. package/dist/hooks/use-media-query.js +12 -61
  64. package/dist/hstack/HStack.js +3 -63
  65. package/dist/hstack/HStack.stories.js +7 -19
  66. package/dist/icons/FluxLogo.js +9 -213
  67. package/dist/icons/FluxLogoTable.js +5 -109
  68. package/dist/icons/Icon.js +7 -108
  69. package/dist/icons/Icon.stories.js +7 -12
  70. package/dist/icons/Icon24Hours.js +5 -83
  71. package/dist/icons/IconAccount.js +4 -72
  72. package/dist/icons/IconApplicant.js +5 -78
  73. package/dist/icons/IconArrow.js +6 -78
  74. package/dist/icons/IconArrowBack.js +4 -72
  75. package/dist/icons/IconArrowForward.js +4 -72
  76. package/dist/icons/IconArrowTopLeft.js +4 -70
  77. package/dist/icons/IconBluesharkProductGuide.js +5 -80
  78. package/dist/icons/IconBolt.js +4 -72
  79. package/dist/icons/IconBriefcase.js +4 -72
  80. package/dist/icons/IconBulb.js +4 -72
  81. package/dist/icons/IconCalendar.d.ts.map +1 -1
  82. package/dist/icons/IconCalendar.js +4 -72
  83. package/dist/icons/IconCalendar.js.map +1 -1
  84. package/dist/icons/IconCancelMark.js +4 -72
  85. package/dist/icons/IconCarSUV.js +4 -72
  86. package/dist/icons/IconCarSedan.js +7 -147
  87. package/dist/icons/IconChain.js +5 -79
  88. package/dist/icons/IconCheckmark.js +4 -72
  89. package/dist/icons/IconChevronRight.js +4 -72
  90. package/dist/icons/IconCircle.js +4 -72
  91. package/dist/icons/IconCircleCheckmark.d.ts +1 -0
  92. package/dist/icons/IconCircleCheckmark.d.ts.map +1 -1
  93. package/dist/icons/IconCircleCheckmark.js +5 -77
  94. package/dist/icons/IconCircleCheckmark.js.map +1 -1
  95. package/dist/icons/IconCircleError.js +4 -72
  96. package/dist/icons/IconCircleExclamation.js +6 -104
  97. package/dist/icons/IconCircleMark.js +5 -78
  98. package/dist/icons/IconCircleOutline.js +5 -140
  99. package/dist/icons/IconClock.js +5 -80
  100. package/dist/icons/IconClose.js +4 -72
  101. package/dist/icons/IconConcierge.js +5 -79
  102. package/dist/icons/IconConciergeService.js +5 -87
  103. package/dist/icons/IconCreditCard.js +5 -78
  104. package/dist/icons/IconDash.js +4 -72
  105. package/dist/icons/IconDelivery.js +5 -87
  106. package/dist/icons/IconDetails.js +4 -72
  107. package/dist/icons/IconDot.js +6 -87
  108. package/dist/icons/IconElectricCarFuel.js +5 -80
  109. package/dist/icons/IconEllipsis.js +5 -78
  110. package/dist/icons/IconEnvelope.js +4 -72
  111. package/dist/icons/IconEye.js +5 -79
  112. package/dist/icons/IconFacebook.js +6 -94
  113. package/dist/icons/IconFilter.js +5 -83
  114. package/dist/icons/IconFlagMalaysia.js +5 -141
  115. package/dist/icons/IconGiveKey.js +5 -79
  116. package/dist/icons/IconGlobe.js +4 -70
  117. package/dist/icons/IconGoogle.js +5 -87
  118. package/dist/icons/IconHome.js +5 -78
  119. package/dist/icons/IconHostAdvertise.js +4 -72
  120. package/dist/icons/IconHostCar.js +4 -75
  121. package/dist/icons/IconHostCash.js +5 -91
  122. package/dist/icons/IconHostHandle.js +4 -70
  123. package/dist/icons/IconHostLocation.js +4 -70
  124. package/dist/icons/IconHostPayment.js +5 -91
  125. package/dist/icons/IconHostService.js +5 -79
  126. package/dist/icons/IconHotDeals.js +4 -72
  127. package/dist/icons/IconInfo.js +5 -77
  128. package/dist/icons/IconInstagram.js +4 -72
  129. package/dist/icons/IconInsurance.js +5 -99
  130. package/dist/icons/IconInternet.js +4 -73
  131. package/dist/icons/IconInventory.js +5 -78
  132. package/dist/icons/IconLaurel.js +5 -101
  133. package/dist/icons/IconLinkedIn.js +4 -72
  134. package/dist/icons/IconLoading.js +4 -78
  135. package/dist/icons/IconLocation.js +5 -80
  136. package/dist/icons/IconLock.js +4 -73
  137. package/dist/icons/IconLogistics.js +4 -72
  138. package/dist/icons/IconMail.js +5 -94
  139. package/dist/icons/IconMember.js +5 -78
  140. package/dist/icons/IconMobilePen.js +5 -83
  141. package/dist/icons/IconMotorcycleMoped.js +5 -78
  142. package/dist/icons/IconNoCost.js +5 -92
  143. package/dist/icons/IconPDF.js +5 -80
  144. package/dist/icons/IconPencil.js +4 -70
  145. package/dist/icons/IconPhone.js +4 -70
  146. package/dist/icons/IconPlus.js +4 -72
  147. package/dist/icons/IconPricing.js +4 -72
  148. package/dist/icons/IconProtected.js +4 -71
  149. package/dist/icons/IconPsychology.js +4 -72
  150. package/dist/icons/IconQuestionTooltip.js +4 -73
  151. package/dist/icons/IconQuote.js +4 -72
  152. package/dist/icons/IconRate.js +4 -71
  153. package/dist/icons/IconRegister.js +5 -99
  154. package/dist/icons/IconReturn.js +4 -72
  155. package/dist/icons/IconSearch.js +4 -70
  156. package/dist/icons/IconSecure.js +4 -71
  157. package/dist/icons/IconSecurity.js +4 -73
  158. package/dist/icons/IconSedanOutline.js +5 -159
  159. package/dist/icons/IconSelectArrow.js +6 -78
  160. package/dist/icons/IconSort.js +5 -79
  161. package/dist/icons/IconSortListed.js +5 -95
  162. package/dist/icons/IconSortPriceAscending.js +5 -83
  163. package/dist/icons/IconSortPriceDescending.js +5 -83
  164. package/dist/icons/IconSortYear.js +5 -79
  165. package/dist/icons/IconSpan.js +4 -71
  166. package/dist/icons/IconSpeaker.js +4 -79
  167. package/dist/icons/IconSpecialCar.js +5 -95
  168. package/dist/icons/IconStar.js +7 -92
  169. package/dist/icons/IconStockPhoto.js +5 -95
  170. package/dist/icons/IconSubscription.js +6 -113
  171. package/dist/icons/IconSubscriptions.js +6 -113
  172. package/dist/icons/IconSwap.js +5 -79
  173. package/dist/icons/IconTax.js +4 -72
  174. package/dist/icons/IconThinArrow.js +6 -78
  175. package/dist/icons/IconThumbsdown.js +5 -78
  176. package/dist/icons/IconThumbsup.js +5 -78
  177. package/dist/icons/IconTool.js +4 -72
  178. package/dist/icons/IconTooltip.js +4 -73
  179. package/dist/icons/IconTrash.js +4 -72
  180. package/dist/icons/IconTriangleExclamation.js +4 -72
  181. package/dist/icons/IconTyersBrakes.js +5 -83
  182. package/dist/icons/IconTyre.js +5 -83
  183. package/dist/icons/IconVacancy.js +5 -78
  184. package/dist/icons/IconVolunteer.js +4 -72
  185. package/dist/icons/IconWhatsapp.js +4 -73
  186. package/dist/icons/IconXPlatform.js +4 -72
  187. package/dist/icons/IconZeroEffort.js +5 -77
  188. package/dist/icons/Logo.js +3 -99
  189. package/dist/input/Input.js +11 -125
  190. package/dist/input/Input.stories.js +18 -17
  191. package/dist/input-mask/InputMask.js +10 -96
  192. package/dist/input-mask/InputMask.stories.js +6 -5
  193. package/dist/input-mask/mask-trackers.js +5 -4
  194. package/dist/input-select/InputSelect.d.ts.map +1 -1
  195. package/dist/input-select/InputSelect.js +69 -357
  196. package/dist/input-select/InputSelect.js.map +1 -1
  197. package/dist/input-select/InputSelect.stories.d.ts.map +1 -1
  198. package/dist/input-select/InputSelect.stories.js +18 -54
  199. package/dist/popover/popover.js +4 -72
  200. package/dist/progress/Progress.js +2 -96
  201. package/dist/progress/Progress.stories.js +14 -13
  202. package/dist/radio/Radio.js +4 -163
  203. package/dist/scroll-area/scroll-area.js +5 -113
  204. package/dist/search-input-select/SearchInputSelect.js +69 -346
  205. package/dist/select/Select.js +31 -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 +117 -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
@@ -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
@@ -184,13 +184,16 @@
184
184
  display: flex;
185
185
  flex-direction: column;
186
186
  row-gap: 8px;
187
+ width: 100%;
187
188
  border: none;
188
189
  }
189
190
 
190
191
  /* ======================= top navigation start ======================= */
191
192
 
192
193
  .react-calendar__navigation {
193
- margin-bottom: 0px;
194
+ margin-bottom: 16px;
195
+ padding-bottom: 16px;
196
+ border-bottom: 1px solid var(--primary1) !important;
194
197
  }
195
198
 
196
199
  .react-calendar__navigation button {
@@ -204,8 +207,10 @@
204
207
  }
205
208
 
206
209
  .react-calendar__navigation__label {
207
- font-family: "Gotham-Medium", sans-serif;
210
+ font-family: "Gotham", sans-serif;
208
211
  font-size: 14px;
212
+ font-weight: 700;
213
+ letter-spacing: 0.5px;
209
214
  text-transform: uppercase;
210
215
  }
211
216
 
@@ -213,9 +218,24 @@
213
218
 
214
219
  /* ========================= calendar start ========================= */
215
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
+
216
233
  .react-calendar__month-view__weekdays__weekday {
217
234
  display: flex;
218
235
  justify-content: center;
236
+ font-weight: 700;
237
+ font-family: "Gotham", sans-serif;
238
+ color: var(--primary3);
219
239
  }
220
240
 
221
241
  .react-calendar__month-view__weekdays__weekday abbr {
@@ -226,6 +246,8 @@
226
246
  letter-spacing: 1px;
227
247
  font-size: 12px;
228
248
  text-transform: uppercase;
249
+ border-right: 1px solid var(--primary1) !important;
250
+ border-bottom: 1px solid var(--primary1) !important;
229
251
  }
230
252
 
231
253
  .react-calendar__tile:enabled:hover {
@@ -1039,6 +1061,10 @@ video {
1039
1061
  display: block;
1040
1062
  }
1041
1063
 
1064
+ .inline-block {
1065
+ display: inline-block;
1066
+ }
1067
+
1042
1068
  .flex {
1043
1069
  display: flex;
1044
1070
  }
@@ -1104,6 +1130,10 @@ video {
1104
1130
  height: 1.25rem;
1105
1131
  }
1106
1132
 
1133
+ .h-6 {
1134
+ height: 1.5rem;
1135
+ }
1136
+
1107
1137
  .h-64 {
1108
1138
  height: 16rem;
1109
1139
  }
@@ -1176,6 +1206,10 @@ video {
1176
1206
  width: 1rem;
1177
1207
  }
1178
1208
 
1209
+ .w-5 {
1210
+ width: 1.25rem;
1211
+ }
1212
+
1179
1213
  .w-56 {
1180
1214
  width: 14rem;
1181
1215
  }
@@ -1204,10 +1238,19 @@ video {
1204
1238
  width: 44px;
1205
1239
  }
1206
1240
 
1241
+ .w-\[46px\] {
1242
+ width: 46px;
1243
+ }
1244
+
1207
1245
  .w-full {
1208
1246
  width: 100%;
1209
1247
  }
1210
1248
 
1249
+ .w-max {
1250
+ width: -moz-max-content;
1251
+ width: max-content;
1252
+ }
1253
+
1211
1254
  .min-w-0 {
1212
1255
  min-width: 0px;
1213
1256
  }
@@ -1245,6 +1288,10 @@ video {
1245
1288
  max-width: 628px;
1246
1289
  }
1247
1290
 
1291
+ .max-w-sm {
1292
+ max-width: 24rem;
1293
+ }
1294
+
1248
1295
  .flex-1 {
1249
1296
  flex: 1 1 0%;
1250
1297
  }
@@ -1270,11 +1317,21 @@ video {
1270
1317
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1271
1318
  }
1272
1319
 
1320
+ .translate-x-6 {
1321
+ --tw-translate-x: 1.5rem;
1322
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1323
+ }
1324
+
1273
1325
  .translate-x-\[-50\%\] {
1274
1326
  --tw-translate-x: -50%;
1275
1327
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1276
1328
  }
1277
1329
 
1330
+ .translate-x-\[2px\] {
1331
+ --tw-translate-x: 2px;
1332
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1333
+ }
1334
+
1278
1335
  .translate-y-\[-50\%\] {
1279
1336
  --tw-translate-y: -50%;
1280
1337
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1333,6 +1390,10 @@ video {
1333
1390
  grid-template-columns: repeat(6, minmax(0, 1fr));
1334
1391
  }
1335
1392
 
1393
+ .flex-row {
1394
+ flex-direction: row;
1395
+ }
1396
+
1336
1397
  .flex-col {
1337
1398
  flex-direction: column;
1338
1399
  }
@@ -1349,6 +1410,14 @@ video {
1349
1410
  align-items: center;
1350
1411
  }
1351
1412
 
1413
+ .items-stretch {
1414
+ align-items: stretch;
1415
+ }
1416
+
1417
+ .justify-start {
1418
+ justify-content: flex-start;
1419
+ }
1420
+
1352
1421
  .justify-center {
1353
1422
  justify-content: center;
1354
1423
  }
@@ -1385,6 +1454,11 @@ video {
1385
1454
  gap: 2rem;
1386
1455
  }
1387
1456
 
1457
+ .gap-x-0 {
1458
+ -moz-column-gap: 0px;
1459
+ column-gap: 0px;
1460
+ }
1461
+
1388
1462
  .gap-x-2 {
1389
1463
  -moz-column-gap: 0.5rem;
1390
1464
  column-gap: 0.5rem;
@@ -1815,6 +1889,11 @@ video {
1815
1889
  padding-right: 1rem;
1816
1890
  }
1817
1891
 
1892
+ .px-6 {
1893
+ padding-left: 1.5rem;
1894
+ padding-right: 1.5rem;
1895
+ }
1896
+
1818
1897
  .px-\[16px\] {
1819
1898
  padding-left: 16px;
1820
1899
  padding-right: 16px;
@@ -1860,6 +1939,10 @@ video {
1860
1939
  padding-bottom: 13px;
1861
1940
  }
1862
1941
 
1942
+ .pl-2 {
1943
+ padding-left: 0.5rem;
1944
+ }
1945
+
1863
1946
  .pl-8 {
1864
1947
  padding-left: 2rem;
1865
1948
  }
@@ -1978,6 +2061,10 @@ video {
1978
2061
  line-height: 1;
1979
2062
  }
1980
2063
 
2064
+ .tracking-\[0\.5px\] {
2065
+ letter-spacing: 0.5px;
2066
+ }
2067
+
1981
2068
  .tracking-\[2px\] {
1982
2069
  letter-spacing: 2px;
1983
2070
  }
@@ -2609,6 +2696,11 @@ li::marker {
2609
2696
  border-color: rgb(202 202 202 / var(--tw-border-opacity, 1));
2610
2697
  }
2611
2698
 
2699
+ .hover\:border-primary4:hover {
2700
+ --tw-border-opacity: 1;
2701
+ border-color: rgb(25 25 25 / var(--tw-border-opacity, 1));
2702
+ }
2703
+
2612
2704
  .hover\:bg-accent4:hover {
2613
2705
  --tw-bg-opacity: 1;
2614
2706
  background-color: rgb(229 88 103 / var(--tw-bg-opacity, 1));
@@ -2629,6 +2721,11 @@ li::marker {
2629
2721
  background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
2630
2722
  }
2631
2723
 
2724
+ .hover\:bg-primary2:hover {
2725
+ --tw-bg-opacity: 1;
2726
+ background-color: rgb(202 202 202 / var(--tw-bg-opacity, 1));
2727
+ }
2728
+
2632
2729
  .hover\:bg-primary4:hover {
2633
2730
  --tw-bg-opacity: 1;
2634
2731
  background-color: rgb(25 25 25 / var(--tw-bg-opacity, 1));
@@ -2737,6 +2834,16 @@ li::marker {
2737
2834
  cursor: not-allowed;
2738
2835
  }
2739
2836
 
2837
+ .disabled\:bg-primary1:disabled {
2838
+ --tw-bg-opacity: 1;
2839
+ background-color: rgb(239 239 240 / var(--tw-bg-opacity, 1));
2840
+ }
2841
+
2842
+ .disabled\:text-primary3:disabled {
2843
+ --tw-text-opacity: 1;
2844
+ color: rgb(88 88 88 / var(--tw-text-opacity, 1));
2845
+ }
2846
+
2740
2847
  .disabled\:\!opacity-100:disabled {
2741
2848
  opacity: 1 !important;
2742
2849
  }
@@ -3132,6 +3239,14 @@ li::marker {
3132
3239
  .lg\:h-11 {
3133
3240
  height: 2.75rem;
3134
3241
  }
3242
+
3243
+ .lg\:h-6 {
3244
+ height: 1.5rem;
3245
+ }
3246
+
3247
+ .lg\:w-6 {
3248
+ width: 1.5rem;
3249
+ }
3135
3250
  }
3136
3251
 
3137
3252
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
@@ -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