@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
@@ -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/DoughnutChart").DoughnutChartProps) => import("react").JSX.Element;
3
+ component: ({ labels, datasets, scaling, className, ...rest }: import("components/DoughnutChart").DoughnutChartProps) => import("react/jsx-runtime").JSX.Element;
5
4
  parameters: {
6
5
  layout: string;
7
6
  docs: {
@@ -176,6 +175,6 @@ declare const meta: {
176
175
  export default meta;
177
176
  export declare const Default: ({ ...args }: {
178
177
  [x: string]: any;
179
- }) => import("react").JSX.Element;
180
- export declare const BorderStyles: () => import("react").JSX.Element;
181
- export declare const DataLabels: () => import("react").JSX.Element;
178
+ }) => import("react/jsx-runtime").JSX.Element;
179
+ export declare const BorderStyles: () => import("react/jsx-runtime").JSX.Element;
180
+ 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 DoughnutChart from 'components/DoughnutChart';
24
25
  import { amber, blue, green, lime, mint, orange, purple, red, ruby, violet, yellow, } from 'color/light';
25
26
  import { commonArgTypes } from '../../constants';
@@ -169,9 +170,7 @@ var meta = {
169
170
  export default meta;
170
171
  export var Default = function (_a) {
171
172
  var args = __rest(_a, []);
172
- return (<div className="w-[300px]">
173
- <DoughnutChart labels={args.label} datasets={args.datasets} {...args}/>
174
- </div>);
173
+ return (_jsx("div", { className: "w-[300px]", children: _jsx(DoughnutChart, __assign({ labels: args.label, datasets: args.datasets }, args)) }));
175
174
  };
176
175
  export var BorderStyles = function () {
177
176
  var datasets = [
@@ -204,14 +203,7 @@ export var BorderStyles = function () {
204
203
  },
205
204
  },
206
205
  };
207
- return (<div className="flex">
208
- <div className="w-[200px]">
209
- <DoughnutChart datasets={datasets} options={options}/>
210
- </div>
211
- <div className="w-[200px]">
212
- <DoughnutChart datasets={dashDatasets} options={dashOptions}/>
213
- </div>
214
- </div>);
206
+ return (_jsxs("div", { className: "flex", children: [_jsx("div", { className: "w-[200px]", children: _jsx(DoughnutChart, { datasets: datasets, options: options }) }), _jsx("div", { className: "w-[200px]", children: _jsx(DoughnutChart, { datasets: dashDatasets, options: dashOptions }) })] }));
215
207
  };
216
208
  export var DataLabels = function () {
217
209
  var datasets = [
@@ -232,5 +224,5 @@ export var DataLabels = function () {
232
224
  },
233
225
  },
234
226
  };
235
- return <DoughnutChart datasets={datasets} options={options}/>;
227
+ return _jsx(DoughnutChart, { datasets: datasets, options: options });
236
228
  };
@@ -100,13 +100,13 @@ declare const meta: {
100
100
  export default meta;
101
101
  export declare const Default: ({ ...args }: {
102
102
  [x: string]: any;
103
- }) => import("react").JSX.Element;
103
+ }) => import("react/jsx-runtime").JSX.Element;
104
104
  export declare const Radius: ({ ...args }: {
105
105
  [x: string]: any;
106
- }) => import("react").JSX.Element;
106
+ }) => import("react/jsx-runtime").JSX.Element;
107
107
  export declare const Size: ({ ...args }: {
108
108
  [x: string]: any;
109
- }) => import("react").JSX.Element;
109
+ }) => import("react/jsx-runtime").JSX.Element;
110
110
  export declare const Appearance: ({ ...args }: {
111
111
  [x: string]: any;
112
- }) => import("react").JSX.Element;
112
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,75 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
24
+ import { commonArgTypes, radiusOptions } from '../../constants';
25
+ import { ChevronDownIcon } from '@radix-ui/react-icons';
26
+ import { DropdownMenu, DropdownMenuItem, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuLabel, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, } from '../../components/DropdownMenu/index';
27
+ import Button from 'components/Button';
28
+ var meta = {
29
+ title: 'Component/DropdownMenu',
30
+ component: DropdownMenu,
31
+ parameters: {
32
+ layout: 'centered',
33
+ themes: {
34
+ themeOverride: 'dark',
35
+ },
36
+ docs: {
37
+ description: {
38
+ component: '버튼을 클릭하여 세부항목을 확인하고 하나의 항목을 선택하는 기능',
39
+ },
40
+ },
41
+ },
42
+ tags: ['autodocs'],
43
+ argTypes: {
44
+ radius: __assign(__assign({}, commonArgTypes.radius), { description: 'dropdownMenu 둥글기' }),
45
+ size: __assign(__assign({}, commonArgTypes.size), { table: {
46
+ category: 'Props',
47
+ type: {
48
+ summary: ['small', 'medium'].join(' | '),
49
+ },
50
+ }, options: ['small', 'medium'], description: 'dropdownMenu 크기' }),
51
+ scaling: __assign(__assign({}, commonArgTypes.scaling), { description: 'dropdownMenu scaling' }),
52
+ color: __assign(__assign({}, commonArgTypes.color), { description: 'dropdownMenu color' }),
53
+ appearance: __assign(__assign({}, commonArgTypes.appearance), { table: {
54
+ category: 'Props',
55
+ type: { summary: ['solid', 'soft'].join(' | ') },
56
+ }, options: ['solid', 'soft'] }),
57
+ },
58
+ };
59
+ export default meta;
60
+ export var Default = function (_a) {
61
+ var args = __rest(_a, []);
62
+ return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, __assign({}, args, { children: _jsxs(Button, { children: ["Options", _jsx(ChevronDownIcon, {})] }) })), _jsxs(DropdownMenuContent, __assign({}, args, { children: [_jsx(DropdownMenuLabel, __assign({}, args, { children: "\uB77C\uBCA8" })), _jsx(DropdownMenuItem, __assign({}, args, { shortcut: "\u2318 E", children: "\uAE30\uBCF8 \uC544\uC774\uD15C" })), _jsx(DropdownMenuItem, __assign({}, args, { disabled: true, children: "\uC0AC\uC6A9\uBD88\uAC00 \uC544\uC774\uD15C" })), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuCheckboxItem, __assign({ checked: true }, args, { children: "\uCCB4\uD06C\uBC15\uC2A41" })), _jsx(DropdownMenuCheckboxItem, __assign({ checked: false }, args, { children: "\uCCB4\uD06C\uBC15\uC2A42" })), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuRadioGroup, { value: "option1", children: [_jsx(DropdownMenuRadioItem, __assign({ value: "option1" }, args, { children: "\uB77C\uB514\uC6241" })), _jsx(DropdownMenuRadioItem, __assign({ value: "option2" }, args, { children: "\uB77C\uB514\uC6242" }))] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, __assign({}, args, { children: "More Menu" })), _jsxs(DropdownMenuSubContent, __assign({}, args, { children: [_jsx(DropdownMenuItem, __assign({}, args, { children: "project" })), _jsx(DropdownMenuItem, __assign({}, args, { children: "folder" })), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, __assign({}, args, { children: "options" }))] }))] })] }))] }));
63
+ };
64
+ export var Radius = function (_a) {
65
+ var args = __rest(_a, []);
66
+ return (_jsx("div", { className: "flex items-center space-x-4", children: radiusOptions.map(function (radius) { return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, __assign({}, args, { radius: radius, children: _jsxs(Button, { children: [radius, _jsx(ChevronDownIcon, {})] }) })), _jsxs(DropdownMenuContent, __assign({}, args, { radius: radius, children: [_jsx(DropdownMenuItem, __assign({}, args, { radius: radius, children: "\uBA54\uB2741" })), _jsx(DropdownMenuItem, __assign({}, args, { radius: radius, children: "\uBA54\uB2742" }))] }))] }, radius)); }) }));
67
+ };
68
+ export var Size = function (_a) {
69
+ var args = __rest(_a, []);
70
+ return (_jsx("div", { className: "flex items-center space-x-4", children: ['small', 'medium'].map(function (size) { return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, __assign({}, args, { size: size, children: _jsxs(Button, { children: [size, _jsx(ChevronDownIcon, {})] }) })), _jsxs(DropdownMenuContent, __assign({}, args, { size: size, children: [_jsx(DropdownMenuItem, __assign({}, args, { size: size, children: "\uBA54\uB2741" })), _jsx(DropdownMenuItem, __assign({}, args, { size: size, children: "\uBA54\uB2742" }))] }))] }, size)); }) }));
71
+ };
72
+ export var Appearance = function (_a) {
73
+ var args = __rest(_a, []);
74
+ return (_jsx("div", { className: "flex items-center space-x-4", children: ['solid', 'soft'].map(function (appearance) { return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, __assign({}, args, { appearance: appearance, children: _jsxs(Button, { children: [appearance, _jsx(ChevronDownIcon, {})] }) })), _jsxs(DropdownMenuContent, __assign({}, args, { children: [_jsx(DropdownMenuItem, __assign({}, args, { appearance: appearance, children: "\uBA54\uB2741" })), _jsx(DropdownMenuItem, __assign({}, args, { appearance: appearance, children: "\uBA54\uB2742" }))] }))] }, appearance)); }) }));
75
+ };
@@ -94,19 +94,19 @@ declare const meta: {
94
94
  export default meta;
95
95
  export declare const Default: ({ ...args }: {
96
96
  [x: string]: any;
97
- }) => import("react").JSX.Element;
97
+ }) => import("react/jsx-runtime").JSX.Element;
98
98
  export declare const Weight: ({ ...args }: {
99
99
  [x: string]: any;
100
- }) => import("react").JSX.Element;
100
+ }) => import("react/jsx-runtime").JSX.Element;
101
101
  export declare const Color: ({ ...args }: {
102
102
  [x: string]: any;
103
- }) => import("react").JSX.Element;
103
+ }) => import("react/jsx-runtime").JSX.Element;
104
104
  export declare const Size: ({ ...args }: {
105
105
  [x: string]: any;
106
- }) => import("react").JSX.Element;
106
+ }) => import("react/jsx-runtime").JSX.Element;
107
107
  export declare const Headers: ({ ...args }: {
108
108
  [x: string]: any;
109
- }) => import("react").JSX.Element;
109
+ }) => import("react/jsx-runtime").JSX.Element;
110
110
  export declare const Align: ({ ...args }: {
111
111
  [x: string]: any;
112
- }) => import("react").JSX.Element;
112
+ }) => 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 { Header } from '../../Typography/Header/index';
24
25
  import { weightOptions, typoSizeOptions, commonArgTypes } from '../../constants';
25
26
  import { colorOptions } from 'color/constants';
@@ -72,45 +73,25 @@ var meta = {
72
73
  export default meta;
73
74
  export var Default = function (_a) {
74
75
  var args = __rest(_a, []);
75
- return <Header {...args}>The quick brown fox jumps over the lazy dog</Header>;
76
+ return _jsx(Header, __assign({}, args, { children: "The quick brown fox jumps over the lazy dog" }));
76
77
  };
77
78
  export var Weight = function (_a) {
78
79
  var args = __rest(_a, []);
79
- return (<div>
80
- {weightOptions.map(function (weight) { return (<Header key={weight} {...args} weight={weight}>
81
- The quick brown fox jumps over the lazy dog
82
- </Header>); })}
83
- </div>);
80
+ return (_jsx("div", { children: weightOptions.map(function (weight) { return (_jsx(Header, __assign({}, args, { weight: weight, children: "The quick brown fox jumps over the lazy dog" }), weight)); }) }));
84
81
  };
85
82
  export var Color = function (_a) {
86
83
  var args = __rest(_a, []);
87
- return (<div>
88
- {colorOptions.map(function (color) { return (<Header key={color} {...args} color={color}>
89
- The quick brown fox jumps over the lazy dog
90
- </Header>); })}
91
- </div>);
84
+ return (_jsx("div", { children: colorOptions.map(function (color) { return (_jsx(Header, __assign({}, args, { color: color, children: "The quick brown fox jumps over the lazy dog" }), color)); }) }));
92
85
  };
93
86
  export var Size = function (_a) {
94
87
  var args = __rest(_a, []);
95
- return (<div>
96
- {typoSizeOptions.map(function (size) { return (<Header key={size} {...args} size={size}>
97
- The quick brown fox jumps over the lazy dog
98
- </Header>); })}
99
- </div>);
88
+ return (_jsx("div", { children: typoSizeOptions.map(function (size) { return (_jsx(Header, __assign({}, args, { size: size, children: "The quick brown fox jumps over the lazy dog" }), size)); }) }));
100
89
  };
101
90
  export var Headers = function (_a) {
102
91
  var args = __rest(_a, []);
103
- return (<div>
104
- {headerOptions.map(function (headers) { return (<Header key={headers} {...args} headers={headers}>
105
- The quick brown fox jumps over the lazy dog
106
- </Header>); })}
107
- </div>);
92
+ return (_jsx("div", { children: headerOptions.map(function (headers) { return (_jsx(Header, __assign({}, args, { headers: headers, children: "The quick brown fox jumps over the lazy dog" }), headers)); }) }));
108
93
  };
109
94
  export var Align = function (_a) {
110
95
  var args = __rest(_a, []);
111
- return (<div>
112
- {['left', 'center', 'right'].map(function (align) { return (<Header key={align} {...args} align={align}>
113
- The quick brown fox jumps over the lazy dog
114
- </Header>); })}
115
- </div>);
96
+ return (_jsx("div", { children: ['left', 'center', 'right'].map(function (align) { return (_jsx(Header, __assign({}, args, { align: align, children: "The quick brown fox jumps over the lazy dog" }), align)); }) }));
116
97
  };
@@ -101,7 +101,7 @@ 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 WithInset: ({ ...args }: {
106
106
  [x: string]: any;
107
- }) => import("react").JSX.Element;
107
+ }) => 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 } from '../../constants';
24
25
  import { HoverCard, HoverCardTrigger, HoverCardContent } from '../../components/HoverCard';
25
26
  import { Inset } from '@radix-ui/themes';
@@ -62,37 +63,9 @@ var meta = {
62
63
  export default meta;
63
64
  export var Default = function (_a) {
64
65
  var args = __rest(_a, []);
65
- return (<HoverCard>
66
- <HoverCardTrigger>
67
- <Link href="#" target="_blank" className="text-indigo-9 dark:text-indigoDark-9 hover:underline">
68
- @radix_ui
69
- </Link>
70
- </HoverCardTrigger>
71
- <HoverCardContent {...args}>
72
- <div>
73
- <strong>Typography</strong> is the art and technique of arranging type to make written
74
- language legible, readable and appealing when displayed.
75
- </div>
76
- </HoverCardContent>
77
- </HoverCard>);
66
+ return (_jsxs(HoverCard, { children: [_jsx(HoverCardTrigger, { children: _jsx(Link, { href: "#", target: "_blank", className: "text-indigo-9 dark:text-indigoDark-9 hover:underline", children: "@radix_ui" }) }), _jsx(HoverCardContent, __assign({}, args, { children: _jsxs("div", { children: [_jsx("strong", { children: "Typography" }), " is the art and technique of arranging type to make written language legible, readable and appealing when displayed."] }) }))] }));
78
67
  };
79
68
  export var WithInset = function (_a) {
80
69
  var args = __rest(_a, []);
81
- return (<HoverCard>
82
- <HoverCardTrigger>
83
- <Link href="https://twitter.com/radix_ui" target="_blank" className="text-indigo-9 dark:text-indigoDark-9 hover:underline">
84
- @radix_ui
85
- </Link>
86
- </HoverCardTrigger>
87
- <HoverCardContent {...args}>
88
- <div className="flex">
89
- <Inset side="left" pr="current">
90
- <Image src="https://images.unsplash.com/photo-1617050318658-a9a3175e34cb?&auto=format&fit=crop&w=300&q=90" alt="Bold typography" width={150} height={150} className="h-full block object-cover"/>
91
- </Inset>
92
- <span>
93
- <strong>Typography</strong> is the art and technique.
94
- </span>
95
- </div>
96
- </HoverCardContent>
97
- </HoverCard>);
70
+ return (_jsxs(HoverCard, { children: [_jsx(HoverCardTrigger, { children: _jsx(Link, { href: "https://twitter.com/radix_ui", target: "_blank", className: "text-indigo-9 dark:text-indigoDark-9 hover:underline", children: "@radix_ui" }) }), _jsx(HoverCardContent, __assign({}, args, { children: _jsxs("div", { className: "flex", children: [_jsx(Inset, { side: "left", pr: "current", children: _jsx(Image, { src: "https://images.unsplash.com/photo-1617050318658-a9a3175e34cb?&auto=format&fit=crop&w=300&q=90", alt: "Bold typography", width: 150, height: 150, className: "h-full block object-cover" }) }), _jsxs("span", { children: [_jsx("strong", { children: "Typography" }), " is the art and technique."] })] }) }))] }));
98
71
  };
@@ -52,7 +52,7 @@ declare const meta: {
52
52
  export default meta;
53
53
  export declare const Default: ({ ...args }: {
54
54
  [x: string]: any;
55
- }) => import("react").JSX.Element;
55
+ }) => import("react/jsx-runtime").JSX.Element;
56
56
  export declare const Horizontal: ({ ...args }: {
57
57
  [x: string]: any;
58
- }) => import("react").JSX.Element;
58
+ }) => 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 } from '../../../src/constants';
24
25
  import Image from 'next/image';
25
26
  import { Inset } from '../../components/Inset';
@@ -46,34 +47,18 @@ var meta = {
46
47
  export default meta;
47
48
  export var Default = function (_a) {
48
49
  var args = __rest(_a, []);
49
- return (<Inset clip="padding-box" side="top" pb="current" className="w-[290px]" {...args}>
50
- <Image src="https://images.unsplash.com/photo-1617050318658-a9a3175e34cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" alt="Bold typography" width={100} height={200} style={{
51
- display: 'block',
52
- objectFit: 'cover',
53
- width: '100%',
54
- backgroundColor: 'var(--gray-5)',
55
- }}/>
56
- <div className="p-4">
57
- <span>
58
- Typography is the art and technique of arranging type to make written language legible.
59
- </span>
60
- </div>
61
- </Inset>);
50
+ return (_jsxs(Inset, __assign({ clip: "padding-box", side: "top", pb: "current", className: "w-[290px]" }, args, { children: [_jsx(Image, { src: "https://images.unsplash.com/photo-1617050318658-a9a3175e34cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80", alt: "Bold typography", width: 100, height: 200, style: {
51
+ display: 'block',
52
+ objectFit: 'cover',
53
+ width: '100%',
54
+ backgroundColor: 'var(--gray-5)',
55
+ } }), _jsx("div", { className: "p-4", children: _jsx("span", { children: "Typography is the art and technique of arranging type to make written language legible." }) })] })));
62
56
  };
63
57
  export var Horizontal = function (_a) {
64
58
  var args = __rest(_a, []);
65
- return (<Inset side="left" pr="current" className="w-[400px]" {...args}>
66
- <div className="flex">
67
- <Image src="https://images.unsplash.com/photo-1617050318658-a9a3175e34cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80" alt="Bold typography" width={150} height={140} style={{
68
- display: 'block',
69
- objectFit: 'cover',
70
- backgroundColor: 'var(--gray-5)',
71
- }}/>
72
- <div className="p-4">
73
- <span>
74
- Typography is the art and technique of arranging type to make written language legible.
75
- </span>
76
- </div>
77
- </div>
78
- </Inset>);
59
+ return (_jsx(Inset, __assign({ side: "left", pr: "current", className: "w-[400px]" }, args, { children: _jsxs("div", { className: "flex", children: [_jsx(Image, { src: "https://images.unsplash.com/photo-1617050318658-a9a3175e34cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80", alt: "Bold typography", width: 150, height: 140, style: {
60
+ display: 'block',
61
+ objectFit: 'cover',
62
+ backgroundColor: 'var(--gray-5)',
63
+ } }), _jsx("div", { className: "p-4", children: _jsx("span", { children: "Typography is the art and technique of arranging type to make written language legible." }) })] }) })));
79
64
  };
@@ -82,13 +82,13 @@ declare const meta: {
82
82
  export default meta;
83
83
  export declare const Default: ({ ...args }: {
84
84
  [x: string]: any;
85
- }) => import("react").JSX.Element;
85
+ }) => import("react/jsx-runtime").JSX.Element;
86
86
  export declare const Scaling: ({ ...args }: {
87
87
  [x: string]: any;
88
- }) => import("react").JSX.Element;
88
+ }) => import("react/jsx-runtime").JSX.Element;
89
89
  export declare const Size: ({ ...args }: {
90
90
  [x: string]: any;
91
- }) => import("react").JSX.Element;
91
+ }) => import("react/jsx-runtime").JSX.Element;
92
92
  export declare const Weight: ({ ...args }: {
93
93
  [x: string]: any;
94
- }) => import("react").JSX.Element;
94
+ }) => 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 { Label } from '../../components/Label/index';
24
25
  import { commonArgTypes, scalingOptions } from '../../constants';
25
26
  import { colorOptions } from 'color/constants';
@@ -74,39 +75,17 @@ var meta = {
74
75
  export default meta;
75
76
  export var Default = function (_a) {
76
77
  var args = __rest(_a, []);
77
- return <Label {...args}>Label component</Label>;
78
+ return _jsx(Label, __assign({}, args, { children: "Label component" }));
78
79
  };
79
80
  export var Scaling = function (_a) {
80
81
  var args = __rest(_a, []);
81
- return (<div className="">
82
- {scalingOptions.map(function (scaling, index) { return (<div key={scaling} className="flex pt-3 items-center space-x-2">
83
- <Label scaling={scaling} {...args}>
84
- Label component
85
- </Label>
86
- </div>); })}
87
- </div>);
82
+ return (_jsx("div", { className: "", children: scalingOptions.map(function (scaling, index) { return (_jsx("div", { className: "flex pt-3 items-center space-x-2", children: _jsx(Label, __assign({ scaling: scaling }, args, { children: "Label component" })) }, scaling)); }) }));
88
83
  };
89
84
  export var Size = function (_a) {
90
85
  var args = __rest(_a, []);
91
- return (<div className="flex flex-wrap items-center gap-[15px] px-5">
92
- <Label size={'small'} {...args}>
93
- Label component
94
- </Label>
95
- <Label size={'medium'} {...args}>
96
- Label component
97
- </Label>
98
- <Label size={'large'} {...args}>
99
- Label component
100
- </Label>
101
- </div>);
86
+ return (_jsxs("div", { className: "flex flex-wrap items-center gap-[15px] px-5", children: [_jsx(Label, __assign({ size: 'small' }, args, { children: "Label component" })), _jsx(Label, __assign({ size: 'medium' }, args, { children: "Label component" })), _jsx(Label, __assign({ size: 'large' }, args, { children: "Label component" }))] }));
102
87
  };
103
88
  export var Weight = function (_a) {
104
89
  var args = __rest(_a, []);
105
- return (<div className="">
106
- {['regular', 'bold'].map(function (weight, index) { return (<div key={weight} className="flex pt-3 items-center space-x-2">
107
- <Label weight={weight} {...args}>
108
- Label component
109
- </Label>
110
- </div>); })}
111
- </div>);
90
+ return (_jsx("div", { className: "", children: ['regular', 'bold'].map(function (weight, index) { return (_jsx("div", { className: "flex pt-3 items-center space-x-2", children: _jsx(Label, __assign({ weight: weight }, args, { children: "Label component" })) }, weight)); }) }));
112
91
  };
@@ -116,4 +116,4 @@ declare const meta: {
116
116
  export default meta;
117
117
  export declare const Default: ({ ...args }: {
118
118
  [x: string]: any;
119
- }) => import("react").JSX.Element;
119
+ }) => 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 { useState } from 'react';
24
25
  import { appearanceOptions, commonArgTypes, sizeOptions } from '../../constants';
25
26
  import { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarSub, MenubarSubTrigger, MenubarSubContent, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, } from 'components/Menubar';
@@ -87,49 +88,11 @@ export var Default = function (_a) {
87
88
  var RADIO_ITEMS = ['구글', '네이버', '인트라넷'];
88
89
  var _b = useState([CHECK_ITEMS[0]]), checkedSelection = _b[0], setCheckedSelection = _b[1];
89
90
  var _c = useState(RADIO_ITEMS[0]), radioSelection = _c[0], setRadioSelection = _c[1];
90
- return (<Menubar {...args}>
91
- {/* 메뉴-기본 */}
92
- <MenubarMenu>
93
- <MenubarTrigger>파일</MenubarTrigger>
94
- <MenubarContent>
95
- <MenubarItem shortcut="⌘ T">새 탭</MenubarItem>
96
- <MenubarItem shortcut="⌘ N">새 창</MenubarItem>
97
- <MenubarItem disabled>사용불가</MenubarItem>
98
- <MenubarSeparator />
99
- <MenubarSub>
100
- <MenubarSubTrigger>공유하기</MenubarSubTrigger>
101
- <MenubarSubContent>
102
- <MenubarItem>이메일</MenubarItem>
103
- <MenubarItem>메신저</MenubarItem>
104
- </MenubarSubContent>
105
- </MenubarSub>
106
- </MenubarContent>
107
- </MenubarMenu>
108
- {/* 메뉴-체크 */}
109
- <MenubarMenu>
110
- <MenubarTrigger>보기</MenubarTrigger>
111
- <MenubarContent>
112
- {CHECK_ITEMS.map(function (item) { return (<MenubarCheckboxItem key={item} checked={checkedSelection.includes(item)} onCheckedChange={function () {
113
- return setCheckedSelection(function (current) {
114
- return current.includes(item)
115
- ? current.filter(function (el) { return el !== item; })
116
- : current.concat(item);
117
- });
118
- }}>
119
- {item}
120
- </MenubarCheckboxItem>); })}
121
- </MenubarContent>
122
- </MenubarMenu>
123
- {/* 메뉴-라디오 */}
124
- <MenubarMenu>
125
- <MenubarTrigger>프로필</MenubarTrigger>
126
- <MenubarContent>
127
- <MenubarRadioGroup value={radioSelection} onValueChange={setRadioSelection}>
128
- {RADIO_ITEMS.map(function (item) { return (<MenubarRadioItem key={item} value={item}>
129
- {item}
130
- </MenubarRadioItem>); })}
131
- </MenubarRadioGroup>
132
- </MenubarContent>
133
- </MenubarMenu>
134
- </Menubar>);
91
+ return (_jsxs(Menubar, __assign({}, args, { children: [_jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "\uD30C\uC77C" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { shortcut: "\u2318 T", children: "\uC0C8 \uD0ED" }), _jsx(MenubarItem, { shortcut: "\u2318 N", children: "\uC0C8 \uCC3D" }), _jsx(MenubarItem, { disabled: true, children: "\uC0AC\uC6A9\uBD88\uAC00" }), _jsx(MenubarSeparator, {}), _jsxs(MenubarSub, { children: [_jsx(MenubarSubTrigger, { children: "\uACF5\uC720\uD558\uAE30" }), _jsxs(MenubarSubContent, { children: [_jsx(MenubarItem, { children: "\uC774\uBA54\uC77C" }), _jsx(MenubarItem, { children: "\uBA54\uC2E0\uC800" })] })] })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "\uBCF4\uAE30" }), _jsx(MenubarContent, { children: CHECK_ITEMS.map(function (item) { return (_jsx(MenubarCheckboxItem, { checked: checkedSelection.includes(item), onCheckedChange: function () {
92
+ return setCheckedSelection(function (current) {
93
+ return current.includes(item)
94
+ ? current.filter(function (el) { return el !== item; })
95
+ : current.concat(item);
96
+ });
97
+ }, children: item }, item)); }) })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "\uD504\uB85C\uD544" }), _jsx(MenubarContent, { children: _jsx(MenubarRadioGroup, { value: radioSelection, onValueChange: setRadioSelection, children: RADIO_ITEMS.map(function (item) { return (_jsx(MenubarRadioItem, { value: item, children: item }, item)); }) }) })] })] })));
135
98
  };
@@ -17,14 +17,10 @@ declare const meta: {
17
17
  decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
18
18
  value?: string | undefined;
19
19
  className?: string | undefined;
20
+ defaultValue?: string | undefined;
20
21
  color?: "slate" | "olive" | "sand" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "brown" | "bronze" | "gold" | "sky" | "mint" | "lime" | "yellow" | "amber" | "orange" | "black" | "white" | undefined;
21
- asChild?: boolean | undefined;
22
+ onChange?: import("react").FormEventHandler<HTMLElement> | undefined;
22
23
  defaultChecked?: boolean | undefined;
23
- defaultValue?: string | undefined;
24
- slot?: string | undefined;
25
- style?: import("react").CSSProperties | undefined;
26
- title?: string | undefined;
27
- key?: import("react").Key | null | undefined;
28
24
  suppressContentEditableWarning?: boolean | undefined;
29
25
  suppressHydrationWarning?: boolean | undefined;
30
26
  accessKey?: string | undefined;
@@ -37,8 +33,11 @@ declare const meta: {
37
33
  id?: string | undefined;
38
34
  lang?: string | undefined;
39
35
  nonce?: string | undefined;
36
+ slot?: string | undefined;
40
37
  spellCheck?: (boolean | "true" | "false") | undefined;
38
+ style?: import("react").CSSProperties | undefined;
41
39
  tabIndex?: number | undefined;
40
+ title?: string | undefined;
42
41
  translate?: "yes" | "no" | undefined;
43
42
  radioGroup?: string | undefined;
44
43
  role?: import("react").AriaRole | undefined;
@@ -64,7 +63,7 @@ declare const meta: {
64
63
  results?: number | undefined;
65
64
  security?: string | undefined;
66
65
  unselectable?: "on" | "off" | undefined;
67
- inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
66
+ inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
68
67
  is?: string | undefined;
69
68
  inert?: boolean | undefined;
70
69
  tw?: string | undefined;
@@ -80,7 +79,7 @@ declare const meta: {
80
79
  "aria-colindextext"?: string | undefined;
81
80
  "aria-colspan"?: number | undefined;
82
81
  "aria-controls"?: string | undefined;
83
- "aria-current"?: boolean | "true" | "false" | "time" | "step" | "page" | "location" | "date" | undefined;
82
+ "aria-current"?: boolean | "true" | "false" | "step" | "time" | "date" | "page" | "location" | undefined;
84
83
  "aria-describedby"?: string | undefined;
85
84
  "aria-description"?: string | undefined;
86
85
  "aria-details"?: string | undefined;
@@ -141,7 +140,6 @@ declare const meta: {
141
140
  onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
142
141
  onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
143
142
  onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
144
- onChange?: import("react").FormEventHandler<HTMLElement> | undefined;
145
143
  onChangeCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
146
144
  onBeforeInput?: import("react").FormEventHandler<HTMLElement> | undefined;
147
145
  onBeforeInputCapture?: import("react").FormEventHandler<HTMLElement> | undefined;
@@ -285,16 +283,18 @@ declare const meta: {
285
283
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
286
284
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
287
285
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
288
- orientation?: ("horizontal" | "vertical") | undefined;
286
+ key?: import("react").Key | null | undefined;
287
+ asChild?: boolean | undefined;
289
288
  onValueChange?: ((value: string) => void) | undefined;
289
+ orientation?: ("horizontal" | "vertical") | undefined;
290
290
  delayDuration?: number | undefined;
291
291
  skipDelayDuration?: number | undefined;
292
292
  appearance?: "solid" | "ghost" | undefined;
293
- radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
294
293
  scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
294
+ radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
295
295
  size?: "small" | "medium" | null | undefined;
296
296
  ref?: import("react").LegacyRef<HTMLElement> | undefined;
297
- }>) => import("react").JSX.Element)[];
297
+ }>) => import("react/jsx-runtime").JSX.Element)[];
298
298
  tags: string[];
299
299
  argTypes: {
300
300
  radius: {
@@ -382,4 +382,4 @@ declare const meta: {
382
382
  export default meta;
383
383
  export declare const Default: ({ ...args }: {
384
384
  [x: string]: any;
385
- }) => import("react").JSX.Element;
385
+ }) => import("react/jsx-runtime").JSX.Element;