@driveflux/beam 1.9.14 → 1.9.16

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 (250) hide show
  1. package/dist/accordion/Accordion.js +133 -7
  2. package/dist/accordion/Accordion.stories.js +31 -11
  3. package/dist/alert/Alert.js +110 -14
  4. package/dist/alert/Alert.stories.js +50 -15
  5. package/dist/animations/LoadingAnimation.js +34 -21
  6. package/dist/badge/Badge.js +96 -7
  7. package/dist/badge/Badge.stories.js +28 -7
  8. package/dist/box/Box.d.ts +1 -1
  9. package/dist/box/Box.d.ts.map +1 -1
  10. package/dist/box/Box.js +87 -3
  11. package/dist/box/Box.stories.js +8 -7
  12. package/dist/breadcrumbs/Breadcrumbs.js +288 -28
  13. package/dist/breadcrumbs/Breadcrumbs.stories.js +51 -27
  14. package/dist/button/Button.d.ts +1 -1
  15. package/dist/button/Button.js +124 -12
  16. package/dist/button/Button.js.map +1 -1
  17. package/dist/button/Button.stories.js +35 -7
  18. package/dist/card/Card.js +109 -7
  19. package/dist/card/Card.stories.js +10 -7
  20. package/dist/carousel/Carousel.js +279 -58
  21. package/dist/carousel/Carousel.stories.js +39 -7
  22. package/dist/carousel/CarouselButton.js +68 -7
  23. package/dist/center/Center.js +63 -3
  24. package/dist/center/Center.stories.js +19 -7
  25. package/dist/checkbox/Checkbox.js +115 -4
  26. package/dist/checkbox/Checkbox.stories.js +10 -8
  27. package/dist/chip/Chip.js +104 -3
  28. package/dist/chip/Chip.stories.js +19 -7
  29. package/dist/circular-progress/CircularProgress.js +150 -11
  30. package/dist/circular-progress/CircularProgress.stories.js +54 -14
  31. package/dist/command/command.js +170 -13
  32. package/dist/datepicker/DatePicker.d.ts +20 -2
  33. package/dist/datepicker/DatePicker.d.ts.map +1 -1
  34. package/dist/datepicker/DatePicker.js +133 -77
  35. package/dist/datepicker/DatePicker.stories.js +144 -48
  36. package/dist/datepicker/DatePickerDrawer.d.ts +6 -0
  37. package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -0
  38. package/dist/datepicker/DatePickerDrawer.js +112 -0
  39. package/dist/datepicker/DatePickerDrawer.js.map +1 -0
  40. package/dist/datepicker/DatePickerPopover.d.ts +6 -0
  41. package/dist/datepicker/DatePickerPopover.d.ts.map +1 -0
  42. package/dist/datepicker/DatePickerPopover.js +222 -0
  43. package/dist/datepicker/DatePickerPopover.js.map +1 -0
  44. package/dist/datepicker/constants.d.ts +4 -0
  45. package/dist/datepicker/constants.d.ts.map +1 -0
  46. package/dist/datepicker/constants.js +3 -0
  47. package/dist/datepicker/constants.js.map +1 -0
  48. package/dist/datepicker/utils.d.ts +3 -0
  49. package/dist/datepicker/utils.d.ts.map +1 -0
  50. package/dist/datepicker/utils.js +8 -0
  51. package/dist/datepicker/utils.js.map +1 -0
  52. package/dist/dialog/index.js +144 -12
  53. package/dist/divider/Divider.js +63 -3
  54. package/dist/divider/Divider.stories.js +13 -7
  55. package/dist/drawer/index.d.ts +3 -1
  56. package/dist/drawer/index.d.ts.map +1 -1
  57. package/dist/drawer/index.js +157 -12
  58. package/dist/dropdown/Dropdown.js +212 -26
  59. package/dist/dropdown/Dropdown.stories.js +109 -22
  60. package/dist/field-wrapper/FieldWrapper.js +136 -3
  61. package/dist/field-wrapper/FieldWrapper.stories.js +124 -28
  62. package/dist/flex/Flex.js +63 -3
  63. package/dist/flex/Flex.stories.js +19 -7
  64. package/dist/grid/Grid.js +63 -3
  65. package/dist/grid/Grid.stories.js +28 -7
  66. package/dist/hooks/use-breakpoint-value.js +77 -14
  67. package/dist/hooks/use-media-query.js +61 -12
  68. package/dist/hstack/HStack.js +63 -3
  69. package/dist/hstack/HStack.stories.js +19 -7
  70. package/dist/icons/FluxLogo.js +213 -9
  71. package/dist/icons/FluxLogoTable.js +109 -5
  72. package/dist/icons/Icon.js +108 -7
  73. package/dist/icons/Icon.stories.js +12 -7
  74. package/dist/icons/Icon24Hours.js +83 -5
  75. package/dist/icons/IconAccount.js +72 -4
  76. package/dist/icons/IconApplicant.js +78 -5
  77. package/dist/icons/IconArrow.d.ts +11 -0
  78. package/dist/icons/IconArrow.d.ts.map +1 -0
  79. package/dist/icons/IconArrow.js +86 -0
  80. package/dist/icons/IconArrow.js.map +1 -0
  81. package/dist/icons/IconArrowBack.js +72 -4
  82. package/dist/icons/IconArrowForward.js +72 -4
  83. package/dist/icons/IconArrowTopLeft.js +70 -4
  84. package/dist/icons/IconBluesharkProductGuide.js +80 -5
  85. package/dist/icons/IconBolt.js +72 -4
  86. package/dist/icons/IconBriefcase.js +72 -4
  87. package/dist/icons/IconBulb.js +72 -4
  88. package/dist/icons/IconCalendar.js +73 -5
  89. package/dist/icons/IconCancelMark.js +72 -4
  90. package/dist/icons/IconCarSUV.js +72 -4
  91. package/dist/icons/IconCarSedan.js +147 -7
  92. package/dist/icons/IconChain.js +79 -5
  93. package/dist/icons/IconCheckmark.js +72 -4
  94. package/dist/icons/IconChevronRight.js +72 -4
  95. package/dist/icons/IconCircle.js +72 -4
  96. package/dist/icons/IconCircleCheckmark.d.ts +1 -0
  97. package/dist/icons/IconCircleCheckmark.d.ts.map +1 -1
  98. package/dist/icons/IconCircleCheckmark.js +77 -4
  99. package/dist/icons/IconCircleError.js +72 -4
  100. package/dist/icons/IconCircleExclamation.js +104 -6
  101. package/dist/icons/IconCircleMark.js +78 -5
  102. package/dist/icons/IconCircleOutline.js +140 -5
  103. package/dist/icons/IconClock.js +80 -5
  104. package/dist/icons/IconClose.js +72 -4
  105. package/dist/icons/IconConcierge.js +79 -5
  106. package/dist/icons/IconConciergeService.js +87 -5
  107. package/dist/icons/IconCreditCard.js +78 -5
  108. package/dist/icons/IconDash.js +72 -4
  109. package/dist/icons/IconDelivery.js +87 -5
  110. package/dist/icons/IconDetails.js +72 -4
  111. package/dist/icons/IconDot.js +87 -6
  112. package/dist/icons/IconElectricCarFuel.js +80 -5
  113. package/dist/icons/IconEllipsis.js +78 -5
  114. package/dist/icons/IconEnvelope.js +72 -4
  115. package/dist/icons/IconEye.js +79 -5
  116. package/dist/icons/IconFacebook.js +94 -6
  117. package/dist/icons/IconFilter.js +83 -5
  118. package/dist/icons/IconFlagMalaysia.js +141 -5
  119. package/dist/icons/IconGiveKey.js +79 -5
  120. package/dist/icons/IconGlobe.js +70 -4
  121. package/dist/icons/IconGoogle.js +87 -5
  122. package/dist/icons/IconHome.js +78 -5
  123. package/dist/icons/IconHostAdvertise.js +72 -4
  124. package/dist/icons/IconHostCar.js +75 -4
  125. package/dist/icons/IconHostCash.js +91 -5
  126. package/dist/icons/IconHostHandle.js +70 -4
  127. package/dist/icons/IconHostLocation.js +70 -4
  128. package/dist/icons/IconHostPayment.js +91 -5
  129. package/dist/icons/IconHostService.js +79 -5
  130. package/dist/icons/IconHotDeals.js +72 -4
  131. package/dist/icons/IconInfo.js +77 -5
  132. package/dist/icons/IconInstagram.js +72 -4
  133. package/dist/icons/IconInsurance.js +99 -5
  134. package/dist/icons/IconInternet.js +73 -4
  135. package/dist/icons/IconInventory.js +78 -5
  136. package/dist/icons/IconLaurel.js +101 -5
  137. package/dist/icons/IconLinkedIn.js +72 -4
  138. package/dist/icons/IconLoading.js +78 -4
  139. package/dist/icons/IconLocation.js +80 -5
  140. package/dist/icons/IconLock.js +73 -4
  141. package/dist/icons/IconLogistics.js +72 -4
  142. package/dist/icons/IconMail.js +94 -5
  143. package/dist/icons/IconMember.js +78 -5
  144. package/dist/icons/IconMobilePen.js +83 -5
  145. package/dist/icons/IconMotorcycleMoped.js +78 -5
  146. package/dist/icons/IconNoCost.js +92 -5
  147. package/dist/icons/IconPDF.js +80 -5
  148. package/dist/icons/IconPencil.js +70 -4
  149. package/dist/icons/IconPhone.js +70 -4
  150. package/dist/icons/IconPlus.js +72 -4
  151. package/dist/icons/IconPricing.js +72 -4
  152. package/dist/icons/IconProtected.js +71 -4
  153. package/dist/icons/IconPsychology.js +72 -4
  154. package/dist/icons/IconQuestionTooltip.js +73 -4
  155. package/dist/icons/IconQuote.js +72 -4
  156. package/dist/icons/IconRate.js +71 -4
  157. package/dist/icons/IconRegister.js +99 -5
  158. package/dist/icons/IconReturn.js +72 -4
  159. package/dist/icons/IconSearch.js +70 -4
  160. package/dist/icons/IconSecure.js +71 -4
  161. package/dist/icons/IconSecurity.js +73 -4
  162. package/dist/icons/IconSedanOutline.js +159 -5
  163. package/dist/icons/IconSelectArrow.js +78 -6
  164. package/dist/icons/IconSort.js +79 -5
  165. package/dist/icons/IconSortListed.js +95 -5
  166. package/dist/icons/IconSortPriceAscending.js +83 -5
  167. package/dist/icons/IconSortPriceDescending.js +83 -5
  168. package/dist/icons/IconSortYear.js +79 -5
  169. package/dist/icons/IconSpan.js +71 -4
  170. package/dist/icons/IconSpeaker.js +79 -4
  171. package/dist/icons/IconSpecialCar.js +95 -5
  172. package/dist/icons/IconStar.js +92 -7
  173. package/dist/icons/IconStockPhoto.js +95 -5
  174. package/dist/icons/IconSubscription.js +113 -6
  175. package/dist/icons/IconSubscriptions.js +113 -6
  176. package/dist/icons/IconSwap.js +79 -5
  177. package/dist/icons/IconTax.js +72 -4
  178. package/dist/icons/IconThinArrow.js +78 -6
  179. package/dist/icons/IconThumbsdown.js +78 -5
  180. package/dist/icons/IconThumbsup.js +78 -5
  181. package/dist/icons/IconTool.js +72 -4
  182. package/dist/icons/IconTooltip.js +73 -4
  183. package/dist/icons/IconTrash.js +72 -4
  184. package/dist/icons/IconTriangleExclamation.js +72 -4
  185. package/dist/icons/IconTyersBrakes.js +83 -5
  186. package/dist/icons/IconTyre.js +83 -5
  187. package/dist/icons/IconVacancy.js +78 -5
  188. package/dist/icons/IconVolunteer.js +72 -4
  189. package/dist/icons/IconWhatsapp.js +73 -4
  190. package/dist/icons/IconXPlatform.js +72 -4
  191. package/dist/icons/IconZeroEffort.js +77 -5
  192. package/dist/icons/Logo.js +99 -3
  193. package/dist/input/Input.js +125 -11
  194. package/dist/input/Input.stories.js +17 -18
  195. package/dist/input-mask/InputMask.js +96 -10
  196. package/dist/input-mask/InputMask.stories.js +5 -6
  197. package/dist/input-mask/mask-trackers.js +4 -5
  198. package/dist/input-select/InputSelect.js +357 -69
  199. package/dist/input-select/InputSelect.stories.d.ts.map +1 -1
  200. package/dist/input-select/InputSelect.stories.js +54 -18
  201. package/dist/popover/popover.js +72 -4
  202. package/dist/progress/Progress.js +96 -2
  203. package/dist/progress/Progress.stories.js +13 -14
  204. package/dist/radio/Radio.js +163 -4
  205. package/dist/scroll-area/scroll-area.js +113 -5
  206. package/dist/search-input-select/SearchInputSelect.js +346 -69
  207. package/dist/select/Select.js +301 -31
  208. package/dist/select/Select.stories.d.ts.map +1 -1
  209. package/dist/select/Select.stories.js +55 -19
  210. package/dist/skeleton/Skeleton.js +62 -3
  211. package/dist/skeleton/Skeleton.stories.js +8 -7
  212. package/dist/slider/Slider.js +106 -5
  213. package/dist/slider/Slider.stories.js +12 -11
  214. package/dist/stack/Stack.js +63 -3
  215. package/dist/stack/Stack.stories.js +19 -7
  216. package/dist/styles.css +58 -0
  217. package/dist/table/Table.js +131 -10
  218. package/dist/table/Table.stories.js +84 -8
  219. package/dist/tabs/Tabs.js +128 -9
  220. package/dist/tabs/Tabs.stories.js +46 -13
  221. package/dist/text/Text.d.ts +2 -1
  222. package/dist/text/Text.d.ts.map +1 -1
  223. package/dist/text/Text.js +88 -6
  224. package/dist/text/Text.stories.js +44 -7
  225. package/dist/toast/Toast.stories.js +66 -14
  226. package/dist/toast/ToastBox.js +71 -24
  227. package/dist/toast/index.js +0 -1
  228. package/dist/toast/sonner.js +70 -11
  229. package/dist/toggle/Toggle.d.ts +12 -0
  230. package/dist/toggle/Toggle.d.ts.map +1 -0
  231. package/dist/toggle/Toggle.js +131 -0
  232. package/dist/toggle/Toggle.js.map +1 -0
  233. package/dist/toggle/Toggle.stories.d.ts +11 -0
  234. package/dist/toggle/Toggle.stories.d.ts.map +1 -0
  235. package/dist/toggle/Toggle.stories.js +17 -0
  236. package/dist/toggle/Toggle.stories.js.map +1 -0
  237. package/dist/tooltip/Tooltip.js +151 -12
  238. package/dist/tooltip/Tooltip.stories.js +71 -13
  239. package/dist/utils.js +4 -2
  240. package/dist/vstack/VStack.js +63 -3
  241. package/dist/vstack/VStack.stories.js +19 -7
  242. package/package.json +6 -1
  243. package/dist/icons/IconAcceleration.d.ts +0 -8
  244. package/dist/icons/IconAcceleration.d.ts.map +0 -1
  245. package/dist/icons/IconAcceleration.js +0 -8
  246. package/dist/icons/IconAcceleration.js.map +0 -1
  247. package/dist/icons/IconEVCharging.d.ts +0 -8
  248. package/dist/icons/IconEVCharging.d.ts.map +0 -1
  249. package/dist/icons/IconEVCharging.js +0 -8
  250. package/dist/icons/IconEVCharging.js.map +0 -1
@@ -1,4 +1,83 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
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";
2
81
  import { Slot } from '@radix-ui/react-slot';
3
82
  import { cva } from 'class-variance-authority';
4
83
  import * as React from 'react';
@@ -6,27 +85,60 @@ import LoadingAnimation from '../animations/LoadingAnimation.js';
6
85
  import Box from '../box/Box.js';
7
86
  import HStack from '../hstack/HStack.js';
8
87
  import { cn } from '../utils.js';
9
- const buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-xs px-4 py-6 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-wider disabled:pointer-events-none disabled:opacity-30 ', {
88
+ var buttonVariants = cva('inline-flex items-center justify-center whitespace-nowrap text-xs px-4 py-6 h-12 bg-black hover:bg-primary4 text-white font-bold uppercase tracking-wider disabled:pointer-events-none disabled:opacity-30 ', {
10
89
  variants: {
11
90
  variant: {
12
91
  outline: 'border border-black bg-white text-black hover:text-white hover:bg-black',
13
- 'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white',
92
+ 'outline-white': 'border border-white bg-transparent text-white hover:text-black hover:bg-white'
14
93
  },
15
94
  colorScheme: {
16
95
  default: 'bg-black',
17
96
  accent: 'bg-accent-500 hover:bg-accent4',
18
97
  link: 'bg-links hover:bg-links2',
19
98
  warning: 'bg-warning4 hover:bg-warning-500',
20
- success: 'bg-success-200 hover:bg-success4',
21
- },
22
- },
99
+ success: 'bg-success-200 hover:bg-success4'
100
+ }
101
+ }
23
102
  });
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', 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 })] })) }) }));
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', 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
+ }));
29
142
  });
30
143
  Button.displayName = 'Button';
31
144
  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,EAAqB,GAAG,EAAE,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,6MAA6M,EAC7M;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,UAAU,EACV,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,EAAqB,GAAG,EAAE,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,6MAA6M,EAC7M;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,cAAc,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,EACnD,UAAU,EACV,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,13 +2,41 @@ 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
- const meta = {
6
- component: Button,
5
+ var meta = {
6
+ component: Button
7
7
  };
8
8
  export default meta;
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
- },
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
+ }
13
42
  };
14
- //# sourceMappingURL=Button.stories.js.map
package/dist/card/Card.js CHANGED
@@ -1,16 +1,118 @@
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ function _object_spread(target) {
15
+ for(var i = 1; i < arguments.length; i++){
16
+ var source = arguments[i] != null ? arguments[i] : {};
17
+ var ownKeys = Object.keys(source);
18
+ if (typeof Object.getOwnPropertySymbols === "function") {
19
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
26
+ }
27
+ return target;
28
+ }
29
+ function _object_without_properties(source, excluded) {
30
+ if (source == null) return {};
31
+ var target = _object_without_properties_loose(source, excluded);
32
+ var key, i;
33
+ if (Object.getOwnPropertySymbols) {
34
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
35
+ for(i = 0; i < sourceSymbolKeys.length; i++){
36
+ key = sourceSymbolKeys[i];
37
+ if (excluded.indexOf(key) >= 0) continue;
38
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
39
+ target[key] = source[key];
40
+ }
41
+ }
42
+ return target;
43
+ }
44
+ function _object_without_properties_loose(source, excluded) {
45
+ if (source == null) return {};
46
+ var target = {};
47
+ var sourceKeys = Object.keys(source);
48
+ var key, i;
49
+ for(i = 0; i < sourceKeys.length; i++){
50
+ key = sourceKeys[i];
51
+ if (excluded.indexOf(key) >= 0) continue;
52
+ target[key] = source[key];
53
+ }
54
+ return target;
55
+ }
1
56
  import { jsx as _jsx } from "react/jsx-runtime";
2
57
  import * as React from 'react';
3
58
  import { cn } from '../utils';
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 })));
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
+ });
5
68
  Card.displayName = 'Card';
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 })));
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
+ });
7
78
  CardHeader.displayName = 'CardHeader';
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 })));
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
+ });
9
88
  CardTitle.displayName = 'CardTitle';
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 })));
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
+ });
11
98
  CardDescription.displayName = 'CardDescription';
12
- export const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: className, ...props })));
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
+ });
13
108
  CardContent.displayName = 'CardContent';
14
- export const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('flex items-center', className), ...props })));
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
+ });
15
118
  CardFooter.displayName = 'CardFooter';
16
- //# sourceMappingURL=Card.js.map
@@ -1,12 +1,15 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Card, CardContent } from './Card';
3
- const meta = {
4
- component: Card,
3
+ var meta = {
4
+ component: Card
5
5
  };
6
6
  export default meta;
7
- export const FirstStory = {
8
- render: () => {
9
- return (_jsx(Card, { children: _jsx(CardContent, { children: "hello" }) }));
10
- },
7
+ export var FirstStory = {
8
+ render: function() {
9
+ return /*#__PURE__*/ _jsx(Card, {
10
+ children: /*#__PURE__*/ _jsx(CardContent, {
11
+ children: "hello"
12
+ })
13
+ });
14
+ }
11
15
  };
12
- //# sourceMappingURL=Card.stories.js.map