@driveflux/beam 3.0.10 → 3.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 (219) 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 +120 -19
  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/box/Box.js +87 -3
  9. package/dist/box/Box.stories.js +8 -7
  10. package/dist/breadcrumbs/Breadcrumbs.js +288 -28
  11. package/dist/breadcrumbs/Breadcrumbs.stories.js +51 -27
  12. package/dist/button/Button.js +127 -13
  13. package/dist/button/Button.stories.js +35 -7
  14. package/dist/button/TextButton.js +104 -9
  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 +234 -90
  30. package/dist/datepicker/DatePicker.stories.js +163 -58
  31. package/dist/datepicker/DatePickerDrawer.js +116 -17
  32. package/dist/datepicker/DatePickerPopover.js +208 -35
  33. package/dist/datepicker/constants.js +3 -4
  34. package/dist/datepicker/utils.js +4 -11
  35. package/dist/dialog/index.js +180 -33
  36. package/dist/divider/Divider.js +63 -3
  37. package/dist/divider/Divider.stories.js +13 -7
  38. package/dist/drawer/index.js +157 -12
  39. package/dist/dropdown/Dropdown.js +212 -26
  40. package/dist/dropdown/Dropdown.stories.js +109 -22
  41. package/dist/field-wrapper/FieldWrapper.js +139 -3
  42. package/dist/field-wrapper/FieldWrapper.stories.js +124 -28
  43. package/dist/flex/Flex.js +63 -3
  44. package/dist/flex/Flex.stories.js +19 -7
  45. package/dist/grid/Grid.js +63 -3
  46. package/dist/grid/Grid.stories.js +28 -7
  47. package/dist/hooks/use-breakpoint-value.js +77 -14
  48. package/dist/hooks/use-media-query.js +61 -12
  49. package/dist/hstack/HStack.js +63 -3
  50. package/dist/hstack/HStack.stories.js +19 -7
  51. package/dist/icons/FluxLogo.js +213 -9
  52. package/dist/icons/FluxLogoTable.js +109 -5
  53. package/dist/icons/Icon.js +108 -7
  54. package/dist/icons/Icon.stories.js +12 -7
  55. package/dist/icons/Icon24Hours.js +83 -5
  56. package/dist/icons/IconAcceleration.js +72 -4
  57. package/dist/icons/IconAccount.js +72 -4
  58. package/dist/icons/IconApplicant.js +78 -5
  59. package/dist/icons/IconArrow.js +78 -6
  60. package/dist/icons/IconArrowBack.js +72 -4
  61. package/dist/icons/IconArrowForward.js +72 -4
  62. package/dist/icons/IconArrowTopLeft.js +70 -4
  63. package/dist/icons/IconBluesharkProductGuide.js +80 -5
  64. package/dist/icons/IconBolt.js +72 -4
  65. package/dist/icons/IconBriefcase.js +72 -4
  66. package/dist/icons/IconBulb.js +72 -4
  67. package/dist/icons/IconCalendar.js +72 -4
  68. package/dist/icons/IconCalendarArrowBack.js +72 -4
  69. package/dist/icons/IconCalendarArrowForward.js +72 -4
  70. package/dist/icons/IconCalendarDoubleArrowBack.js +72 -4
  71. package/dist/icons/IconCalendarDoubleArrowForward.js +72 -4
  72. package/dist/icons/IconCancel.js +77 -5
  73. package/dist/icons/IconCancelMark.js +72 -4
  74. package/dist/icons/IconCarSUV.js +72 -4
  75. package/dist/icons/IconCarSedan.js +147 -7
  76. package/dist/icons/IconChain.js +79 -5
  77. package/dist/icons/IconCheckmark.js +72 -4
  78. package/dist/icons/IconChevronRight.js +72 -4
  79. package/dist/icons/IconCircle.js +114 -11
  80. package/dist/icons/IconCircleCheckmark.js +77 -5
  81. package/dist/icons/IconCircleError.js +72 -4
  82. package/dist/icons/IconCircleExclamation.js +104 -6
  83. package/dist/icons/IconCircleMark.js +78 -5
  84. package/dist/icons/IconCircleOutline.js +139 -5
  85. package/dist/icons/IconClock.js +80 -5
  86. package/dist/icons/IconClose.js +72 -4
  87. package/dist/icons/IconCollapseAll.js +94 -5
  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/IconDownload.js +79 -5
  97. package/dist/icons/IconEVCharging.js +79 -5
  98. package/dist/icons/IconElectricCarFuel.js +80 -5
  99. package/dist/icons/IconEllipsis.js +78 -5
  100. package/dist/icons/IconEnvelope.js +72 -4
  101. package/dist/icons/IconExpandAll.js +94 -5
  102. package/dist/icons/IconEye.js +79 -5
  103. package/dist/icons/IconFacebook.js +94 -6
  104. package/dist/icons/IconFilter.js +83 -5
  105. package/dist/icons/IconFlagMalaysia.js +141 -5
  106. package/dist/icons/IconGiveKey.js +79 -5
  107. package/dist/icons/IconGlobe.js +70 -4
  108. package/dist/icons/IconGoogle.js +87 -5
  109. package/dist/icons/IconHome.js +78 -5
  110. package/dist/icons/IconHostAdvertise.js +72 -4
  111. package/dist/icons/IconHostCar.js +75 -4
  112. package/dist/icons/IconHostCash.js +91 -5
  113. package/dist/icons/IconHostHandle.js +70 -4
  114. package/dist/icons/IconHostLocation.js +70 -4
  115. package/dist/icons/IconHostPayment.js +91 -5
  116. package/dist/icons/IconHostService.js +79 -5
  117. package/dist/icons/IconHotDeals.js +72 -4
  118. package/dist/icons/IconInfo.js +77 -5
  119. package/dist/icons/IconInstagram.js +72 -4
  120. package/dist/icons/IconInsurance.js +99 -5
  121. package/dist/icons/IconInternet.js +73 -4
  122. package/dist/icons/IconInventory.js +78 -5
  123. package/dist/icons/IconLaurel.js +101 -5
  124. package/dist/icons/IconLinkedIn.js +72 -4
  125. package/dist/icons/IconLoading.js +78 -4
  126. package/dist/icons/IconLocation.js +80 -5
  127. package/dist/icons/IconLock.js +73 -4
  128. package/dist/icons/IconLogistics.js +72 -4
  129. package/dist/icons/IconMail.js +94 -5
  130. package/dist/icons/IconMember.js +78 -5
  131. package/dist/icons/IconMobilePen.js +83 -5
  132. package/dist/icons/IconMotorcycleMoped.js +78 -5
  133. package/dist/icons/IconNoCost.js +92 -5
  134. package/dist/icons/IconPDF.js +80 -5
  135. package/dist/icons/IconPencil.js +70 -4
  136. package/dist/icons/IconPhone.js +70 -4
  137. package/dist/icons/IconPlus.js +72 -4
  138. package/dist/icons/IconPricing.js +72 -4
  139. package/dist/icons/IconProtected.js +71 -4
  140. package/dist/icons/IconPsychology.js +72 -4
  141. package/dist/icons/IconQuestionTooltip.js +73 -4
  142. package/dist/icons/IconQuote.js +72 -4
  143. package/dist/icons/IconRate.js +71 -4
  144. package/dist/icons/IconRegister.js +99 -5
  145. package/dist/icons/IconReport.js +89 -6
  146. package/dist/icons/IconReturn.js +72 -4
  147. package/dist/icons/IconSearch.js +70 -4
  148. package/dist/icons/IconSecure.js +71 -4
  149. package/dist/icons/IconSecurity.js +73 -4
  150. package/dist/icons/IconSedanOutline.js +159 -5
  151. package/dist/icons/IconSelectArrow.js +78 -6
  152. package/dist/icons/IconSort.js +79 -5
  153. package/dist/icons/IconSortListed.js +95 -5
  154. package/dist/icons/IconSortPriceAscending.js +83 -5
  155. package/dist/icons/IconSortPriceDescending.js +83 -5
  156. package/dist/icons/IconSortYear.js +79 -5
  157. package/dist/icons/IconSpan.js +71 -4
  158. package/dist/icons/IconSpeaker.js +79 -4
  159. package/dist/icons/IconSpecialCar.js +95 -5
  160. package/dist/icons/IconStar.js +92 -7
  161. package/dist/icons/IconStockPhoto.js +95 -5
  162. package/dist/icons/IconSubscription.js +113 -6
  163. package/dist/icons/IconSubscriptions.js +113 -6
  164. package/dist/icons/IconSwap.js +79 -5
  165. package/dist/icons/IconTax.js +72 -4
  166. package/dist/icons/IconThinArrow.js +78 -6
  167. package/dist/icons/IconThumbsdown.js +78 -5
  168. package/dist/icons/IconThumbsup.js +78 -5
  169. package/dist/icons/IconTool.js +72 -4
  170. package/dist/icons/IconTooltip.js +73 -4
  171. package/dist/icons/IconTrash.js +72 -4
  172. package/dist/icons/IconTriangleExclamation.js +72 -4
  173. package/dist/icons/IconTyersBrakes.js +83 -5
  174. package/dist/icons/IconTyre.js +83 -5
  175. package/dist/icons/IconVacancy.js +78 -5
  176. package/dist/icons/IconVolunteer.js +72 -4
  177. package/dist/icons/IconWhatsapp.js +73 -4
  178. package/dist/icons/IconXPlatform.js +72 -4
  179. package/dist/icons/IconZeroEffort.js +77 -5
  180. package/dist/icons/Logo.js +99 -3
  181. package/dist/input/Input.js +125 -11
  182. package/dist/input/Input.stories.js +17 -18
  183. package/dist/input-mask/InputMask.js +149 -11
  184. package/dist/input-mask/InputMask.stories.js +5 -6
  185. package/dist/input-mask/mask-trackers.js +4 -5
  186. package/dist/input-select/InputSelect.js +357 -68
  187. package/dist/input-select/InputSelect.stories.js +98 -25
  188. package/dist/popover/popover.js +72 -4
  189. package/dist/progress/Progress.js +96 -2
  190. package/dist/progress/Progress.stories.js +13 -14
  191. package/dist/radio/Radio.js +163 -4
  192. package/dist/scroll-area/scroll-area.js +113 -5
  193. package/dist/search-input-select/SearchInputSelect.js +346 -69
  194. package/dist/select/Select.js +315 -29
  195. package/dist/select/Select.stories.js +55 -19
  196. package/dist/skeleton/Skeleton.js +62 -3
  197. package/dist/skeleton/Skeleton.stories.js +8 -7
  198. package/dist/slider/Slider.js +106 -5
  199. package/dist/slider/Slider.stories.js +12 -11
  200. package/dist/stack/Stack.js +63 -3
  201. package/dist/stack/Stack.stories.js +19 -7
  202. package/dist/table/Table.js +131 -10
  203. package/dist/table/Table.stories.js +84 -8
  204. package/dist/tabs/Tabs.js +128 -9
  205. package/dist/tabs/Tabs.stories.js +46 -13
  206. package/dist/text/Text.js +88 -6
  207. package/dist/text/Text.stories.js +44 -7
  208. package/dist/toast/Toast.stories.js +66 -14
  209. package/dist/toast/ToastBox.js +77 -29
  210. package/dist/toast/index.js +0 -1
  211. package/dist/toast/sonner.js +66 -6
  212. package/dist/toggle/Toggle.js +116 -7
  213. package/dist/toggle/Toggle.stories.js +10 -8
  214. package/dist/tooltip/Tooltip.js +151 -12
  215. package/dist/tooltip/Tooltip.stories.js +71 -13
  216. package/dist/utils.js +4 -2
  217. package/dist/vstack/VStack.js +63 -3
  218. package/dist/vstack/VStack.stories.js +19 -7
  219. package/package.json +1 -1
@@ -1,30 +1,187 @@
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 { Command as CommandPrimitive } from 'cmdk';
4
83
  import * as React from 'react';
5
84
  import { Dialog, DialogContent } from '../dialog/index';
6
85
  import IconSearch from '../icons/IconSearch';
7
86
  import { cn } from '../utils';
8
- const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-zinc-950 dark:bg-zinc-950 dark:text-zinc-50', className), ...props })));
87
+ var Command = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
88
+ var className = _param.className, props = _object_without_properties(_param, [
89
+ "className"
90
+ ]);
91
+ return /*#__PURE__*/ _jsx(CommandPrimitive, _object_spread({
92
+ ref: ref,
93
+ className: cn('flex h-full w-full flex-col overflow-hidden rounded-lg bg-white text-zinc-950 dark:bg-zinc-950 dark:text-zinc-50', className)
94
+ }, props));
95
+ });
9
96
  Command.displayName = CommandPrimitive.displayName;
10
- const CommandDialog = ({ children, ...props }) => {
11
- return (_jsx(Dialog, { ...props, children: _jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-zinc-400", children: children }) }) }));
97
+ var CommandDialog = function(_param) {
98
+ var children = _param.children, props = _object_without_properties(_param, [
99
+ "children"
100
+ ]);
101
+ return /*#__PURE__*/ _jsx(Dialog, _object_spread_props(_object_spread({}, props), {
102
+ children: /*#__PURE__*/ _jsx(DialogContent, {
103
+ className: "overflow-hidden p-0 shadow-lg",
104
+ children: /*#__PURE__*/ _jsx(Command, {
105
+ className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5 dark:[&_[cmdk-group-heading]]:text-zinc-400",
106
+ children: children
107
+ })
108
+ })
109
+ }));
12
110
  };
13
- const CommandInput = React.forwardRef(({ className, containerClassName, ...props }, ref) => (_jsxs("div", { className: cn('flex h-10 items-center border-b px-3', containerClassName), "cmdk-input-wrapper": "", children: [_jsx(IconSearch, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { ref: ref, className: cn('flex w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400', className), ...props })] })));
111
+ var CommandInput = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
112
+ var className = _param.className, containerClassName = _param.containerClassName, props = _object_without_properties(_param, [
113
+ "className",
114
+ "containerClassName"
115
+ ]);
116
+ return /*#__PURE__*/ _jsxs("div", {
117
+ className: cn('flex h-10 items-center border-b px-3', containerClassName),
118
+ "cmdk-input-wrapper": "",
119
+ children: [
120
+ /*#__PURE__*/ _jsx(IconSearch, {
121
+ className: "mr-2 h-4 w-4 shrink-0 opacity-50"
122
+ }),
123
+ /*#__PURE__*/ _jsx(CommandPrimitive.Input, _object_spread({
124
+ ref: ref,
125
+ className: cn('flex w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-zinc-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-zinc-400', className)
126
+ }, props))
127
+ ]
128
+ });
129
+ });
14
130
  CommandInput.displayName = CommandPrimitive.Input.displayName;
15
- const CommandList = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.List, { ref: ref, className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className), ...props })));
131
+ var CommandList = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
132
+ var className = _param.className, props = _object_without_properties(_param, [
133
+ "className"
134
+ ]);
135
+ return /*#__PURE__*/ _jsx(CommandPrimitive.List, _object_spread({
136
+ ref: ref,
137
+ className: cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)
138
+ }, props));
139
+ });
16
140
  CommandList.displayName = CommandPrimitive.List.displayName;
17
- const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "py-6 text-center text-sm", ...props })));
141
+ var CommandEmpty = /*#__PURE__*/ React.forwardRef(function(props, ref) {
142
+ return /*#__PURE__*/ _jsx(CommandPrimitive.Empty, _object_spread({
143
+ ref: ref,
144
+ className: "py-6 text-center text-sm"
145
+ }, props));
146
+ });
18
147
  CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
19
- const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className), ...props })));
148
+ var CommandGroup = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
149
+ var className = _param.className, props = _object_without_properties(_param, [
150
+ "className"
151
+ ]);
152
+ return /*#__PURE__*/ _jsx(CommandPrimitive.Group, _object_spread({
153
+ ref: ref,
154
+ className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className)
155
+ }, props));
156
+ });
20
157
  CommandGroup.displayName = CommandPrimitive.Group.displayName;
21
- const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className), ...props })));
158
+ var CommandSeparator = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
159
+ var className = _param.className, props = _object_without_properties(_param, [
160
+ "className"
161
+ ]);
162
+ return /*#__PURE__*/ _jsx(CommandPrimitive.Separator, _object_spread({
163
+ ref: ref,
164
+ className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className)
165
+ }, props));
166
+ });
22
167
  CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
23
- const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected='true']:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 dark:data-[selected='true']:bg-zinc-800 dark:data-[selected=true]:text-zinc-50", className), ...props })));
168
+ var CommandItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
169
+ var className = _param.className, props = _object_without_properties(_param, [
170
+ "className"
171
+ ]);
172
+ return /*#__PURE__*/ _jsx(CommandPrimitive.Item, _object_spread({
173
+ ref: ref,
174
+ className: cn("relative flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected='true']:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 dark:data-[selected='true']:bg-zinc-800 dark:data-[selected=true]:text-zinc-50", className)
175
+ }, props));
176
+ });
24
177
  CommandItem.displayName = CommandPrimitive.Item.displayName;
25
- const CommandShortcut = ({ className, ...props }) => {
26
- return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className), ...props }));
178
+ var CommandShortcut = function(_param) {
179
+ var className = _param.className, props = _object_without_properties(_param, [
180
+ "className"
181
+ ]);
182
+ return /*#__PURE__*/ _jsx("span", _object_spread({
183
+ className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className)
184
+ }, props));
27
185
  };
28
186
  CommandShortcut.displayName = 'CommandShortcut';
29
- export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
30
- //# sourceMappingURL=command.js.map
187
+ export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
@@ -1,178 +1,322 @@
1
1
  'use client';
2
+ function _array_like_to_array(arr, len) {
3
+ if (len == null || len > arr.length) len = arr.length;
4
+ for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
5
+ return arr2;
6
+ }
7
+ function _array_with_holes(arr) {
8
+ if (Array.isArray(arr)) return arr;
9
+ }
10
+ function _define_property(obj, key, value) {
11
+ if (key in obj) {
12
+ Object.defineProperty(obj, key, {
13
+ value: value,
14
+ enumerable: true,
15
+ configurable: true,
16
+ writable: true
17
+ });
18
+ } else {
19
+ obj[key] = value;
20
+ }
21
+ return obj;
22
+ }
23
+ function _iterable_to_array_limit(arr, i) {
24
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
25
+ if (_i == null) return;
26
+ var _arr = [];
27
+ var _n = true;
28
+ var _d = false;
29
+ var _s, _e;
30
+ try {
31
+ for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
32
+ _arr.push(_s.value);
33
+ if (i && _arr.length === i) break;
34
+ }
35
+ } catch (err) {
36
+ _d = true;
37
+ _e = err;
38
+ } finally{
39
+ try {
40
+ if (!_n && _i["return"] != null) _i["return"]();
41
+ } finally{
42
+ if (_d) throw _e;
43
+ }
44
+ }
45
+ return _arr;
46
+ }
47
+ function _non_iterable_rest() {
48
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
49
+ }
50
+ function _object_spread(target) {
51
+ for(var i = 1; i < arguments.length; i++){
52
+ var source = arguments[i] != null ? arguments[i] : {};
53
+ var ownKeys = Object.keys(source);
54
+ if (typeof Object.getOwnPropertySymbols === "function") {
55
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
56
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
57
+ }));
58
+ }
59
+ ownKeys.forEach(function(key) {
60
+ _define_property(target, key, source[key]);
61
+ });
62
+ }
63
+ return target;
64
+ }
65
+ function _object_without_properties(source, excluded) {
66
+ if (source == null) return {};
67
+ var target = _object_without_properties_loose(source, excluded);
68
+ var key, i;
69
+ if (Object.getOwnPropertySymbols) {
70
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
71
+ for(i = 0; i < sourceSymbolKeys.length; i++){
72
+ key = sourceSymbolKeys[i];
73
+ if (excluded.indexOf(key) >= 0) continue;
74
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
75
+ target[key] = source[key];
76
+ }
77
+ }
78
+ return target;
79
+ }
80
+ function _object_without_properties_loose(source, excluded) {
81
+ if (source == null) return {};
82
+ var target = {};
83
+ var sourceKeys = Object.keys(source);
84
+ var key, i;
85
+ for(i = 0; i < sourceKeys.length; i++){
86
+ key = sourceKeys[i];
87
+ if (excluded.indexOf(key) >= 0) continue;
88
+ target[key] = source[key];
89
+ }
90
+ return target;
91
+ }
92
+ function _sliced_to_array(arr, i) {
93
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
94
+ }
95
+ function _unsupported_iterable_to_array(o, minLen) {
96
+ if (!o) return;
97
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
98
+ var n = Object.prototype.toString.call(o).slice(8, -1);
99
+ if (n === "Object" && o.constructor) n = o.constructor.name;
100
+ if (n === "Map" || n === "Set") return Array.from(n);
101
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
102
+ }
2
103
  import { jsx as _jsx } from "react/jsx-runtime";
3
104
  import { useCallback, useState } from 'react';
4
105
  import { useIsMobile } from '../hooks/use-media-query';
5
106
  import DatePickerDrawer from './DatePickerDrawer';
6
107
  import DatePickerPopover from './DatePickerPopover';
7
108
  import { formatInputBy } from './utils';
8
- const DatePicker = ({ tileDisabled, onCancel, ...props }) => {
9
- const { value, isRange, onChange, disableWeekends, error, onSelect } = props;
10
- const isMobile = useIsMobile();
11
- const [innerValue, setInnerValue] = useState(value);
12
- const [inputValue, setInputValue] = useState(formatInputBy(value, isRange));
13
- const [focused, setFocused] = useState(false);
14
- const isSameDate = (date1, date2) => {
15
- return (date1.getFullYear() === date2.getFullYear() &&
16
- date1.getMonth() === date2.getMonth() &&
17
- date1.getDate() === date2.getDate());
109
+ var DatePicker = function(_param) {
110
+ var tileDisabled = _param.tileDisabled, onCancel = _param.onCancel, props = _object_without_properties(_param, [
111
+ "tileDisabled",
112
+ "onCancel"
113
+ ]);
114
+ var value = props.value, isRange = props.isRange, onChange = props.onChange, disableWeekends = props.disableWeekends, error = props.error, onSelect = props.onSelect;
115
+ var isMobile = useIsMobile();
116
+ var _useState = _sliced_to_array(useState(value), 2), innerValue = _useState[0], setInnerValue = _useState[1];
117
+ var _useState1 = _sliced_to_array(useState(formatInputBy(value, isRange)), 2), inputValue = _useState1[0], setInputValue = _useState1[1];
118
+ var _useState2 = _sliced_to_array(useState(false), 2), focused = _useState2[0], setFocused = _useState2[1];
119
+ var isSameDate = function(date1, date2) {
120
+ return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
18
121
  };
19
- const handleSelect = (value) => {
122
+ var handleSelect = function(value) {
20
123
  if (isRange) {
21
124
  // Handle range mode
22
- const currentRange = Array.isArray(innerValue) ? innerValue : undefined;
125
+ var currentRange = Array.isArray(innerValue) ? innerValue : undefined;
23
126
  if (Array.isArray(value) && value && value[0] && value[1]) {
24
127
  // Both dates selected
25
- const clickedStart = new Date(value[0]);
26
- const clickedEnd = new Date(value[1]);
128
+ var clickedStart = new Date(value[0]);
129
+ var clickedEnd = new Date(value[1]);
27
130
  // Check if clicking the same start date (start date matches, end might be different)
28
- if (currentRange?.[0] &&
29
- isSameDate(clickedStart, currentRange[0]) &&
30
- currentRange[1] &&
31
- !isSameDate(clickedEnd, currentRange[1])) {
131
+ if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[0]) && isSameDate(clickedStart, currentRange[0]) && currentRange[1] && !isSameDate(clickedEnd, currentRange[1])) {
32
132
  // User clicked start date again - clear start, keep end
33
- const newValue = [
133
+ var newValue = [
34
134
  undefined,
35
- currentRange[1],
135
+ currentRange[1]
36
136
  ];
37
- onSelect?.(newValue);
137
+ onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue);
38
138
  setInnerValue(newValue);
39
139
  setInputValue(formatInputBy(newValue, isRange));
40
140
  return;
41
141
  }
42
142
  // Check if clicking the same end date (end date matches, start might be different)
43
- if (currentRange?.[1] &&
44
- isSameDate(clickedEnd, currentRange[1]) &&
45
- currentRange[0] &&
46
- !isSameDate(clickedStart, currentRange[0])) {
143
+ if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[1]) && isSameDate(clickedEnd, currentRange[1]) && currentRange[0] && !isSameDate(clickedStart, currentRange[0])) {
47
144
  // User clicked end date again - clear end, keep start
48
- const newValue = [
145
+ var newValue1 = [
49
146
  currentRange[0],
50
- undefined,
147
+ undefined
51
148
  ];
52
- onSelect?.(newValue);
53
- setInnerValue(newValue);
54
- setInputValue(formatInputBy(newValue, isRange));
149
+ onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue1);
150
+ setInnerValue(newValue1);
151
+ setInputValue(formatInputBy(newValue1, isRange));
55
152
  return;
56
153
  }
57
154
  // Normal case: set both dates
58
- onSelect?.([new Date(value[0]), new Date(value[1])]);
59
- setInnerValue([new Date(value[0]), new Date(value[1])]);
60
- setInputValue(formatInputBy([value[0], value[1]], isRange));
155
+ onSelect === null || onSelect === void 0 ? void 0 : onSelect([
156
+ new Date(value[0]),
157
+ new Date(value[1])
158
+ ]);
159
+ setInnerValue([
160
+ new Date(value[0]),
161
+ new Date(value[1])
162
+ ]);
163
+ setInputValue(formatInputBy([
164
+ value[0],
165
+ value[1]
166
+ ], isRange));
61
167
  return;
62
168
  }
63
169
  // Single date selected in range mode
64
170
  if (!Array.isArray(value) && value) {
65
- const clickedDate = new Date(value);
171
+ var clickedDate = new Date(value);
66
172
  // Check if start and end are the same date and clicking that date
67
- if (currentRange?.[0] &&
68
- currentRange[1] &&
69
- isSameDate(currentRange[0], currentRange[1]) &&
70
- isSameDate(clickedDate, currentRange[0])) {
173
+ if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[0]) && currentRange[1] && isSameDate(currentRange[0], currentRange[1]) && isSameDate(clickedDate, currentRange[0])) {
71
174
  // Clear both dates
72
- const newValue = [
73
- undefined,
175
+ var newValue2 = [
74
176
  undefined,
177
+ undefined
75
178
  ];
76
- onSelect?.(newValue);
77
- setInnerValue(newValue);
78
- setInputValue(formatInputBy(newValue, isRange));
179
+ onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue2);
180
+ setInnerValue(newValue2);
181
+ setInputValue(formatInputBy(newValue2, isRange));
79
182
  return;
80
183
  }
81
184
  // Check if clicking the same start date
82
- if (currentRange?.[0] && isSameDate(clickedDate, currentRange[0])) {
185
+ if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[0]) && isSameDate(clickedDate, currentRange[0])) {
83
186
  // Clear start date, keep end if it exists
84
- const newValue = currentRange[1]
85
- ? [undefined, currentRange[1]]
86
- : [undefined, undefined];
87
- onSelect?.(newValue);
88
- setInnerValue(newValue);
89
- setInputValue(formatInputBy(newValue, isRange));
187
+ var newValue3 = currentRange[1] ? [
188
+ undefined,
189
+ currentRange[1]
190
+ ] : [
191
+ undefined,
192
+ undefined
193
+ ];
194
+ onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue3);
195
+ setInnerValue(newValue3);
196
+ setInputValue(formatInputBy(newValue3, isRange));
90
197
  return;
91
198
  }
92
199
  // Check if clicking the same end date
93
- if (currentRange?.[1] && isSameDate(clickedDate, currentRange[1])) {
200
+ if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[1]) && isSameDate(clickedDate, currentRange[1])) {
94
201
  // Clear end date, keep start if it exists
95
- const newValue = currentRange[0]
96
- ? [currentRange[0], undefined]
97
- : [undefined, undefined];
98
- onSelect?.(newValue);
99
- setInnerValue(newValue);
100
- setInputValue(formatInputBy(newValue, isRange));
202
+ var newValue4 = currentRange[0] ? [
203
+ currentRange[0],
204
+ undefined
205
+ ] : [
206
+ undefined,
207
+ undefined
208
+ ];
209
+ onSelect === null || onSelect === void 0 ? void 0 : onSelect(newValue4);
210
+ setInnerValue(newValue4);
211
+ setInputValue(formatInputBy(newValue4, isRange));
101
212
  return;
102
213
  }
103
214
  // Normal case: set start date (or both if no range exists)
104
- if (currentRange?.[0] && !currentRange[1]) {
215
+ if ((currentRange === null || currentRange === void 0 ? void 0 : currentRange[0]) && !currentRange[1]) {
105
216
  // Start exists but no end - this click sets the end
106
- const start = currentRange[0];
107
- const end = clickedDate;
108
- const finalRange = start <= end ? [start, end] : [end, start];
109
- onSelect?.(finalRange);
217
+ var start = currentRange[0];
218
+ var end = clickedDate;
219
+ var finalRange = start <= end ? [
220
+ start,
221
+ end
222
+ ] : [
223
+ end,
224
+ start
225
+ ];
226
+ onSelect === null || onSelect === void 0 ? void 0 : onSelect(finalRange);
110
227
  setInnerValue(finalRange);
111
228
  setInputValue(formatInputBy(finalRange, isRange));
112
229
  return;
113
230
  }
114
231
  // No range or both dates exist - set as new start
115
- onSelect?.([clickedDate, clickedDate]);
116
- setInnerValue([clickedDate, clickedDate]);
232
+ onSelect === null || onSelect === void 0 ? void 0 : onSelect([
233
+ clickedDate,
234
+ clickedDate
235
+ ]);
236
+ setInnerValue([
237
+ clickedDate,
238
+ clickedDate
239
+ ]);
117
240
  setInputValue(formatInputBy(clickedDate, isRange));
118
241
  return;
119
242
  }
120
243
  }
121
244
  if (!isRange && !Array.isArray(value) && value) {
122
245
  // Handle single date mode - toggle if same date clicked
123
- const clickedDate = new Date(value);
124
- if (innerValue &&
125
- !Array.isArray(innerValue) &&
126
- isSameDate(clickedDate, innerValue)) {
246
+ var clickedDate1 = new Date(value);
247
+ if (innerValue && !Array.isArray(innerValue) && isSameDate(clickedDate1, innerValue)) {
127
248
  setInnerValue(undefined);
128
249
  setInputValue(formatInputBy(undefined, isRange));
129
- onSelect?.(undefined);
250
+ onSelect === null || onSelect === void 0 ? void 0 : onSelect(undefined);
130
251
  return;
131
252
  }
132
253
  // Normal case: set the date
133
- onSelect?.(new Date(value));
254
+ onSelect === null || onSelect === void 0 ? void 0 : onSelect(new Date(value));
134
255
  setInnerValue(new Date(value));
135
256
  setInputValue(formatInputBy(value, isRange));
136
257
  return;
137
258
  }
138
259
  };
139
- const handleCancel = () => {
260
+ var handleCancel = function() {
140
261
  setFocused(false);
141
262
  setInnerValue(value);
142
263
  setInputValue(formatInputBy(value, isRange));
143
- onCancel?.();
264
+ onCancel === null || onCancel === void 0 ? void 0 : onCancel();
144
265
  };
145
- const handleApply = () => {
146
- if (isRange &&
147
- Array.isArray(innerValue) &&
148
- innerValue &&
149
- innerValue[0] &&
150
- innerValue[1]) {
151
- onChange?.([innerValue[0], innerValue[1]]);
266
+ var handleApply = function() {
267
+ if (isRange && Array.isArray(innerValue) && innerValue && innerValue[0] && innerValue[1]) {
268
+ onChange === null || onChange === void 0 ? void 0 : onChange([
269
+ innerValue[0],
270
+ innerValue[1]
271
+ ]);
152
272
  setFocused(false);
153
273
  return;
154
274
  }
155
275
  if (!isRange && !Array.isArray(innerValue) && innerValue) {
156
- onChange?.(innerValue);
276
+ onChange === null || onChange === void 0 ? void 0 : onChange(innerValue);
157
277
  setFocused(false);
158
278
  return;
159
279
  }
160
280
  };
161
- const weekendTiles = (args) => {
281
+ var weekendTiles = function(args) {
162
282
  if (args.view === 'month') {
163
- const day = args.date.getDay();
283
+ var day = args.date.getDay();
164
284
  return day === 0 || day === 6;
165
285
  }
166
286
  return false;
167
287
  };
168
- const combinedTileDisabled = useCallback((args) => {
169
- if (disableWeekends && weekendTiles(args))
170
- return true;
171
- if (typeof tileDisabled === 'function')
172
- return tileDisabled(args);
288
+ var combinedTileDisabled = useCallback(function(args) {
289
+ if (disableWeekends && weekendTiles(args)) return true;
290
+ if (typeof tileDisabled === 'function') return tileDisabled(args);
173
291
  return false;
174
- }, [disableWeekends, tileDisabled]);
175
- return isMobile ? (_jsx(DatePickerDrawer, { innerValue: innerValue, setInnerValue: setInnerValue, inputValue: inputValue, setInputValue: setInputValue, focused: focused, setFocused: setFocused, handleSelect: handleSelect, handleCancel: handleCancel, handleApply: handleApply, tileDisabled: combinedTileDisabled, error: error, ...props })) : (_jsx(DatePickerPopover, { innerValue: innerValue, setInnerValue: setInnerValue, inputValue: inputValue, setInputValue: setInputValue, focused: focused, setFocused: setFocused, handleSelect: handleSelect, handleCancel: handleCancel, handleApply: handleApply, tileDisabled: combinedTileDisabled, error: error, ...props }));
292
+ }, [
293
+ disableWeekends,
294
+ tileDisabled
295
+ ]);
296
+ return isMobile ? /*#__PURE__*/ _jsx(DatePickerDrawer, _object_spread({
297
+ innerValue: innerValue,
298
+ setInnerValue: setInnerValue,
299
+ inputValue: inputValue,
300
+ setInputValue: setInputValue,
301
+ focused: focused,
302
+ setFocused: setFocused,
303
+ handleSelect: handleSelect,
304
+ handleCancel: handleCancel,
305
+ handleApply: handleApply,
306
+ tileDisabled: combinedTileDisabled,
307
+ error: error
308
+ }, props)) : /*#__PURE__*/ _jsx(DatePickerPopover, _object_spread({
309
+ innerValue: innerValue,
310
+ setInnerValue: setInnerValue,
311
+ inputValue: inputValue,
312
+ setInputValue: setInputValue,
313
+ focused: focused,
314
+ setFocused: setFocused,
315
+ handleSelect: handleSelect,
316
+ handleCancel: handleCancel,
317
+ handleApply: handleApply,
318
+ tileDisabled: combinedTileDisabled,
319
+ error: error
320
+ }, props));
176
321
  };
177
322
  export default DatePicker;
178
- //# sourceMappingURL=DatePicker.js.map