@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
@@ -1,24 +1,156 @@
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
+ }
2
81
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
82
  import * as DialogPrimitive from '@radix-ui/react-dialog';
4
83
  import * as React from 'react';
5
84
  import HStack from '../hstack/HStack';
6
85
  import { cn } from '../utils';
7
- const Dialog = DialogPrimitive.Root;
8
- const DialogTrigger = DialogPrimitive.Trigger;
9
- const DialogPortal = DialogPrimitive.Portal;
10
- const DialogClose = DialogPrimitive.Close;
11
- const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn('fixed inset-0 z-50 bg-black/45 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className), ...props })));
86
+ var Dialog = DialogPrimitive.Root;
87
+ var DialogTrigger = DialogPrimitive.Trigger;
88
+ var DialogPortal = DialogPrimitive.Portal;
89
+ var DialogClose = DialogPrimitive.Close;
90
+ var DialogOverlay = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
91
+ var className = _param.className, props = _object_without_properties(_param, [
92
+ "className"
93
+ ]);
94
+ return /*#__PURE__*/ _jsx(DialogPrimitive.Overlay, _object_spread({
95
+ ref: ref,
96
+ className: cn('fixed inset-0 z-50 bg-black/45 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className)
97
+ }, props));
98
+ });
12
99
  DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
13
- const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsx(DialogPrimitive.Content, { ref: ref, className: cn('fixed left-[50%] top-[50%] z-50 w-full max-w-[628px] translate-x-[-50%] translate-y-[-50%]', 'border border-zinc-200 bg-white shadow-lg duration-200', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95', 'data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]', 'data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]', 'dark:border-zinc-800 dark:bg-zinc-950', className), ...props, children: children })] })));
100
+ var DialogContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
101
+ var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
102
+ "className",
103
+ "children"
104
+ ]);
105
+ return /*#__PURE__*/ _jsxs(DialogPortal, {
106
+ children: [
107
+ /*#__PURE__*/ _jsx(DialogOverlay, {}),
108
+ /*#__PURE__*/ _jsx(DialogPrimitive.Content, _object_spread_props(_object_spread({
109
+ ref: ref,
110
+ className: cn('fixed left-[50%] top-[50%] z-50 w-full max-w-[628px] translate-x-[-50%] translate-y-[-50%]', 'border border-zinc-200 bg-white shadow-lg duration-200', 'data-[state=open]:animate-in data-[state=closed]:animate-out', 'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95', 'data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]', 'data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]', 'dark:border-zinc-800 dark:bg-zinc-950', className)
111
+ }, props), {
112
+ children: children
113
+ }))
114
+ ]
115
+ });
116
+ });
14
117
  DialogContent.displayName = DialogPrimitive.Content.displayName;
15
- const DialogHeader = ({ className, ...props }) => (_jsx(HStack, { className: cn('justify-between p-6 border-b border-b-primary1', className), ...props }));
118
+ var DialogHeader = function(_param) {
119
+ var className = _param.className, props = _object_without_properties(_param, [
120
+ "className"
121
+ ]);
122
+ return /*#__PURE__*/ _jsx(HStack, _object_spread({
123
+ className: cn('justify-between p-6 border-b border-b-primary1', className)
124
+ }, props));
125
+ };
16
126
  DialogHeader.displayName = 'DialogHeader';
17
- const DialogFooter = ({ className, ...props }) => (_jsx(HStack, { className: cn('gap-6 p-6 border-t border-t-primary1', className), ...props }));
127
+ var DialogFooter = function(_param) {
128
+ var className = _param.className, props = _object_without_properties(_param, [
129
+ "className"
130
+ ]);
131
+ return /*#__PURE__*/ _jsx(HStack, _object_spread({
132
+ className: cn('gap-6 p-6 border-t border-t-primary1', className)
133
+ }, props));
134
+ };
18
135
  DialogFooter.displayName = 'DialogFooter';
19
- const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn('text-lg font-semibold leading-none tracking-tight', className), ...props })));
136
+ var DialogTitle = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
137
+ var className = _param.className, props = _object_without_properties(_param, [
138
+ "className"
139
+ ]);
140
+ return /*#__PURE__*/ _jsx(DialogPrimitive.Title, _object_spread({
141
+ ref: ref,
142
+ className: cn('text-lg font-semibold leading-none tracking-tight', className)
143
+ }, props));
144
+ });
20
145
  DialogTitle.displayName = DialogPrimitive.Title.displayName;
21
- const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn('text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
146
+ var DialogDescription = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
147
+ var className = _param.className, props = _object_without_properties(_param, [
148
+ "className"
149
+ ]);
150
+ return /*#__PURE__*/ _jsx(DialogPrimitive.Description, _object_spread({
151
+ ref: ref,
152
+ className: cn('text-sm text-zinc-500 dark:text-zinc-400', className)
153
+ }, props));
154
+ });
22
155
  DialogDescription.displayName = DialogPrimitive.Description.displayName;
23
- export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
24
- //# sourceMappingURL=index.js.map
156
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
@@ -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 Divider = React.forwardRef(({ className, ...props }, ref) => {
6
- return (_jsx(Box, { className: cn('w-full h-px bg-primary1', className), ref: ref, ...props }));
60
+ var Divider = /*#__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('w-full h-px bg-primary1', className),
66
+ ref: ref
67
+ }, props));
7
68
  });
8
69
  Divider.displayName = 'Divider';
9
70
  export default Divider;
10
- //# sourceMappingURL=Divider.js.map
@@ -1,13 +1,19 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import Box from '../box/Box.js';
3
3
  import Divider from './Divider.js';
4
- const meta = {
5
- component: Divider,
4
+ var meta = {
5
+ component: Divider
6
6
  };
7
7
  export default meta;
8
- export const FirstStory = {
9
- render: () => {
10
- return (_jsxs(Box, { className: "h-64 w-64 border border-black p-4", children: ["Hello", _jsx(Divider, {}), "World"] }));
11
- },
8
+ export var FirstStory = {
9
+ render: function() {
10
+ return /*#__PURE__*/ _jsxs(Box, {
11
+ className: "h-64 w-64 border border-black p-4",
12
+ children: [
13
+ "Hello",
14
+ /*#__PURE__*/ _jsx(Divider, {}),
15
+ "World"
16
+ ]
17
+ });
18
+ }
12
19
  };
13
- //# sourceMappingURL=Divider.stories.js.map
@@ -1,25 +1,170 @@
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
+ }
2
81
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
82
  import * as React from 'react';
4
83
  import { Drawer as DrawerPrimitive } from 'vaul';
5
84
  import Box from '../box/Box';
6
85
  import { cn } from '../utils';
7
- const Drawer = ({ shouldScaleBackground = true, ...props }) => (_jsx(DrawerPrimitive.Root, { shouldScaleBackground: shouldScaleBackground, ...props }));
86
+ var Drawer = function(_param) {
87
+ var _param_shouldScaleBackground = _param.shouldScaleBackground, shouldScaleBackground = _param_shouldScaleBackground === void 0 ? true : _param_shouldScaleBackground, props = _object_without_properties(_param, [
88
+ "shouldScaleBackground"
89
+ ]);
90
+ return /*#__PURE__*/ _jsx(DrawerPrimitive.Root, _object_spread({
91
+ shouldScaleBackground: shouldScaleBackground
92
+ }, props));
93
+ };
8
94
  Drawer.displayName = 'Drawer';
9
- const DrawerTrigger = DrawerPrimitive.Trigger;
10
- const DrawerPortal = DrawerPrimitive.Portal;
11
- const DrawerClose = DrawerPrimitive.Close;
12
- const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Overlay, { ref: ref, className: cn('fixed inset-0 z-50 bg-black/50', className), ...props })));
95
+ var DrawerTrigger = DrawerPrimitive.Trigger;
96
+ var DrawerPortal = DrawerPrimitive.Portal;
97
+ var DrawerClose = DrawerPrimitive.Close;
98
+ var DrawerOverlay = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
99
+ var className = _param.className, props = _object_without_properties(_param, [
100
+ "className"
101
+ ]);
102
+ return /*#__PURE__*/ _jsx(DrawerPrimitive.Overlay, _object_spread({
103
+ ref: ref,
104
+ className: cn('fixed inset-0 z-50 bg-black/50', className)
105
+ }, props));
106
+ });
13
107
  DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
14
- const DrawerContent = React.forwardRef(({ className, hideGrabber = true, children, ...props }, ref) => (_jsxs(DrawerPortal, { children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { ref: ref, className: cn('fixed inset-x-0 bottom-0 z-50 mt-50 flex h-auto flex-col bg-white outline-hidden dark:border-zinc-800 dark:bg-zinc-950', hideGrabber ? 'rounded-none' : 'rounded-t-3xl', className), ...props, children: [!hideGrabber && (_jsx(Box, { className: "mx-auto mt-2 h-1 w-[44px] rounded-full bg-primary2 dark:bg-zinc-800" })), children] })] })));
108
+ var DrawerContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
109
+ var className = _param.className, _param_hideGrabber = _param.hideGrabber, hideGrabber = _param_hideGrabber === void 0 ? true : _param_hideGrabber, children = _param.children, props = _object_without_properties(_param, [
110
+ "className",
111
+ "hideGrabber",
112
+ "children"
113
+ ]);
114
+ return /*#__PURE__*/ _jsxs(DrawerPortal, {
115
+ children: [
116
+ /*#__PURE__*/ _jsx(DrawerOverlay, {}),
117
+ /*#__PURE__*/ _jsxs(DrawerPrimitive.Content, _object_spread_props(_object_spread({
118
+ ref: ref,
119
+ className: cn('fixed inset-x-0 bottom-0 z-50 mt-50 flex h-auto flex-col bg-white outline-hidden dark:border-zinc-800 dark:bg-zinc-950', hideGrabber ? 'rounded-none' : 'rounded-t-3xl', className)
120
+ }, props), {
121
+ children: [
122
+ !hideGrabber && /*#__PURE__*/ _jsx(Box, {
123
+ className: "mx-auto mt-2 h-1 w-[44px] rounded-full bg-primary2 dark:bg-zinc-800"
124
+ }),
125
+ children
126
+ ]
127
+ }))
128
+ ]
129
+ });
130
+ });
15
131
  DrawerContent.displayName = 'DrawerContent';
16
- const DrawerHeader = ({ className, ...props }) => (_jsx("div", { className: cn('grid gap-1.5 p-4 text-left border-b border-b-primary1 sm:text-left', className), ...props }));
132
+ var DrawerHeader = function(_param) {
133
+ var className = _param.className, props = _object_without_properties(_param, [
134
+ "className"
135
+ ]);
136
+ return /*#__PURE__*/ _jsx("div", _object_spread({
137
+ className: cn('grid gap-1.5 p-4 text-left border-b border-b-primary1 sm:text-left', className)
138
+ }, props));
139
+ };
17
140
  DrawerHeader.displayName = 'DrawerHeader';
18
- const DrawerFooter = ({ className, ...props }) => (_jsx("div", { className: cn('mt-auto flex flex-col gap-2 p-4', className), ...props }));
141
+ var DrawerFooter = function(_param) {
142
+ var className = _param.className, props = _object_without_properties(_param, [
143
+ "className"
144
+ ]);
145
+ return /*#__PURE__*/ _jsx("div", _object_spread({
146
+ className: cn('mt-auto flex flex-col gap-2 p-4', className)
147
+ }, props));
148
+ };
19
149
  DrawerFooter.displayName = 'DrawerFooter';
20
- const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Title, { ref: ref, className: cn('text-sm font-semibold leading-none tracking-tight', className), ...props })));
150
+ var DrawerTitle = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
151
+ var className = _param.className, props = _object_without_properties(_param, [
152
+ "className"
153
+ ]);
154
+ return /*#__PURE__*/ _jsx(DrawerPrimitive.Title, _object_spread({
155
+ ref: ref,
156
+ className: cn('text-sm font-semibold leading-none tracking-tight', className)
157
+ }, props));
158
+ });
21
159
  DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
22
- const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DrawerPrimitive.Description, { ref: ref, className: cn('text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
160
+ var DrawerDescription = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
161
+ var className = _param.className, props = _object_without_properties(_param, [
162
+ "className"
163
+ ]);
164
+ return /*#__PURE__*/ _jsx(DrawerPrimitive.Description, _object_spread({
165
+ ref: ref,
166
+ className: cn('text-sm text-zinc-500 dark:text-zinc-400', className)
167
+ }, props));
168
+ });
23
169
  DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
24
- export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };
25
- //# sourceMappingURL=index.js.map
170
+ export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };