@driveflux/beam 2.0.9 → 2.0.10

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 (253) hide show
  1. package/dist/accordion/Accordion.js +7 -133
  2. package/dist/accordion/Accordion.stories.js +11 -31
  3. package/dist/alert/Alert.js +14 -110
  4. package/dist/alert/Alert.stories.js +15 -50
  5. package/dist/animations/LoadingAnimation.js +21 -34
  6. package/dist/badge/Badge.js +7 -96
  7. package/dist/badge/Badge.stories.js +7 -28
  8. package/dist/base-styles.css +264 -96
  9. package/dist/box/Box.d.ts.map +1 -1
  10. package/dist/box/Box.js +3 -87
  11. package/dist/box/Box.stories.js +7 -8
  12. package/dist/breadcrumbs/Breadcrumbs.js +28 -288
  13. package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
  14. package/dist/button/Button.js +12 -124
  15. package/dist/button/Button.stories.js +7 -35
  16. package/dist/card/Card.js +7 -109
  17. package/dist/card/Card.stories.js +7 -10
  18. package/dist/carousel/Carousel.js +58 -281
  19. package/dist/carousel/Carousel.js.map +1 -1
  20. package/dist/carousel/Carousel.stories.js +7 -39
  21. package/dist/carousel/CarouselButton.js +7 -68
  22. package/dist/center/Center.js +3 -63
  23. package/dist/center/Center.stories.js +7 -19
  24. package/dist/checkbox/Checkbox.js +4 -124
  25. package/dist/checkbox/Checkbox.stories.js +8 -10
  26. package/dist/chip/Chip.js +3 -104
  27. package/dist/chip/Chip.stories.js +7 -19
  28. package/dist/circular-progress/CircularProgress.js +11 -150
  29. package/dist/circular-progress/CircularProgress.stories.js +14 -54
  30. package/dist/command/command.js +13 -170
  31. package/dist/command/command.js.map +1 -1
  32. package/dist/datepicker/DatePicker.d.ts +2 -2
  33. package/dist/datepicker/DatePicker.d.ts.map +1 -1
  34. package/dist/datepicker/DatePicker.js +27 -127
  35. package/dist/datepicker/DatePicker.js.map +1 -1
  36. package/dist/datepicker/DatePicker.stories.js +58 -163
  37. package/dist/datepicker/DatePickerDrawer.js +14 -110
  38. package/dist/datepicker/DatePickerPopover.js +35 -207
  39. package/dist/datepicker/DatePickerPopover.js.map +1 -1
  40. package/dist/datepicker/constants.js +4 -3
  41. package/dist/datepicker/root-calendar.css +58 -58
  42. package/dist/datepicker/utils.js +11 -4
  43. package/dist/dialog/index.js +12 -144
  44. package/dist/divider/Divider.js +3 -63
  45. package/dist/divider/Divider.js.map +1 -1
  46. package/dist/divider/Divider.stories.js +7 -13
  47. package/dist/drawer/index.js +12 -157
  48. package/dist/drawer/index.js.map +1 -1
  49. package/dist/dropdown/Dropdown.js +26 -212
  50. package/dist/dropdown/Dropdown.js.map +1 -1
  51. package/dist/dropdown/Dropdown.stories.js +22 -109
  52. package/dist/field-wrapper/FieldWrapper.js +3 -139
  53. package/dist/field-wrapper/FieldWrapper.js.map +1 -1
  54. package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
  55. package/dist/flex/Flex.js +3 -63
  56. package/dist/flex/Flex.stories.js +7 -19
  57. package/dist/grid/Grid.js +3 -63
  58. package/dist/grid/Grid.stories.js +7 -28
  59. package/dist/hooks/use-breakpoint-value.js +14 -77
  60. package/dist/hooks/use-media-query.js +12 -61
  61. package/dist/hstack/HStack.js +3 -63
  62. package/dist/hstack/HStack.stories.js +7 -19
  63. package/dist/icons/FluxLogo.js +9 -213
  64. package/dist/icons/FluxLogoTable.js +5 -109
  65. package/dist/icons/Icon.js +7 -108
  66. package/dist/icons/Icon.stories.js +7 -12
  67. package/dist/icons/Icon24Hours.js +5 -83
  68. package/dist/icons/IconAcceleration.js +4 -72
  69. package/dist/icons/IconAccount.js +4 -72
  70. package/dist/icons/IconApplicant.js +5 -78
  71. package/dist/icons/IconArrow.js +6 -78
  72. package/dist/icons/IconArrowBack.js +4 -72
  73. package/dist/icons/IconArrowForward.js +4 -72
  74. package/dist/icons/IconArrowTopLeft.js +4 -70
  75. package/dist/icons/IconBluesharkProductGuide.js +5 -80
  76. package/dist/icons/IconBolt.js +4 -72
  77. package/dist/icons/IconBriefcase.js +4 -72
  78. package/dist/icons/IconBulb.js +4 -72
  79. package/dist/icons/IconCalendar.js +4 -72
  80. package/dist/icons/IconCalendarArrowBack.js +4 -72
  81. package/dist/icons/IconCalendarArrowForward.js +4 -72
  82. package/dist/icons/IconCalendarDoubleArrowBack.js +4 -72
  83. package/dist/icons/IconCalendarDoubleArrowForward.js +4 -72
  84. package/dist/icons/IconCancel.js +6 -85
  85. package/dist/icons/IconCancelMark.js +4 -72
  86. package/dist/icons/IconCarSUV.js +4 -72
  87. package/dist/icons/IconCarSedan.js +7 -147
  88. package/dist/icons/IconChain.js +5 -79
  89. package/dist/icons/IconCheckmark.js +4 -72
  90. package/dist/icons/IconChevronRight.js +4 -72
  91. package/dist/icons/IconCircle.js +11 -114
  92. package/dist/icons/IconCircleCheckmark.js +5 -77
  93. package/dist/icons/IconCircleError.js +4 -72
  94. package/dist/icons/IconCircleExclamation.js +6 -104
  95. package/dist/icons/IconCircleMark.js +5 -78
  96. package/dist/icons/IconCircleOutline.js +5 -140
  97. package/dist/icons/IconClock.js +5 -80
  98. package/dist/icons/IconClose.js +4 -72
  99. package/dist/icons/IconConcierge.js +5 -79
  100. package/dist/icons/IconConciergeService.js +5 -87
  101. package/dist/icons/IconCreditCard.js +5 -78
  102. package/dist/icons/IconDash.js +4 -72
  103. package/dist/icons/IconDeliver.js +4 -72
  104. package/dist/icons/IconDelivery.js +5 -87
  105. package/dist/icons/IconDetails.js +4 -72
  106. package/dist/icons/IconDot.js +6 -87
  107. package/dist/icons/IconDot.js.map +1 -1
  108. package/dist/icons/IconEVCharging.js +5 -79
  109. package/dist/icons/IconElectricCarFuel.js +5 -80
  110. package/dist/icons/IconEllipsis.js +5 -78
  111. package/dist/icons/IconEnvelope.js +4 -72
  112. package/dist/icons/IconEye.js +5 -79
  113. package/dist/icons/IconFacebook.js +6 -94
  114. package/dist/icons/IconFilter.js +5 -83
  115. package/dist/icons/IconFlagMalaysia.js +5 -141
  116. package/dist/icons/IconGiveKey.js +5 -79
  117. package/dist/icons/IconGlobe.js +4 -70
  118. package/dist/icons/IconGoogle.js +5 -87
  119. package/dist/icons/IconHome.js +5 -78
  120. package/dist/icons/IconHostAdvertise.js +4 -72
  121. package/dist/icons/IconHostCar.js +4 -75
  122. package/dist/icons/IconHostCash.js +5 -91
  123. package/dist/icons/IconHostHandle.js +4 -70
  124. package/dist/icons/IconHostLocation.js +4 -70
  125. package/dist/icons/IconHostPayment.js +5 -91
  126. package/dist/icons/IconHostService.js +5 -79
  127. package/dist/icons/IconHotDeals.js +4 -72
  128. package/dist/icons/IconInfo.js +5 -77
  129. package/dist/icons/IconInstagram.js +4 -72
  130. package/dist/icons/IconInsurance.js +5 -99
  131. package/dist/icons/IconInternet.js +4 -73
  132. package/dist/icons/IconInventory.js +5 -78
  133. package/dist/icons/IconLaurel.js +5 -101
  134. package/dist/icons/IconLinkedIn.js +4 -72
  135. package/dist/icons/IconLoading.js +4 -78
  136. package/dist/icons/IconLocation.js +5 -80
  137. package/dist/icons/IconLock.js +4 -73
  138. package/dist/icons/IconLogistics.js +4 -72
  139. package/dist/icons/IconMail.js +5 -94
  140. package/dist/icons/IconMember.js +5 -78
  141. package/dist/icons/IconMobilePen.js +5 -83
  142. package/dist/icons/IconMotorcycleMoped.js +5 -78
  143. package/dist/icons/IconNoCost.js +5 -92
  144. package/dist/icons/IconPDF.js +5 -80
  145. package/dist/icons/IconPencil.js +4 -70
  146. package/dist/icons/IconPhone.js +4 -70
  147. package/dist/icons/IconPlus.js +4 -72
  148. package/dist/icons/IconPricing.js +4 -72
  149. package/dist/icons/IconProtected.js +4 -71
  150. package/dist/icons/IconPsychology.js +4 -72
  151. package/dist/icons/IconQuestionTooltip.js +4 -73
  152. package/dist/icons/IconQuote.js +4 -72
  153. package/dist/icons/IconRate.js +4 -71
  154. package/dist/icons/IconRegister.js +5 -99
  155. package/dist/icons/IconReturn.js +4 -72
  156. package/dist/icons/IconSearch.js +4 -70
  157. package/dist/icons/IconSecure.js +4 -71
  158. package/dist/icons/IconSecurity.js +4 -73
  159. package/dist/icons/IconSedanOutline.js +5 -159
  160. package/dist/icons/IconSelectArrow.js +6 -78
  161. package/dist/icons/IconSort.js +5 -79
  162. package/dist/icons/IconSortListed.js +5 -95
  163. package/dist/icons/IconSortPriceAscending.js +5 -83
  164. package/dist/icons/IconSortPriceDescending.js +5 -83
  165. package/dist/icons/IconSortYear.js +5 -79
  166. package/dist/icons/IconSpan.js +4 -71
  167. package/dist/icons/IconSpeaker.js +4 -79
  168. package/dist/icons/IconSpecialCar.js +5 -95
  169. package/dist/icons/IconStar.js +7 -92
  170. package/dist/icons/IconStockPhoto.js +5 -95
  171. package/dist/icons/IconSubscription.js +6 -113
  172. package/dist/icons/IconSubscriptions.js +6 -113
  173. package/dist/icons/IconSwap.js +5 -79
  174. package/dist/icons/IconTax.js +4 -72
  175. package/dist/icons/IconThinArrow.js +6 -78
  176. package/dist/icons/IconThumbsdown.js +5 -78
  177. package/dist/icons/IconThumbsup.js +5 -78
  178. package/dist/icons/IconTool.js +4 -72
  179. package/dist/icons/IconTooltip.js +4 -73
  180. package/dist/icons/IconTrash.js +4 -72
  181. package/dist/icons/IconTriangleExclamation.js +4 -72
  182. package/dist/icons/IconTyersBrakes.js +5 -83
  183. package/dist/icons/IconTyre.js +5 -83
  184. package/dist/icons/IconVacancy.js +5 -78
  185. package/dist/icons/IconVolunteer.js +4 -72
  186. package/dist/icons/IconWhatsapp.js +4 -73
  187. package/dist/icons/IconXPlatform.js +4 -72
  188. package/dist/icons/IconZeroEffort.js +5 -77
  189. package/dist/icons/Logo.js +3 -99
  190. package/dist/input/Input.js +11 -125
  191. package/dist/input/Input.stories.js +18 -17
  192. package/dist/input-mask/InputMask.js +11 -149
  193. package/dist/input-mask/InputMask.stories.js +6 -5
  194. package/dist/input-mask/mask-trackers.js +5 -4
  195. package/dist/input-select/InputSelect.js +68 -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 +25 -98
  199. package/dist/popover/popover.js +4 -72
  200. package/dist/popover/popover.js.map +1 -1
  201. package/dist/progress/Progress.js +2 -96
  202. package/dist/progress/Progress.stories.js +14 -13
  203. package/dist/radio/Radio.js +4 -163
  204. package/dist/scroll-area/scroll-area.js +5 -113
  205. package/dist/scroll-area/scroll-area.js.map +1 -1
  206. package/dist/search-input-select/SearchInputSelect.js +69 -346
  207. package/dist/search-input-select/SearchInputSelect.js.map +1 -1
  208. package/dist/select/Select.js +29 -315
  209. package/dist/select/Select.js.map +1 -1
  210. package/dist/select/Select.stories.d.ts.map +1 -1
  211. package/dist/select/Select.stories.js +19 -55
  212. package/dist/skeleton/Skeleton.js +3 -62
  213. package/dist/skeleton/Skeleton.stories.js +7 -8
  214. package/dist/slider/Slider.js +5 -106
  215. package/dist/slider/Slider.stories.js +11 -12
  216. package/dist/stack/Stack.js +3 -63
  217. package/dist/stack/Stack.stories.js +7 -19
  218. package/dist/styles.css +2787 -3282
  219. package/dist/table/Table.js +10 -131
  220. package/dist/table/Table.stories.js +8 -84
  221. package/dist/tabs/Tabs.js +9 -128
  222. package/dist/tabs/Tabs.js.map +1 -1
  223. package/dist/tabs/Tabs.stories.js +13 -46
  224. package/dist/text/Text.d.ts.map +1 -1
  225. package/dist/text/Text.js +6 -88
  226. package/dist/text/Text.stories.js +7 -44
  227. package/dist/toast/Toast.stories.js +14 -66
  228. package/dist/toast/ToastBox.js +24 -71
  229. package/dist/toast/index.js +1 -0
  230. package/dist/toast/sonner.js +11 -70
  231. package/dist/toggle/Toggle.js +7 -116
  232. package/dist/toggle/Toggle.stories.js +8 -10
  233. package/dist/tooltip/Tooltip.js +12 -151
  234. package/dist/tooltip/Tooltip.stories.js +13 -71
  235. package/dist/utils.js +2 -4
  236. package/dist/vstack/VStack.js +3 -63
  237. package/dist/vstack/VStack.stories.js +7 -19
  238. package/package.json +4 -4
  239. package/dist/icons/IconCollapseAll.d.ts +0 -8
  240. package/dist/icons/IconCollapseAll.d.ts.map +0 -1
  241. package/dist/icons/IconCollapseAll.js +0 -97
  242. package/dist/icons/IconCollapseAll.js.map +0 -1
  243. package/dist/icons/IconDownload.d.ts +0 -8
  244. package/dist/icons/IconDownload.d.ts.map +0 -1
  245. package/dist/icons/IconDownload.js +0 -82
  246. package/dist/icons/IconExpandAll.d.ts +0 -8
  247. package/dist/icons/IconExpandAll.d.ts.map +0 -1
  248. package/dist/icons/IconExpandAll.js +0 -97
  249. package/dist/icons/IconExpandAll.js.map +0 -1
  250. package/dist/icons/IconReport.d.ts +0 -9
  251. package/dist/icons/IconReport.d.ts.map +0 -1
  252. package/dist/icons/IconReport.js +0 -92
  253. package/dist/icons/IconReport.js.map +0 -1
@@ -1,226 +1,40 @@
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 DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
83
4
  import { Check, ChevronRight, Circle } from 'lucide-react';
84
5
  import * as React from 'react';
85
6
  import Text from '../text/Text.js';
86
7
  import { cn } from '../utils';
87
- var DropdownMenu = DropdownMenuPrimitive.Root;
88
- var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
89
- var DropdownMenuGroup = DropdownMenuPrimitive.Group;
90
- var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
91
- var DropdownMenuSub = DropdownMenuPrimitive.Sub;
92
- var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
93
- var DropdownMenuSubTrigger = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
94
- var className = _param.className, inset = _param.inset, children = _param.children, props = _object_without_properties(_param, [
95
- "className",
96
- "inset",
97
- "children"
98
- ]);
99
- return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
100
- ref: ref,
101
- className: cn('flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-zinc-100 data-[state=open]:bg-zinc-100 dark:focus:bg-zinc-800 dark:data-[state=open]:bg-zinc-800', inset && 'pl-8', className)
102
- }, props), {
103
- children: [
104
- children,
105
- /*#__PURE__*/ _jsx(ChevronRight, {
106
- className: "ml-auto h-4 w-4"
107
- })
108
- ]
109
- }));
110
- });
111
- DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
112
- var DropdownMenuSubContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
113
- var className = _param.className, props = _object_without_properties(_param, [
114
- "className"
115
- ]);
116
- return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.SubContent, _object_spread({
117
- ref: ref,
118
- className: cn('z-50 min-w-32 overflow-hidden rounded-md border border-zinc-200 bg-white p-1 text-zinc-950 shadow-lg 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50', className)
119
- }, props));
120
- });
121
- DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
122
- var DropdownMenuContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
123
- var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
124
- "className",
125
- "sideOffset"
126
- ]);
127
- return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Portal, {
128
- children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Content, _object_spread({
129
- ref: ref,
130
- sideOffset: sideOffset,
131
- className: cn('z-50 min-w-32 overflow-hidden border border-zinc-200 bg-white text-primary3 text-sm shadow-md 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50', className)
132
- }, props))
133
- });
134
- });
8
+ const DropdownMenu = DropdownMenuPrimitive.Root;
9
+ const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
10
+ const DropdownMenuGroup = DropdownMenuPrimitive.Group;
11
+ const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
12
+ const DropdownMenuSub = DropdownMenuPrimitive.Sub;
13
+ const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
14
+ const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn('flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-zinc-100 data-[state=open]:bg-zinc-100 dark:focus:bg-zinc-800 dark:data-[state=open]:bg-zinc-800', inset && 'pl-8', className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto h-4 w-4" })] })));
15
+ DropdownMenuSubTrigger.displayName =
16
+ DropdownMenuPrimitive.SubTrigger.displayName;
17
+ const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn('z-50 min-w-32 overflow-hidden rounded-md border border-zinc-200 bg-white p-1 text-zinc-950 shadow-lg 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50', className), ...props })));
18
+ DropdownMenuSubContent.displayName =
19
+ DropdownMenuPrimitive.SubContent.displayName;
20
+ const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('z-50 min-w-32 overflow-hidden border border-zinc-200 bg-white text-primary3 text-sm shadow-md 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-50', className), ...props }) })));
135
21
  DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
136
- var DropdownMenuItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
137
- var className = _param.className, inset = _param.inset, selected = _param.selected, props = _object_without_properties(_param, [
138
- "className",
139
- "inset",
140
- "selected"
141
- ]);
142
- return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Item, _object_spread({
143
- ref: ref,
144
- className: cn('relative flex cursor-default select-none items-center w-full outline-hidden transition-colors', selected ? 'bg-black text-white' : 'focus:bg-zinc-100 focus:text-zinc-900 dark:focus:bg-zinc-800 dark:focus:text-zinc-50', 'px-[18px] py-[13px] text-sm tracking-normal', inset && 'pl-8', className)
145
- }, props));
146
- });
22
+ const DropdownMenuItem = React.forwardRef(({ className, inset, selected, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn('relative flex cursor-default select-none items-center w-full outline-hidden transition-colors', selected
23
+ ? 'bg-black text-white'
24
+ : 'focus:bg-zinc-100 focus:text-zinc-900 dark:focus:bg-zinc-800 dark:focus:text-zinc-50', 'px-[18px] py-[13px] text-sm tracking-normal', inset && 'pl-8', className), ...props })));
147
25
  DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
148
- var DropdownMenuCheckboxItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
149
- var className = _param.className, children = _param.children, checked = _param.checked, props = _object_without_properties(_param, [
150
- "className",
151
- "children",
152
- "checked"
153
- ]);
154
- return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
155
- ref: ref,
156
- className: cn('relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-zinc-100 focus:text-zinc-900 data-disabled:pointer-events-none data-disabled:opacity-50 dark:focus:bg-zinc-800 dark:focus:text-zinc-50', className),
157
- checked: checked
158
- }, props), {
159
- children: [
160
- /*#__PURE__*/ _jsx(Text, {
161
- className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
162
- children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.ItemIndicator, {
163
- children: /*#__PURE__*/ _jsx(Check, {
164
- className: "h-4 w-4"
165
- })
166
- })
167
- }),
168
- children
169
- ]
170
- }));
171
- });
172
- DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
173
- var DropdownMenuRadioItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
174
- var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
175
- "className",
176
- "children"
177
- ]);
178
- return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
179
- ref: ref,
180
- className: cn('relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-zinc-100 focus:text-zinc-900 data-disabled:pointer-events-none data-disabled:opacity-50 dark:focus:bg-zinc-800 dark:focus:text-zinc-50', className)
181
- }, props), {
182
- children: [
183
- /*#__PURE__*/ _jsx("span", {
184
- className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
185
- children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.ItemIndicator, {
186
- children: /*#__PURE__*/ _jsx(Circle, {
187
- className: "h-2 w-2 fill-current"
188
- })
189
- })
190
- }),
191
- children
192
- ]
193
- }));
194
- });
26
+ const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-zinc-100 focus:text-zinc-900 data-disabled:pointer-events-none data-disabled:opacity-50 dark:focus:bg-zinc-800 dark:focus:text-zinc-50', className), checked: checked, ...props, children: [_jsx(Text, { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), children] })));
27
+ DropdownMenuCheckboxItem.displayName =
28
+ DropdownMenuPrimitive.CheckboxItem.displayName;
29
+ const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn('relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-zinc-100 focus:text-zinc-900 data-disabled:pointer-events-none data-disabled:opacity-50 dark:focus:bg-zinc-800 dark:focus:text-zinc-50', className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }), children] })));
195
30
  DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
196
- var DropdownMenuLabel = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
197
- var className = _param.className, inset = _param.inset, props = _object_without_properties(_param, [
198
- "className",
199
- "inset"
200
- ]);
201
- return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Label, _object_spread({
202
- ref: ref,
203
- className: cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)
204
- }, props));
205
- });
31
+ const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className), ...props })));
206
32
  DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
207
- var DropdownMenuSeparator = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
208
- var className = _param.className, props = _object_without_properties(_param, [
209
- "className"
210
- ]);
211
- return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Separator, _object_spread({
212
- ref: ref,
213
- className: cn('-mx-1 my-1 h-px bg-zinc-100 dark:bg-zinc-800', className)
214
- }, props));
215
- });
33
+ const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn('-mx-1 my-1 h-px bg-zinc-100 dark:bg-zinc-800', className), ...props })));
216
34
  DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
217
- var DropdownMenuShortcut = function(_param) {
218
- var className = _param.className, props = _object_without_properties(_param, [
219
- "className"
220
- ]);
221
- return /*#__PURE__*/ _jsx(Text, _object_spread({
222
- className: cn('ml-auto text-xs tracking-widest opacity-60', className)
223
- }, props));
35
+ const DropdownMenuShortcut = ({ className, ...props }) => {
36
+ return (_jsx(Text, { className: cn('ml-auto text-xs tracking-widest opacity-60', className), ...props }));
224
37
  };
225
38
  DropdownMenuShortcut.displayName = 'DropdownMenuShortcut';
226
- export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
39
+ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
40
+ //# sourceMappingURL=Dropdown.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
@@ -1,119 +1,32 @@
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 ownKeys(object, enumerableOnly) {
30
- var keys = Object.keys(object);
31
- if (Object.getOwnPropertySymbols) {
32
- var symbols = Object.getOwnPropertySymbols(object);
33
- if (enumerableOnly) {
34
- symbols = symbols.filter(function(sym) {
35
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
- });
37
- }
38
- keys.push.apply(keys, symbols);
39
- }
40
- return keys;
41
- }
42
- function _object_spread_props(target, source) {
43
- source = source != null ? source : {};
44
- if (Object.getOwnPropertyDescriptors) {
45
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
- } else {
47
- ownKeys(Object(source)).forEach(function(key) {
48
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
- });
50
- }
51
- return target;
52
- }
53
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
54
2
  import Box from '../box/Box';
55
3
  import Text from '../text/Text';
56
4
  import { cn } from '../utils';
57
- import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger } from './Dropdown';
58
- var meta = {
5
+ import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, } from './Dropdown';
6
+ const meta = {
59
7
  title: ' Dropdown Menu',
60
- component: DropdownMenu
8
+ component: DropdownMenu,
61
9
  };
62
10
  export default meta;
63
- var items = [
64
- {
65
- label: 'Not Cliclable'
66
- },
67
- {
68
- label: 'Item 1',
69
- value: 'Item 1'
70
- },
71
- {
72
- label: 'Item 2',
73
- value: 'Item 2'
74
- },
75
- {
76
- label: 'Item 3',
77
- value: 'Item 3'
78
- },
79
- {
80
- label: 'Disabled',
81
- value: 'Item 3',
82
- isDisabled: true
83
- }
11
+ const items = [
12
+ { label: 'Not Cliclable' },
13
+ { label: 'Item 1', value: 'Item 1' },
14
+ { label: 'Item 2', value: 'Item 2' },
15
+ { label: 'Item 3', value: 'Item 3' },
16
+ { label: 'Disabled', value: 'Item 3', isDisabled: true },
84
17
  ];
85
- export var Example = {
86
- render: function() {
87
- return /*#__PURE__*/ _jsxs(DropdownMenu, {
88
- children: [
89
- /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
90
- asChild: true,
91
- children: /*#__PURE__*/ _jsx(Text, {
92
- children: "List"
93
- })
94
- }),
95
- /*#__PURE__*/ _jsx(DropdownMenuContent, {
96
- className: "w-56 p-0 rounded-none",
97
- children: /*#__PURE__*/ _jsx(DropdownMenuGroup, {
98
- children: items === null || items === void 0 ? void 0 : items.map(function(param) {
99
- var label = param.label, value = param.value, isDisabled = param.isDisabled;
100
- return /*#__PURE__*/ _jsx(DropdownMenuItem, {
101
- className: "p-0 rounded-none",
102
- children: /*#__PURE__*/ _jsx(Box, _object_spread_props(_object_spread({
103
- className: cn('text-center px-4 py-2 rounded-none w-full h-full', isDisabled || !value ? 'text-primary3' : 'bg-white text-black hover:bg-black hover:text-white')
104
- }, !!value && !isDisabled ? {
105
- as: 'button',
106
- onClick: function() {
107
- alert("You pressed ".concat(value));
18
+ export const Example = {
19
+ render: () => {
20
+ return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Text, { children: "List" }) }), _jsx(DropdownMenuContent, { className: "w-56 p-0 rounded-none", children: _jsx(DropdownMenuGroup, { children: items?.map(({ label, value, isDisabled }) => (_jsx(DropdownMenuItem, { className: "p-0 rounded-none", children: _jsx(Box, { className: cn('text-center px-4 py-2 rounded-none w-full h-full', isDisabled || !value
21
+ ? 'text-primary3'
22
+ : 'bg-white text-black hover:bg-black hover:text-white'), ...(!!value && !isDisabled
23
+ ? {
24
+ as: 'button',
25
+ onClick: () => {
26
+ alert(`You pressed ${value}`);
27
+ },
108
28
  }
109
- } : {}), {
110
- children: label
111
- }))
112
- }, label);
113
- })
114
- })
115
- })
116
- ]
117
- });
118
- }
29
+ : {}), children: label }) }, label))) }) })] }));
30
+ },
119
31
  };
32
+ //# sourceMappingURL=Dropdown.stories.js.map
@@ -1,145 +1,9 @@
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 ownKeys(object, enumerableOnly) {
30
- var keys = Object.keys(object);
31
- if (Object.getOwnPropertySymbols) {
32
- var symbols = Object.getOwnPropertySymbols(object);
33
- if (enumerableOnly) {
34
- symbols = symbols.filter(function(sym) {
35
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
- });
37
- }
38
- keys.push.apply(keys, symbols);
39
- }
40
- return keys;
41
- }
42
- function _object_spread_props(target, source) {
43
- source = source != null ? source : {};
44
- if (Object.getOwnPropertyDescriptors) {
45
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
- } else {
47
- ownKeys(Object(source)).forEach(function(key) {
48
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
- });
50
- }
51
- return target;
52
- }
53
- function _object_without_properties(source, excluded) {
54
- if (source == null) return {};
55
- var target = _object_without_properties_loose(source, excluded);
56
- var key, i;
57
- if (Object.getOwnPropertySymbols) {
58
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
59
- for(i = 0; i < sourceSymbolKeys.length; i++){
60
- key = sourceSymbolKeys[i];
61
- if (excluded.indexOf(key) >= 0) continue;
62
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
63
- target[key] = source[key];
64
- }
65
- }
66
- return target;
67
- }
68
- function _object_without_properties_loose(source, excluded) {
69
- if (source == null) return {};
70
- var target = {};
71
- var sourceKeys = Object.keys(source);
72
- var key, i;
73
- for(i = 0; i < sourceKeys.length; i++){
74
- key = sourceKeys[i];
75
- if (excluded.indexOf(key) >= 0) continue;
76
- target[key] = source[key];
77
- }
78
- return target;
79
- }
80
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
81
2
  import * as React from 'react';
82
3
  import { cn } from '../utils';
83
- var FieldWrapper = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
84
- var children = _param.children, htmlFor = _param.htmlFor, label = _param.label, helperText = _param.helperText, showRequired = _param.showRequired, showOptional = _param.showOptional, outerPrefix = _param.outerPrefix, outerSuffix = _param.outerSuffix, error = _param.error, className = _param.className, props = _object_without_properties(_param, [
85
- "children",
86
- "htmlFor",
87
- "label",
88
- "helperText",
89
- "showRequired",
90
- "showOptional",
91
- "outerPrefix",
92
- "outerSuffix",
93
- "error",
94
- "className"
95
- ]);
96
- return /*#__PURE__*/ _jsxs("div", _object_spread_props(_object_spread({
97
- ref: ref,
98
- className: cn('flex flex-col gap-2 w-full', className)
99
- }, props), {
100
- children: [
101
- label && /*#__PURE__*/ _jsxs("label", {
102
- htmlFor: htmlFor,
103
- className: "inline-flex items-center gap-x-0 text-sm leading-none cursor-text",
104
- children: [
105
- typeof label === 'string' ? /*#__PURE__*/ _jsx("span", {
106
- className: "text-primary3 tracking-normal uppercase",
107
- children: label
108
- }) : label,
109
- showRequired && !!label && /*#__PURE__*/ _jsx("span", {
110
- className: "text-alert4",
111
- children: "*"
112
- }),
113
- showOptional ? typeof showOptional === 'string' ? /*#__PURE__*/ _jsx("span", {
114
- className: "text-xs text-primary2 pl-2 uppercase",
115
- children: showOptional
116
- }) : /*#__PURE__*/ _jsx("span", {
117
- className: "text-xs text-primary2 pl-2 uppercase",
118
- children: "(optional)"
119
- }) : null
120
- ]
121
- }),
122
- /*#__PURE__*/ _jsxs("div", {
123
- className: "flex items-center gap-2",
124
- children: [
125
- outerPrefix,
126
- children,
127
- outerSuffix
128
- ]
129
- }),
130
- !!error && /*#__PURE__*/ _jsxs("p", {
131
- className: "text-alert4 text-sm tracking-normal leading-none pl-3",
132
- children: [
133
- "⚠ ",
134
- error
135
- ]
136
- }),
137
- !!helperText && /*#__PURE__*/ _jsx("p", {
138
- className: "text-xs leading-none",
139
- children: helperText
140
- })
141
- ]
142
- }));
4
+ const FieldWrapper = React.forwardRef(({ children, htmlFor, label, helperText, showRequired, showOptional, outerPrefix, outerSuffix, error, className, ...props }, ref) => {
5
+ return (_jsxs("div", { ref: ref, className: cn('flex flex-col gap-2 w-full', className), ...props, children: [label && (_jsxs("label", { htmlFor: htmlFor, className: "inline-flex items-center gap-x-0 text-sm leading-none cursor-text", children: [typeof label === 'string' ? (_jsx("span", { className: "text-primary3 tracking-normal uppercase", children: label })) : (label), showRequired && !!label && _jsx("span", { className: "text-alert4", children: "*" }), showOptional ? (typeof showOptional === 'string' ? (_jsx("span", { className: "text-xs text-primary2 pl-2 uppercase", children: showOptional })) : (_jsx("span", { className: "text-xs text-primary2 pl-2 uppercase", children: "(optional)" }))) : null] })), _jsxs("div", { className: "flex items-center gap-2", children: [outerPrefix, children, outerSuffix] }), !!error && (_jsxs("p", { className: "text-alert4 text-sm tracking-normal leading-none pl-3", children: ["\u26A0 ", error] })), !!helperText && _jsx("p", { className: "text-xs leading-none", children: helperText })] }));
143
6
  });
144
7
  FieldWrapper.displayName = 'FieldWrapper';
145
8
  export default FieldWrapper;
9
+ //# sourceMappingURL=FieldWrapper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../src/field-wrapper/FieldWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAiB7B,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACpC,CACC,EACC,QAAQ,EACR,OAAO,EACP,KAAK,EACL,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACR,EACD,GAAG,EACF,EAAE;IACH,OAAO,CACN,eACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,aAER,KAAK,IAAI,CACT,iBACC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,mEAAmE,aAE5E,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,eAAM,SAAS,EAAC,yCAAyC,YACvD,KAAK,GACA,CACP,CAAC,CAAC,CAAC,CACH,KAAK,CACL,EACA,YAAY,IAAI,CAAC,CAAC,KAAK,IAAI,eAAM,SAAS,EAAC,aAAa,kBAAS,EACjE,YAAY,CAAC,CAAC,CAAC,CACf,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClC,eAAM,SAAS,EAAC,sCAAsC,YACpD,YAAY,GACP,CACP,CAAC,CAAC,CAAC,CACH,eAAM,SAAS,EAAC,sCAAsC,2BAE/C,CACP,CACD,CAAC,CAAC,CAAC,IAAI,IACD,CACR,EACD,eAAK,SAAS,EAAC,yBAAyB,aACtC,WAAW,EACX,QAAQ,EACR,WAAW,IACP,EACL,CAAC,CAAC,KAAK,IAAI,YAAG,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAK,EACtE,CAAC,CAAC,UAAU,IAAI,YAAG,SAAS,EAAC,sBAAsB,YAAE,UAAU,GAAK,IAChE,CACN,CAAA;AACF,CAAC,CACD,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../src/field-wrapper/FieldWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAiB7B,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACpC,CACC,EACC,QAAQ,EACR,OAAO,EACP,KAAK,EACL,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACR,EACD,GAAG,EACF,EAAE;IACH,OAAO,CACN,eACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,aAER,KAAK,IAAI,CACT,iBACC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,mEAAmE,aAE5E,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,eAAM,SAAS,EAAC,yCAAyC,YACvD,KAAK,GACA,CACP,CAAC,CAAC,CAAC,CACH,KAAK,CACL,EACA,YAAY,IAAI,CAAC,CAAC,KAAK,IAAI,eAAM,SAAS,EAAC,aAAa,kBAAS,EACjE,YAAY,CAAC,CAAC,CAAC,CACf,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,CAClC,eAAM,SAAS,EAAC,sCAAsC,YACpD,YAAY,GACP,CACP,CAAC,CAAC,CAAC,CACH,eAAM,SAAS,EAAC,sCAAsC,2BAE/C,CACP,CACD,CAAC,CAAC,CAAC,IAAI,IACD,CACR,EACD,eAAK,SAAS,EAAC,yBAAyB,aACtC,WAAW,EACX,QAAQ,EACR,WAAW,IACP,EACL,CAAC,CAAC,KAAK,IAAI,CACX,aAAG,SAAS,EAAC,uDAAuD,wBAChE,KAAK,IACL,CACJ,EACA,CAAC,CAAC,UAAU,IAAI,YAAG,SAAS,EAAC,sBAAsB,YAAE,UAAU,GAAK,IAChE,CACN,CAAA;AACF,CAAC,CACD,CAAA;AACD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,eAAe,YAAY,CAAA"}