@driveflux/beam 3.0.1 → 3.0.3

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 (239) hide show
  1. package/dist/accordion/Accordion.js +7 -133
  2. package/dist/accordion/Accordion.stories.js +11 -31
  3. package/dist/alert/Alert.d.ts +1 -1
  4. package/dist/alert/Alert.d.ts.map +1 -1
  5. package/dist/alert/Alert.js +19 -120
  6. package/dist/alert/Alert.js.map +1 -1
  7. package/dist/alert/Alert.stories.d.ts +1 -1
  8. package/dist/alert/Alert.stories.js +15 -50
  9. package/dist/animations/LoadingAnimation.js +21 -34
  10. package/dist/badge/Badge.d.ts +1 -1
  11. package/dist/badge/Badge.d.ts.map +1 -1
  12. package/dist/badge/Badge.js +8 -96
  13. package/dist/badge/Badge.js.map +1 -1
  14. package/dist/badge/Badge.stories.js +7 -28
  15. package/dist/box/Box.js +3 -87
  16. package/dist/box/Box.stories.js +7 -8
  17. package/dist/breadcrumbs/Breadcrumbs.js +28 -288
  18. package/dist/breadcrumbs/Breadcrumbs.stories.js +27 -51
  19. package/dist/button/Button.d.ts +1 -1
  20. package/dist/button/Button.js +12 -124
  21. package/dist/button/Button.stories.js +7 -35
  22. package/dist/card/Card.js +7 -109
  23. package/dist/card/Card.stories.js +7 -10
  24. package/dist/carousel/Carousel.js +58 -281
  25. package/dist/carousel/Carousel.stories.js +7 -39
  26. package/dist/carousel/CarouselButton.js +7 -68
  27. package/dist/center/Center.js +3 -63
  28. package/dist/center/Center.stories.js +7 -19
  29. package/dist/checkbox/Checkbox.js +4 -124
  30. package/dist/checkbox/Checkbox.stories.js +8 -10
  31. package/dist/chip/Chip.js +3 -104
  32. package/dist/chip/Chip.stories.js +7 -19
  33. package/dist/circular-progress/CircularProgress.js +11 -150
  34. package/dist/circular-progress/CircularProgress.stories.js +14 -54
  35. package/dist/command/command.d.ts +1 -1
  36. package/dist/command/command.js +13 -170
  37. package/dist/datepicker/DatePicker.d.ts +6 -6
  38. package/dist/datepicker/DatePicker.d.ts.map +1 -1
  39. package/dist/datepicker/DatePicker.js +145 -131
  40. package/dist/datepicker/DatePicker.js.map +1 -1
  41. package/dist/datepicker/DatePicker.stories.js +58 -163
  42. package/dist/datepicker/DatePickerDrawer.d.ts +1 -1
  43. package/dist/datepicker/DatePickerDrawer.d.ts.map +1 -1
  44. package/dist/datepicker/DatePickerDrawer.js +19 -110
  45. package/dist/datepicker/DatePickerDrawer.js.map +1 -1
  46. package/dist/datepicker/DatePickerPopover.d.ts.map +1 -1
  47. package/dist/datepicker/DatePickerPopover.js +35 -207
  48. package/dist/datepicker/DatePickerPopover.js.map +1 -1
  49. package/dist/datepicker/constants.js +4 -3
  50. package/dist/datepicker/utils.js +11 -4
  51. package/dist/dialog/index.d.ts.map +1 -1
  52. package/dist/dialog/index.js +33 -180
  53. package/dist/dialog/index.js.map +1 -1
  54. package/dist/divider/Divider.js +3 -63
  55. package/dist/divider/Divider.stories.js +7 -13
  56. package/dist/drawer/index.js +12 -157
  57. package/dist/dropdown/Dropdown.js +26 -212
  58. package/dist/dropdown/Dropdown.stories.js +22 -109
  59. package/dist/field-wrapper/FieldWrapper.js +3 -139
  60. package/dist/field-wrapper/FieldWrapper.stories.js +28 -124
  61. package/dist/flex/Flex.js +3 -63
  62. package/dist/flex/Flex.stories.js +7 -19
  63. package/dist/grid/Grid.js +3 -63
  64. package/dist/grid/Grid.stories.js +7 -28
  65. package/dist/hooks/use-breakpoint-value.js +14 -77
  66. package/dist/hooks/use-media-query.js +12 -61
  67. package/dist/hstack/HStack.js +3 -63
  68. package/dist/hstack/HStack.stories.js +7 -19
  69. package/dist/icons/FluxLogo.js +9 -213
  70. package/dist/icons/FluxLogoTable.js +5 -109
  71. package/dist/icons/Icon.js +7 -108
  72. package/dist/icons/Icon.stories.js +7 -12
  73. package/dist/icons/Icon24Hours.js +5 -83
  74. package/dist/icons/IconAcceleration.js +4 -72
  75. package/dist/icons/IconAccount.js +4 -72
  76. package/dist/icons/IconApplicant.js +5 -78
  77. package/dist/icons/IconArrow.js +6 -78
  78. package/dist/icons/IconArrowBack.js +4 -72
  79. package/dist/icons/IconArrowForward.js +4 -72
  80. package/dist/icons/IconArrowTopLeft.js +4 -70
  81. package/dist/icons/IconBluesharkProductGuide.js +5 -80
  82. package/dist/icons/IconBolt.js +4 -72
  83. package/dist/icons/IconBriefcase.js +4 -72
  84. package/dist/icons/IconBulb.js +4 -72
  85. package/dist/icons/IconCalendar.js +4 -72
  86. package/dist/icons/IconCalendarArrowBack.js +4 -72
  87. package/dist/icons/IconCalendarArrowForward.js +4 -72
  88. package/dist/icons/IconCalendarDoubleArrowBack.js +4 -72
  89. package/dist/icons/IconCalendarDoubleArrowForward.js +4 -72
  90. package/dist/icons/IconCancel.js +5 -77
  91. package/dist/icons/IconCancelMark.js +4 -72
  92. package/dist/icons/IconCarSUV.js +4 -72
  93. package/dist/icons/IconCarSedan.js +7 -147
  94. package/dist/icons/IconChain.js +5 -79
  95. package/dist/icons/IconCheckmark.js +4 -72
  96. package/dist/icons/IconChevronRight.js +4 -72
  97. package/dist/icons/IconCircle.js +11 -114
  98. package/dist/icons/IconCircleCheckmark.js +5 -77
  99. package/dist/icons/IconCircleError.js +4 -72
  100. package/dist/icons/IconCircleExclamation.js +6 -104
  101. package/dist/icons/IconCircleMark.js +5 -78
  102. package/dist/icons/IconCircleOutline.js +5 -139
  103. package/dist/icons/IconClock.js +5 -80
  104. package/dist/icons/IconClose.js +4 -72
  105. package/dist/icons/IconCollapseAll.js +5 -94
  106. package/dist/icons/IconConcierge.js +5 -79
  107. package/dist/icons/IconConciergeService.js +5 -87
  108. package/dist/icons/IconCreditCard.js +5 -78
  109. package/dist/icons/IconDash.js +4 -72
  110. package/dist/icons/IconDeliver.js +4 -72
  111. package/dist/icons/IconDelivery.js +5 -87
  112. package/dist/icons/IconDetails.js +4 -72
  113. package/dist/icons/IconDot.js +6 -87
  114. package/dist/icons/IconDownload.js +5 -79
  115. package/dist/icons/IconEVCharging.js +5 -79
  116. package/dist/icons/IconElectricCarFuel.js +5 -80
  117. package/dist/icons/IconEllipsis.js +5 -78
  118. package/dist/icons/IconEnvelope.js +4 -72
  119. package/dist/icons/IconExpandAll.js +5 -94
  120. package/dist/icons/IconEye.js +5 -79
  121. package/dist/icons/IconFacebook.js +6 -94
  122. package/dist/icons/IconFilter.js +5 -83
  123. package/dist/icons/IconFlagMalaysia.js +5 -141
  124. package/dist/icons/IconGiveKey.js +5 -79
  125. package/dist/icons/IconGlobe.js +4 -70
  126. package/dist/icons/IconGoogle.js +5 -87
  127. package/dist/icons/IconHome.js +5 -78
  128. package/dist/icons/IconHostAdvertise.js +4 -72
  129. package/dist/icons/IconHostCar.js +4 -75
  130. package/dist/icons/IconHostCash.js +5 -91
  131. package/dist/icons/IconHostHandle.js +4 -70
  132. package/dist/icons/IconHostLocation.js +4 -70
  133. package/dist/icons/IconHostPayment.js +5 -91
  134. package/dist/icons/IconHostService.js +5 -79
  135. package/dist/icons/IconHotDeals.js +4 -72
  136. package/dist/icons/IconInfo.js +5 -77
  137. package/dist/icons/IconInstagram.js +4 -72
  138. package/dist/icons/IconInsurance.js +5 -99
  139. package/dist/icons/IconInternet.js +4 -73
  140. package/dist/icons/IconInventory.js +5 -78
  141. package/dist/icons/IconLaurel.js +5 -101
  142. package/dist/icons/IconLinkedIn.js +4 -72
  143. package/dist/icons/IconLoading.js +4 -78
  144. package/dist/icons/IconLocation.js +5 -80
  145. package/dist/icons/IconLock.js +4 -73
  146. package/dist/icons/IconLogistics.js +4 -72
  147. package/dist/icons/IconMail.js +5 -94
  148. package/dist/icons/IconMember.js +5 -78
  149. package/dist/icons/IconMobilePen.js +5 -83
  150. package/dist/icons/IconMotorcycleMoped.js +5 -78
  151. package/dist/icons/IconNoCost.js +5 -92
  152. package/dist/icons/IconPDF.js +5 -80
  153. package/dist/icons/IconPencil.js +4 -70
  154. package/dist/icons/IconPhone.js +4 -70
  155. package/dist/icons/IconPlus.js +4 -72
  156. package/dist/icons/IconPricing.js +4 -72
  157. package/dist/icons/IconProtected.js +4 -71
  158. package/dist/icons/IconPsychology.js +4 -72
  159. package/dist/icons/IconQuestionTooltip.js +4 -73
  160. package/dist/icons/IconQuote.js +4 -72
  161. package/dist/icons/IconRate.js +4 -71
  162. package/dist/icons/IconRegister.js +5 -99
  163. package/dist/icons/IconReport.js +6 -89
  164. package/dist/icons/IconReturn.js +4 -72
  165. package/dist/icons/IconSearch.js +4 -70
  166. package/dist/icons/IconSecure.js +4 -71
  167. package/dist/icons/IconSecurity.js +4 -73
  168. package/dist/icons/IconSedanOutline.js +5 -159
  169. package/dist/icons/IconSelectArrow.js +6 -78
  170. package/dist/icons/IconSort.js +5 -79
  171. package/dist/icons/IconSortListed.js +5 -95
  172. package/dist/icons/IconSortPriceAscending.js +5 -83
  173. package/dist/icons/IconSortPriceDescending.js +5 -83
  174. package/dist/icons/IconSortYear.js +5 -79
  175. package/dist/icons/IconSpan.js +4 -71
  176. package/dist/icons/IconSpeaker.js +4 -79
  177. package/dist/icons/IconSpecialCar.js +5 -95
  178. package/dist/icons/IconStar.js +7 -92
  179. package/dist/icons/IconStockPhoto.js +5 -95
  180. package/dist/icons/IconSubscription.js +6 -113
  181. package/dist/icons/IconSubscriptions.js +6 -113
  182. package/dist/icons/IconSwap.js +5 -79
  183. package/dist/icons/IconTax.js +4 -72
  184. package/dist/icons/IconThinArrow.js +6 -78
  185. package/dist/icons/IconThumbsdown.js +5 -78
  186. package/dist/icons/IconThumbsup.js +5 -78
  187. package/dist/icons/IconTool.js +4 -72
  188. package/dist/icons/IconTooltip.js +4 -73
  189. package/dist/icons/IconTrash.js +4 -72
  190. package/dist/icons/IconTriangleExclamation.js +4 -72
  191. package/dist/icons/IconTyersBrakes.js +5 -83
  192. package/dist/icons/IconTyre.js +5 -83
  193. package/dist/icons/IconVacancy.js +5 -78
  194. package/dist/icons/IconVolunteer.js +4 -72
  195. package/dist/icons/IconWhatsapp.js +4 -73
  196. package/dist/icons/IconXPlatform.js +4 -72
  197. package/dist/icons/IconZeroEffort.js +5 -77
  198. package/dist/icons/Logo.js +3 -99
  199. package/dist/input/Input.js +11 -125
  200. package/dist/input/Input.stories.js +18 -17
  201. package/dist/input-mask/InputMask.js +11 -149
  202. package/dist/input-mask/InputMask.stories.js +6 -5
  203. package/dist/input-mask/mask-trackers.js +5 -4
  204. package/dist/input-select/InputSelect.js +68 -357
  205. package/dist/input-select/InputSelect.stories.js +25 -98
  206. package/dist/popover/popover.js +4 -72
  207. package/dist/progress/Progress.js +2 -96
  208. package/dist/progress/Progress.stories.js +14 -13
  209. package/dist/radio/Radio.js +4 -163
  210. package/dist/scroll-area/scroll-area.js +5 -113
  211. package/dist/search-input-select/SearchInputSelect.js +69 -346
  212. package/dist/select/Select.js +29 -315
  213. package/dist/select/Select.stories.js +19 -55
  214. package/dist/skeleton/Skeleton.js +3 -62
  215. package/dist/skeleton/Skeleton.stories.js +7 -8
  216. package/dist/slider/Slider.js +5 -106
  217. package/dist/slider/Slider.stories.js +11 -12
  218. package/dist/stack/Stack.js +3 -63
  219. package/dist/stack/Stack.stories.js +7 -19
  220. package/dist/table/Table.js +10 -131
  221. package/dist/table/Table.stories.js +8 -84
  222. package/dist/tabs/Tabs.js +9 -128
  223. package/dist/tabs/Tabs.stories.js +13 -46
  224. package/dist/text/Text.js +6 -88
  225. package/dist/text/Text.stories.js +7 -44
  226. package/dist/toast/Toast.stories.js +14 -66
  227. package/dist/toast/ToastBox.d.ts.map +1 -1
  228. package/dist/toast/ToastBox.js +29 -77
  229. package/dist/toast/ToastBox.js.map +1 -1
  230. package/dist/toast/index.js +1 -0
  231. package/dist/toast/sonner.js +6 -66
  232. package/dist/toggle/Toggle.js +7 -116
  233. package/dist/toggle/Toggle.stories.js +8 -10
  234. package/dist/tooltip/Tooltip.js +12 -151
  235. package/dist/tooltip/Tooltip.stories.js +13 -71
  236. package/dist/utils.js +2 -4
  237. package/dist/vstack/VStack.js +3 -63
  238. package/dist/vstack/VStack.stories.js +7 -19
  239. package/package.json +1 -1
@@ -1,143 +1,17 @@
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 * as AccordionPrimitive from '@radix-ui/react-accordion';
82
3
  import * as React from 'react';
83
4
  import IconDash from '../icons/IconDash';
84
5
  import IconPlus from '../icons/IconPlus';
85
6
  import { cn } from '../utils';
86
- var Accordion = AccordionPrimitive.Root;
87
- var AccordionItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
88
- var className = _param.className, props = _object_without_properties(_param, [
89
- "className"
90
- ]);
91
- return /*#__PURE__*/ _jsx(AccordionPrimitive.Item, _object_spread({
92
- ref: ref,
93
- className: cn('border-b border-gray-300', className)
94
- }, props));
95
- });
7
+ const Accordion = AccordionPrimitive.Root;
8
+ const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn('border-b border-gray-300', className), ...props })));
96
9
  AccordionItem.displayName = 'AccordionItem';
97
- var AccordionTrigger = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
98
- var className = _param.className, children = _param.children, _param_showIcons = _param.showIcons, showIcons = _param_showIcons === void 0 ? true : _param_showIcons, props = _object_without_properties(_param, [
99
- "className",
100
- "children",
101
- "showIcons"
102
- ]);
103
- return /*#__PURE__*/ _jsx(AccordionPrimitive.Header, {
104
- className: "flex",
105
- children: /*#__PURE__*/ _jsxs(AccordionPrimitive.Trigger, _object_spread_props(_object_spread({
106
- ref: ref,
107
- className: cn('flex flex-1 items-center justify-between gap-6 py-4 font-medium transition-all group', className)
108
- }, props), {
109
- children: [
110
- children,
111
- showIcons && /*#__PURE__*/ _jsxs(_Fragment, {
112
- children: [
113
- /*#__PURE__*/ _jsx(IconDash, {
114
- size: '16px',
115
- className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:hidden"
116
- }),
117
- /*#__PURE__*/ _jsx(IconPlus, {
118
- size: '16px',
119
- className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:block group-data-[state=open]:hidden"
120
- })
121
- ]
122
- })
123
- ]
124
- }))
125
- });
10
+ const AccordionTrigger = React.forwardRef(({ className, children, showIcons = true, ...props }, ref) => {
11
+ return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, className: cn('flex flex-1 items-center justify-between gap-6 py-4 font-medium transition-all group', className), ...props, children: [children, showIcons && (_jsxs(_Fragment, { children: [_jsx(IconDash, { size: '16px', className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:hidden" }), _jsx(IconPlus, { size: '16px', className: "h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=closed]:block group-data-[state=open]:hidden" })] }))] }) }));
126
12
  });
127
13
  AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
128
- var AccordionContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
129
- var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
130
- "className",
131
- "children"
132
- ]);
133
- return /*#__PURE__*/ _jsx(AccordionPrimitive.Content, _object_spread_props(_object_spread({
134
- ref: ref,
135
- className: cn('overflow-hidden text-sm transition-all ', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className)
136
- }, props), {
137
- children: /*#__PURE__*/ _jsx("div", {
138
- children: children
139
- })
140
- }));
141
- });
14
+ const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: cn('overflow-hidden text-sm transition-all ', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className), ...props, children: _jsx("div", { children: children }) })));
142
15
  AccordionContent.displayName = AccordionPrimitive.Content.displayName;
143
16
  export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
17
+ //# sourceMappingURL=Accordion.js.map
@@ -1,44 +1,24 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './Accordion.js';
3
- var meta = {
4
- component: Accordion
2
+ import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from './Accordion.js';
3
+ const meta = {
4
+ component: Accordion,
5
5
  };
6
6
  export default meta;
7
- var props = [
7
+ const props = [
8
8
  {
9
9
  title: 'What condition can I expect my car to be in?',
10
- description: 'All our vehicles have been fully inspected with 4-5 star inspection ratings. Each vehicle is cleaned and serviced before delivery.'
10
+ description: 'All our vehicles have been fully inspected with 4-5 star inspection ratings. Each vehicle is cleaned and serviced before delivery.',
11
11
  },
12
12
  {
13
13
  title: 'What other services do you provide?',
14
- description: 'We provide a range of services including maintenance, repair, and customization for your vehicle.'
15
- }
14
+ description: 'We provide a range of services including maintenance, repair, and customization for your vehicle.',
15
+ },
16
16
  ];
17
- export var Default = function(_args) {
18
- return /*#__PURE__*/ _jsx(Accordion, {
19
- type: 'multiple',
20
- className: 'space-y-4 hover:no-underline font-bold accordion-containers text-black px-24 md:w-1/2',
21
- children: props.map(function(item, index) {
22
- return /*#__PURE__*/ _jsxs(AccordionItem, {
23
- className: 'space-y-4 hover:no-underline font-normal ',
24
- value: "item-".concat(index),
25
- children: [
26
- /*#__PURE__*/ _jsx(AccordionTrigger, {
27
- className: 'text-xs',
28
- children: item.title
29
- }),
30
- /*#__PURE__*/ _jsx(AccordionContent, {
31
- className: 'text-primary3',
32
- children: /*#__PURE__*/ _jsx("p", {
33
- children: item.description
34
- })
35
- })
36
- ]
37
- }, item.title);
38
- })
39
- });
17
+ export const Default = (_args) => {
18
+ return (_jsx(Accordion, { type: 'multiple', className: 'space-y-4 hover:no-underline font-bold accordion-containers text-black px-24 md:w-1/2', children: props.map((item, index) => (_jsxs(AccordionItem, { className: 'space-y-4 hover:no-underline font-normal ', value: `item-${index}`, children: [_jsx(AccordionTrigger, { className: 'text-xs', children: item.title }), _jsx(AccordionContent, { className: 'text-primary3', children: _jsx("p", { children: item.description }) })] }, item.title))) }));
40
19
  };
41
20
  Default.args = {
42
21
  type: 'single',
43
- collapsible: true
22
+ collapsible: true,
44
23
  };
24
+ //# sourceMappingURL=Accordion.stories.js.map
@@ -1,7 +1,7 @@
1
1
  import { type VariantProps } from 'class-variance-authority';
2
2
  import * as React from 'react';
3
3
  declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
4
- variant?: "warning" | "error" | "default" | null | undefined;
4
+ variant?: "error" | "default" | "warning" | null | undefined;
5
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
6
6
  declare const AlertIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<SVGSVGElement> & {
7
7
  variant?: "default" | "error" | "warning";
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,QAAA,MAAM,KAAK;;sHAUT,CAAA;AAGF,QAAA,MAAM,SAAS;cAGH,SAAS,GAAG,OAAO,GAAG,SAAS;uCAyBzC,CAAA;AAGF,QAAA,MAAM,UAAU,uHASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,yHASpB,CAAA;AAGF,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAA"}
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,QAAA,MAAM,KAAK;;sHAUT,CAAA;AAGF,QAAA,MAAM,SAAS;cAGH,SAAS,GAAG,OAAO,GAAG,SAAS;uCAiCzC,CAAA;AAGF,QAAA,MAAM,UAAU,uHASd,CAAA;AAGF,QAAA,MAAM,gBAAgB,yHASpB,CAAA;AAGF,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAA"}
@@ -1,145 +1,44 @@
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 { cva } from 'class-variance-authority';
58
3
  import * as React from 'react';
59
4
  import IconInfo from '../icons/IconInfo';
60
5
  import { cn } from '../utils';
61
- var alertVariants = cva('relative font-light w-full p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4', {
6
+ const alertVariants = cva('relative font-light w-full p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4', {
62
7
  variants: {
63
8
  variant: {
64
9
  default: 'bg-primary1 text-black',
65
10
  error: 'bg-danger/30 [&>svg]:text-danger',
66
- warning: 'bg-warning4/30 [&>svg]:text-warning4'
67
- }
11
+ warning: 'bg-warning4/30 [&>svg]:text-warning4',
12
+ },
68
13
  },
69
14
  defaultVariants: {
70
- variant: 'default'
71
- }
72
- });
73
- var Alert = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
74
- var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
75
- "className",
76
- "variant"
77
- ]);
78
- return /*#__PURE__*/ _jsx("div", _object_spread({
79
- ref: ref,
80
- role: "alert",
81
- className: cn(alertVariants({
82
- variant: variant
83
- }), className)
84
- }, props));
15
+ variant: 'default',
16
+ },
85
17
  });
18
+ const Alert = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props })));
86
19
  Alert.displayName = 'Alert';
87
- var AlertIcon = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
88
- var className = _param.className, variant = _param.variant, props = _object_without_properties(_param, [
89
- "className",
90
- "variant"
91
- ]);
20
+ const AlertIcon = React.forwardRef(({ className, variant, ...props }, ref) => {
92
21
  if (!variant) {
93
- return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
94
- ref: ref
95
- }, props));
22
+ return _jsx(IconInfo, { ref: ref, ...props });
96
23
  }
97
- switch(variant){
24
+ switch (variant) {
98
25
  case 'error':
99
- return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
100
- ref: ref,
101
- variant: 'filled',
102
- className: cn('text-danger', className)
103
- }, props));
26
+ return (_jsx(IconInfo, { ref: ref, variant: 'filled', className: cn('text-danger', className), ...props }));
104
27
  case 'warning':
105
- return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
106
- ref: ref,
107
- variant: 'filled',
108
- className: cn('text-warning4', className)
109
- }, props));
28
+ return (_jsx(IconInfo, { ref: ref, variant: 'filled', className: cn('text-warning4', className), ...props }));
110
29
  case 'default':
111
- return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
112
- ref: ref
113
- }, props));
114
- default:
115
- {
116
- var _exhaustiveCheck = variant;
117
- return /*#__PURE__*/ _jsx(IconInfo, _object_spread({
118
- ref: ref
119
- }, props));
120
- }
30
+ return _jsx(IconInfo, { ref: ref, ...props });
31
+ default: {
32
+ const _exhaustiveCheck = variant;
33
+ return _jsx(IconInfo, { ref: ref, ...props });
34
+ }
121
35
  }
122
36
  });
123
37
  AlertIcon.displayName = 'AlertIcon';
124
- var AlertTitle = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
125
- var className = _param.className, props = _object_without_properties(_param, [
126
- "className"
127
- ]);
128
- return /*#__PURE__*/ _jsx("h5", _object_spread({
129
- ref: ref,
130
- className: cn('mb-1 font-bold leading-none tracking-tight', className)
131
- }, props));
132
- });
38
+ const AlertTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h5", { ref: ref, className: cn('mb-1 font-bold leading-none tracking-tight', className), ...props })));
133
39
  AlertTitle.displayName = 'AlertTitle';
134
- var AlertDescription = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
135
- var className = _param.className, props = _object_without_properties(_param, [
136
- "className"
137
- ]);
138
- return /*#__PURE__*/ _jsx("div", _object_spread({
139
- ref: ref,
140
- className: cn('text-base font-light [&_p]:leading-relaxed', className)
141
- }, props));
142
- });
40
+ const AlertDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('text-base font-light [&_p]:leading-relaxed', className), ...props })));
143
41
  AlertDescription.displayName = 'AlertDescription';
144
42
  export default Alert;
145
43
  export { AlertTitle, AlertDescription, AlertIcon };
44
+ //# sourceMappingURL=Alert.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAE7B,MAAM,aAAa,GAAG,GAAG,CACxB,4HAA4H,EAC5H;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,wBAAwB;YACjC,KAAK,EAAE,kCAAkC;YACzC,OAAO,EAAE,sCAAsC;SAC/C;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAA;AAED,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,cACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACR,CACF,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAKhC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,QAAQ,OAAO,EAAE,CAAC;QACjB,KAAK,OAAO;YACX,OAAO,CACN,KAAC,QAAQ,IACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KACnC,KAAK,GACR,CACF,CAAA;QACF,KAAK,SAAS;YACb,OAAO,CACN,KAAC,QAAQ,IACR,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,KACrC,KAAK,GACR,CACF,CAAA;QACF;YACC,OAAO,KAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;IAC1C,CAAC;AACF,CAAC,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,aACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,KAClE,KAAK,GACR,CACF,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,cACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,KAClE,KAAK,GACR,CACF,CAAC,CAAA;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAA"}
1
+ {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import type { StoryObj } from '@storybook/react';
2
2
  declare const meta: {
3
3
  component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
4
- variant?: "warning" | "error" | "default" | null | undefined;
4
+ variant?: "error" | "default" | "warning" | null | undefined;
5
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
6
6
  };
7
7
  export default meta;
@@ -1,57 +1,22 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import Alert, { AlertDescription, AlertIcon, AlertTitle } from './Alert.js';
3
- var meta = {
4
- component: Alert
3
+ const meta = {
4
+ component: Alert,
5
5
  };
6
6
  export default meta;
7
- export var DefaultStory = {
8
- render: function() {
9
- return /*#__PURE__*/ _jsxs(Alert, {
10
- children: [
11
- /*#__PURE__*/ _jsx(AlertIcon, {}),
12
- /*#__PURE__*/ _jsx(AlertTitle, {
13
- children: "Apple Inc."
14
- }),
15
- /*#__PURE__*/ _jsx(AlertDescription, {
16
- children: "Created by Steve Jobs. Made possible by Steve Wozniak."
17
- })
18
- ]
19
- });
20
- }
7
+ export const DefaultStory = {
8
+ render: () => {
9
+ return (_jsxs(Alert, { children: [_jsx(AlertIcon, {}), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "Created by Steve Jobs. Made possible by Steve Wozniak." })] }));
10
+ },
21
11
  };
22
- export var ErrorStory = {
23
- render: function() {
24
- return /*#__PURE__*/ _jsxs(Alert, {
25
- variant: "error",
26
- children: [
27
- /*#__PURE__*/ _jsx(AlertIcon, {
28
- variant: "error"
29
- }),
30
- /*#__PURE__*/ _jsx(AlertTitle, {
31
- children: "Apple Inc."
32
- }),
33
- /*#__PURE__*/ _jsx(AlertDescription, {
34
- children: "is made by Bill Gates"
35
- })
36
- ]
37
- });
38
- }
12
+ export const ErrorStory = {
13
+ render: () => {
14
+ return (_jsxs(Alert, { variant: "error", children: [_jsx(AlertIcon, { variant: "error" }), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "is made by Bill Gates" })] }));
15
+ },
39
16
  };
40
- export var WarningStory = {
41
- render: function() {
42
- return /*#__PURE__*/ _jsxs(Alert, {
43
- variant: "warning",
44
- children: [
45
- /*#__PURE__*/ _jsx(AlertIcon, {
46
- variant: "warning"
47
- }),
48
- /*#__PURE__*/ _jsx(AlertTitle, {
49
- children: "Apple Inc."
50
- }),
51
- /*#__PURE__*/ _jsx(AlertDescription, {
52
- children: "is prospered by Tim Cook."
53
- })
54
- ]
55
- });
56
- }
17
+ export const WarningStory = {
18
+ render: () => {
19
+ return (_jsxs(Alert, { variant: "warning", children: [_jsx(AlertIcon, { variant: "warning" }), _jsx(AlertTitle, { children: "Apple Inc." }), _jsx(AlertDescription, { children: "is prospered by Tim Cook." })] }));
20
+ },
57
21
  };
22
+ //# sourceMappingURL=Alert.stories.js.map
@@ -1,39 +1,26 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import Stack from '../stack/Stack';
3
3
  import { cn } from '../utils';
4
- var LoadingAnimation = function(param) {
5
- var _param_colorScheme = param.colorScheme, colorScheme = _param_colorScheme === void 0 ? 'default' : _param_colorScheme;
6
- return /*#__PURE__*/ _jsxs(Stack, {
7
- className: "flex justify-center items-center",
8
- children: [
9
- /*#__PURE__*/ _jsxs("div", {
10
- className: "relative flex gap-1",
11
- children: [
12
- [
13
- 0,
14
- 1,
15
- 2,
16
- 3
17
- ].map(function(index) {
18
- return /*#__PURE__*/ _jsx("div", {
19
- className: cn('w-[10px] h-[10px] rounded-full', colorScheme === 'default' ? 'bg-primary2' : 'bg-white opacity-50')
20
- }, "static-".concat(index));
21
- }),
22
- /*#__PURE__*/ _jsx("div", {
23
- className: "absolute top-0 left-0 flex items-center",
24
- style: {
25
- animation: 'dotAnimation 3s infinite'
26
- },
27
- children: /*#__PURE__*/ _jsx("div", {
28
- className: cn('w-full h-[10px] rounded-full', colorScheme === 'default' ? 'bg-links' : 'bg-white')
29
- })
30
- })
31
- ]
32
- }),
33
- /*#__PURE__*/ _jsx("style", {
34
- children: "\n @keyframes dotAnimation {\n 0% { transform: translateX(0); width: 10px; }\n 9% { transform: translateX(0); width: 24px; }\n 17.5% { transform: translateX(14px); width: 10px; }\n 25% { transform: translateX(14px); width: 24px; }\n 35% { transform: translateX(28px); width: 10px; }\n 42.5% { transform: translateX(28px); width: 24px; }\n 50% { transform: translateX(42px); width: 10px; }\n 59% { transform: translateX(28px); width: 24px; }\n 67.5% { transform: translateX(28px); width: 10px; }\n 75% { transform: translateX(14px); width: 24px; }\n 85% { transform: translateX(14px); width: 10px; }\n 92.5% { transform: translateX(0px); width: 24px; }\n 100% { transform: translateX(0); width: 10px; }\n}\n "
35
- })
36
- ]
37
- });
4
+ const LoadingAnimation = ({ colorScheme = 'default' }) => {
5
+ return (_jsxs(Stack, { className: "flex justify-center items-center", children: [_jsxs("div", { className: "relative flex gap-1", children: [[0, 1, 2, 3].map((index) => (_jsx("div", { className: cn('w-[10px] h-[10px] rounded-full', colorScheme === 'default' ? 'bg-primary2' : 'bg-white opacity-50') }, `static-${index}`))), _jsx("div", { className: "absolute top-0 left-0 flex items-center", style: {
6
+ animation: 'dotAnimation 3s infinite',
7
+ }, children: _jsx("div", { className: cn('w-full h-[10px] rounded-full', colorScheme === 'default' ? 'bg-links' : 'bg-white') }) })] }), _jsx("style", { children: `
8
+ @keyframes dotAnimation {
9
+ 0% { transform: translateX(0); width: 10px; }
10
+ 9% { transform: translateX(0); width: 24px; }
11
+ 17.5% { transform: translateX(14px); width: 10px; }
12
+ 25% { transform: translateX(14px); width: 24px; }
13
+ 35% { transform: translateX(28px); width: 10px; }
14
+ 42.5% { transform: translateX(28px); width: 24px; }
15
+ 50% { transform: translateX(42px); width: 10px; }
16
+ 59% { transform: translateX(28px); width: 24px; }
17
+ 67.5% { transform: translateX(28px); width: 10px; }
18
+ 75% { transform: translateX(14px); width: 24px; }
19
+ 85% { transform: translateX(14px); width: 10px; }
20
+ 92.5% { transform: translateX(0px); width: 24px; }
21
+ 100% { transform: translateX(0); width: 10px; }
22
+ }
23
+ ` })] }));
38
24
  };
39
25
  export default LoadingAnimation;
26
+ //# sourceMappingURL=LoadingAnimation.js.map
@@ -1,7 +1,7 @@
1
1
  import { type VariantProps } from 'class-variance-authority';
2
2
  import type * as React from 'react';
3
3
  declare const badgeVariants: (props?: ({
4
- colorScheme?: "info" | "warning" | "success" | "accent" | null | undefined;
4
+ colorScheme?: "error" | "info" | "warning" | "success" | "accent" | null | undefined;
5
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
6
  export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
7
7
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAKnC,QAAA,MAAM,aAAa;;8EAYlB,CAAA;AAED,MAAM,WAAW,UAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEvC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CASxE;AAED,eAAe,KAAK,CAAA"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAKnC,QAAA,MAAM,aAAa;;8EAalB,CAAA;AAED,MAAM,WAAW,UAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEvC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CASxE;AAED,eAAe,KAAK,CAAA"}