@lotte-innovate/ui-component-test 0.0.8 → 0.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 (264) hide show
  1. package/dist/Typography/Header/index.d.ts +1 -1
  2. package/dist/Typography/Header/{index.jsx → index.js} +2 -5
  3. package/dist/Typography/Text/{index.jsx → index.js} +3 -6
  4. package/dist/app/layout.d.ts +1 -1
  5. package/dist/app/{layout.jsx → layout.js} +2 -3
  6. package/dist/app/page.d.ts +1 -2
  7. package/dist/app/{page.jsx → page.js} +2 -2
  8. package/dist/app/template/badgeTemplate.d.ts +1 -2
  9. package/dist/app/template/badgeTemplate.js +11 -0
  10. package/dist/app/template/buttonTemplate.d.ts +1 -2
  11. package/dist/app/template/buttonTemplate.js +11 -0
  12. package/dist/app/template/colorPicker.d.ts +1 -2
  13. package/dist/app/template/colorPicker.js +14 -0
  14. package/dist/app/template/textTemplate.d.ts +1 -2
  15. package/dist/app/template/textTemplate.js +23 -0
  16. package/dist/app/template/theme.d.ts +2 -2
  17. package/dist/app/template/theme.js +12 -0
  18. package/dist/components/Accordion/{index.jsx → index.js} +5 -17
  19. package/dist/components/AlertDialog/{AlertDialogAction.jsx → AlertDialogAction.js} +3 -4
  20. package/dist/components/AlertDialog/{AlertDialogCancel.jsx → AlertDialogCancel.js} +3 -4
  21. package/dist/components/AlertDialog/{AlertDialogContent.jsx → AlertDialogContent.js} +3 -7
  22. package/dist/components/AlertDialog/{AlertDialogDescription.jsx → AlertDialogDescription.js} +14 -4
  23. package/dist/components/AlertDialog/{AlertDialogTitle.jsx → AlertDialogTitle.js} +14 -4
  24. package/dist/components/AlertDialog/{AlertDialogTrigger.jsx → AlertDialogTrigger.js} +3 -4
  25. package/dist/components/AlertDialog/{index.jsx → index.js} +14 -2
  26. package/dist/components/AspectRatio/{index.jsx → index.js} +3 -4
  27. package/dist/components/Avatar/{index.jsx → index.js} +3 -7
  28. package/dist/components/Badge/{index.jsx → index.js} +3 -4
  29. package/dist/components/BubbleChart/index.d.ts +1 -2
  30. package/dist/components/BubbleChart/{index.jsx → index.js} +2 -2
  31. package/dist/components/Button/{index.jsx → index.js} +3 -4
  32. package/dist/components/Callout/{CalloutIcon.jsx → CalloutIcon.js} +3 -8
  33. package/dist/components/Callout/{CalloutText.jsx → CalloutText.js} +14 -4
  34. package/dist/components/Callout/{index.jsx → index.js} +3 -6
  35. package/dist/components/Card/{index.jsx → index.js} +3 -4
  36. package/dist/components/Checkbox/{index.jsx → index.js} +3 -11
  37. package/dist/components/CheckboxCard/{index.jsx → index.js} +3 -5
  38. package/dist/components/CheckboxGroup/{CheckboxGroupItem.jsx → CheckboxGroupItem.js} +14 -6
  39. package/dist/components/CheckboxGroup/{index.jsx → index.js} +2 -5
  40. package/dist/components/ContextMenu/{ContextMenuCheckboxItem.jsx → ContextMenuCheckboxItem.js} +14 -7
  41. package/dist/components/ContextMenu/{ContextMenuContent.jsx → ContextMenuContent.js} +3 -6
  42. package/dist/components/ContextMenu/{ContextMenuGroup.jsx → ContextMenuGroup.js} +14 -4
  43. package/dist/components/ContextMenu/{ContextMenuItem.jsx → ContextMenuItem.js} +3 -5
  44. package/dist/components/ContextMenu/{ContextMenuItemIndicator.jsx → ContextMenuItemIndicator.js} +3 -4
  45. package/dist/components/ContextMenu/{ContextMenuLabel.jsx → ContextMenuLabel.js} +3 -4
  46. package/dist/components/ContextMenu/{ContextMenuRadioGroup.jsx → ContextMenuRadioGroup.js} +14 -6
  47. package/dist/components/ContextMenu/{ContextMenuRadioItem.jsx → ContextMenuRadioItem.js} +14 -7
  48. package/dist/components/ContextMenu/{ContextMenuSeparator.jsx → ContextMenuSeparator.js} +14 -4
  49. package/dist/components/ContextMenu/{ContextMenuSubContent.jsx → ContextMenuSubContent.js} +6 -9
  50. package/dist/components/ContextMenu/{ContextMenuSubTrigger.jsx → ContextMenuSubTrigger.js} +14 -9
  51. package/dist/components/ContextMenu/{ContextMenuTrigger.jsx → ContextMenuTrigger.js} +14 -4
  52. package/dist/components/ContextMenu/{index.jsx → index.js} +14 -4
  53. package/dist/components/DataList/{DataListItem.jsx → DataListItem.js} +3 -4
  54. package/dist/components/DataList/{DataListLabel.jsx → DataListLabel.js} +3 -4
  55. package/dist/components/DataList/{DataListValue.jsx → DataListValue.js} +3 -4
  56. package/dist/components/DataList/{index.jsx → index.js} +14 -6
  57. package/dist/components/Dialog/{DialogAction.jsx → DialogAction.js} +14 -4
  58. package/dist/components/Dialog/{DialogCancel.jsx → DialogCancel.js} +14 -4
  59. package/dist/components/Dialog/{DialogContent.jsx → DialogContent.js} +3 -4
  60. package/dist/components/Dialog/{DialogDescription.jsx → DialogDescription.js} +14 -4
  61. package/dist/components/Dialog/{DialogSlot.jsx → DialogSlot.js} +14 -4
  62. package/dist/components/Dialog/{DialogTitle.jsx → DialogTitle.js} +14 -4
  63. package/dist/components/Dialog/{DialogTrigger.jsx → DialogTrigger.js} +14 -4
  64. package/dist/components/Dialog/{index.jsx → index.js} +14 -4
  65. package/dist/components/DoughnutChart/index.d.ts +1 -2
  66. package/dist/components/DoughnutChart/{index.jsx → index.js} +2 -2
  67. package/dist/components/DropdownMenu/{DropdonMenuRadioGroup.jsx → DropdonMenuRadioGroup.js} +14 -6
  68. package/dist/components/DropdownMenu/{DropdonMenuSubContent.jsx → DropdonMenuSubContent.js} +7 -10
  69. package/dist/components/DropdownMenu/{DropdownMenuCheckboxItem.jsx → DropdownMenuCheckboxItem.js} +14 -7
  70. package/dist/components/DropdownMenu/{DropdownMenuContent.jsx → DropdownMenuContent.js} +3 -6
  71. package/dist/components/DropdownMenu/{DropdownMenuItem.jsx → DropdownMenuItem.js} +3 -5
  72. package/dist/components/DropdownMenu/{DropdownMenuItemIndicator.jsx → DropdownMenuItemIndicator.js} +3 -4
  73. package/dist/components/DropdownMenu/{DropdownMenuLable.jsx → DropdownMenuLable.js} +3 -4
  74. package/dist/components/DropdownMenu/{DropdownMenuRadioItem.jsx → DropdownMenuRadioItem.js} +14 -7
  75. package/dist/components/DropdownMenu/{DropdownMenuSeparator.jsx → DropdownMenuSeparator.js} +14 -2
  76. package/dist/components/DropdownMenu/{DropdownMenuSub.jsx → DropdownMenuSub.js} +14 -2
  77. package/dist/components/DropdownMenu/{DropdownMenuSubTrigger.jsx → DropdownMenuSubTrigger.js} +14 -7
  78. package/dist/components/DropdownMenu/{DropdownMenuTrigger.jsx → DropdownMenuTrigger.js} +14 -4
  79. package/dist/components/DropdownMenu/{index.jsx → index.js} +14 -2
  80. package/dist/components/HoverCard/{HoverCardContent.jsx → HoverCardContent.js} +3 -4
  81. package/dist/components/HoverCard/{HoverCardTrigger.jsx → HoverCardTrigger.js} +14 -4
  82. package/dist/components/HoverCard/{index.jsx → index.js} +14 -4
  83. package/dist/components/IconButton/{index.jsx → index.js} +2 -3
  84. package/dist/components/Input/Input.stories.d.ts +4 -4
  85. package/dist/components/Input/{Input.stories.jsx → Input.stories.js} +15 -9
  86. package/dist/components/Input/index.d.ts +1 -1
  87. package/dist/components/Input/{index.jsx → index.js} +3 -3
  88. package/dist/components/Inset/{index.jsx → index.js} +3 -6
  89. package/dist/components/Label/{index.jsx → index.js} +2 -3
  90. package/dist/components/Menubar/{MenubarCheckboxItem.jsx → MenubarCheckboxItem.js} +14 -7
  91. package/dist/components/Menubar/{MenubarContent.jsx → MenubarContent.js} +7 -10
  92. package/dist/components/Menubar/{MenubarItem.jsx → MenubarItem.js} +3 -5
  93. package/dist/components/Menubar/{MenubarItemIndicator.jsx → MenubarItemIndicator.js} +3 -4
  94. package/dist/components/Menubar/{MenubarMenu.jsx → MenubarMenu.js} +14 -2
  95. package/dist/components/Menubar/{MenubarRadioGroup.jsx → MenubarRadioGroup.js} +14 -6
  96. package/dist/components/Menubar/{MenubarRadioItem.jsx → MenubarRadioItem.js} +14 -7
  97. package/dist/components/Menubar/{MenubarSeparator.jsx → MenubarSeparator.js} +14 -4
  98. package/dist/components/Menubar/{MenubarSub.jsx → MenubarSub.js} +14 -2
  99. package/dist/components/Menubar/{MenubarSubContent.jsx → MenubarSubContent.js} +4 -5
  100. package/dist/components/Menubar/{MenubarSubTrigger.jsx → MenubarSubTrigger.js} +14 -7
  101. package/dist/components/Menubar/{MenubarTrigger.jsx → MenubarTrigger.js} +3 -4
  102. package/dist/components/Menubar/{index.jsx → index.js} +3 -6
  103. package/dist/components/NavigationMenu/{NavigationMenuContent.jsx → NavigationMenuContent.js} +3 -4
  104. package/dist/components/NavigationMenu/NavigationMenuIndicator.js +31 -0
  105. package/dist/components/NavigationMenu/{NavigationMenuItem.jsx → NavigationMenuItem.js} +14 -4
  106. package/dist/components/NavigationMenu/{NavigationMenuLink.jsx → NavigationMenuLink.js} +3 -4
  107. package/dist/components/NavigationMenu/{NavigationMenuList.jsx → NavigationMenuList.js} +3 -5
  108. package/dist/components/NavigationMenu/{NavigationMenuTrigger.jsx → NavigationMenuTrigger.js} +3 -5
  109. package/dist/components/NavigationMenu/{NavigationMenuViewport.jsx → NavigationMenuViewport.js} +3 -4
  110. package/dist/components/NavigationMenu/{index.jsx → index.js} +14 -6
  111. package/dist/components/PieChart/index.d.ts +1 -2
  112. package/dist/components/PieChart/{index.jsx → index.js} +2 -2
  113. package/dist/components/Popover/{PopoverClose.jsx → PopoverClose.js} +14 -4
  114. package/dist/components/Popover/{PopoverContent.jsx → PopoverContent.js} +3 -4
  115. package/dist/components/Popover/{PopoverTrigger.jsx → PopoverTrigger.js} +14 -4
  116. package/dist/components/Popover/{index.jsx → index.js} +14 -4
  117. package/dist/components/Progress/{index.jsx → index.js} +3 -4
  118. package/dist/components/RadarChart/index.d.ts +1 -2
  119. package/dist/components/RadarChart/{index.jsx → index.js} +2 -2
  120. package/dist/components/Radio/{index.jsx → index.js} +13 -8
  121. package/dist/components/RadioCards/{RadioCardsItem.jsx → RadioCardsItem.js} +14 -4
  122. package/dist/components/RadioCards/{index.jsx → index.js} +3 -6
  123. package/dist/components/RadioGroup/{RadioGroupItem.jsx → RadioGroupItem.js} +14 -4
  124. package/dist/components/RadioGroup/{index.jsx → index.js} +14 -6
  125. package/dist/components/ScrollArea/{index.jsx → index.js} +14 -6
  126. package/dist/components/SegmentedControl/{SegmentedControlItem.jsx → SegmentedControlItem.js} +14 -4
  127. package/dist/components/SegmentedControl/{index.jsx → index.js} +2 -5
  128. package/dist/components/Select/{index.jsx → index.js} +8 -23
  129. package/dist/components/Separator/{index.jsx → index.js} +2 -5
  130. package/dist/components/Skeleton/{index.jsx → index.js} +2 -5
  131. package/dist/components/Slider/{index.jsx → index.js} +2 -3
  132. package/dist/components/Spinner/{index.jsx → index.js} +2 -5
  133. package/dist/components/TabNav/{index.jsx → index.js} +14 -8
  134. package/dist/components/Table/{index.jsx → index.js} +8 -23
  135. package/dist/components/Tabs/{index.jsx → index.js} +5 -14
  136. package/dist/components/TextArea/{index.jsx → index.js} +2 -3
  137. package/dist/components/TextField/{index.jsx → index.js} +3 -8
  138. package/dist/components/Toast/{ToastActionButton.jsx → ToastActionButton.js} +3 -4
  139. package/dist/components/Toast/{ToastDescription.jsx → ToastDescription.js} +14 -6
  140. package/dist/components/Toast/{ToastTitle.jsx → ToastTitle.js} +14 -4
  141. package/dist/components/Toast/{index.jsx → index.js} +3 -9
  142. package/dist/components/Toggle/{ToggleWithText.jsx → ToggleWithText.js} +4 -6
  143. package/dist/components/Toggle/{index.jsx → index.js} +3 -4
  144. package/dist/components/ToggleGroup/{index.jsx → index.js} +3 -6
  145. package/dist/components/ToggleGroup/{toggleGroupItem.jsx → toggleGroupItem.js} +14 -4
  146. package/dist/components/ToggleSwitch/{index.jsx → index.js} +2 -6
  147. package/dist/components/Tooltip/index.d.ts +1 -1
  148. package/dist/components/Tooltip/{index.jsx → index.js} +2 -11
  149. package/dist/index.d.ts +2 -0
  150. package/dist/index.js +2 -3
  151. package/dist/stories/Welcome.d.ts +1 -2
  152. package/dist/stories/Welcome.js +30 -0
  153. package/dist/stories/accordion/Accordion.stories.d.ts +1 -1
  154. package/dist/stories/accordion/{Accordion.stories.jsx → Accordion.stories.js} +2 -20
  155. package/dist/stories/alert-dialog/AlertDialog.stories.d.ts +1 -1
  156. package/dist/stories/alert-dialog/{AlertDialog.stories.jsx → AlertDialog.stories.js} +2 -15
  157. package/dist/stories/aspect-ratio/AspectRatio.stories.d.ts +3 -3
  158. package/dist/stories/aspect-ratio/AspectRatio.stories.js +78 -0
  159. package/dist/stories/avatar/Avatar.stories.d.ts +5 -5
  160. package/dist/stories/avatar/{Avatar.stories.jsx → Avatar.stories.js} +6 -17
  161. package/dist/stories/badge/Badge.stories.d.ts +6 -6
  162. package/dist/stories/badge/{Badge.stories.jsx → Badge.stories.js} +7 -51
  163. package/dist/stories/bubble-chart/BubbleChart.stories.d.ts +4 -5
  164. package/dist/stories/bubble-chart/{BubbleChart.stories.jsx → BubbleChart.stories.js} +4 -12
  165. package/dist/stories/button/Button.stories.d.ts +7 -7
  166. package/dist/stories/button/{Button.stories.jsx → Button.stories.js} +8 -41
  167. package/dist/stories/button/IconButton.stories.d.ts +4 -4
  168. package/dist/stories/button/{IconButton.stories.jsx → IconButton.stories.js} +5 -18
  169. package/dist/stories/callout/Callout.stories.d.ts +7 -7
  170. package/dist/stories/callout/Callout.stories.js +104 -0
  171. package/dist/stories/card/Card.stories.d.ts +5 -5
  172. package/dist/stories/card/{Card.stories.jsx → Card.stories.js} +6 -56
  173. package/dist/stories/checkbox/Checkbox.stories.d.ts +6 -6
  174. package/dist/stories/checkbox/{Checkbox.stories.jsx → Checkbox.stories.js} +7 -63
  175. package/dist/stories/checkbox/CheckboxCard.stories.d.ts +5 -5
  176. package/dist/stories/checkbox/{CheckboxCard.stories.jsx → CheckboxCard.stories.js} +6 -41
  177. package/dist/stories/checkbox/CheckboxGroup.stories.d.ts +3 -3
  178. package/dist/stories/checkbox/{CheckboxGroup.stories.jsx → CheckboxGroup.stories.js} +4 -76
  179. package/dist/stories/context-menu/ContextMenu.stories.d.ts +4 -4
  180. package/dist/stories/context-menu/{ContextMenu.stories.jsx → ContextMenu.stories.js} +5 -74
  181. package/dist/stories/data-list/DataList.stories.d.ts +4 -4
  182. package/dist/stories/data-list/DataList.stories.js +87 -0
  183. package/dist/stories/dialog/Dialog.stories.d.ts +1 -1
  184. package/dist/stories/dialog/{Dialog.stories.jsx → Dialog.stories.js} +2 -25
  185. package/dist/stories/doughnut-chart/DoughnutChart.stories.d.ts +4 -5
  186. package/dist/stories/doughnut-chart/{DoughnutChart.stories.jsx → DoughnutChart.stories.js} +4 -12
  187. package/dist/stories/dropdown-menu/DropdownMenu.stories.d.ts +4 -4
  188. package/dist/stories/dropdown-menu/DropdownMenu.stories.js +75 -0
  189. package/dist/stories/header/Header.stories.d.ts +6 -6
  190. package/dist/stories/header/{Header.stories.jsx → Header.stories.js} +7 -26
  191. package/dist/stories/hover-card/HoverCard.stories.d.ts +2 -2
  192. package/dist/stories/hover-card/{HoverCard.stories.jsx → HoverCard.stories.js} +3 -30
  193. package/dist/stories/inset/Inset.stories.d.ts +2 -2
  194. package/dist/stories/inset/{Inset.stories.jsx → Inset.stories.js} +12 -27
  195. package/dist/stories/label/Label.stories.d.ts +4 -4
  196. package/dist/stories/label/{Label.stories.jsx → Label.stories.js} +5 -26
  197. package/dist/stories/menubar/Menubar.stories.d.ts +1 -1
  198. package/dist/stories/menubar/{Menubar.stories.jsx → Menubar.stories.js} +8 -45
  199. package/dist/stories/navigation-menu/NavigationMenu.stories.d.ts +13 -13
  200. package/dist/stories/navigation-menu/{NavigationMenu.stories.jsx → NavigationMenu.stories.js} +3 -68
  201. package/dist/stories/pie-chart/PieChart.stories.d.ts +5 -6
  202. package/dist/stories/pie-chart/{PieChart.stories.jsx → PieChart.stories.js} +13 -32
  203. package/dist/stories/popover/Popover.stories.d.ts +2 -2
  204. package/dist/stories/popover/{Popover.stories.jsx → Popover.stories.js} +9 -42
  205. package/dist/stories/progress/Progress.stories.d.ts +4 -4
  206. package/dist/stories/progress/{Progress.stories.jsx → Progress.stories.js} +6 -11
  207. package/dist/stories/radar-chart/RadarChart.stories.d.ts +5 -6
  208. package/dist/stories/radar-chart/{RadarChart.stories.jsx → RadarChart.stories.js} +5 -4
  209. package/dist/stories/radio/Radio.stories.d.ts +3 -3
  210. package/dist/stories/radio/{Radio.stories.jsx → Radio.stories.js} +4 -14
  211. package/dist/stories/radio/RadioCards.stories.d.ts +4 -4
  212. package/dist/stories/radio/{RadioCards.stories.jsx → RadioCards.stories.js} +5 -64
  213. package/dist/stories/radio/RadioGroup.stories.d.ts +4 -4
  214. package/dist/stories/radio/{RadioGroup.stories.jsx → RadioGroup.stories.js} +5 -59
  215. package/dist/stories/scroll-area/ScrollArea.stories.d.ts +2 -2
  216. package/dist/stories/scroll-area/ScrollArea.stories.js +63 -0
  217. package/dist/stories/segmented-control/SegmentedControl.stories.d.ts +4 -4
  218. package/dist/stories/segmented-control/{SegmentedControl.stories.jsx → SegmentedControl.stories.js} +5 -26
  219. package/dist/stories/select/Select.stories.d.ts +5 -5
  220. package/dist/stories/select/{Select.stories.jsx → Select.stories.js} +6 -67
  221. package/dist/stories/separator/Separator.stories.d.ts +4 -4
  222. package/dist/stories/separator/{Separator.stories.jsx → Separator.stories.js} +5 -29
  223. package/dist/stories/skeleton/Skeleton.stories.d.ts +5 -5
  224. package/dist/stories/skeleton/{Skeleton.stories.jsx → Skeleton.stories.js} +6 -33
  225. package/dist/stories/slider/Slider.stories.d.ts +4 -4
  226. package/dist/stories/slider/{Slider.stories.jsx → Slider.stories.js} +5 -16
  227. package/dist/stories/spinner/Spinner.stories.d.ts +5 -5
  228. package/dist/stories/spinner/{Spinner.stories.jsx → Spinner.stories.js} +6 -31
  229. package/dist/stories/switch/Switch.stories.d.ts +4 -4
  230. package/dist/stories/switch/{Switch.stories.jsx → Switch.stories.js} +5 -16
  231. package/dist/stories/tab-nav/TabNav.stories.d.ts +1 -1
  232. package/dist/stories/tab-nav/{TabNav.stories.jsx → TabNav.stories.js} +2 -11
  233. package/dist/stories/table/Table.stories.d.ts +1 -1
  234. package/dist/stories/table/{Table.stories.jsx → Table.stories.js} +2 -29
  235. package/dist/stories/tabs/Tabs.stories.d.ts +1 -1
  236. package/dist/stories/tabs/{Tabs.stories.jsx → Tabs.stories.js} +2 -19
  237. package/dist/stories/text/Text.stories.d.ts +5 -5
  238. package/dist/stories/text/{Text.stories.jsx → Text.stories.js} +6 -21
  239. package/dist/stories/textArea/TextArea.stories.d.ts +5 -5
  240. package/dist/stories/textArea/{TextArea.stories.jsx → TextArea.stories.js} +6 -22
  241. package/dist/stories/textfield/TextField.stories.d.ts +5 -5
  242. package/dist/stories/textfield/{TextField.stories.jsx → TextField.stories.js} +6 -38
  243. package/dist/stories/toast/Toast.stories.d.ts +3 -3
  244. package/dist/stories/toast/{Toast.stories.jsx → Toast.stories.js} +4 -22
  245. package/dist/stories/toggle/Toggle.stories.d.ts +5 -5
  246. package/dist/stories/toggle/{Toggle.stories.jsx → Toggle.stories.js} +6 -23
  247. package/dist/stories/toggle/ToggleGroup.stories.d.ts +3 -3
  248. package/dist/stories/toggle/{ToggleGroup.stories.jsx → ToggleGroup.stories.js} +6 -39
  249. package/dist/stories/tooltip/Tooltip.stories.d.ts +3 -3
  250. package/dist/stories/tooltip/{Tooltip.stories.jsx → Tooltip.stories.js} +4 -17
  251. package/dist/tsconfig.tsbuildinfo +1 -1
  252. package/package.json +4 -3
  253. package/dist/app/template/badgeTemplate.jsx +0 -82
  254. package/dist/app/template/buttonTemplate.jsx +0 -82
  255. package/dist/app/template/colorPicker.jsx +0 -19
  256. package/dist/app/template/textTemplate.jsx +0 -72
  257. package/dist/app/template/theme.jsx +0 -44
  258. package/dist/components/NavigationMenu/NavigationMenuIndicator.jsx +0 -22
  259. package/dist/stories/Welcome.jsx +0 -48
  260. package/dist/stories/aspect-ratio/AspectRatio.stories.jsx +0 -106
  261. package/dist/stories/callout/Callout.stories.jsx +0 -205
  262. package/dist/stories/data-list/DataList.stories.jsx +0 -185
  263. package/dist/stories/dropdown-menu/DropdownMenu.stories.jsx +0 -170
  264. package/dist/stories/scroll-area/ScrollArea.stories.jsx +0 -123
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
20
20
  }
21
21
  return t;
22
22
  };
23
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
23
24
  import { appearanceOptions, commonArgTypes, sizeOptions } from '../../constants';
24
25
  import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, } from 'components/NavigationMenu';
25
26
  import Image from 'next/image';
@@ -40,9 +41,7 @@ var meta = {
40
41
  },
41
42
  },
42
43
  decorators: [
43
- function (Story) { return (<div className="h-[300px] p-2">
44
- <Story />
45
- </div>); },
44
+ function (Story) { return (_jsx("div", { className: "h-[300px] p-2", children: _jsx(Story, {}) })); },
46
45
  ],
47
46
  tags: ['autodocs'],
48
47
  argTypes: {
@@ -76,69 +75,5 @@ var meta = {
76
75
  export default meta;
77
76
  export var Default = function (_a) {
78
77
  var args = __rest(_a, []);
79
- return (<NavigationMenu {...args}>
80
- <NavigationMenuList>
81
- <NavigationMenuItem>
82
- <NavigationMenuTrigger>홈페이지</NavigationMenuTrigger>
83
- <NavigationMenuContent>
84
- <div className="flex space-x-2">
85
- <Image className="rounded" src="https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80" alt="Landscape photograph by Tobias Tullius" width={120} height={200}/>
86
- <div className="space-y-2">
87
- <Card size={'small'} className="w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3">
88
- <Text weight={'bold'}>타이틀</Text>
89
- <Text>내용</Text>
90
- </Card>
91
- <Card size={'small'} className="w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3">
92
- <Text weight={'bold'}>타이틀</Text>
93
- <Text>내용</Text>
94
- </Card>
95
- <Card size={'small'} className="w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3">
96
- <Text weight={'bold'}>타이틀</Text>
97
- <Text>내용</Text>
98
- </Card>
99
- </div>
100
- </div>
101
- </NavigationMenuContent>
102
- </NavigationMenuItem>
103
-
104
- <NavigationMenuItem>
105
- <NavigationMenuTrigger>개요</NavigationMenuTrigger>
106
- <NavigationMenuContent>
107
- <div className="flex flex-col space-y-3">
108
- <Card className="hover:bg-red-3 dark:hover:bg-redDark-3" appearance="ghost">
109
- <div className="flex flex-col">
110
- <Text weight={'bold'} color="red">
111
- 타이틀이 들어가는 자리입니다.
112
- </Text>
113
- <Text>내용이 들어가는 자리입니다.</Text>
114
- </div>
115
- </Card>
116
- <Card className="hover:bg-red-3 dark:hover:bg-redDark-3" appearance="ghost">
117
- <div className="flex flex-col">
118
- <Text weight={'bold'} color="red">
119
- 타이틀이 들어가는 자리입니다.
120
- </Text>
121
- <Text>내용이 들어가는 자리입니다.</Text>
122
- </div>
123
- </Card>
124
- <Card className="hover:bg-red-3 dark:hover:bg-redDark-3" appearance="ghost">
125
- <div className="flex flex-col">
126
- <Text weight={'bold'} color="red">
127
- 타이틀이 들어가는 자리입니다.
128
- </Text>
129
- <Text>내용이 들어가는 자리입니다.</Text>
130
- </div>
131
- </Card>
132
- </div>
133
- </NavigationMenuContent>
134
- </NavigationMenuItem>
135
-
136
- <NavigationMenuItem>
137
- <NavigationMenuLink href="https://tailwindcss.com/docs/border-radius">
138
- tailwind 바로가기
139
- </NavigationMenuLink>
140
- </NavigationMenuItem>
141
- </NavigationMenuList>
142
- <NavigationMenuViewport />
143
- </NavigationMenu>);
78
+ return (_jsxs(NavigationMenu, __assign({}, args, { children: [_jsxs(NavigationMenuList, { children: [_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "\uD648\uD398\uC774\uC9C0" }), _jsx(NavigationMenuContent, { children: _jsxs("div", { className: "flex space-x-2", children: [_jsx(Image, { className: "rounded", src: "https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80", alt: "Landscape photograph by Tobias Tullius", width: 120, height: 200 }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Card, { size: 'small', className: "w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3", children: [_jsx(Text, { weight: 'bold', children: "\uD0C0\uC774\uD2C0" }), _jsx(Text, { children: "\uB0B4\uC6A9" })] }), _jsxs(Card, { size: 'small', className: "w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3", children: [_jsx(Text, { weight: 'bold', children: "\uD0C0\uC774\uD2C0" }), _jsx(Text, { children: "\uB0B4\uC6A9" })] }), _jsxs(Card, { size: 'small', className: "w-[150px] hover:bg-red-3 dark:hover:bg-redDark-3", children: [_jsx(Text, { weight: 'bold', children: "\uD0C0\uC774\uD2C0" }), _jsx(Text, { children: "\uB0B4\uC6A9" })] })] })] }) })] }), _jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "\uAC1C\uC694" }), _jsx(NavigationMenuContent, { children: _jsxs("div", { className: "flex flex-col space-y-3", children: [_jsx(Card, { className: "hover:bg-red-3 dark:hover:bg-redDark-3", appearance: "ghost", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(Text, { weight: 'bold', color: "red", children: "\uD0C0\uC774\uD2C0\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." }), _jsx(Text, { children: "\uB0B4\uC6A9\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." })] }) }), _jsx(Card, { className: "hover:bg-red-3 dark:hover:bg-redDark-3", appearance: "ghost", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(Text, { weight: 'bold', color: "red", children: "\uD0C0\uC774\uD2C0\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." }), _jsx(Text, { children: "\uB0B4\uC6A9\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." })] }) }), _jsx(Card, { className: "hover:bg-red-3 dark:hover:bg-redDark-3", appearance: "ghost", children: _jsxs("div", { className: "flex flex-col", children: [_jsx(Text, { weight: 'bold', color: "red", children: "\uD0C0\uC774\uD2C0\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." }), _jsx(Text, { children: "\uB0B4\uC6A9\uC774 \uB4E4\uC5B4\uAC00\uB294 \uC790\uB9AC\uC785\uB2C8\uB2E4." })] }) })] }) })] }), _jsx(NavigationMenuItem, { children: _jsx(NavigationMenuLink, { href: "https://tailwindcss.com/docs/border-radius", children: "tailwind \uBC14\uB85C\uAC00\uAE30" }) })] }), _jsx(NavigationMenuViewport, {})] })));
144
79
  };
@@ -1,7 +1,6 @@
1
- /// <reference types="react" />
2
1
  declare const meta: {
3
2
  title: string;
4
- component: ({ labels, datasets, scaling, className, ...rest }: import("components/PieChart").PieChartProps) => import("react").JSX.Element;
3
+ component: ({ labels, datasets, scaling, className, ...rest }: import("components/PieChart").PieChartProps) => import("react/jsx-runtime").JSX.Element;
5
4
  parameters: {
6
5
  layout: string;
7
6
  docs: {
@@ -180,7 +179,7 @@ declare const meta: {
180
179
  export default meta;
181
180
  export declare const Default: ({ ...args }: {
182
181
  [x: string]: any;
183
- }) => import("react").JSX.Element;
184
- export declare const LabelsStyle: () => import("react").JSX.Element;
185
- export declare const BorderStyles: () => import("react").JSX.Element;
186
- export declare const DataLabels: () => import("react").JSX.Element;
182
+ }) => import("react/jsx-runtime").JSX.Element;
183
+ export declare const LabelsStyle: () => import("react/jsx-runtime").JSX.Element;
184
+ export declare const BorderStyles: () => import("react/jsx-runtime").JSX.Element;
185
+ export declare const DataLabels: () => import("react/jsx-runtime").JSX.Element;
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
20
20
  }
21
21
  return t;
22
22
  };
23
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
23
24
  import PieChart from 'components/PieChart';
24
25
  import { amber, blue, green, orange, purple, red, ruby, violet, yellow } from 'color/light';
25
26
  import { commonArgTypes } from '../../constants';
@@ -174,9 +175,7 @@ var meta = {
174
175
  export default meta;
175
176
  export var Default = function (_a) {
176
177
  var args = __rest(_a, []);
177
- return (<div className="w-[300px]">
178
- <PieChart labels={args.label} datasets={args.datasets} {...args}/>
179
- </div>);
178
+ return (_jsx("div", { className: "w-[300px]", children: _jsx(PieChart, __assign({ labels: args.label, datasets: args.datasets }, args)) }));
180
179
  };
181
180
  export var LabelsStyle = function () {
182
181
  var labelStyleList = ['star', 'line', 'rect', 'circle'];
@@ -188,21 +187,17 @@ export var LabelsStyle = function () {
188
187
  borderColor: [ruby[9], violet[9], amber[9], green[9]],
189
188
  },
190
189
  ];
191
- return (<div className="flex">
192
- {labelStyleList.map(function (labelOption) { return (<div className="w-[200px]" key={labelOption}>
193
- <PieChart labels={labels} datasets={datasets} options={{
194
- plugins: {
195
- legend: {
196
- labels: {
197
- pointStyle: labelOption,
198
- usePointStyle: true,
190
+ return (_jsx("div", { className: "flex", children: labelStyleList.map(function (labelOption) { return (_jsx("div", { className: "w-[200px]", children: _jsx(PieChart, { labels: labels, datasets: datasets, options: {
191
+ plugins: {
192
+ legend: {
193
+ labels: {
194
+ pointStyle: labelOption,
195
+ usePointStyle: true,
196
+ },
197
+ position: 'top',
199
198
  },
200
- position: 'top',
201
199
  },
202
- },
203
- }}/>
204
- </div>); })}
205
- </div>);
200
+ } }) }, labelOption)); }) }));
206
201
  };
207
202
  export var BorderStyles = function () {
208
203
  var exampleData = [2, 4, 7, 3];
@@ -236,14 +231,7 @@ export var BorderStyles = function () {
236
231
  },
237
232
  },
238
233
  };
239
- return (<div className="flex">
240
- <div className="w-[200px]">
241
- <PieChart datasets={datasets} options={options}/>
242
- </div>
243
- <div className="w-[200px]">
244
- <PieChart datasets={dashDatasets} options={dashOptions}/>
245
- </div>
246
- </div>);
234
+ return (_jsxs("div", { className: "flex", children: [_jsx("div", { className: "w-[200px]", children: _jsx(PieChart, { datasets: datasets, options: options }) }), _jsx("div", { className: "w-[200px]", children: _jsx(PieChart, { datasets: dashDatasets, options: dashOptions }) })] }));
247
235
  };
248
236
  export var DataLabels = function () {
249
237
  var datasets = [
@@ -289,12 +277,5 @@ export var DataLabels = function () {
289
277
  },
290
278
  },
291
279
  };
292
- return (<div className="flex">
293
- <div className="w-[200px]">
294
- <PieChart datasets={datasets} options={options}/>
295
- </div>
296
- <div className="w-[200px]">
297
- <PieChart datasets={datasets} options={customOptions}/>
298
- </div>
299
- </div>);
280
+ return (_jsxs("div", { className: "flex", children: [_jsx("div", { className: "w-[200px]", children: _jsx(PieChart, { datasets: datasets, options: options }) }), _jsx("div", { className: "w-[200px]", children: _jsx(PieChart, { datasets: datasets, options: customOptions }) })] }));
300
281
  };
@@ -72,7 +72,7 @@ declare const meta: {
72
72
  export default meta;
73
73
  export declare const Default: ({ ...args }: {
74
74
  [x: string]: any;
75
- }) => import("react").JSX.Element;
75
+ }) => import("react/jsx-runtime").JSX.Element;
76
76
  export declare const WithInset: ({ ...args }: {
77
77
  [x: string]: any;
78
- }) => import("react").JSX.Element;
78
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
20
20
  }
21
21
  return t;
22
22
  };
23
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
23
24
  import { commonArgTypes, sizeOptions } from '../../constants';
24
25
  import { Inset } from '@radix-ui/themes';
25
26
  import { Popover, PopoverTrigger, PopoverContent, PopoverClose } from '../../components/Popover';
@@ -59,49 +60,15 @@ var meta = {
59
60
  export default meta;
60
61
  export var Default = function (_a) {
61
62
  var args = __rest(_a, []);
62
- return (<Popover {...args}>
63
- <PopoverTrigger>
64
- <Button>Comment</Button>
65
- </PopoverTrigger>
66
- <PopoverContent {...args}>
67
- <Avatar imagePath="https://images.unsplash.com/photo-1607346256330-dee7af15f7c5?&w=64&h=64&dpr=2&q=70&crop=focalpoint&fp-x=0.67&fp-y=0.5&fp-z=1.4&fit=crop" {...args} size={args.size === 'small'
68
- ? '2'
69
- : args.size === 'large'
70
- ? '4'
71
- : args.size === 'x-large'
72
- ? '5'
73
- : '3'}/>
74
- <div className="grow">
75
- <TextArea placeholder="Write a comment…" {...args} className="w-full"/>
76
- <div className="flex mt-3 justify-end">
77
- <PopoverClose {...args}>
78
- <Button>Comment</Button>
79
- </PopoverClose>
80
- </div>
81
- </div>
82
- </PopoverContent>
83
- </Popover>);
63
+ return (_jsxs(Popover, __assign({}, args, { children: [_jsx(PopoverTrigger, { children: _jsx(Button, { children: "Comment" }) }), _jsxs(PopoverContent, __assign({}, args, { children: [_jsx(Avatar, __assign({ imagePath: "https://images.unsplash.com/photo-1607346256330-dee7af15f7c5?&w=64&h=64&dpr=2&q=70&crop=focalpoint&fp-x=0.67&fp-y=0.5&fp-z=1.4&fit=crop" }, args, { size: args.size === 'small'
64
+ ? '2'
65
+ : args.size === 'large'
66
+ ? '4'
67
+ : args.size === 'x-large'
68
+ ? '5'
69
+ : '3' })), _jsxs("div", { className: "grow", children: [_jsx(TextArea, __assign({ placeholder: "Write a comment\u2026" }, args, { className: "w-full" })), _jsx("div", { className: "flex mt-3 justify-end", children: _jsx(PopoverClose, __assign({}, args, { children: _jsx(Button, { children: "Comment" }) })) })] })] }))] })));
84
70
  };
85
71
  export var WithInset = function (_a) {
86
72
  var args = __rest(_a, []);
87
- return (<Popover {...args}>
88
- <PopoverTrigger>
89
- <Button>Share image</Button>
90
- </PopoverTrigger>
91
- <PopoverContent {...args}>
92
- <div className="grid grid-cols-[130px_1fr]">
93
- <Inset side="left" pr="current">
94
- <Image src="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?&auto=format&fit=crop&w=400&q=80" alt="toggle with inset" width={150} height={150} style={{ objectFit: 'cover', width: '100%', height: '100%' }}/>
95
- </Inset>
96
- <div>
97
- <span>Minimalistic 3D rendering wallpaper.</span>
98
- <div className="mt-2 flex-col items-stretch">
99
- <PopoverClose {...args}>
100
- <Button>Copy link</Button>
101
- </PopoverClose>
102
- </div>
103
- </div>
104
- </div>
105
- </PopoverContent>
106
- </Popover>);
73
+ return (_jsxs(Popover, __assign({}, args, { children: [_jsx(PopoverTrigger, { children: _jsx(Button, { children: "Share image" }) }), _jsx(PopoverContent, __assign({}, args, { children: _jsxs("div", { className: "grid grid-cols-[130px_1fr]", children: [_jsx(Inset, { side: "left", pr: "current", children: _jsx(Image, { src: "https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?&auto=format&fit=crop&w=400&q=80", alt: "toggle with inset", width: 150, height: 150, style: { objectFit: 'cover', width: '100%', height: '100%' } }) }), _jsxs("div", { children: [_jsx("span", { children: "Minimalistic 3D rendering wallpaper." }), _jsx("div", { className: "mt-2 flex-col items-stretch", children: _jsx(PopoverClose, __assign({}, args, { children: _jsx(Button, { children: "Copy link" }) })) })] })] }) }))] })));
107
74
  };
@@ -101,13 +101,13 @@ declare const meta: {
101
101
  export default meta;
102
102
  export declare const Default: ({ ...args }: {
103
103
  [x: string]: any;
104
- }) => import("react").JSX.Element;
104
+ }) => import("react/jsx-runtime").JSX.Element;
105
105
  export declare const Radius: ({ ...args }: {
106
106
  [x: string]: any;
107
- }) => import("react").JSX.Element;
107
+ }) => import("react/jsx-runtime").JSX.Element;
108
108
  export declare const Size: ({ ...args }: {
109
109
  [x: string]: any;
110
- }) => import("react").JSX.Element;
110
+ }) => import("react/jsx-runtime").JSX.Element;
111
111
  export declare const Variant: ({ ...args }: {
112
112
  [x: string]: any;
113
- }) => import("react").JSX.Element;
113
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
20
20
  }
21
21
  return t;
22
22
  };
23
+ import { jsx as _jsx } from "react/jsx-runtime";
23
24
  import { commonArgTypes, radiusOptions, sizeOptions } from '../../constants';
24
25
  import { Progress } from '../../components/Progress';
25
26
  var meta = {
@@ -58,25 +59,19 @@ var meta = {
58
59
  export default meta;
59
60
  export var Default = function (_a) {
60
61
  var args = __rest(_a, []);
61
- return <Progress value={25} {...args}/>;
62
+ return _jsx(Progress, __assign({ value: 25 }, args));
62
63
  };
63
64
  export var Radius = function (_a) {
64
65
  var args = __rest(_a, []);
65
- return (<div className="flex flex-col space-y-3">
66
- {radiusOptions.map(function (radius) { return (<Progress key={radius} value={25} {...args} radius={radius}/>); })}
67
- </div>);
66
+ return (_jsx("div", { className: "flex flex-col space-y-3", children: radiusOptions.map(function (radius) { return (_jsx(Progress, __assign({ value: 25 }, args, { radius: radius }), radius)); }) }));
68
67
  };
69
68
  export var Size = function (_a) {
70
69
  var args = __rest(_a, []);
71
- return (<div className="flex flex-col space-y-3">
72
- {sizeOptions
70
+ return (_jsx("div", { className: "flex flex-col space-y-3", children: sizeOptions
73
71
  .filter(function (value) { return value != 'x-small' && value != 'x-large'; })
74
- .map(function (size) { return (<Progress key={size} value={25} {...args} size={size}/>); })}
75
- </div>);
72
+ .map(function (size) { return (_jsx(Progress, __assign({ value: 25 }, args, { size: size }), size)); }) }));
76
73
  };
77
74
  export var Variant = function (_a) {
78
75
  var args = __rest(_a, []);
79
- return (<div className="flex flex-col space-y-3">
80
- {['classic', 'surface', 'soft'].map(function (appearance) { return (<Default key={appearance} value={25} {...args} appearance={appearance}/>); })}
81
- </div>);
76
+ return (_jsx("div", { className: "flex flex-col space-y-3", children: ['classic', 'surface', 'soft'].map(function (appearance) { return (_jsx(Default, __assign({ value: 25 }, args, { appearance: appearance }), appearance)); }) }));
82
77
  };
@@ -1,8 +1,7 @@
1
- /// <reference types="react" />
2
1
  declare const meta: {
3
2
  title: string;
4
3
  component: {
5
- ({ className, labels, datasets, width, height, scaling, ...props }: import("components/RadarChart").RadarChartProps): import("react").JSX.Element;
4
+ ({ className, labels, datasets, width, height, scaling, ...props }: import("components/RadarChart").RadarChartProps): import("react/jsx-runtime").JSX.Element;
6
5
  displayName: string;
7
6
  };
8
7
  parameters: {
@@ -99,13 +98,13 @@ declare const meta: {
99
98
  export default meta;
100
99
  export declare const Default: ({ ...args }: {
101
100
  [x: string]: any;
102
- }) => import("react").JSX.Element;
101
+ }) => import("react/jsx-runtime").JSX.Element;
103
102
  export declare const DotsRadarChart: ({ ...args }: {
104
103
  [x: string]: any;
105
- }) => import("react").JSX.Element;
104
+ }) => import("react/jsx-runtime").JSX.Element;
106
105
  export declare const MultiDatasets: ({ ...args }: {
107
106
  [x: string]: any;
108
- }) => import("react").JSX.Element;
107
+ }) => import("react/jsx-runtime").JSX.Element;
109
108
  export declare const LinesOnly: ({ ...args }: {
110
109
  [x: string]: any;
111
- }) => import("react").JSX.Element;
110
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
20
20
  }
21
21
  return t;
22
22
  };
23
+ import { jsx as _jsx } from "react/jsx-runtime";
23
24
  import { RadarChart } from 'components/RadarChart';
24
25
  import { commonArgTypes, labelPositionList } from '../../constants';
25
26
  import { red, blue } from 'color/light';
@@ -110,7 +111,7 @@ export var Default = function (_a) {
110
111
  },
111
112
  },
112
113
  };
113
- return (<RadarChart width={400} height={300} labels={args.labels} datasets={args.datasets} options={options} {...args}/>);
114
+ return (_jsx(RadarChart, __assign({ width: 400, height: 300, labels: args.labels, datasets: args.datasets, options: options }, args)));
114
115
  };
115
116
  export var DotsRadarChart = function (_a) {
116
117
  var args = __rest(_a, []);
@@ -136,7 +137,7 @@ export var DotsRadarChart = function (_a) {
136
137
  },
137
138
  },
138
139
  };
139
- return (<RadarChart width={400} height={300} labels={args.labels} datasets={datasets} options={options}/>);
140
+ return (_jsx(RadarChart, { width: 400, height: 300, labels: args.labels, datasets: datasets, options: options }));
140
141
  };
141
142
  export var MultiDatasets = function (_a) {
142
143
  var args = __rest(_a, []);
@@ -167,7 +168,7 @@ export var MultiDatasets = function (_a) {
167
168
  },
168
169
  },
169
170
  };
170
- return (<RadarChart width={400} height={300} labels={args.labels} datasets={datasets} options={options}/>);
171
+ return (_jsx(RadarChart, { width: 400, height: 300, labels: args.labels, datasets: datasets, options: options }));
171
172
  };
172
173
  export var LinesOnly = function (_a) {
173
174
  var args = __rest(_a, []);
@@ -196,5 +197,5 @@ export var LinesOnly = function (_a) {
196
197
  },
197
198
  },
198
199
  };
199
- return (<RadarChart width={400} height={300} labels={args.labels} datasets={datasets} options={options}/>);
200
+ return (_jsx(RadarChart, { width: 400, height: 300, labels: args.labels, datasets: datasets, options: options }));
200
201
  };
@@ -99,10 +99,10 @@ declare const meta: {
99
99
  export default meta;
100
100
  export declare const Default: ({ ...args }: {
101
101
  [x: string]: any;
102
- }) => import("react").JSX.Element;
102
+ }) => import("react/jsx-runtime").JSX.Element;
103
103
  export declare const Size: ({ ...args }: {
104
104
  [x: string]: any;
105
- }) => import("react").JSX.Element;
105
+ }) => import("react/jsx-runtime").JSX.Element;
106
106
  export declare const Appearance: ({ ...args }: {
107
107
  [x: string]: any;
108
- }) => import("react").JSX.Element;
108
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
20
20
  }
21
21
  return t;
22
22
  };
23
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
23
24
  import { commonArgTypes, sizeOptions } from '../../constants';
24
25
  import { Radio } from '../../components/Radio/index';
25
26
  var meta = {
@@ -71,24 +72,13 @@ var meta = {
71
72
  export default meta;
72
73
  export var Default = function (_a) {
73
74
  var args = __rest(_a, []);
74
- return (<>
75
- <Radio value={'1'} name={'example'} {...args}>
76
- radio option1
77
- </Radio>
78
- <Radio value={'2'} name={'example'} {...args}>
79
- radio option2
80
- </Radio>
81
- </>);
75
+ return (_jsxs(_Fragment, { children: [_jsx(Radio, __assign({ value: '1', name: 'example' }, args, { children: "radio option1" })), _jsx(Radio, __assign({ value: '2', name: 'example' }, args, { children: "radio option2" }))] }));
82
76
  };
83
77
  export var Size = function (_a) {
84
78
  var args = __rest(_a, []);
85
- return (<div className="flex items-center space-x-4">
86
- {['small', 'medium', 'large'].map(function (size) { return (<Radio key={size} size={size} value={'1'} name={'size'} defaultChecked={size === 'small'} {...args}/>); })}
87
- </div>);
79
+ return (_jsx("div", { className: "flex items-center space-x-4", children: ['small', 'medium', 'large'].map(function (size) { return (_jsx(Radio, __assign({ size: size, value: '1', name: 'size', defaultChecked: size === 'small' }, args), size)); }) }));
88
80
  };
89
81
  export var Appearance = function (_a) {
90
82
  var args = __rest(_a, []);
91
- return (<div className="flex items-center space-x-4">
92
- {['classic', 'soft', 'surface'].map(function (appearance) { return (<Radio key={appearance} value={appearance} appearance={appearance} name={'appearance'} defaultChecked={appearance === 'classic'} {...args}/>); })}
93
- </div>);
83
+ return (_jsx("div", { className: "flex items-center space-x-4", children: ['classic', 'soft', 'surface'].map(function (appearance) { return (_jsx(Radio, __assign({ value: appearance, appearance: appearance, name: 'appearance', defaultChecked: appearance === 'classic' }, args), appearance)); }) }));
94
84
  };
@@ -115,13 +115,13 @@ declare const meta: {
115
115
  export default meta;
116
116
  export declare const Default: ({ ...args }: {
117
117
  [x: string]: any;
118
- }) => import("react").JSX.Element;
118
+ }) => import("react/jsx-runtime").JSX.Element;
119
119
  export declare const Radius: ({ ...args }: {
120
120
  [x: string]: any;
121
- }) => import("react").JSX.Element;
121
+ }) => import("react/jsx-runtime").JSX.Element;
122
122
  export declare const Size: ({ ...args }: {
123
123
  [x: string]: any;
124
- }) => import("react").JSX.Element;
124
+ }) => import("react/jsx-runtime").JSX.Element;
125
125
  export declare const States: ({ ...args }: {
126
126
  [x: string]: any;
127
- }) => import("react").JSX.Element;
127
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -20,6 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
20
20
  }
21
21
  return t;
22
22
  };
23
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
23
24
  import { commonArgTypes, radiusOptions, sizeOptions } from '../../constants';
24
25
  import { RadioCards, RadioCardsItem } from '../../components/RadioCards';
25
26
  var meta = {
@@ -77,77 +78,17 @@ var meta = {
77
78
  export default meta;
78
79
  export var Default = function (_a) {
79
80
  var args = __rest(_a, []);
80
- return (<RadioCards {...args} defaultValue="1">
81
- <RadioCardsItem value="1" {...args}>
82
- radioCard 1
83
- </RadioCardsItem>
84
- <RadioCardsItem value="2" {...args}>
85
- radioCard 2
86
- </RadioCardsItem>
87
- <RadioCardsItem value="3" {...args}>
88
- radioCard 3
89
- </RadioCardsItem>
90
- </RadioCards>);
81
+ return (_jsxs(RadioCards, __assign({}, args, { defaultValue: "1", children: [_jsx(RadioCardsItem, __assign({ value: "1" }, args, { children: "radioCard 1" })), _jsx(RadioCardsItem, __assign({ value: "2" }, args, { children: "radioCard 2" })), _jsx(RadioCardsItem, __assign({ value: "3" }, args, { children: "radioCard 3" }))] })));
91
82
  };
92
83
  export var Radius = function (_a) {
93
84
  var args = __rest(_a, []);
94
- return (<div className="flex items-center space-x-4">
95
- <div className="flex space-x-1">
96
- <RadioCards {...args} defaultValue="none">
97
- <RadioCardsItem value="none" {...args} radius={'none'}>
98
- none
99
- </RadioCardsItem>
100
- <RadioCardsItem value="small" {...args} radius={'small'}>
101
- small
102
- </RadioCardsItem>
103
- <RadioCardsItem value="medium" {...args} radius={'medium'}>
104
- medium
105
- </RadioCardsItem>
106
- <RadioCardsItem value="large" {...args} radius={'large'}>
107
- large
108
- </RadioCardsItem>
109
- </RadioCards>
110
- </div>
111
- </div>);
85
+ return (_jsx("div", { className: "flex items-center space-x-4", children: _jsx("div", { className: "flex space-x-1", children: _jsxs(RadioCards, __assign({}, args, { defaultValue: "none", children: [_jsx(RadioCardsItem, __assign({ value: "none" }, args, { radius: 'none', children: "none" })), _jsx(RadioCardsItem, __assign({ value: "small" }, args, { radius: 'small', children: "small" })), _jsx(RadioCardsItem, __assign({ value: "medium" }, args, { radius: 'medium', children: "medium" })), _jsx(RadioCardsItem, __assign({ value: "large" }, args, { radius: 'large', children: "large" }))] })) }) }));
112
86
  };
113
87
  export var Size = function (_a) {
114
88
  var args = __rest(_a, []);
115
- return (<div className="flex items-center space-x-4">
116
- <RadioCards defaultValue="small" {...args}>
117
- <RadioCardsItem value={'small'} {...args} size={'small'}>
118
- small
119
- </RadioCardsItem>
120
- <RadioCardsItem value={'medium'} {...args} size={'medium'}>
121
- medium
122
- </RadioCardsItem>
123
- <RadioCardsItem value={'large'} {...args} size={'large'}>
124
- large
125
- </RadioCardsItem>
126
- </RadioCards>
127
- </div>);
89
+ return (_jsx("div", { className: "flex items-center space-x-4", children: _jsxs(RadioCards, __assign({ defaultValue: "small" }, args, { children: [_jsx(RadioCardsItem, __assign({ value: 'small' }, args, { size: 'small', children: "small" })), _jsx(RadioCardsItem, __assign({ value: 'medium' }, args, { size: 'medium', children: "medium" })), _jsx(RadioCardsItem, __assign({ value: 'large' }, args, { size: 'large', children: "large" }))] })) }));
128
90
  };
129
91
  export var States = function (_a) {
130
92
  var args = __rest(_a, []);
131
- return (<div className="space-y-2">
132
- <div className="flex items-center space-x-4">
133
- <RadioCards {...args} defaultValue="On">
134
- <RadioCardsItem value="Off" {...args}>
135
- Off
136
- </RadioCardsItem>
137
- <RadioCardsItem value="On" {...args}>
138
- On
139
- </RadioCardsItem>
140
- </RadioCards>
141
- </div>
142
- <div className="flex items-center space-x-4">
143
- <RadioCards {...args} defaultValue="On">
144
- <RadioCardsItem value="Off" {...args} disabled>
145
- Off
146
- </RadioCardsItem>
147
- <RadioCardsItem value="On" {...args} disabled>
148
- On
149
- </RadioCardsItem>
150
- </RadioCards>
151
- </div>
152
- </div>);
93
+ return (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex items-center space-x-4", children: _jsxs(RadioCards, __assign({}, args, { defaultValue: "On", children: [_jsx(RadioCardsItem, __assign({ value: "Off" }, args, { children: "Off" })), _jsx(RadioCardsItem, __assign({ value: "On" }, args, { children: "On" }))] })) }), _jsx("div", { className: "flex items-center space-x-4", children: _jsxs(RadioCards, __assign({}, args, { defaultValue: "On", children: [_jsx(RadioCardsItem, __assign({ value: "Off" }, args, { disabled: true, children: "Off" })), _jsx(RadioCardsItem, __assign({ value: "On" }, args, { disabled: true, children: "On" }))] })) })] }));
153
94
  };
@@ -99,13 +99,13 @@ declare const meta: {
99
99
  export default meta;
100
100
  export declare const Default: ({ ...args }: {
101
101
  [x: string]: any;
102
- }) => import("react").JSX.Element;
102
+ }) => import("react/jsx-runtime").JSX.Element;
103
103
  export declare const Size: ({ ...args }: {
104
104
  [x: string]: any;
105
- }) => import("react").JSX.Element;
105
+ }) => import("react/jsx-runtime").JSX.Element;
106
106
  export declare const Appearance: ({ ...args }: {
107
107
  [x: string]: any;
108
- }) => import("react").JSX.Element;
108
+ }) => import("react/jsx-runtime").JSX.Element;
109
109
  export declare const Disabled: ({ ...args }: {
110
110
  [x: string]: any;
111
- }) => import("react").JSX.Element;
111
+ }) => import("react/jsx-runtime").JSX.Element;