@driveflux/beam 3.0.8 → 3.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 (222) 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 +19 -120
  4. package/dist/alert/Alert.stories.js +15 -50
  5. package/dist/animations/LoadingAnimation.js +21 -34
  6. package/dist/badge/Badge.js +7 -96
  7. package/dist/badge/Badge.stories.js +7 -28
  8. package/dist/box/Box.js +3 -87
  9. package/dist/box/Box.stories.js +7 -8
  10. package/dist/breadcrumbs/Breadcrumbs.js +28 -288
  11. package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
  12. package/dist/button/Button.js +16 -128
  13. package/dist/button/Button.js.map +1 -1
  14. package/dist/button/Button.stories.js +7 -35
  15. package/dist/button/TextButton.js +11 -106
  16. package/dist/button/TextButton.js.map +1 -1
  17. package/dist/card/Card.js +7 -109
  18. package/dist/card/Card.stories.js +7 -10
  19. package/dist/carousel/Carousel.js +58 -281
  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/datepicker/DatePicker.js +90 -234
  32. package/dist/datepicker/DatePicker.stories.js +58 -163
  33. package/dist/datepicker/DatePickerDrawer.js +17 -116
  34. package/dist/datepicker/DatePickerPopover.js +35 -208
  35. package/dist/datepicker/constants.js +4 -3
  36. package/dist/datepicker/utils.js +11 -4
  37. package/dist/dialog/index.js +33 -180
  38. package/dist/divider/Divider.js +3 -63
  39. package/dist/divider/Divider.stories.js +7 -13
  40. package/dist/drawer/index.js +12 -157
  41. package/dist/dropdown/Dropdown.js +26 -212
  42. package/dist/dropdown/Dropdown.stories.js +22 -109
  43. package/dist/field-wrapper/FieldWrapper.js +3 -139
  44. package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
  45. package/dist/flex/Flex.js +3 -63
  46. package/dist/flex/Flex.stories.js +7 -19
  47. package/dist/grid/Grid.js +3 -63
  48. package/dist/grid/Grid.stories.js +7 -28
  49. package/dist/hooks/use-breakpoint-value.js +14 -77
  50. package/dist/hooks/use-media-query.js +12 -61
  51. package/dist/hstack/HStack.js +3 -63
  52. package/dist/hstack/HStack.stories.js +7 -19
  53. package/dist/icons/FluxLogo.js +9 -213
  54. package/dist/icons/FluxLogoTable.js +5 -109
  55. package/dist/icons/Icon.js +7 -108
  56. package/dist/icons/Icon.stories.js +7 -12
  57. package/dist/icons/Icon24Hours.js +5 -83
  58. package/dist/icons/IconAcceleration.js +4 -72
  59. package/dist/icons/IconAccount.js +4 -72
  60. package/dist/icons/IconApplicant.js +5 -78
  61. package/dist/icons/IconArrow.js +6 -78
  62. package/dist/icons/IconArrowBack.js +4 -72
  63. package/dist/icons/IconArrowForward.js +4 -72
  64. package/dist/icons/IconArrowTopLeft.js +4 -70
  65. package/dist/icons/IconBluesharkProductGuide.js +5 -80
  66. package/dist/icons/IconBolt.js +4 -72
  67. package/dist/icons/IconBriefcase.js +4 -72
  68. package/dist/icons/IconBulb.js +4 -72
  69. package/dist/icons/IconCalendar.js +4 -72
  70. package/dist/icons/IconCalendarArrowBack.js +4 -72
  71. package/dist/icons/IconCalendarArrowForward.js +4 -72
  72. package/dist/icons/IconCalendarDoubleArrowBack.js +4 -72
  73. package/dist/icons/IconCalendarDoubleArrowForward.js +4 -72
  74. package/dist/icons/IconCancel.js +5 -77
  75. package/dist/icons/IconCancelMark.js +4 -72
  76. package/dist/icons/IconCarSUV.js +4 -72
  77. package/dist/icons/IconCarSedan.js +7 -147
  78. package/dist/icons/IconChain.js +5 -79
  79. package/dist/icons/IconCheckmark.js +4 -72
  80. package/dist/icons/IconChevronRight.js +4 -72
  81. package/dist/icons/IconCircle.js +11 -114
  82. package/dist/icons/IconCircleCheckmark.js +5 -77
  83. package/dist/icons/IconCircleError.js +4 -72
  84. package/dist/icons/IconCircleExclamation.js +6 -104
  85. package/dist/icons/IconCircleMark.js +5 -78
  86. package/dist/icons/IconCircleOutline.js +5 -139
  87. package/dist/icons/IconClock.js +5 -80
  88. package/dist/icons/IconClose.js +4 -72
  89. package/dist/icons/IconCollapseAll.js +5 -94
  90. package/dist/icons/IconConcierge.js +5 -79
  91. package/dist/icons/IconConciergeService.js +5 -87
  92. package/dist/icons/IconCreditCard.js +5 -78
  93. package/dist/icons/IconDash.js +4 -72
  94. package/dist/icons/IconDeliver.js +4 -72
  95. package/dist/icons/IconDelivery.js +5 -87
  96. package/dist/icons/IconDetails.js +4 -72
  97. package/dist/icons/IconDot.js +6 -87
  98. package/dist/icons/IconDownload.js +5 -79
  99. package/dist/icons/IconEVCharging.js +5 -79
  100. package/dist/icons/IconElectricCarFuel.js +5 -80
  101. package/dist/icons/IconEllipsis.js +5 -78
  102. package/dist/icons/IconEnvelope.js +4 -72
  103. package/dist/icons/IconExpandAll.js +5 -94
  104. package/dist/icons/IconEye.js +5 -79
  105. package/dist/icons/IconFacebook.js +6 -94
  106. package/dist/icons/IconFilter.js +5 -83
  107. package/dist/icons/IconFlagMalaysia.js +5 -141
  108. package/dist/icons/IconGiveKey.js +5 -79
  109. package/dist/icons/IconGlobe.js +4 -70
  110. package/dist/icons/IconGoogle.js +5 -87
  111. package/dist/icons/IconHome.js +5 -78
  112. package/dist/icons/IconHostAdvertise.js +4 -72
  113. package/dist/icons/IconHostCar.js +4 -75
  114. package/dist/icons/IconHostCash.js +5 -91
  115. package/dist/icons/IconHostHandle.js +4 -70
  116. package/dist/icons/IconHostLocation.js +4 -70
  117. package/dist/icons/IconHostPayment.js +5 -91
  118. package/dist/icons/IconHostService.js +5 -79
  119. package/dist/icons/IconHotDeals.js +4 -72
  120. package/dist/icons/IconInfo.js +5 -77
  121. package/dist/icons/IconInstagram.js +4 -72
  122. package/dist/icons/IconInsurance.js +5 -99
  123. package/dist/icons/IconInternet.js +4 -73
  124. package/dist/icons/IconInventory.js +5 -78
  125. package/dist/icons/IconLaurel.js +5 -101
  126. package/dist/icons/IconLinkedIn.js +4 -72
  127. package/dist/icons/IconLoading.js +4 -78
  128. package/dist/icons/IconLocation.js +5 -80
  129. package/dist/icons/IconLock.js +4 -73
  130. package/dist/icons/IconLogistics.js +4 -72
  131. package/dist/icons/IconMail.js +5 -94
  132. package/dist/icons/IconMember.js +5 -78
  133. package/dist/icons/IconMobilePen.js +5 -83
  134. package/dist/icons/IconMotorcycleMoped.js +5 -78
  135. package/dist/icons/IconNoCost.js +5 -92
  136. package/dist/icons/IconPDF.js +5 -80
  137. package/dist/icons/IconPencil.js +4 -70
  138. package/dist/icons/IconPhone.js +4 -70
  139. package/dist/icons/IconPlus.js +4 -72
  140. package/dist/icons/IconPricing.js +4 -72
  141. package/dist/icons/IconProtected.js +4 -71
  142. package/dist/icons/IconPsychology.js +4 -72
  143. package/dist/icons/IconQuestionTooltip.js +4 -73
  144. package/dist/icons/IconQuote.js +4 -72
  145. package/dist/icons/IconRate.js +4 -71
  146. package/dist/icons/IconRegister.js +5 -99
  147. package/dist/icons/IconReport.js +6 -89
  148. package/dist/icons/IconReturn.js +4 -72
  149. package/dist/icons/IconSearch.js +4 -70
  150. package/dist/icons/IconSecure.js +4 -71
  151. package/dist/icons/IconSecurity.js +4 -73
  152. package/dist/icons/IconSedanOutline.js +5 -159
  153. package/dist/icons/IconSelectArrow.js +6 -78
  154. package/dist/icons/IconSort.js +5 -79
  155. package/dist/icons/IconSortListed.js +5 -95
  156. package/dist/icons/IconSortPriceAscending.js +5 -83
  157. package/dist/icons/IconSortPriceDescending.js +5 -83
  158. package/dist/icons/IconSortYear.js +5 -79
  159. package/dist/icons/IconSpan.js +4 -71
  160. package/dist/icons/IconSpeaker.js +4 -79
  161. package/dist/icons/IconSpecialCar.js +5 -95
  162. package/dist/icons/IconStar.js +7 -92
  163. package/dist/icons/IconStockPhoto.js +5 -95
  164. package/dist/icons/IconSubscription.js +6 -113
  165. package/dist/icons/IconSubscriptions.js +6 -113
  166. package/dist/icons/IconSwap.js +5 -79
  167. package/dist/icons/IconTax.js +4 -72
  168. package/dist/icons/IconThinArrow.js +6 -78
  169. package/dist/icons/IconThumbsdown.js +5 -78
  170. package/dist/icons/IconThumbsup.js +5 -78
  171. package/dist/icons/IconTool.js +4 -72
  172. package/dist/icons/IconTooltip.js +4 -73
  173. package/dist/icons/IconTrash.js +4 -72
  174. package/dist/icons/IconTriangleExclamation.js +4 -72
  175. package/dist/icons/IconTyersBrakes.js +5 -83
  176. package/dist/icons/IconTyre.js +5 -83
  177. package/dist/icons/IconVacancy.js +5 -78
  178. package/dist/icons/IconVolunteer.js +4 -72
  179. package/dist/icons/IconWhatsapp.js +4 -73
  180. package/dist/icons/IconXPlatform.js +4 -72
  181. package/dist/icons/IconZeroEffort.js +5 -77
  182. package/dist/icons/Logo.js +3 -99
  183. package/dist/input/Input.js +11 -125
  184. package/dist/input/Input.stories.js +18 -17
  185. package/dist/input-mask/InputMask.js +11 -149
  186. package/dist/input-mask/InputMask.stories.js +6 -5
  187. package/dist/input-mask/mask-trackers.js +5 -4
  188. package/dist/input-select/InputSelect.js +68 -357
  189. package/dist/input-select/InputSelect.stories.js +25 -98
  190. package/dist/popover/popover.js +4 -72
  191. package/dist/progress/Progress.js +2 -96
  192. package/dist/progress/Progress.stories.js +14 -13
  193. package/dist/radio/Radio.js +4 -163
  194. package/dist/scroll-area/scroll-area.js +5 -113
  195. package/dist/search-input-select/SearchInputSelect.js +69 -346
  196. package/dist/select/Select.js +29 -315
  197. package/dist/select/Select.stories.js +19 -55
  198. package/dist/skeleton/Skeleton.js +3 -62
  199. package/dist/skeleton/Skeleton.stories.js +7 -8
  200. package/dist/slider/Slider.js +5 -106
  201. package/dist/slider/Slider.stories.js +11 -12
  202. package/dist/stack/Stack.js +3 -63
  203. package/dist/stack/Stack.stories.js +7 -19
  204. package/dist/table/Table.js +10 -131
  205. package/dist/table/Table.stories.js +8 -84
  206. package/dist/tabs/Tabs.js +9 -128
  207. package/dist/tabs/Tabs.stories.js +13 -46
  208. package/dist/text/Text.js +6 -88
  209. package/dist/text/Text.js.map +1 -1
  210. package/dist/text/Text.stories.js +7 -44
  211. package/dist/toast/Toast.stories.js +14 -66
  212. package/dist/toast/ToastBox.js +29 -77
  213. package/dist/toast/index.js +1 -0
  214. package/dist/toast/sonner.js +6 -66
  215. package/dist/toggle/Toggle.js +7 -116
  216. package/dist/toggle/Toggle.stories.js +8 -10
  217. package/dist/tooltip/Tooltip.js +12 -151
  218. package/dist/tooltip/Tooltip.stories.js +13 -71
  219. package/dist/utils.js +2 -4
  220. package/dist/vstack/VStack.js +3 -63
  221. package/dist/vstack/VStack.stories.js +7 -19
  222. package/package.json +2 -2
@@ -1,144 +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
- 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
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
1
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
81
2
  import { Slot } from '@radix-ui/react-slot';
82
3
  import { cva } from 'class-variance-authority';
83
4
  import * as React from 'react';
84
- import LoadingAnimation from '../animations/LoadingAnimation.js';
85
- import Box from '../box/Box.js';
86
- import HStack from '../hstack/HStack.js';
87
- import { cn } from '../utils.js';
88
- var buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-sm md:text-base px-6 py-3 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-[0.5px] lg:tracking-wide disabled:pointer-events-none disabled:opacity-30 ', {
5
+ import LoadingAnimation from '../animations/LoadingAnimation';
6
+ import Box from '../box/Box';
7
+ import HStack from '../hstack/HStack';
8
+ import { cn } from '../utils';
9
+ const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-sm md:text-base px-6 py-3 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-[0.5px] lg:tracking-wide disabled:pointer-events-none disabled:opacity-30 ', {
89
10
  variants: {
90
11
  variant: {
91
12
  outline: 'border border-black bg-white text-black hover:text-white hover:bg-black',
92
- 'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white'
13
+ 'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white',
93
14
  },
94
15
  colorScheme: {
95
16
  default: 'bg-black',
96
17
  accent: 'bg-accent-500 hover:bg-accent4',
97
18
  link: 'bg-links hover:bg-links2',
98
19
  warning: 'bg-warning4 hover:bg-warning-500',
99
- success: 'bg-success-200 hover:bg-success4'
100
- }
101
- }
20
+ success: 'bg-success-200 hover:bg-success4',
21
+ },
22
+ },
102
23
  });
103
- var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
104
- var className = _param.className, variant = _param.variant, colorScheme = _param.colorScheme, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, leftIcon = _param.leftIcon, rightIcon = _param.rightIcon, isDisabled = _param.isDisabled, isLoading = _param.isLoading, children = _param.children, props = _object_without_properties(_param, [
105
- "className",
106
- "variant",
107
- "colorScheme",
108
- "asChild",
109
- "leftIcon",
110
- "rightIcon",
111
- "isDisabled",
112
- "isLoading",
113
- "children"
114
- ]);
115
- var Comp = asChild ? Slot : 'button';
116
- return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
117
- className: cn('min-w-32 rounded-lg', buttonVariants({
118
- variant: variant,
119
- colorScheme: colorScheme,
120
- className: className
121
- }), isLoading ? 'disabled:opacity-100!' : ''),
122
- ref: ref,
123
- disabled: isDisabled || isLoading
124
- }, props), {
125
- children: /*#__PURE__*/ _jsx(HStack, {
126
- className: 'gap-2 items-center',
127
- children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {
128
- colorScheme: colorScheme === 'default' || colorScheme === undefined ? 'default' : 'white'
129
- }) : /*#__PURE__*/ _jsxs(_Fragment, {
130
- children: [
131
- leftIcon && /*#__PURE__*/ _jsx(Box, {
132
- children: leftIcon
133
- }),
134
- children,
135
- rightIcon && /*#__PURE__*/ _jsx(Box, {
136
- children: rightIcon
137
- })
138
- ]
139
- })
140
- })
141
- }));
24
+ const Button = React.forwardRef(({ className, variant, colorScheme, asChild = false, leftIcon, rightIcon, isDisabled, isLoading, children, ...props }, ref) => {
25
+ const Comp = asChild ? Slot : 'button';
26
+ return (_jsx(Comp, { className: cn('min-w-32 rounded-lg', buttonVariants({ variant, colorScheme, className }), isLoading ? 'disabled:opacity-100!' : ''), ref: ref, disabled: isDisabled || isLoading, ...props, children: _jsx(HStack, { className: 'gap-2 items-center', children: isLoading ? (_jsx(LoadingAnimation, { colorScheme: colorScheme === 'default' || colorScheme === undefined
27
+ ? 'default'
28
+ : 'white' })) : (_jsxs(_Fragment, { children: [leftIcon && _jsx(Box, { children: leftIcon }), children, rightIcon && _jsx(Box, { children: rightIcon })] })) }) }));
142
29
  });
143
30
  Button.displayName = 'Button';
144
31
  export default Button;
32
+ //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,MAAM,mCAAmC,CAAA;AAChE,OAAO,GAAG,MAAM,eAAe,CAAA;AAC/B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,MAAM,cAAc,GAAG,GAAG,CACzB,6OAA6O,EAC7O;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,yEAAyE;YAC1E,eAAe,EACd,+EAA+E;SAChF;QACD,WAAW,EAAE;YACZ,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,gCAAgC;YACxC,IAAI,EAAE,0BAA0B;YAChC,OAAO,EAAE,kCAAkC;YAC3C,OAAO,EAAE,kCAAkC;SAC3C;KACD;CACD,CACD,CAAA;AAYD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC9B,CACC,EACC,SAAS,EACT,OAAO,EACP,WAAW,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EACD,GAAG,EACF,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACtC,OAAO,CACN,KAAC,IAAI,IACJ,SAAS,EAAE,EAAE,CACZ,qBAAqB,EACrB,cAAc,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EACnD,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,CACxC,EACD,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,IAAI,SAAS,KAC7B,KAAK,YAET,KAAC,MAAM,IAAC,SAAS,EAAE,oBAAoB,YACrC,SAAS,CAAC,CAAC,CAAC,CACZ,KAAC,gBAAgB,IAChB,WAAW,EACV,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS;oBACrD,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,OAAO,GAEV,CACF,CAAC,CAAC,CAAC,CACH,8BACE,QAAQ,IAAI,KAAC,GAAG,cAAE,QAAQ,GAAO,EACjC,QAAQ,EACR,SAAS,IAAI,KAAC,GAAG,cAAE,SAAS,GAAO,IAClC,CACH,GACO,GACH,CACP,CAAA;AACF,CAAC,CACD,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAC7D,OAAO,GAAG,MAAM,YAAY,CAAA;AAC5B,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAE7B,MAAM,cAAc,GAAG,GAAG,CACzB,6OAA6O,EAC7O;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,yEAAyE;YAC1E,eAAe,EACd,+EAA+E;SAChF;QACD,WAAW,EAAE;YACZ,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,gCAAgC;YACxC,IAAI,EAAE,0BAA0B;YAChC,OAAO,EAAE,kCAAkC;YAC3C,OAAO,EAAE,kCAAkC;SAC3C;KACD;CACD,CACD,CAAA;AAYD,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC9B,CACC,EACC,SAAS,EACT,OAAO,EACP,WAAW,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EACD,GAAG,EACF,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACtC,OAAO,CACN,KAAC,IAAI,IACJ,SAAS,EAAE,EAAE,CACZ,qBAAqB,EACrB,cAAc,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EACnD,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,CACxC,EACD,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,IAAI,SAAS,KAC7B,KAAK,YAET,KAAC,MAAM,IAAC,SAAS,EAAE,oBAAoB,YACrC,SAAS,CAAC,CAAC,CAAC,CACZ,KAAC,gBAAgB,IAChB,WAAW,EACV,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS;oBACrD,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,OAAO,GAEV,CACF,CAAC,CAAC,CAAC,CACH,8BACE,QAAQ,IAAI,KAAC,GAAG,cAAE,QAAQ,GAAO,EACjC,QAAQ,EACR,SAAS,IAAI,KAAC,GAAG,cAAE,SAAS,GAAO,IAClC,CACH,GACO,GACH,CACP,CAAA;AACF,CAAC,CACD,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA"}
@@ -2,41 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import HStack from '../hstack/HStack.js';
3
3
  import IconPlus from '../icons/IconPlus.js';
4
4
  import Button from './Button.js';
5
- var meta = {
6
- component: Button
5
+ const meta = {
6
+ component: Button,
7
7
  };
8
8
  export default meta;
9
- export var ButtonTest = {
10
- render: function() {
11
- return /*#__PURE__*/ _jsxs(HStack, {
12
- children: [
13
- /*#__PURE__*/ _jsx(Button, {
14
- variant: "outline",
15
- leftIcon: /*#__PURE__*/ _jsx(IconPlus, {
16
- size: 16
17
- }),
18
- children: "add payment method"
19
- }),
20
- /*#__PURE__*/ _jsx(Button, {
21
- colorScheme: 'link',
22
- children: "add"
23
- }),
24
- /*#__PURE__*/ _jsx(Button, {
25
- colorScheme: 'warning',
26
- children: "add"
27
- }),
28
- /*#__PURE__*/ _jsx(Button, {
29
- colorScheme: 'accent',
30
- children: "add"
31
- }),
32
- /*#__PURE__*/ _jsx(Button, {
33
- colorScheme: 'success',
34
- children: "add"
35
- }),
36
- /*#__PURE__*/ _jsx(Button, {
37
- children: "dd"
38
- })
39
- ]
40
- });
41
- }
9
+ export const ButtonTest = {
10
+ render: () => {
11
+ return (_jsxs(HStack, { children: [_jsx(Button, { variant: "outline", leftIcon: _jsx(IconPlus, { size: 16 }), children: "add payment method" }), _jsx(Button, { colorScheme: 'link', children: "add" }), _jsx(Button, { colorScheme: 'warning', children: "add" }), _jsx(Button, { colorScheme: 'accent', children: "add" }), _jsx(Button, { colorScheme: 'success', children: "add" }), _jsx(Button, { children: "dd" })] }));
12
+ },
42
13
  };
14
+ //# sourceMappingURL=Button.stories.js.map
@@ -1,119 +1,24 @@
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 } from "react/jsx-runtime";
81
2
  import { Slot } from '@radix-ui/react-slot';
82
3
  import { cva } from 'class-variance-authority';
83
4
  import * as React from 'react';
84
- import LoadingAnimation from '../animations/LoadingAnimation.js';
85
- import { cn } from '../utils.js';
86
- var textButtonVariants = cva('inline cursor-pointer disabled:pointer-events-none disabled:opacity-30 text-base leading-[19.6px] bg-transparent border-0 p-0 m-0', {
5
+ import LoadingAnimation from '../animations/LoadingAnimation';
6
+ import { cn } from '../utils';
7
+ const textButtonVariants = cva('inline cursor-pointer disabled:pointer-events-none disabled:opacity-30 text-base leading-[19.6px] bg-transparent border-0 p-0 m-0', {
87
8
  variants: {
88
9
  variant: {
89
10
  default: 'text-inherit',
90
- link: 'text-links hover:text-[var(--color-links2)]'
91
- }
11
+ link: 'text-links hover:text-[var(--color-links2)]',
12
+ },
92
13
  },
93
14
  defaultVariants: {
94
- variant: 'default'
95
- }
15
+ variant: 'default',
16
+ },
96
17
  });
97
- var TextButton = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
98
- var className = _param.className, variant = _param.variant, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, isDisabled = _param.isDisabled, isLoading = _param.isLoading, children = _param.children, props = _object_without_properties(_param, [
99
- "className",
100
- "variant",
101
- "asChild",
102
- "isDisabled",
103
- "isLoading",
104
- "children"
105
- ]);
106
- var Comp = asChild ? Slot : 'button';
107
- return /*#__PURE__*/ _jsx(Comp, _object_spread_props(_object_spread({
108
- className: cn(textButtonVariants({
109
- variant: variant,
110
- className: className
111
- })),
112
- ref: ref,
113
- disabled: isDisabled || isLoading
114
- }, props), {
115
- children: isLoading ? /*#__PURE__*/ _jsx(LoadingAnimation, {}) : children
116
- }));
18
+ const TextButton = React.forwardRef(({ className, variant, asChild = false, isDisabled, isLoading, children, ...props }, ref) => {
19
+ const Comp = asChild ? Slot : 'button';
20
+ return (_jsx(Comp, { className: cn(textButtonVariants({ variant, className })), ref: ref, disabled: isDisabled || isLoading, ...props, children: isLoading ? _jsx(LoadingAnimation, {}) : children }));
117
21
  });
118
22
  TextButton.displayName = 'TextButton';
119
23
  export default TextButton;
24
+ //# sourceMappingURL=TextButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../src/button/TextButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,MAAM,kBAAkB,GAAG,GAAG,CAC7B,mIAAmI,EACnI;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,6CAA6C;SACnD;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAA;AAQD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACtC,OAAO,CACN,KAAC,IAAI,IACJ,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,EACzD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAA;AACF,CAAC,CACD,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../src/button/TextButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAE7B,MAAM,kBAAkB,GAAG,GAAG,CAC7B,mIAAmI,EACnI;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,6CAA6C;SACnD;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAA;AAUD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CACC,EACC,SAAS,EACT,OAAO,EACP,OAAO,GAAG,KAAK,EACf,UAAU,EACV,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EACD,GAAG,EACF,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IACtC,OAAO,CACN,KAAC,IAAI,IACJ,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,EACzD,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAU,IAAI,SAAS,KAC7B,KAAK,YAER,SAAS,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,QAAQ,GACtC,CACP,CAAA;AACF,CAAC,CACD,CAAA;AACD,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
package/dist/card/Card.js CHANGED
@@ -1,118 +1,16 @@
1
- function _define_property(obj, key, value) {
2
- if (key in obj) {
3
- Object.defineProperty(obj, key, {
4
- value: value,
5
- enumerable: true,
6
- configurable: true,
7
- writable: true
8
- });
9
- } else {
10
- obj[key] = value;
11
- }
12
- return obj;
13
- }
14
- function _object_spread(target) {
15
- for(var i = 1; i < arguments.length; i++){
16
- var source = arguments[i] != null ? arguments[i] : {};
17
- var ownKeys = Object.keys(source);
18
- if (typeof Object.getOwnPropertySymbols === "function") {
19
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
- }));
22
- }
23
- ownKeys.forEach(function(key) {
24
- _define_property(target, key, source[key]);
25
- });
26
- }
27
- return target;
28
- }
29
- function _object_without_properties(source, excluded) {
30
- if (source == null) return {};
31
- var target = _object_without_properties_loose(source, excluded);
32
- var key, i;
33
- if (Object.getOwnPropertySymbols) {
34
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
35
- for(i = 0; i < sourceSymbolKeys.length; i++){
36
- key = sourceSymbolKeys[i];
37
- if (excluded.indexOf(key) >= 0) continue;
38
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
39
- target[key] = source[key];
40
- }
41
- }
42
- return target;
43
- }
44
- function _object_without_properties_loose(source, excluded) {
45
- if (source == null) return {};
46
- var target = {};
47
- var sourceKeys = Object.keys(source);
48
- var key, i;
49
- for(i = 0; i < sourceKeys.length; i++){
50
- key = sourceKeys[i];
51
- if (excluded.indexOf(key) >= 0) continue;
52
- target[key] = source[key];
53
- }
54
- return target;
55
- }
56
1
  import { jsx as _jsx } from "react/jsx-runtime";
57
2
  import * as React from 'react';
58
3
  import { cn } from '../utils';
59
- export var Card = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
60
- var className = _param.className, props = _object_without_properties(_param, [
61
- "className"
62
- ]);
63
- return /*#__PURE__*/ _jsx("div", _object_spread({
64
- ref: ref,
65
- className: cn('transition-all duration-200 ease-in-out rounded-none shadow-md hover:shadow-lg', className)
66
- }, props));
67
- });
4
+ export const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('transition-all duration-200 ease-in-out rounded-none shadow-md hover:shadow-lg', className), ...props })));
68
5
  Card.displayName = 'Card';
69
- export var CardHeader = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
70
- var className = _param.className, props = _object_without_properties(_param, [
71
- "className"
72
- ]);
73
- return /*#__PURE__*/ _jsx("div", _object_spread({
74
- ref: ref,
75
- className: cn('flex flex-col space-y-1.5 p-6', className)
76
- }, props));
77
- });
6
+ export const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex flex-col space-y-1.5 p-6', className), ...props })));
78
7
  CardHeader.displayName = 'CardHeader';
79
- export var CardTitle = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
80
- var className = _param.className, props = _object_without_properties(_param, [
81
- "className"
82
- ]);
83
- return /*#__PURE__*/ _jsx("h3", _object_spread({
84
- ref: ref,
85
- className: cn('text-2xl font-semibold leading-none tracking-tight', className)
86
- }, props));
87
- });
8
+ export const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn('text-2xl font-semibold leading-none tracking-tight', className), ...props })));
88
9
  CardTitle.displayName = 'CardTitle';
89
- export var CardDescription = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
90
- var className = _param.className, props = _object_without_properties(_param, [
91
- "className"
92
- ]);
93
- return /*#__PURE__*/ _jsx("p", _object_spread({
94
- ref: ref,
95
- className: cn('text-sm text-zinc-500 dark:text-zinc-400', className)
96
- }, props));
97
- });
10
+ export const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn('text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
98
11
  CardDescription.displayName = 'CardDescription';
99
- export var CardContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
100
- var className = _param.className, props = _object_without_properties(_param, [
101
- "className"
102
- ]);
103
- return /*#__PURE__*/ _jsx("div", _object_spread({
104
- ref: ref,
105
- className: className
106
- }, props));
107
- });
12
+ export const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: className, ...props })));
108
13
  CardContent.displayName = 'CardContent';
109
- export var CardFooter = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
110
- var className = _param.className, props = _object_without_properties(_param, [
111
- "className"
112
- ]);
113
- return /*#__PURE__*/ _jsx("div", _object_spread({
114
- ref: ref,
115
- className: cn('flex items-center', className)
116
- }, props));
117
- });
14
+ export const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center', className), ...props })));
118
15
  CardFooter.displayName = 'CardFooter';
16
+ //# sourceMappingURL=Card.js.map
@@ -1,15 +1,12 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Card, CardContent } from './Card';
3
- var meta = {
4
- component: Card
3
+ const meta = {
4
+ component: Card,
5
5
  };
6
6
  export default meta;
7
- export var FirstStory = {
8
- render: function() {
9
- return /*#__PURE__*/ _jsx(Card, {
10
- children: /*#__PURE__*/ _jsx(CardContent, {
11
- children: "hello"
12
- })
13
- });
14
- }
7
+ export const FirstStory = {
8
+ render: () => {
9
+ return (_jsx(Card, { children: _jsx(CardContent, { children: "hello" }) }));
10
+ },
15
11
  };
12
+ //# sourceMappingURL=Card.stories.js.map