@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,142 +1,21 @@
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
- var Table = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
60
- var className = _param.className, props = _object_without_properties(_param, [
61
- "className"
62
- ]);
63
- return /*#__PURE__*/ _jsx("div", {
64
- className: "relative w-full overflow-auto",
65
- children: /*#__PURE__*/ _jsx("table", _object_spread({
66
- ref: ref,
67
- className: cn('w-full caption-bottom text-sm', className)
68
- }, props))
69
- });
70
- });
4
+ const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { className: "relative w-full overflow-auto", children: _jsx("table", { ref: ref, className: cn('w-full caption-bottom text-sm', className), ...props }) })));
71
5
  Table.displayName = 'Table';
72
- var TableHeader = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
73
- var className = _param.className, props = _object_without_properties(_param, [
74
- "className"
75
- ]);
76
- return /*#__PURE__*/ _jsx("thead", _object_spread({
77
- ref: ref,
78
- className: cn('[&_tr]:border-b', className)
79
- }, props));
80
- });
6
+ const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn('[&_tr]:border-b', className), ...props })));
81
7
  TableHeader.displayName = 'TableHeader';
82
- var TableBody = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
83
- var className = _param.className, props = _object_without_properties(_param, [
84
- "className"
85
- ]);
86
- return /*#__PURE__*/ _jsx("tbody", _object_spread({
87
- ref: ref,
88
- className: cn('[&_tr:last-child]:border-0', className)
89
- }, props));
90
- });
8
+ const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn('[&_tr:last-child]:border-0', className), ...props })));
91
9
  TableBody.displayName = 'TableBody';
92
- var TableFooter = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
93
- var className = _param.className, props = _object_without_properties(_param, [
94
- "className"
95
- ]);
96
- return /*#__PURE__*/ _jsx("tfoot", _object_spread({
97
- ref: ref,
98
- className: cn('border-t bg-zinc-100/50 font-medium last:[&>tr]:border-b-0 dark:bg-zinc-800/50', className)
99
- }, props));
100
- });
10
+ const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, className: cn('border-t bg-zinc-100/50 font-medium last:[&>tr]:border-b-0 dark:bg-zinc-800/50', className), ...props })));
101
11
  TableFooter.displayName = 'TableFooter';
102
- var TableRow = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
103
- var className = _param.className, props = _object_without_properties(_param, [
104
- "className"
105
- ]);
106
- return /*#__PURE__*/ _jsx("tr", _object_spread({
107
- ref: ref,
108
- className: cn('h-10 border-b transition-colors hover:bg-zinc-100/50 data-[state=selected]:bg-zinc-100 dark:hover:bg-zinc-800/50 dark:data-[state=selected]:bg-zinc-800', className)
109
- }, props));
110
- });
12
+ const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn('h-10 border-b transition-colors hover:bg-zinc-100/50 data-[state=selected]:bg-zinc-100 dark:hover:bg-zinc-800/50 dark:data-[state=selected]:bg-zinc-800', className), ...props })));
111
13
  TableRow.displayName = 'TableRow';
112
- var TableHead = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
113
- var className = _param.className, props = _object_without_properties(_param, [
114
- "className"
115
- ]);
116
- return /*#__PURE__*/ _jsx("th", _object_spread({
117
- ref: ref,
118
- className: cn('px-3 text-left align-middle font-bold text-black [&:has([role=checkbox])]:pr-0 dark:text-zinc-400', className)
119
- }, props));
120
- });
14
+ const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn('px-3 text-left align-middle font-bold text-black [&:has([role=checkbox])]:pr-0 dark:text-zinc-400', className), ...props })));
121
15
  TableHead.displayName = 'TableHead';
122
- var TableCell = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
123
- var className = _param.className, props = _object_without_properties(_param, [
124
- "className"
125
- ]);
126
- return /*#__PURE__*/ _jsx("td", _object_spread({
127
- ref: ref,
128
- className: cn('px-3 align-middle [&:has([role=checkbox])]:pr-0', className)
129
- }, props));
130
- });
16
+ const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn('px-3 align-middle [&:has([role=checkbox])]:pr-0', className), ...props })));
131
17
  TableCell.displayName = 'TableCell';
132
- var TableCaption = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
133
- var className = _param.className, props = _object_without_properties(_param, [
134
- "className"
135
- ]);
136
- return /*#__PURE__*/ _jsx("caption", _object_spread({
137
- ref: ref,
138
- className: cn('mt-4 text-sm text-zinc-500 dark:text-zinc-400', className)
139
- }, props));
140
- });
18
+ const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: cn('mt-4 text-sm text-zinc-500 dark:text-zinc-400', className), ...props })));
141
19
  TableCaption.displayName = 'TableCaption';
142
- export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
20
+ export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
21
+ //# sourceMappingURL=Table.js.map
@@ -1,88 +1,12 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './Table';
3
- var meta = {
4
- component: Table
2
+ import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from './Table';
3
+ const meta = {
4
+ component: Table,
5
5
  };
6
6
  export default meta;
7
- export var TableTest = {
8
- render: function() {
9
- return /*#__PURE__*/ _jsxs(Table, {
10
- children: [
11
- /*#__PURE__*/ _jsx(TableCaption, {
12
- children: "Example Table Caption"
13
- }),
14
- /*#__PURE__*/ _jsx(TableHeader, {
15
- children: /*#__PURE__*/ _jsxs(TableRow, {
16
- children: [
17
- /*#__PURE__*/ _jsx(TableHead, {}),
18
- " ",
19
- /*#__PURE__*/ _jsx(TableHead, {
20
- children: "Heading 1"
21
- }),
22
- /*#__PURE__*/ _jsx(TableHead, {
23
- children: "Heading 2"
24
- }),
25
- /*#__PURE__*/ _jsx(TableHead, {
26
- children: "Heading 3"
27
- })
28
- ]
29
- })
30
- }),
31
- /*#__PURE__*/ _jsxs(TableBody, {
32
- children: [
33
- /*#__PURE__*/ _jsxs(TableRow, {
34
- children: [
35
- /*#__PURE__*/ _jsx(TableCell, {
36
- children: "Row 1"
37
- }),
38
- /*#__PURE__*/ _jsx(TableCell, {
39
- children: "Cell 1"
40
- }),
41
- /*#__PURE__*/ _jsx(TableCell, {
42
- children: "Cell 2"
43
- }),
44
- /*#__PURE__*/ _jsx(TableCell, {
45
- children: "Cell 3"
46
- })
47
- ]
48
- }),
49
- /*#__PURE__*/ _jsxs(TableRow, {
50
- children: [
51
- /*#__PURE__*/ _jsx(TableCell, {
52
- children: "Row 2"
53
- }),
54
- /*#__PURE__*/ _jsx(TableCell, {
55
- children: "Cell 1"
56
- }),
57
- /*#__PURE__*/ _jsx(TableCell, {
58
- children: "Cell 2"
59
- }),
60
- /*#__PURE__*/ _jsx(TableCell, {
61
- children: "Cell 3"
62
- })
63
- ]
64
- })
65
- ]
66
- }),
67
- /*#__PURE__*/ _jsx(TableFooter, {
68
- children: /*#__PURE__*/ _jsxs(TableRow, {
69
- children: [
70
- /*#__PURE__*/ _jsx(TableCell, {
71
- children: "Footer"
72
- }),
73
- /*#__PURE__*/ _jsx(TableCell, {
74
- children: "Footer 1"
75
- }),
76
- /*#__PURE__*/ _jsx(TableCell, {
77
- children: "Footer 2"
78
- }),
79
- /*#__PURE__*/ _jsx(TableCell, {
80
- children: "Footer 3"
81
- })
82
- ]
83
- })
84
- })
85
- ]
86
- });
87
- }
7
+ export const TableTest = {
8
+ render: () => {
9
+ return (_jsxs(Table, { children: [_jsx(TableCaption, { children: "Example Table Caption" }), _jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, {}), " ", _jsx(TableHead, { children: "Heading 1" }), _jsx(TableHead, { children: "Heading 2" }), _jsx(TableHead, { children: "Heading 3" })] }) }), _jsxs(TableBody, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { children: "Row 1" }), _jsx(TableCell, { children: "Cell 1" }), _jsx(TableCell, { children: "Cell 2" }), _jsx(TableCell, { children: "Cell 3" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Row 2" }), _jsx(TableCell, { children: "Cell 1" }), _jsx(TableCell, { children: "Cell 2" }), _jsx(TableCell, { children: "Cell 3" })] })] }), _jsx(TableFooter, { children: _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Footer" }), _jsx(TableCell, { children: "Footer 1" }), _jsx(TableCell, { children: "Footer 2" }), _jsx(TableCell, { children: "Footer 3" })] }) })] }));
10
+ },
88
11
  };
12
+ //# sourceMappingURL=Table.stories.js.map
package/dist/tabs/Tabs.js CHANGED
@@ -1,141 +1,22 @@
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 TabsPrimitive from '@radix-ui/react-tabs';
83
4
  import * as React from 'react';
84
5
  import HStack from '../hstack/HStack';
85
6
  import { cn } from '../utils';
86
- var Tabs = function(_param) {
87
- var defaultValue = _param.defaultValue, props = _object_without_properties(_param, [
88
- "defaultValue"
89
- ]);
90
- var _React_Children_toArray_find_props_children_, _React_Children_toArray_find_props_children, _React_Children_toArray_find_props, _React_Children_toArray_find;
91
- var firstTabValue = (_React_Children_toArray_find = React.Children.toArray(props.children).find(function(child) {
92
- var _child_type;
93
- return(// @ts-expect-error
94
- /*#__PURE__*/ React.isValidElement(child) && (child === null || child === void 0 ? void 0 : (_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.displayName) === 'TabsList');
95
- })) === null || _React_Children_toArray_find === void 0 ? void 0 : (_React_Children_toArray_find_props = _React_Children_toArray_find.props) === null || _React_Children_toArray_find_props === void 0 ? void 0 : (_React_Children_toArray_find_props_children = _React_Children_toArray_find_props.children) === null || _React_Children_toArray_find_props_children === void 0 ? void 0 : (_React_Children_toArray_find_props_children_ = _React_Children_toArray_find_props_children[0]) === null || _React_Children_toArray_find_props_children_ === void 0 ? void 0 : _React_Children_toArray_find_props_children_.props.value;
96
- return /*#__PURE__*/ _jsx(TabsPrimitive.Root, _object_spread({
97
- defaultValue: defaultValue || firstTabValue
98
- }, props));
7
+ const Tabs = ({ defaultValue, ...props }) => {
8
+ const firstTabValue = React.Children.toArray(props.children).find((child) =>
9
+ // @ts-expect-error
10
+ React.isValidElement(child) && child?.type?.displayName === 'TabsList')?.props?.children?.[0]?.props.value;
11
+ return (_jsx(TabsPrimitive.Root, { defaultValue: defaultValue || firstTabValue, ...props }));
99
12
  };
100
- var TabsList = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
101
- var className = _param.className, props = _object_without_properties(_param, [
102
- "className"
103
- ]);
104
- return /*#__PURE__*/ _jsx(TabsPrimitive.List, _object_spread({
105
- ref: ref,
106
- className: cn('inline-flex items-center w-full text-black text-[12px] border-b border-b-primary1', className)
107
- }, props));
108
- });
13
+ const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn('inline-flex items-center w-full text-black text-[12px] border-b border-b-primary1', className), ...props })));
109
14
  TabsList.displayName = TabsPrimitive.List.displayName;
110
15
  // name of tab list
111
- var Tab = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
112
- var className = _param.className, icon = _param.icon, props = _object_without_properties(_param, [
113
- "className",
114
- "icon"
115
- ]);
116
- return /*#__PURE__*/ _jsx(TabsPrimitive.Trigger, _object_spread_props(_object_spread({
117
- ref: ref,
118
- className: cn('inline-flex items-center uppercase tracking-wider h-[32px] px-[16px] font-normal whitespace-nowrap', 'border-b border-primary2 -mb-px', 'data-[state=active]:font-bold data-[state=active]:border-b-2 data-[state=active]:border-b-[#50c8e8]', className)
119
- }, props), {
120
- children: /*#__PURE__*/ _jsxs(HStack, {
121
- className: 'gap-2',
122
- children: [
123
- icon,
124
- props.children
125
- ]
126
- })
127
- }));
128
- });
16
+ const Tab = React.forwardRef(({ className, icon, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn('inline-flex items-center uppercase tracking-wider h-[32px] px-[16px] font-normal whitespace-nowrap', 'border-b border-primary2 -mb-px', 'data-[state=active]:font-bold data-[state=active]:border-b-2 data-[state=active]:border-b-[#50c8e8]', className), ...props, children: _jsxs(HStack, { className: 'gap-2', children: [icon, props.children] }) })));
129
17
  Tab.displayName = TabsPrimitive.Trigger.displayName;
130
18
  // the content for each tab
131
- var TabsContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
132
- var className = _param.className, props = _object_without_properties(_param, [
133
- "className"
134
- ]);
135
- return /*#__PURE__*/ _jsx(TabsPrimitive.Content, _object_spread({
136
- ref: ref,
137
- className: cn('mt-2 ring-offset-white focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-zinc-950 focus-visible:ring-offset-2 dark:ring-offset-zinc-950 dark:focus-visible:ring-zinc-300', className)
138
- }, props));
139
- });
19
+ const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn('mt-2 ring-offset-white focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-zinc-950 focus-visible:ring-offset-2 dark:ring-offset-zinc-950 dark:focus-visible:ring-zinc-300', className), ...props })));
140
20
  TabsContent.displayName = TabsPrimitive.Content.displayName;
141
21
  export { Tab, Tabs, TabsContent, TabsList };
22
+ //# sourceMappingURL=Tabs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAW7B,MAAM,IAAI,GAAG,CAAC,EAAE,YAAY,EAAE,GAAG,KAAK,EAAa,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAChE,CAAC,KAAK,EAAE,EAAE;IACT,mBAAmB;IACnB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE,IAAI,EAAE,WAAW,KAAK,UAAU,CAEvE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAA;IAEpC,OAAO,CACN,KAAC,aAAa,CAAC,IAAI,IAClB,YAAY,EAAE,YAAY,IAAI,aAAa,KACvC,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAA;AAED,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,mFAAmF,EACnF,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAA;AAErD,mBAAmB;AACnB,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAG1B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,KAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,oGAAoG,EACpG,0CAA0C,EAC1C,yGAAyG,EACzG,SAAS,CACT,KACG,KAAK,YAET,MAAC,MAAM,IAAC,SAAS,EAAE,OAAO,aACxB,IAAI,EACJ,KAAK,CAAC,QAAQ,IACP,GACc,CACxB,CAAC,CAAA;AACF,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAA;AAEnD,2BAA2B;AAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,2LAA2L,EAC3L,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAA;AAE3D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAW7B,MAAM,IAAI,GAAG,CAAC,EAAE,YAAY,EAAE,GAAG,KAAK,EAAa,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAChE,CAAC,KAAK,EAAE,EAAE;IACT,mBAAmB;IACnB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE,IAAI,EAAE,WAAW,KAAK,UAAU,CAEvE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAA;IAEpC,OAAO,CACN,KAAC,aAAa,CAAC,IAAI,IAClB,YAAY,EAAE,YAAY,IAAI,aAAa,KACvC,KAAK,GACR,CACF,CAAA;AACF,CAAC,CAAA;AAED,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,mFAAmF,EACnF,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAA;AAErD,mBAAmB;AACnB,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAG1B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzC,KAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,oGAAoG,EACpG,iCAAiC,EACjC,qGAAqG,EACrG,SAAS,CACT,KACG,KAAK,YAET,MAAC,MAAM,IAAC,SAAS,EAAE,OAAO,aACxB,IAAI,EACJ,KAAK,CAAC,QAAQ,IACP,GACc,CACxB,CAAC,CAAA;AACF,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAA;AAEnD,2BAA2B;AAC3B,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,aAAa,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,6LAA6L,EAC7L,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAA;AAE3D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAA"}
@@ -1,62 +1,29 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
2
2
  import IconSort from '../icons/IconSort.js';
3
3
  import Input from '../input/Input.js';
4
4
  import Stack from '../stack/Stack.js';
5
5
  import Text from '../text/Text.js';
6
6
  import { Tab, Tabs, TabsContent, TabsList } from './Tabs.js';
7
- var meta = {
8
- component: Tabs
7
+ const meta = {
8
+ component: Tabs,
9
9
  };
10
10
  export default meta;
11
- export var TabsTest = {
12
- render: function() {
13
- return /*#__PURE__*/ _jsxs(Tabs, {
14
- children: [
15
- /*#__PURE__*/ _jsx(TabsList, {
16
- children: tabs.map(function(tab) {
17
- return /*#__PURE__*/ _jsxs(Tab, {
18
- value: tab.key,
19
- children: [
20
- tab.icon,
21
- tab.label
22
- ]
23
- }, tab.key);
24
- })
25
- }),
26
- tabs.map(function(tab) {
27
- return /*#__PURE__*/ _jsx(TabsContent, {
28
- value: tab.key,
29
- children: tab.content
30
- }, tab.key);
31
- })
32
- ]
33
- });
34
- }
11
+ export const TabsTest = {
12
+ render: () => {
13
+ return (_jsxs(Tabs, { children: [_jsx(TabsList, { children: tabs.map((tab) => (_jsxs(Tab, { value: tab.key, children: [tab.icon, tab.label] }, tab.key))) }), tabs.map((tab) => (_jsx(TabsContent, { value: tab.key, children: tab.content }, tab.key)))] }));
14
+ },
35
15
  };
36
- var tabs = [
16
+ const tabs = [
37
17
  {
38
- icon: /*#__PURE__*/ _jsx(IconSort, {
39
- size: 16
40
- }),
18
+ icon: _jsx(IconSort, { size: 16 }),
41
19
  key: 'tab1',
42
20
  label: 'tab 1',
43
- content: /*#__PURE__*/ _jsxs(Stack, {
44
- children: [
45
- /*#__PURE__*/ _jsx(Text, {
46
- children: "this is content of tab1"
47
- }),
48
- /*#__PURE__*/ _jsx(Input, {
49
- htmlFor: "firstName",
50
- label: "first name"
51
- })
52
- ]
53
- })
21
+ content: (_jsxs(Stack, { children: [_jsx(Text, { children: "this is content of tab1" }), _jsx(Input, { htmlFor: "firstName", label: "first name" })] })),
54
22
  },
55
23
  {
56
24
  key: 'tab2',
57
25
  label: 'tab 2',
58
- content: /*#__PURE__*/ _jsx(Text, {
59
- children: "this is tab 2 content"
60
- })
61
- }
26
+ content: _jsx(Text, { children: "this is tab 2 content" }),
27
+ },
62
28
  ];
29
+ //# sourceMappingURL=Tabs.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;CAC5B;AAED,QAAA,MAAM,IAAI,kFAiBT,CAAA;AAGD,eAAe,IAAI,CAAA"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAA;IACtC,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAA;CACxC;AAED,QAAA,MAAM,IAAI,kFAiBT,CAAA;AAGD,eAAe,IAAI,CAAA"}
package/dist/text/Text.js CHANGED
@@ -1,94 +1,12 @@
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 * as React from 'react';
81
2
  import { cn } from '../utils';
82
- var Text = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
83
- var _param_as = _param.as, as = _param_as === void 0 ? 'p' : _param_as, className = _param.className, children = _param.children, props = _object_without_properties(_param, [
84
- "as",
85
- "className",
86
- "children"
87
- ]);
88
- return /*#__PURE__*/ React.createElement(as, _object_spread_props(_object_spread({}, props), {
3
+ const Text = React.forwardRef(({ as = 'p', className, children, ...props }, ref) => {
4
+ return React.createElement(as, {
5
+ ...props,
89
6
  className: cn('text-base leading-[19.6px]', as === 'h3' && 'text-xl tracking-wide', as === 'h2' && 'text-2xl tracking-wider', className),
90
- ref: ref
91
- }), children);
7
+ ref,
8
+ }, children);
92
9
  });
93
10
  Text.displayName = 'Text';
94
11
  export default Text;
12
+ //# sourceMappingURL=Text.js.map
@@ -1,50 +1,13 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import Stack from '../stack/Stack.js';
3
3
  import Text from './Text.js';
4
- var meta = {
5
- component: Text
4
+ const meta = {
5
+ component: Text,
6
6
  };
7
7
  export default meta;
8
- export var FirstStory = {
9
- render: function() {
10
- return /*#__PURE__*/ _jsxs(Stack, {
11
- children: [
12
- /*#__PURE__*/ _jsx(Text, {
13
- as: 'h1',
14
- className: "text-black text-5xl",
15
- children: "This is heading 1"
16
- }),
17
- /*#__PURE__*/ _jsx(Text, {
18
- as: 'h2',
19
- className: "text-primary4 text-4xl",
20
- children: "This is heading 2"
21
- }),
22
- /*#__PURE__*/ _jsx(Text, {
23
- as: 'h3',
24
- className: "text-primary3 text-3xl",
25
- children: "This is heading 3"
26
- }),
27
- /*#__PURE__*/ _jsx(Text, {
28
- as: 'h4',
29
- className: "text-primary2 text-2xl",
30
- children: "This is heading 4"
31
- }),
32
- /*#__PURE__*/ _jsx(Text, {
33
- as: 'h5',
34
- className: "text-primary1 text-xl",
35
- children: "This is heading 5"
36
- }),
37
- /*#__PURE__*/ _jsx(Text, {
38
- as: 'strong',
39
- className: "text-bold",
40
- children: "This is strong"
41
- }),
42
- /*#__PURE__*/ _jsx(Text, {
43
- as: 'i',
44
- className: "text-medium italic",
45
- children: "This is italic"
46
- })
47
- ]
48
- });
49
- }
8
+ export const FirstStory = {
9
+ render: () => {
10
+ return (_jsxs(Stack, { children: [_jsx(Text, { as: 'h1', className: "text-black text-5xl", children: "This is heading 1" }), _jsx(Text, { as: 'h2', className: "text-primary4 text-4xl", children: "This is heading 2" }), _jsx(Text, { as: 'h3', className: "text-primary3 text-3xl", children: "This is heading 3" }), _jsx(Text, { as: 'h4', className: "text-primary2 text-2xl", children: "This is heading 4" }), _jsx(Text, { as: 'h5', className: "text-primary1 text-xl", children: "This is heading 5" }), _jsx(Text, { as: 'strong', className: "text-bold", children: "This is strong" }), _jsx(Text, { as: 'i', className: "text-medium italic", children: "This is italic" })] }));
11
+ },
50
12
  };
13
+ //# sourceMappingURL=Text.stories.js.map