@remember-web/primitive 0.1.11 → 0.1.13

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 (397) hide show
  1. package/package.json +2 -2
  2. package/src/Control/BaseToggle/ToggleIcon/index.tsx +27 -5
  3. package/src/Control/BaseToggle/index.tsx +20 -1
  4. package/src/Control/BaseToggle/styles.ts +9 -0
  5. package/src/Control/BaseToggle/types.ts +2 -1
  6. package/src/Control/Checkbox.stories.tsx +28 -1
  7. package/src/Control/Checkbox.tsx +9 -3
  8. package/src/Control/Radio.tsx +1 -1
  9. package/src/Control/Toggle.tsx +1 -1
  10. package/dist/src/Avatars/Avatar/index.cjs.js +0 -42
  11. package/dist/src/Avatars/Avatar/index.cjs.js.map +0 -1
  12. package/dist/src/Avatars/Avatar/index.d.ts +0 -7
  13. package/dist/src/Avatars/Avatar/index.d.ts.map +0 -1
  14. package/dist/src/Avatars/Avatar/index.esm.js +0 -40
  15. package/dist/src/Avatars/Avatar/index.esm.js.map +0 -1
  16. package/dist/src/Avatars/Avatar/styles.cjs.js +0 -45
  17. package/dist/src/Avatars/Avatar/styles.cjs.js.map +0 -1
  18. package/dist/src/Avatars/Avatar/styles.d.ts +0 -22
  19. package/dist/src/Avatars/Avatar/styles.d.ts.map +0 -1
  20. package/dist/src/Avatars/Avatar/styles.esm.js +0 -38
  21. package/dist/src/Avatars/Avatar/styles.esm.js.map +0 -1
  22. package/dist/src/Avatars/index.d.ts +0 -4
  23. package/dist/src/Avatars/index.d.ts.map +0 -1
  24. package/dist/src/Badge/Badge.cjs.js +0 -15
  25. package/dist/src/Badge/Badge.cjs.js.map +0 -1
  26. package/dist/src/Badge/Badge.d.ts +0 -6
  27. package/dist/src/Badge/Badge.d.ts.map +0 -1
  28. package/dist/src/Badge/Badge.esm.js +0 -13
  29. package/dist/src/Badge/Badge.esm.js.map +0 -1
  30. package/dist/src/Badge/index.d.ts +0 -6
  31. package/dist/src/Badge/index.d.ts.map +0 -1
  32. package/dist/src/Badge/style.cjs.js +0 -38
  33. package/dist/src/Badge/style.cjs.js.map +0 -1
  34. package/dist/src/Badge/style.d.ts +0 -16
  35. package/dist/src/Badge/style.d.ts.map +0 -1
  36. package/dist/src/Badge/style.esm.js +0 -29
  37. package/dist/src/Badge/style.esm.js.map +0 -1
  38. package/dist/src/Badge/types.d.ts +0 -10
  39. package/dist/src/Badge/types.d.ts.map +0 -1
  40. package/dist/src/Badge/utils.cjs.js +0 -26
  41. package/dist/src/Badge/utils.cjs.js.map +0 -1
  42. package/dist/src/Badge/utils.d.ts +0 -12
  43. package/dist/src/Badge/utils.d.ts.map +0 -1
  44. package/dist/src/Badge/utils.esm.js +0 -23
  45. package/dist/src/Badge/utils.esm.js.map +0 -1
  46. package/dist/src/Buttons/Button/const.cjs.js +0 -59
  47. package/dist/src/Buttons/Button/const.cjs.js.map +0 -1
  48. package/dist/src/Buttons/Button/const.d.ts +0 -50
  49. package/dist/src/Buttons/Button/const.d.ts.map +0 -1
  50. package/dist/src/Buttons/Button/const.esm.js +0 -54
  51. package/dist/src/Buttons/Button/const.esm.js.map +0 -1
  52. package/dist/src/Buttons/Button/index.cjs.js +0 -62
  53. package/dist/src/Buttons/Button/index.cjs.js.map +0 -1
  54. package/dist/src/Buttons/Button/index.d.ts +0 -10
  55. package/dist/src/Buttons/Button/index.d.ts.map +0 -1
  56. package/dist/src/Buttons/Button/index.esm.js +0 -55
  57. package/dist/src/Buttons/Button/index.esm.js.map +0 -1
  58. package/dist/src/Buttons/Button/styles.cjs.js +0 -33
  59. package/dist/src/Buttons/Button/styles.cjs.js.map +0 -1
  60. package/dist/src/Buttons/Button/styles.d.ts +0 -5
  61. package/dist/src/Buttons/Button/styles.d.ts.map +0 -1
  62. package/dist/src/Buttons/Button/styles.esm.js +0 -25
  63. package/dist/src/Buttons/Button/styles.esm.js.map +0 -1
  64. package/dist/src/Buttons/Button/types.d.ts +0 -22
  65. package/dist/src/Buttons/Button/types.d.ts.map +0 -1
  66. package/dist/src/Buttons/index.d.ts +0 -2
  67. package/dist/src/Buttons/index.d.ts.map +0 -1
  68. package/dist/src/Common/Divider/index.cjs.js +0 -54
  69. package/dist/src/Common/Divider/index.cjs.js.map +0 -1
  70. package/dist/src/Common/Divider/index.d.ts +0 -10
  71. package/dist/src/Common/Divider/index.d.ts.map +0 -1
  72. package/dist/src/Common/Divider/index.esm.js +0 -27
  73. package/dist/src/Common/Divider/index.esm.js.map +0 -1
  74. package/dist/src/Common/Flex/index.cjs.js +0 -71
  75. package/dist/src/Common/Flex/index.cjs.js.map +0 -1
  76. package/dist/src/Common/Flex/index.d.ts +0 -23
  77. package/dist/src/Common/Flex/index.d.ts.map +0 -1
  78. package/dist/src/Common/Flex/index.esm.js +0 -62
  79. package/dist/src/Common/Flex/index.esm.js.map +0 -1
  80. package/dist/src/Common/Grid/index.cjs.js +0 -72
  81. package/dist/src/Common/Grid/index.cjs.js.map +0 -1
  82. package/dist/src/Common/Grid/index.d.ts +0 -25
  83. package/dist/src/Common/Grid/index.d.ts.map +0 -1
  84. package/dist/src/Common/Grid/index.esm.js +0 -64
  85. package/dist/src/Common/Grid/index.esm.js.map +0 -1
  86. package/dist/src/Common/Spinner/index.cjs.js +0 -26
  87. package/dist/src/Common/Spinner/index.cjs.js.map +0 -1
  88. package/dist/src/Common/Spinner/index.d.ts +0 -3
  89. package/dist/src/Common/Spinner/index.d.ts.map +0 -1
  90. package/dist/src/Common/Spinner/index.esm.js +0 -24
  91. package/dist/src/Common/Spinner/index.esm.js.map +0 -1
  92. package/dist/src/Common/Spinner/styles.cjs.js +0 -21
  93. package/dist/src/Common/Spinner/styles.cjs.js.map +0 -1
  94. package/dist/src/Common/Spinner/styles.d.ts +0 -4
  95. package/dist/src/Common/Spinner/styles.d.ts.map +0 -1
  96. package/dist/src/Common/Spinner/styles.esm.js +0 -14
  97. package/dist/src/Common/Spinner/styles.esm.js.map +0 -1
  98. package/dist/src/Common/Spinner/types.d.ts +0 -15
  99. package/dist/src/Common/Spinner/types.d.ts.map +0 -1
  100. package/dist/src/Common/Typography/index.cjs.js +0 -40
  101. package/dist/src/Common/Typography/index.cjs.js.map +0 -1
  102. package/dist/src/Common/Typography/index.d.ts +0 -16
  103. package/dist/src/Common/Typography/index.d.ts.map +0 -1
  104. package/dist/src/Common/Typography/index.esm.js +0 -33
  105. package/dist/src/Common/Typography/index.esm.js.map +0 -1
  106. package/dist/src/Common/Typography/styles.cjs.js +0 -26
  107. package/dist/src/Common/Typography/styles.cjs.js.map +0 -1
  108. package/dist/src/Common/Typography/styles.d.ts +0 -9
  109. package/dist/src/Common/Typography/styles.d.ts.map +0 -1
  110. package/dist/src/Common/Typography/styles.esm.js +0 -19
  111. package/dist/src/Common/Typography/styles.esm.js.map +0 -1
  112. package/dist/src/Common/index.d.ts +0 -8
  113. package/dist/src/Common/index.d.ts.map +0 -1
  114. package/dist/src/Control/BaseToggle/ToggleIcon/index.cjs.js +0 -44
  115. package/dist/src/Control/BaseToggle/ToggleIcon/index.cjs.js.map +0 -1
  116. package/dist/src/Control/BaseToggle/ToggleIcon/index.d.ts +0 -8
  117. package/dist/src/Control/BaseToggle/ToggleIcon/index.d.ts.map +0 -1
  118. package/dist/src/Control/BaseToggle/ToggleIcon/index.esm.js +0 -42
  119. package/dist/src/Control/BaseToggle/ToggleIcon/index.esm.js.map +0 -1
  120. package/dist/src/Control/BaseToggle/index.cjs.js +0 -75
  121. package/dist/src/Control/BaseToggle/index.cjs.js.map +0 -1
  122. package/dist/src/Control/BaseToggle/index.d.ts +0 -12
  123. package/dist/src/Control/BaseToggle/index.d.ts.map +0 -1
  124. package/dist/src/Control/BaseToggle/index.esm.js +0 -68
  125. package/dist/src/Control/BaseToggle/index.esm.js.map +0 -1
  126. package/dist/src/Control/BaseToggle/styles.cjs.js +0 -22
  127. package/dist/src/Control/BaseToggle/styles.cjs.js.map +0 -1
  128. package/dist/src/Control/BaseToggle/styles.d.ts +0 -6
  129. package/dist/src/Control/BaseToggle/styles.d.ts.map +0 -1
  130. package/dist/src/Control/BaseToggle/styles.esm.js +0 -14
  131. package/dist/src/Control/BaseToggle/styles.esm.js.map +0 -1
  132. package/dist/src/Control/BaseToggle/types.d.ts +0 -21
  133. package/dist/src/Control/BaseToggle/types.d.ts.map +0 -1
  134. package/dist/src/Control/Checkbox.cjs.js +0 -31
  135. package/dist/src/Control/Checkbox.cjs.js.map +0 -1
  136. package/dist/src/Control/Checkbox.d.ts +0 -9
  137. package/dist/src/Control/Checkbox.d.ts.map +0 -1
  138. package/dist/src/Control/Checkbox.esm.js +0 -23
  139. package/dist/src/Control/Checkbox.esm.js.map +0 -1
  140. package/dist/src/Control/Radio.cjs.js +0 -30
  141. package/dist/src/Control/Radio.cjs.js.map +0 -1
  142. package/dist/src/Control/Radio.d.ts +0 -4
  143. package/dist/src/Control/Radio.d.ts.map +0 -1
  144. package/dist/src/Control/Radio.esm.js +0 -22
  145. package/dist/src/Control/Radio.esm.js.map +0 -1
  146. package/dist/src/Control/Switch/index.cjs.js +0 -34
  147. package/dist/src/Control/Switch/index.cjs.js.map +0 -1
  148. package/dist/src/Control/Switch/index.d.ts +0 -3
  149. package/dist/src/Control/Switch/index.d.ts.map +0 -1
  150. package/dist/src/Control/Switch/index.esm.js +0 -27
  151. package/dist/src/Control/Switch/index.esm.js.map +0 -1
  152. package/dist/src/Control/Switch/styles.cjs.js +0 -47
  153. package/dist/src/Control/Switch/styles.cjs.js.map +0 -1
  154. package/dist/src/Control/Switch/styles.d.ts +0 -15
  155. package/dist/src/Control/Switch/styles.d.ts.map +0 -1
  156. package/dist/src/Control/Switch/styles.esm.js +0 -19
  157. package/dist/src/Control/Switch/styles.esm.js.map +0 -1
  158. package/dist/src/Control/Switch/types.d.ts +0 -5
  159. package/dist/src/Control/Switch/types.d.ts.map +0 -1
  160. package/dist/src/Control/Toggle.cjs.js +0 -37
  161. package/dist/src/Control/Toggle.cjs.js.map +0 -1
  162. package/dist/src/Control/Toggle.d.ts +0 -30
  163. package/dist/src/Control/Toggle.d.ts.map +0 -1
  164. package/dist/src/Control/Toggle.esm.js +0 -26
  165. package/dist/src/Control/Toggle.esm.js.map +0 -1
  166. package/dist/src/Control/index.d.ts +0 -5
  167. package/dist/src/Control/index.d.ts.map +0 -1
  168. package/dist/src/Floating/DropdownMenu/DropdownMenuSection.cjs.js +0 -28
  169. package/dist/src/Floating/DropdownMenu/DropdownMenuSection.cjs.js.map +0 -1
  170. package/dist/src/Floating/DropdownMenu/DropdownMenuSection.d.ts +0 -9
  171. package/dist/src/Floating/DropdownMenu/DropdownMenuSection.d.ts.map +0 -1
  172. package/dist/src/Floating/DropdownMenu/DropdownMenuSection.esm.js +0 -21
  173. package/dist/src/Floating/DropdownMenu/DropdownMenuSection.esm.js.map +0 -1
  174. package/dist/src/Floating/DropdownMenu/index.cjs.js +0 -62
  175. package/dist/src/Floating/DropdownMenu/index.cjs.js.map +0 -1
  176. package/dist/src/Floating/DropdownMenu/index.d.ts +0 -27
  177. package/dist/src/Floating/DropdownMenu/index.d.ts.map +0 -1
  178. package/dist/src/Floating/DropdownMenu/index.esm.js +0 -36
  179. package/dist/src/Floating/DropdownMenu/index.esm.js.map +0 -1
  180. package/dist/src/Floating/DropdownMenu/styles.cjs.js +0 -54
  181. package/dist/src/Floating/DropdownMenu/styles.cjs.js.map +0 -1
  182. package/dist/src/Floating/DropdownMenu/styles.d.ts +0 -22
  183. package/dist/src/Floating/DropdownMenu/styles.d.ts.map +0 -1
  184. package/dist/src/Floating/DropdownMenu/styles.esm.js +0 -38
  185. package/dist/src/Floating/DropdownMenu/styles.esm.js.map +0 -1
  186. package/dist/src/Floating/Popover/index.cjs.js +0 -66
  187. package/dist/src/Floating/Popover/index.cjs.js.map +0 -1
  188. package/dist/src/Floating/Popover/index.d.ts +0 -19
  189. package/dist/src/Floating/Popover/index.d.ts.map +0 -1
  190. package/dist/src/Floating/Popover/index.esm.js +0 -40
  191. package/dist/src/Floating/Popover/index.esm.js.map +0 -1
  192. package/dist/src/Floating/Popover/styles.cjs.js +0 -27
  193. package/dist/src/Floating/Popover/styles.cjs.js.map +0 -1
  194. package/dist/src/Floating/Popover/styles.d.ts +0 -7
  195. package/dist/src/Floating/Popover/styles.d.ts.map +0 -1
  196. package/dist/src/Floating/Popover/styles.esm.js +0 -18
  197. package/dist/src/Floating/Popover/styles.esm.js.map +0 -1
  198. package/dist/src/Floating/Tooltip/index.cjs.js +0 -136
  199. package/dist/src/Floating/Tooltip/index.cjs.js.map +0 -1
  200. package/dist/src/Floating/Tooltip/index.d.ts +0 -4
  201. package/dist/src/Floating/Tooltip/index.d.ts.map +0 -1
  202. package/dist/src/Floating/Tooltip/index.esm.js +0 -110
  203. package/dist/src/Floating/Tooltip/index.esm.js.map +0 -1
  204. package/dist/src/Floating/Tooltip/styles.cjs.js +0 -60
  205. package/dist/src/Floating/Tooltip/styles.cjs.js.map +0 -1
  206. package/dist/src/Floating/Tooltip/styles.d.ts +0 -16
  207. package/dist/src/Floating/Tooltip/styles.d.ts.map +0 -1
  208. package/dist/src/Floating/Tooltip/styles.esm.js +0 -32
  209. package/dist/src/Floating/Tooltip/styles.esm.js.map +0 -1
  210. package/dist/src/Floating/Tooltip/types.cjs.js +0 -12
  211. package/dist/src/Floating/Tooltip/types.cjs.js.map +0 -1
  212. package/dist/src/Floating/Tooltip/types.d.ts +0 -31
  213. package/dist/src/Floating/Tooltip/types.d.ts.map +0 -1
  214. package/dist/src/Floating/Tooltip/types.esm.js +0 -9
  215. package/dist/src/Floating/Tooltip/types.esm.js.map +0 -1
  216. package/dist/src/Floating/index.d.ts +0 -11
  217. package/dist/src/Floating/index.d.ts.map +0 -1
  218. package/dist/src/Inputs/Select/DesignedSelect/const.cjs.js +0 -8
  219. package/dist/src/Inputs/Select/DesignedSelect/const.cjs.js.map +0 -1
  220. package/dist/src/Inputs/Select/DesignedSelect/const.d.ts +0 -3
  221. package/dist/src/Inputs/Select/DesignedSelect/const.d.ts.map +0 -1
  222. package/dist/src/Inputs/Select/DesignedSelect/const.esm.js +0 -5
  223. package/dist/src/Inputs/Select/DesignedSelect/const.esm.js.map +0 -1
  224. package/dist/src/Inputs/Select/DesignedSelect/index.cjs.js +0 -251
  225. package/dist/src/Inputs/Select/DesignedSelect/index.cjs.js.map +0 -1
  226. package/dist/src/Inputs/Select/DesignedSelect/index.d.ts +0 -12
  227. package/dist/src/Inputs/Select/DesignedSelect/index.d.ts.map +0 -1
  228. package/dist/src/Inputs/Select/DesignedSelect/index.esm.js +0 -243
  229. package/dist/src/Inputs/Select/DesignedSelect/index.esm.js.map +0 -1
  230. package/dist/src/Inputs/Select/DesignedSelect/styles.cjs.js +0 -49
  231. package/dist/src/Inputs/Select/DesignedSelect/styles.cjs.js.map +0 -1
  232. package/dist/src/Inputs/Select/DesignedSelect/styles.d.ts +0 -15
  233. package/dist/src/Inputs/Select/DesignedSelect/styles.d.ts.map +0 -1
  234. package/dist/src/Inputs/Select/DesignedSelect/styles.esm.js +0 -39
  235. package/dist/src/Inputs/Select/DesignedSelect/styles.esm.js.map +0 -1
  236. package/dist/src/Inputs/Select/DesignedSelect/types.d.ts +0 -12
  237. package/dist/src/Inputs/Select/DesignedSelect/types.d.ts.map +0 -1
  238. package/dist/src/Inputs/Select/NativeSelect/Option/index.cjs.js +0 -18
  239. package/dist/src/Inputs/Select/NativeSelect/Option/index.cjs.js.map +0 -1
  240. package/dist/src/Inputs/Select/NativeSelect/Option/index.d.ts +0 -3
  241. package/dist/src/Inputs/Select/NativeSelect/Option/index.d.ts.map +0 -1
  242. package/dist/src/Inputs/Select/NativeSelect/Option/index.esm.js +0 -16
  243. package/dist/src/Inputs/Select/NativeSelect/Option/index.esm.js.map +0 -1
  244. package/dist/src/Inputs/Select/NativeSelect/index.cjs.js +0 -55
  245. package/dist/src/Inputs/Select/NativeSelect/index.cjs.js.map +0 -1
  246. package/dist/src/Inputs/Select/NativeSelect/index.d.ts +0 -8
  247. package/dist/src/Inputs/Select/NativeSelect/index.d.ts.map +0 -1
  248. package/dist/src/Inputs/Select/NativeSelect/index.esm.js +0 -48
  249. package/dist/src/Inputs/Select/NativeSelect/index.esm.js.map +0 -1
  250. package/dist/src/Inputs/Select/NativeSelect/styles.cjs.js +0 -31
  251. package/dist/src/Inputs/Select/NativeSelect/styles.cjs.js.map +0 -1
  252. package/dist/src/Inputs/Select/NativeSelect/styles.d.ts +0 -7
  253. package/dist/src/Inputs/Select/NativeSelect/styles.d.ts.map +0 -1
  254. package/dist/src/Inputs/Select/NativeSelect/styles.esm.js +0 -23
  255. package/dist/src/Inputs/Select/NativeSelect/styles.esm.js.map +0 -1
  256. package/dist/src/Inputs/Select/NativeSelect/types.d.ts +0 -11
  257. package/dist/src/Inputs/Select/NativeSelect/types.d.ts.map +0 -1
  258. package/dist/src/Inputs/Select/Option/index.cjs.js +0 -11
  259. package/dist/src/Inputs/Select/Option/index.cjs.js.map +0 -1
  260. package/dist/src/Inputs/Select/Option/index.d.ts +0 -6
  261. package/dist/src/Inputs/Select/Option/index.d.ts.map +0 -1
  262. package/dist/src/Inputs/Select/Option/index.esm.js +0 -9
  263. package/dist/src/Inputs/Select/Option/index.esm.js.map +0 -1
  264. package/dist/src/Inputs/Select/index.cjs.js +0 -81
  265. package/dist/src/Inputs/Select/index.cjs.js.map +0 -1
  266. package/dist/src/Inputs/Select/index.d.ts +0 -10
  267. package/dist/src/Inputs/Select/index.d.ts.map +0 -1
  268. package/dist/src/Inputs/Select/index.esm.js +0 -75
  269. package/dist/src/Inputs/Select/index.esm.js.map +0 -1
  270. package/dist/src/Inputs/Select/styles.cjs.js +0 -28
  271. package/dist/src/Inputs/Select/styles.cjs.js.map +0 -1
  272. package/dist/src/Inputs/Select/styles.d.ts +0 -6
  273. package/dist/src/Inputs/Select/styles.d.ts.map +0 -1
  274. package/dist/src/Inputs/Select/styles.esm.js +0 -20
  275. package/dist/src/Inputs/Select/styles.esm.js.map +0 -1
  276. package/dist/src/Inputs/Select/types.d.ts +0 -35
  277. package/dist/src/Inputs/Select/types.d.ts.map +0 -1
  278. package/dist/src/Inputs/Select/utils.cjs.js +0 -44
  279. package/dist/src/Inputs/Select/utils.cjs.js.map +0 -1
  280. package/dist/src/Inputs/Select/utils.d.ts +0 -2
  281. package/dist/src/Inputs/Select/utils.d.ts.map +0 -1
  282. package/dist/src/Inputs/Select/utils.esm.js +0 -42
  283. package/dist/src/Inputs/Select/utils.esm.js.map +0 -1
  284. package/dist/src/Inputs/TextInput/index.cjs.js +0 -95
  285. package/dist/src/Inputs/TextInput/index.cjs.js.map +0 -1
  286. package/dist/src/Inputs/TextInput/index.d.ts +0 -5
  287. package/dist/src/Inputs/TextInput/index.d.ts.map +0 -1
  288. package/dist/src/Inputs/TextInput/index.esm.js +0 -87
  289. package/dist/src/Inputs/TextInput/index.esm.js.map +0 -1
  290. package/dist/src/Inputs/TextInput/styles.cjs.js +0 -42
  291. package/dist/src/Inputs/TextInput/styles.cjs.js.map +0 -1
  292. package/dist/src/Inputs/TextInput/styles.d.ts +0 -17
  293. package/dist/src/Inputs/TextInput/styles.d.ts.map +0 -1
  294. package/dist/src/Inputs/TextInput/styles.esm.js +0 -28
  295. package/dist/src/Inputs/TextInput/styles.esm.js.map +0 -1
  296. package/dist/src/Inputs/TextInput/types.d.ts +0 -19
  297. package/dist/src/Inputs/TextInput/types.d.ts.map +0 -1
  298. package/dist/src/Inputs/index.d.ts +0 -3
  299. package/dist/src/Inputs/index.d.ts.map +0 -1
  300. package/dist/src/Logos/EnvLabel/index.cjs.js +0 -28
  301. package/dist/src/Logos/EnvLabel/index.cjs.js.map +0 -1
  302. package/dist/src/Logos/EnvLabel/index.d.ts +0 -3
  303. package/dist/src/Logos/EnvLabel/index.d.ts.map +0 -1
  304. package/dist/src/Logos/EnvLabel/index.esm.js +0 -26
  305. package/dist/src/Logos/EnvLabel/index.esm.js.map +0 -1
  306. package/dist/src/Logos/RememberLogo/index.cjs.js +0 -91
  307. package/dist/src/Logos/RememberLogo/index.cjs.js.map +0 -1
  308. package/dist/src/Logos/RememberLogo/index.d.ts +0 -5
  309. package/dist/src/Logos/RememberLogo/index.d.ts.map +0 -1
  310. package/dist/src/Logos/RememberLogo/index.esm.js +0 -83
  311. package/dist/src/Logos/RememberLogo/index.esm.js.map +0 -1
  312. package/dist/src/Logos/RememberMobileLogo/index.cjs.js +0 -52
  313. package/dist/src/Logos/RememberMobileLogo/index.cjs.js.map +0 -1
  314. package/dist/src/Logos/RememberMobileLogo/index.d.ts +0 -3
  315. package/dist/src/Logos/RememberMobileLogo/index.d.ts.map +0 -1
  316. package/dist/src/Logos/RememberMobileLogo/index.esm.js +0 -45
  317. package/dist/src/Logos/RememberMobileLogo/index.esm.js.map +0 -1
  318. package/dist/src/Logos/RememberServiceLogo/index.cjs.js +0 -47
  319. package/dist/src/Logos/RememberServiceLogo/index.cjs.js.map +0 -1
  320. package/dist/src/Logos/RememberServiceLogo/index.d.ts +0 -9
  321. package/dist/src/Logos/RememberServiceLogo/index.d.ts.map +0 -1
  322. package/dist/src/Logos/RememberServiceLogo/index.esm.js +0 -40
  323. package/dist/src/Logos/RememberServiceLogo/index.esm.js.map +0 -1
  324. package/dist/src/Logos/RememberServiceLogo/style.cjs.js +0 -16
  325. package/dist/src/Logos/RememberServiceLogo/style.cjs.js.map +0 -1
  326. package/dist/src/Logos/RememberServiceLogo/style.d.ts +0 -3
  327. package/dist/src/Logos/RememberServiceLogo/style.d.ts.map +0 -1
  328. package/dist/src/Logos/RememberServiceLogo/style.esm.js +0 -9
  329. package/dist/src/Logos/RememberServiceLogo/style.esm.js.map +0 -1
  330. package/dist/src/Logos/RememberSquareLogo/index.cjs.js +0 -68
  331. package/dist/src/Logos/RememberSquareLogo/index.cjs.js.map +0 -1
  332. package/dist/src/Logos/RememberSquareLogo/index.d.ts +0 -3
  333. package/dist/src/Logos/RememberSquareLogo/index.d.ts.map +0 -1
  334. package/dist/src/Logos/RememberSquareLogo/index.esm.js +0 -61
  335. package/dist/src/Logos/RememberSquareLogo/index.esm.js.map +0 -1
  336. package/dist/src/Logos/index.d.ts +0 -5
  337. package/dist/src/Logos/index.d.ts.map +0 -1
  338. package/dist/src/Logos/types.d.ts +0 -12
  339. package/dist/src/Logos/types.d.ts.map +0 -1
  340. package/dist/src/Modals/Dialog/index.cjs.js +0 -95
  341. package/dist/src/Modals/Dialog/index.cjs.js.map +0 -1
  342. package/dist/src/Modals/Dialog/index.d.ts +0 -32
  343. package/dist/src/Modals/Dialog/index.d.ts.map +0 -1
  344. package/dist/src/Modals/Dialog/index.esm.js +0 -88
  345. package/dist/src/Modals/Dialog/index.esm.js.map +0 -1
  346. package/dist/src/Modals/Dialog/styles.cjs.js +0 -51
  347. package/dist/src/Modals/Dialog/styles.cjs.js.map +0 -1
  348. package/dist/src/Modals/Dialog/styles.d.ts +0 -19
  349. package/dist/src/Modals/Dialog/styles.d.ts.map +0 -1
  350. package/dist/src/Modals/Dialog/styles.esm.js +0 -18
  351. package/dist/src/Modals/Dialog/styles.esm.js.map +0 -1
  352. package/dist/src/Modals/index.d.ts +0 -2
  353. package/dist/src/Modals/index.d.ts.map +0 -1
  354. package/dist/src/Paginations/CompactPagination/index.cjs.js +0 -98
  355. package/dist/src/Paginations/CompactPagination/index.cjs.js.map +0 -1
  356. package/dist/src/Paginations/CompactPagination/index.d.ts +0 -3
  357. package/dist/src/Paginations/CompactPagination/index.d.ts.map +0 -1
  358. package/dist/src/Paginations/CompactPagination/index.esm.js +0 -96
  359. package/dist/src/Paginations/CompactPagination/index.esm.js.map +0 -1
  360. package/dist/src/Paginations/Pagination/index.cjs.js +0 -116
  361. package/dist/src/Paginations/Pagination/index.cjs.js.map +0 -1
  362. package/dist/src/Paginations/Pagination/index.d.ts +0 -3
  363. package/dist/src/Paginations/Pagination/index.d.ts.map +0 -1
  364. package/dist/src/Paginations/Pagination/index.esm.js +0 -114
  365. package/dist/src/Paginations/Pagination/index.esm.js.map +0 -1
  366. package/dist/src/Paginations/index.d.ts +0 -3
  367. package/dist/src/Paginations/index.d.ts.map +0 -1
  368. package/dist/src/Paginations/styles.cjs.js +0 -37
  369. package/dist/src/Paginations/styles.cjs.js.map +0 -1
  370. package/dist/src/Paginations/styles.d.ts +0 -26
  371. package/dist/src/Paginations/styles.d.ts.map +0 -1
  372. package/dist/src/Paginations/styles.esm.js +0 -23
  373. package/dist/src/Paginations/styles.esm.js.map +0 -1
  374. package/dist/src/Paginations/types.d.ts +0 -17
  375. package/dist/src/Paginations/types.d.ts.map +0 -1
  376. package/dist/src/Paginations/usePagination.cjs.js +0 -40
  377. package/dist/src/Paginations/usePagination.cjs.js.map +0 -1
  378. package/dist/src/Paginations/usePagination.d.ts +0 -15
  379. package/dist/src/Paginations/usePagination.d.ts.map +0 -1
  380. package/dist/src/Paginations/usePagination.esm.js +0 -38
  381. package/dist/src/Paginations/usePagination.esm.js.map +0 -1
  382. package/dist/src/hooks/useMouseEventAway.cjs.js +0 -27
  383. package/dist/src/hooks/useMouseEventAway.cjs.js.map +0 -1
  384. package/dist/src/hooks/useMouseEventAway.d.ts +0 -5
  385. package/dist/src/hooks/useMouseEventAway.d.ts.map +0 -1
  386. package/dist/src/hooks/useMouseEventAway.esm.js +0 -25
  387. package/dist/src/hooks/useMouseEventAway.esm.js.map +0 -1
  388. package/dist/src/index.cjs.js +0 -79
  389. package/dist/src/index.cjs.js.map +0 -1
  390. package/dist/src/index.d.ts +0 -11
  391. package/dist/src/index.d.ts.map +0 -1
  392. package/dist/src/index.esm.js +0 -31
  393. package/dist/src/index.esm.js.map +0 -1
  394. package/dist/src/stories/common.styles.d.ts +0 -18
  395. package/dist/src/stories/common.styles.d.ts.map +0 -1
  396. package/dist/src/stories/util.d.ts +0 -7
  397. package/dist/src/stories/util.d.ts.map +0 -1
@@ -1,27 +0,0 @@
1
- /// <reference types="react" />
2
- import * as RadixPopover from '@radix-ui/react-popover';
3
- import type { PopoverContentProps, PopoverProps } from '../../Floating/Popover';
4
- export interface DropdownContentProps extends PopoverContentProps {
5
- }
6
- export interface DropdownMenuProps extends PopoverProps {
7
- }
8
- /**
9
- * Popover에 DropdownMenu Parts들을 추가한 컴포넌트
10
- * @see Popover
11
- */
12
- declare const DropdownMenu: import("react").FC<RadixPopover.PopoverProps> & {
13
- Content: ({ isInsideCloseable, ...props }: DropdownContentProps) => import("react/jsx-runtime").JSX.Element;
14
- Arrow: import("react").ForwardRefExoticComponent<RadixPopover.PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>>;
15
- Trigger: (props: RadixPopover.PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
16
- Portal: import("react").FC<RadixPopover.PopoverPortalProps>;
17
- Anchor: import("react").ForwardRefExoticComponent<RadixPopover.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
18
- Close: import("react").ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
19
- Section: <As>({ title, children, ...props }: (As extends import("styled-components").WebTarget ? import("styled-components").PolymorphicComponentProps<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, As, void> : import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>) & {
20
- title?: import("react").ReactNode;
21
- }) => import("react/jsx-runtime").JSX.Element;
22
- Item: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
23
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
24
- }>, import("@remember-web/shared").ConvertTransientProps<import("../../Floating/DropdownMenu/styles").StyledDropdownMenuItemProps>>, import("../../Floating/DropdownMenu/styles").StyledDropdownMenuItemProps>>;
25
- };
26
- export default DropdownMenu;
27
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Floating/DropdownMenu/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAS5E,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;CAAG;AACpE,MAAM,WAAW,iBAAkB,SAAQ,YAAY;CAAG;AAC1D;;;GAGG;AACH,QAAA,MAAM,YAAY;+CACmC,oBAAoB;;;;;;;;;;;;CAevE,CAAC;AAEH,eAAe,YAAY,CAAC"}
@@ -1,36 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import * as RadixPopover from '@radix-ui/react-popover';
4
- import { StyledDropdownMenuContent, StyledDropdownMenuItem } from './styles.esm.js';
5
- import Popover from '../Popover/index.esm.js';
6
- import { DropdownMenuSection } from './DropdownMenuSection.esm.js';
7
- import { jsx } from 'react/jsx-runtime';
8
-
9
- var _excluded = ["isInsideCloseable"];
10
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
11
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12
- /**
13
- * Popover에 DropdownMenu Parts들을 추가한 컴포넌트
14
- * @see Popover
15
- */
16
- var DropdownMenu = Object.assign(RadixPopover.Root.bind(null), {
17
- Content: function Content(_ref) {
18
- var _ref$isInsideCloseabl = _ref.isInsideCloseable,
19
- isInsideCloseable = _ref$isInsideCloseabl === void 0 ? false : _ref$isInsideCloseabl,
20
- props = _objectWithoutProperties(_ref, _excluded);
21
- return isInsideCloseable ? /*#__PURE__*/jsx(RadixPopover.Close, {
22
- asChild: true,
23
- children: /*#__PURE__*/jsx(StyledDropdownMenuContent, _objectSpread({}, props))
24
- }) : /*#__PURE__*/jsx(StyledDropdownMenuContent, _objectSpread({}, props));
25
- },
26
- Arrow: Popover.Arrow,
27
- Trigger: Popover.Trigger,
28
- Portal: Popover.Portal,
29
- Anchor: Popover.Anchor,
30
- Close: Popover.Close,
31
- Section: DropdownMenuSection,
32
- Item: StyledDropdownMenuItem
33
- });
34
-
35
- export { DropdownMenu as default };
36
- //# sourceMappingURL=index.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.esm.js","sources":["../../../../src/Floating/DropdownMenu/index.tsx"],"sourcesContent":["import * as RadixPopover from '@radix-ui/react-popover';\n\nimport type { PopoverContentProps, PopoverProps } from '@/Floating/Popover';\nimport {\n StyledDropdownMenuContent,\n StyledDropdownMenuItem,\n} from '@/Floating/DropdownMenu/styles';\nimport Popover from '@/Floating/Popover';\n\nimport { DropdownMenuSection } from './DropdownMenuSection';\n\nexport interface DropdownContentProps extends PopoverContentProps {}\nexport interface DropdownMenuProps extends PopoverProps {}\n/**\n * Popover에 DropdownMenu Parts들을 추가한 컴포넌트\n * @see Popover\n */\nconst DropdownMenu = Object.assign(RadixPopover.Root.bind(null), {\n Content: ({ isInsideCloseable = false, ...props }: DropdownContentProps) =>\n isInsideCloseable ? (\n <RadixPopover.Close asChild>\n <StyledDropdownMenuContent {...props} />\n </RadixPopover.Close>\n ) : (\n <StyledDropdownMenuContent {...props} />\n ),\n Arrow: Popover.Arrow,\n Trigger: Popover.Trigger,\n Portal: Popover.Portal,\n Anchor: Popover.Anchor,\n Close: Popover.Close,\n Section: DropdownMenuSection,\n Item: StyledDropdownMenuItem,\n});\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","Object","assign","RadixPopover","Root","bind","Content","_ref","_ref$isInsideCloseabl","isInsideCloseable","props","_objectWithoutProperties","_excluded","_jsx","Close","asChild","children","StyledDropdownMenuContent","_objectSpread","Arrow","Popover","Trigger","Portal","Anchor","Section","DropdownMenuSection","Item","StyledDropdownMenuItem"],"mappings":";;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA,IAAMA,YAAY,GAAGC,MAAM,CAACC,MAAM,CAACC,YAAY,CAACC,IAAI,CAACC,IAAI,CAAC,IAAI,CAAC,EAAE;EAC/DC,OAAO,EAAE,SAAAA,OAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,qBAAA,GAAAD,IAAA,CAAGE,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AAAKE,MAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,IAAA,OAC7CH,iBAAiB,gBACfI,GAAA,CAACV,YAAY,CAACW,KAAK,EAAA;MAACC,OAAO,EAAA,IAAA;MAAAC,QAAA,eACzBH,GAAA,CAACI,yBAAyB,EAAAC,aAAA,CAAA,EAAA,EAAKR,KAAK,CAAG,CAAA;KACrB,CAAC,gBAErBG,GAAA,CAACI,yBAAyB,EAAAC,aAAA,CAAA,EAAA,EAAKR,KAAK,CAAG,CACxC,CAAA;AAAA,GAAA;EACHS,KAAK,EAAEC,OAAO,CAACD,KAAK;EACpBE,OAAO,EAAED,OAAO,CAACC,OAAO;EACxBC,MAAM,EAAEF,OAAO,CAACE,MAAM;EACtBC,MAAM,EAAEH,OAAO,CAACG,MAAM;EACtBT,KAAK,EAAEM,OAAO,CAACN,KAAK;AACpBU,EAAAA,OAAO,EAAEC,mBAAmB;AAC5BC,EAAAA,IAAI,EAAEC,sBAAAA;AACR,CAAC;;;;"}
@@ -1,54 +0,0 @@
1
- 'use strict';
2
-
3
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
- var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
6
- var styled = require('styled-components');
7
- var mixin = require('@remember-web/mixin');
8
- var styles = require('../Popover/styles.cjs.js');
9
-
10
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
-
12
- var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
13
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
14
- var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
15
- var styled__default = /*#__PURE__*/_interopDefault(styled);
16
-
17
- var _excluded = ["active", "disabled"];
18
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
19
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
20
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21
- var dropdownMenuItemCSS = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n display: flex;\n align-items: center;\n padding: 8px 12px;\n\n ", ";\n color: ", ";\n transition: background-color 0.07s;\n border-radius: unset;\n text-decoration: none;\n"])), mixin.getTypographyStyles('Body1'), mixin.contents000);
22
- var DropdownMenuItemHoverCSS = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n &:hover,\n &:focus-visible {\n background-color: ", ";\n }\n"])), mixin.bg200);
23
- var DropdownMenuItemDisabledCSS = styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n pointer-events: none;\n"])));
24
- var StyledDropdownMenuSectionTitle = styled__default.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n ", ";\n ", ";\n color: ", ";\n"])), dropdownMenuItemCSS, mixin.getTypographyStyles('Body2_M'), mixin.contents200);
25
- var getDropdownMenuItemCss = function getDropdownMenuItemCss(_ref) {
26
- var $active = _ref.$active,
27
- $disabled = _ref.$disabled;
28
- return styled.css(function () {
29
- return [dropdownMenuItemCSS, !$active && DropdownMenuItemHoverCSS, $disabled && DropdownMenuItemDisabledCSS, styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n font-weight: ", ";\n\n &:focus-visible {\n outline: none;\n }\n "])), $active ? 600 : 400)];
30
- });
31
- };
32
- var StyledDropdownMenuItem = styled__default.default.div.attrs(function (_ref2) {
33
- var active = _ref2.active,
34
- disabled = _ref2.disabled,
35
- props = _objectWithoutProperties__default.default(_ref2, _excluded);
36
- return _objectSpread({
37
- tabIndex: active ? -1 : undefined,
38
- $active: active,
39
- $disabled: disabled
40
- }, props);
41
- })(getDropdownMenuItemCss);
42
- var StyledDropdownMenuSection = styled__default.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default([""])));
43
- var StyledDropdownMenuContent = styled__default.default(styles.StyledPopoverContent)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n ", " {\n border-bottom: 1px solid ", ";\n }\n ", ":last-child {\n border-bottom: none;\n }\n"])), StyledDropdownMenuSection, mixin.divider, StyledDropdownMenuSection);
44
- StyledDropdownMenuItem.defaultProps = {};
45
-
46
- exports.DropdownMenuItemDisabledCSS = DropdownMenuItemDisabledCSS;
47
- exports.DropdownMenuItemHoverCSS = DropdownMenuItemHoverCSS;
48
- exports.StyledDropdownMenuContent = StyledDropdownMenuContent;
49
- exports.StyledDropdownMenuItem = StyledDropdownMenuItem;
50
- exports.StyledDropdownMenuSection = StyledDropdownMenuSection;
51
- exports.StyledDropdownMenuSectionTitle = StyledDropdownMenuSectionTitle;
52
- exports.dropdownMenuItemCSS = dropdownMenuItemCSS;
53
- exports.getDropdownMenuItemCss = getDropdownMenuItemCss;
54
- //# sourceMappingURL=styles.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.cjs.js","sources":["../../../../src/Floating/DropdownMenu/styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport {\n bg200,\n contents000,\n contents200,\n divider,\n getTypographyStyles,\n} from '@remember-web/mixin';\nimport type { ConvertTransientProps } from '@remember-web/shared';\n\nimport { StyledPopoverContent } from '../Popover/styles';\n\nexport const dropdownMenuItemCSS = css`\n display: flex;\n align-items: center;\n padding: 8px 12px;\n\n ${getTypographyStyles('Body1')};\n color: ${contents000};\n transition: background-color 0.07s;\n border-radius: unset;\n text-decoration: none;\n`;\n\nexport const DropdownMenuItemHoverCSS = css`\n &:hover,\n &:focus-visible {\n background-color: ${bg200};\n }\n`;\n\nexport const DropdownMenuItemDisabledCSS = css`\n pointer-events: none;\n`;\n\nexport const StyledDropdownMenuSectionTitle = styled.span`\n ${dropdownMenuItemCSS};\n ${getTypographyStyles('Body2_M')};\n color: ${contents200};\n`;\n\nexport type DropdownMenuItemProps =\n ConvertTransientProps<StyledDropdownMenuItemProps>;\n\nexport type StyledDropdownMenuItemProps = {\n $active?: boolean;\n $disabled?: boolean;\n};\n\nexport const getDropdownMenuItemCss = ({\n $active,\n $disabled,\n}: StyledDropdownMenuItemProps) =>\n css(() => [\n dropdownMenuItemCSS,\n !$active && DropdownMenuItemHoverCSS,\n $disabled && DropdownMenuItemDisabledCSS,\n css`\n font-weight: ${$active ? 600 : 400};\n\n &:focus-visible {\n outline: none;\n }\n `,\n ]);\n\nexport const StyledDropdownMenuItem = styled.div.attrs<DropdownMenuItemProps>(\n ({ active, disabled, ...props }) => ({\n tabIndex: active ? -1 : undefined,\n $active: active,\n $disabled: disabled,\n ...props,\n })\n)<StyledDropdownMenuItemProps>(getDropdownMenuItemCss);\n\nexport const StyledDropdownMenuSection = styled.div``;\n\nexport const StyledDropdownMenuContent = styled(StyledPopoverContent)`\n ${StyledDropdownMenuSection} {\n border-bottom: 1px solid ${divider};\n }\n ${StyledDropdownMenuSection}:last-child {\n border-bottom: none;\n }\n`;\nStyledDropdownMenuItem.defaultProps = {};\n"],"names":["dropdownMenuItemCSS","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","contents000","DropdownMenuItemHoverCSS","_templateObject2","bg200","DropdownMenuItemDisabledCSS","_templateObject3","StyledDropdownMenuSectionTitle","styled","span","_templateObject4","contents200","getDropdownMenuItemCss","_ref","$active","$disabled","_templateObject5","StyledDropdownMenuItem","div","attrs","_ref2","active","disabled","props","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","undefined","StyledDropdownMenuSection","_templateObject6","StyledDropdownMenuContent","StyledPopoverContent","_templateObject7","divider","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;IAYaA,mBAAmB,GAAGC,UAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,gMAKlCC,yBAAmB,CAAC,OAAO,CAAC,EACrBC,iBAAW,EAIrB;AAEYC,IAAAA,wBAAwB,GAAGL,UAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,uCAAA,CAGnBK,CAAAA,2DAAAA,EAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAAAA,WAAK,EAE5B;AAEM,IAAMC,2BAA2B,GAAGR,UAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,uCAAA,CAE7C,CAAA,6BAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMQ,8BAA8B,GAAGC,uBAAM,CAACC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAX,uCAAA,CAAA,CAAA,MAAA,EAAA,OAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EACrDH,mBAAmB,EACnBI,yBAAmB,CAAC,SAAS,CAAC,EACvBW,iBAAW,EACrB;IAUYC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACjCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAAA,EAAA,OAETlB,UAAG,CAAC,YAAA;IAAA,OAAM,CACRD,mBAAmB,EACnB,CAACkB,OAAO,IAAIZ,wBAAwB,EACpCa,SAAS,IAAIV,2BAA2B,EACxCR,UAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAjB,uCAAA,CACce,CAAAA,uBAAAA,EAAAA,qEAAAA,CAAAA,CAAAA,CAAAA,EAAAA,OAAO,GAAG,GAAG,GAAG,GAAG,CAMrC,CAAA,CAAA;GAAC,CAAA,CAAA;AAAA,EAAA;AAEG,IAAMG,sBAAsB,GAAGT,uBAAM,CAACU,GAAG,CAACC,KAAK,CACpD,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,yCAAA,CAAAJ,KAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AAC3BC,IAAAA,QAAQ,EAAEN,MAAM,GAAG,CAAC,CAAC,GAAGO,SAAS;AACjCd,IAAAA,OAAO,EAAEO,MAAM;AACfN,IAAAA,SAAS,EAAEO,QAAAA;AAAQ,GAAA,EAChBC,KAAK,CAAA,CAAA;AAAA,CAEZ,CAAC,CAA8BX,sBAAsB,EAAC;AAEzCiB,IAAAA,yBAAyB,GAAGrB,uBAAM,CAACU,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAA/B,uCAAA,CAAE,CAAA,EAAA,CAAA,CAAA,CAAA,EAAA;IAExCgC,yBAAyB,GAAGvB,uBAAM,CAACwB,2BAAoB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlC,uCAAA,CACjE8B,CAAAA,MAAAA,EAAAA,mCAAAA,EAAAA,YAAAA,EAAAA,gDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,yBAAyB,EACEK,aAAO,EAElCL,yBAAyB,EAG5B;AACDZ,sBAAsB,CAACkB,YAAY,GAAG,EAAE;;;;;;;;;;;"}
@@ -1,22 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ConvertTransientProps } from '@remember-web/shared';
3
- export declare const dropdownMenuItemCSS: import("styled-components").RuleSet<object>;
4
- export declare const DropdownMenuItemHoverCSS: import("styled-components").RuleSet<object>;
5
- export declare const DropdownMenuItemDisabledCSS: import("styled-components").RuleSet<object>;
6
- export declare const StyledDropdownMenuSectionTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
7
- export type DropdownMenuItemProps = ConvertTransientProps<StyledDropdownMenuItemProps>;
8
- export type StyledDropdownMenuItemProps = {
9
- $active?: boolean;
10
- $disabled?: boolean;
11
- };
12
- export declare const getDropdownMenuItemCss: ({ $active, $disabled, }: StyledDropdownMenuItemProps) => import("styled-components").RuleSet<object>;
13
- export declare const StyledDropdownMenuItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
14
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
15
- }>, ConvertTransientProps<StyledDropdownMenuItemProps>>, StyledDropdownMenuItemProps>>;
16
- export declare const StyledDropdownMenuSection: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
17
- export declare const StyledDropdownMenuContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
18
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
19
- }, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
20
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
21
- }, never>> & Omit<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
22
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Floating/DropdownMenu/styles.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIlE,eAAO,MAAM,mBAAmB,6CAU/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,6CAKpC,CAAC;AAEF,eAAO,MAAM,2BAA2B,6CAEvC,CAAC;AAEF,eAAO,MAAM,8BAA8B,kNAI1C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC/B,qBAAqB,CAAC,2BAA2B,CAAC,CAAC;AAErD,MAAM,MAAM,2BAA2B,GAAG;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,4BAGhC,2BAA2B,gDAY1B,CAAC;AAEL,eAAO,MAAM,sBAAsB;;sFAOmB,CAAC;AAEvD,eAAO,MAAM,yBAAyB,gNAAe,CAAC;AAEtD,eAAO,MAAM,yBAAyB;;;;kQAOrC,CAAC"}
@@ -1,38 +0,0 @@
1
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
3
- import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
4
- import styled, { css } from 'styled-components';
5
- import { getTypographyStyles, contents000, bg200, contents200, divider } from '@remember-web/mixin';
6
- import { StyledPopoverContent } from '../Popover/styles.esm.js';
7
-
8
- var _excluded = ["active", "disabled"];
9
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
10
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
11
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
12
- var dropdownMenuItemCSS = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n padding: 8px 12px;\n\n ", ";\n color: ", ";\n transition: background-color 0.07s;\n border-radius: unset;\n text-decoration: none;\n"])), getTypographyStyles('Body1'), contents000);
13
- var DropdownMenuItemHoverCSS = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &:hover,\n &:focus-visible {\n background-color: ", ";\n }\n"])), bg200);
14
- var DropdownMenuItemDisabledCSS = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n pointer-events: none;\n"])));
15
- var StyledDropdownMenuSectionTitle = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", ";\n ", ";\n color: ", ";\n"])), dropdownMenuItemCSS, getTypographyStyles('Body2_M'), contents200);
16
- var getDropdownMenuItemCss = function getDropdownMenuItemCss(_ref) {
17
- var $active = _ref.$active,
18
- $disabled = _ref.$disabled;
19
- return css(function () {
20
- return [dropdownMenuItemCSS, !$active && DropdownMenuItemHoverCSS, $disabled && DropdownMenuItemDisabledCSS, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-weight: ", ";\n\n &:focus-visible {\n outline: none;\n }\n "])), $active ? 600 : 400)];
21
- });
22
- };
23
- var StyledDropdownMenuItem = styled.div.attrs(function (_ref2) {
24
- var active = _ref2.active,
25
- disabled = _ref2.disabled,
26
- props = _objectWithoutProperties(_ref2, _excluded);
27
- return _objectSpread({
28
- tabIndex: active ? -1 : undefined,
29
- $active: active,
30
- $disabled: disabled
31
- }, props);
32
- })(getDropdownMenuItemCss);
33
- var StyledDropdownMenuSection = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([""])));
34
- var StyledDropdownMenuContent = styled(StyledPopoverContent)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", " {\n border-bottom: 1px solid ", ";\n }\n ", ":last-child {\n border-bottom: none;\n }\n"])), StyledDropdownMenuSection, divider, StyledDropdownMenuSection);
35
- StyledDropdownMenuItem.defaultProps = {};
36
-
37
- export { DropdownMenuItemDisabledCSS, DropdownMenuItemHoverCSS, StyledDropdownMenuContent, StyledDropdownMenuItem, StyledDropdownMenuSection, StyledDropdownMenuSectionTitle, dropdownMenuItemCSS, getDropdownMenuItemCss };
38
- //# sourceMappingURL=styles.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.esm.js","sources":["../../../../src/Floating/DropdownMenu/styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport {\n bg200,\n contents000,\n contents200,\n divider,\n getTypographyStyles,\n} from '@remember-web/mixin';\nimport type { ConvertTransientProps } from '@remember-web/shared';\n\nimport { StyledPopoverContent } from '../Popover/styles';\n\nexport const dropdownMenuItemCSS = css`\n display: flex;\n align-items: center;\n padding: 8px 12px;\n\n ${getTypographyStyles('Body1')};\n color: ${contents000};\n transition: background-color 0.07s;\n border-radius: unset;\n text-decoration: none;\n`;\n\nexport const DropdownMenuItemHoverCSS = css`\n &:hover,\n &:focus-visible {\n background-color: ${bg200};\n }\n`;\n\nexport const DropdownMenuItemDisabledCSS = css`\n pointer-events: none;\n`;\n\nexport const StyledDropdownMenuSectionTitle = styled.span`\n ${dropdownMenuItemCSS};\n ${getTypographyStyles('Body2_M')};\n color: ${contents200};\n`;\n\nexport type DropdownMenuItemProps =\n ConvertTransientProps<StyledDropdownMenuItemProps>;\n\nexport type StyledDropdownMenuItemProps = {\n $active?: boolean;\n $disabled?: boolean;\n};\n\nexport const getDropdownMenuItemCss = ({\n $active,\n $disabled,\n}: StyledDropdownMenuItemProps) =>\n css(() => [\n dropdownMenuItemCSS,\n !$active && DropdownMenuItemHoverCSS,\n $disabled && DropdownMenuItemDisabledCSS,\n css`\n font-weight: ${$active ? 600 : 400};\n\n &:focus-visible {\n outline: none;\n }\n `,\n ]);\n\nexport const StyledDropdownMenuItem = styled.div.attrs<DropdownMenuItemProps>(\n ({ active, disabled, ...props }) => ({\n tabIndex: active ? -1 : undefined,\n $active: active,\n $disabled: disabled,\n ...props,\n })\n)<StyledDropdownMenuItemProps>(getDropdownMenuItemCss);\n\nexport const StyledDropdownMenuSection = styled.div``;\n\nexport const StyledDropdownMenuContent = styled(StyledPopoverContent)`\n ${StyledDropdownMenuSection} {\n border-bottom: 1px solid ${divider};\n }\n ${StyledDropdownMenuSection}:last-child {\n border-bottom: none;\n }\n`;\nStyledDropdownMenuItem.defaultProps = {};\n"],"names":["dropdownMenuItemCSS","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","contents000","DropdownMenuItemHoverCSS","_templateObject2","bg200","DropdownMenuItemDisabledCSS","_templateObject3","StyledDropdownMenuSectionTitle","styled","span","_templateObject4","contents200","getDropdownMenuItemCss","_ref","$active","$disabled","_templateObject5","StyledDropdownMenuItem","div","attrs","_ref2","active","disabled","props","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","undefined","StyledDropdownMenuSection","_templateObject6","StyledDropdownMenuContent","StyledPopoverContent","_templateObject7","divider","defaultProps"],"mappings":";;;;;;;;;;;IAYaA,mBAAmB,GAAGC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gMAKlCC,mBAAmB,CAAC,OAAO,CAAC,EACrBC,WAAW,EAIrB;AAEYC,IAAAA,wBAAwB,GAAGL,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,CAGnBK,CAAAA,2DAAAA,EAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAAAA,KAAK,EAE5B;AAEM,IAAMC,2BAA2B,GAAGR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,CAE7C,CAAA,6BAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMQ,8BAA8B,GAAGC,MAAM,CAACC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,CAAA,CAAA,MAAA,EAAA,OAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EACrDH,mBAAmB,EACnBI,mBAAmB,CAAC,SAAS,CAAC,EACvBW,WAAW,EACrB;IAUYC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACjCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAAA,EAAA,OAETlB,GAAG,CAAC,YAAA;IAAA,OAAM,CACRD,mBAAmB,EACnB,CAACkB,OAAO,IAAIZ,wBAAwB,EACpCa,SAAS,IAAIV,2BAA2B,EACxCR,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAjB,sBAAA,CACce,CAAAA,uBAAAA,EAAAA,qEAAAA,CAAAA,CAAAA,CAAAA,EAAAA,OAAO,GAAG,GAAG,GAAG,GAAG,CAMrC,CAAA,CAAA;GAAC,CAAA,CAAA;AAAA,EAAA;AAEG,IAAMG,sBAAsB,GAAGT,MAAM,CAACU,GAAG,CAACC,KAAK,CACpD,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AAC3BC,IAAAA,QAAQ,EAAEN,MAAM,GAAG,CAAC,CAAC,GAAGO,SAAS;AACjCd,IAAAA,OAAO,EAAEO,MAAM;AACfN,IAAAA,SAAS,EAAEO,QAAAA;AAAQ,GAAA,EAChBC,KAAK,CAAA,CAAA;AAAA,CAEZ,CAAC,CAA8BX,sBAAsB,EAAC;AAEzCiB,IAAAA,yBAAyB,GAAGrB,MAAM,CAACU,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAA/B,sBAAA,CAAE,CAAA,EAAA,CAAA,CAAA,CAAA,EAAA;IAExCgC,yBAAyB,GAAGvB,MAAM,CAACwB,oBAAoB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlC,sBAAA,CACjE8B,CAAAA,MAAAA,EAAAA,mCAAAA,EAAAA,YAAAA,EAAAA,gDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,yBAAyB,EACEK,OAAO,EAElCL,yBAAyB,EAG5B;AACDZ,sBAAsB,CAACkB,YAAY,GAAG,EAAE;;;;"}
@@ -1,66 +0,0 @@
1
- 'use strict';
2
-
3
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
4
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
- var RadixPopover = require('@radix-ui/react-popover');
6
- var styles = require('./styles.cjs.js');
7
- var jsxRuntime = require('react/jsx-runtime');
8
-
9
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
-
11
- function _interopNamespace(e) {
12
- if (e && e.__esModule) return e;
13
- var n = Object.create(null);
14
- if (e) {
15
- Object.keys(e).forEach(function (k) {
16
- if (k !== 'default') {
17
- var d = Object.getOwnPropertyDescriptor(e, k);
18
- Object.defineProperty(n, k, d.get ? d : {
19
- enumerable: true,
20
- get: function () { return e[k]; }
21
- });
22
- }
23
- });
24
- }
25
- n.default = e;
26
- return Object.freeze(n);
27
- }
28
-
29
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
30
- var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
31
- var RadixPopover__namespace = /*#__PURE__*/_interopNamespace(RadixPopover);
32
-
33
- var _excluded = ["isInsideCloseable"];
34
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
35
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
36
- var _Trigger = RadixPopover__namespace.Trigger,
37
- Anchor = RadixPopover__namespace.Anchor,
38
- Close = RadixPopover__namespace.Close,
39
- PopoverPortal = RadixPopover__namespace.PopoverPortal;
40
- /**
41
- * @see https://www.radix-ui.com/docs/primitives/components/popover
42
- */
43
-
44
- var Popover = Object.assign(RadixPopover__namespace.Root.bind(null), {
45
- Trigger: function Trigger(props) {
46
- return /*#__PURE__*/jsxRuntime.jsx(_Trigger, _objectSpread({
47
- asChild: true
48
- }, props));
49
- },
50
- Anchor: Anchor,
51
- Portal: PopoverPortal,
52
- Close: Close,
53
- Arrow: RadixPopover__namespace.Arrow,
54
- Content: function Content(_ref) {
55
- var _ref$isInsideCloseabl = _ref.isInsideCloseable,
56
- isInsideCloseable = _ref$isInsideCloseabl === void 0 ? false : _ref$isInsideCloseabl,
57
- props = _objectWithoutProperties__default.default(_ref, _excluded);
58
- return isInsideCloseable ? /*#__PURE__*/jsxRuntime.jsx(RadixPopover__namespace.Close, {
59
- asChild: true,
60
- children: /*#__PURE__*/jsxRuntime.jsx(styles.StyledPopoverContent, _objectSpread({}, props))
61
- }) : /*#__PURE__*/jsxRuntime.jsx(styles.StyledPopoverContent, _objectSpread({}, props));
62
- }
63
- });
64
-
65
- module.exports = Popover;
66
- //# sourceMappingURL=index.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../../../../src/Floating/Popover/index.tsx"],"sourcesContent":["import * as RadixPopover from '@radix-ui/react-popover';\n\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nconst { Trigger, Anchor, Close, PopoverPortal } = RadixPopover;\n\nexport type PopoverProps = RadixPopover.PopoverProps;\nexport type PopoverContentProps = RadixPopover.PopoverContentProps & {\n isInsideCloseable?: boolean;\n};\n\n/**\n * @see https://www.radix-ui.com/docs/primitives/components/popover\n */\n\nconst Popover = Object.assign(RadixPopover.Root.bind(null), {\n Trigger(props: RadixPopover.PopoverTriggerProps) {\n return <Trigger asChild {...props} />;\n },\n Anchor,\n Portal: PopoverPortal,\n Close,\n Arrow: RadixPopover.Arrow,\n Content: ({ isInsideCloseable = false, ...props }: PopoverContentProps) =>\n isInsideCloseable ? (\n <RadixPopover.Close asChild>\n <StyledPopoverContent {...props} />\n </RadixPopover.Close>\n ) : (\n <StyledPopoverContent {...props} />\n ),\n});\n\nexport default Popover;\n"],"names":["Trigger","RadixPopover","Anchor","Close","PopoverPortal","Popover","Object","assign","Root","bind","props","_jsx","_Trigger","_objectSpread","asChild","Portal","Arrow","Content","_ref","_ref$isInsideCloseabl","isInsideCloseable","_objectWithoutProperties","_excluded","children","StyledPopoverContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAQA,QAAO,GAAmCC,uBAAY,CAAtDD,OAAO;EAAEE,MAAM,GAA2BD,uBAAY,CAA7CC,MAAM;EAAEC,KAAK,GAAoBF,uBAAY,CAArCE,KAAK;EAAEC,aAAa,GAAKH,uBAAY,CAA9BG,aAAa,CAAA;AAO7C;AACA;AACA;;AAEA,IAAMC,OAAO,GAAGC,MAAM,CAACC,MAAM,CAACN,uBAAY,CAACO,IAAI,CAACC,IAAI,CAAC,IAAI,CAAC,EAAE;EAC1DT,OAAO,EAAA,SAAAA,OAACU,CAAAA,KAAuC,EAAE;AAC/C,IAAA,oBAAOC,cAAA,CAACC,QAAO,EAAAC,aAAA,CAAA;MAACC,OAAO,EAAA,IAAA;KAAKJ,EAAAA,KAAK,CAAG,CAAC,CAAA;GACtC;AACDR,EAAAA,MAAM,EAANA,MAAM;AACNa,EAAAA,MAAM,EAAEX,aAAa;AACrBD,EAAAA,KAAK,EAALA,KAAK;EACLa,KAAK,EAAEf,uBAAY,CAACe,KAAK;EACzBC,OAAO,EAAE,SAAAA,OAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,qBAAA,GAAAD,IAAA,CAAGE,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AAAKT,MAAAA,KAAK,GAAAW,yCAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAAA,IAAA,OAC7CF,iBAAiB,gBACfT,cAAA,CAACV,uBAAY,CAACE,KAAK,EAAA;MAACW,OAAO,EAAA,IAAA;MAAAS,QAAA,eACzBZ,cAAA,CAACa,2BAAoB,EAAAX,aAAA,CAAA,EAAA,EAAKH,KAAK,CAAG,CAAA;KAChB,CAAC,gBAErBC,cAAA,CAACa,2BAAoB,EAAAX,aAAA,CAAA,EAAA,EAAKH,KAAK,CAAG,CACnC,CAAA;AAAA,GAAA;AACL,CAAC;;;;"}
@@ -1,19 +0,0 @@
1
- /// <reference types="react" />
2
- import * as RadixPopover from '@radix-ui/react-popover';
3
- export type PopoverProps = RadixPopover.PopoverProps;
4
- export type PopoverContentProps = RadixPopover.PopoverContentProps & {
5
- isInsideCloseable?: boolean;
6
- };
7
- /**
8
- * @see https://www.radix-ui.com/docs/primitives/components/popover
9
- */
10
- declare const Popover: import("react").FC<RadixPopover.PopoverProps> & {
11
- Trigger(props: RadixPopover.PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
12
- Anchor: import("react").ForwardRefExoticComponent<RadixPopover.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
13
- Portal: import("react").FC<RadixPopover.PopoverPortalProps>;
14
- Close: import("react").ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
15
- Arrow: import("react").ForwardRefExoticComponent<RadixPopover.PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>>;
16
- Content: ({ isInsideCloseable, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
17
- };
18
- export default Popover;
19
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Floating/Popover/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAMxD,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,YAAY,CAAC;AACrD,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,mBAAmB,GAAG;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF;;GAEG;AAEH,QAAA,MAAM,OAAO;mBACI,aAAa,mBAAmB;;;;;+CAOI,mBAAmB;CAQtE,CAAC;AAEH,eAAe,OAAO,CAAC"}
@@ -1,40 +0,0 @@
1
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
2
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
- import * as RadixPopover from '@radix-ui/react-popover';
4
- import { StyledPopoverContent } from './styles.esm.js';
5
- import { jsx } from 'react/jsx-runtime';
6
-
7
- var _excluded = ["isInsideCloseable"];
8
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
- var _Trigger = RadixPopover.Trigger,
11
- Anchor = RadixPopover.Anchor,
12
- Close = RadixPopover.Close,
13
- PopoverPortal = RadixPopover.PopoverPortal;
14
- /**
15
- * @see https://www.radix-ui.com/docs/primitives/components/popover
16
- */
17
-
18
- var Popover = Object.assign(RadixPopover.Root.bind(null), {
19
- Trigger: function Trigger(props) {
20
- return /*#__PURE__*/jsx(_Trigger, _objectSpread({
21
- asChild: true
22
- }, props));
23
- },
24
- Anchor: Anchor,
25
- Portal: PopoverPortal,
26
- Close: Close,
27
- Arrow: RadixPopover.Arrow,
28
- Content: function Content(_ref) {
29
- var _ref$isInsideCloseabl = _ref.isInsideCloseable,
30
- isInsideCloseable = _ref$isInsideCloseabl === void 0 ? false : _ref$isInsideCloseabl,
31
- props = _objectWithoutProperties(_ref, _excluded);
32
- return isInsideCloseable ? /*#__PURE__*/jsx(RadixPopover.Close, {
33
- asChild: true,
34
- children: /*#__PURE__*/jsx(StyledPopoverContent, _objectSpread({}, props))
35
- }) : /*#__PURE__*/jsx(StyledPopoverContent, _objectSpread({}, props));
36
- }
37
- });
38
-
39
- export { Popover as default };
40
- //# sourceMappingURL=index.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.esm.js","sources":["../../../../src/Floating/Popover/index.tsx"],"sourcesContent":["import * as RadixPopover from '@radix-ui/react-popover';\n\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nconst { Trigger, Anchor, Close, PopoverPortal } = RadixPopover;\n\nexport type PopoverProps = RadixPopover.PopoverProps;\nexport type PopoverContentProps = RadixPopover.PopoverContentProps & {\n isInsideCloseable?: boolean;\n};\n\n/**\n * @see https://www.radix-ui.com/docs/primitives/components/popover\n */\n\nconst Popover = Object.assign(RadixPopover.Root.bind(null), {\n Trigger(props: RadixPopover.PopoverTriggerProps) {\n return <Trigger asChild {...props} />;\n },\n Anchor,\n Portal: PopoverPortal,\n Close,\n Arrow: RadixPopover.Arrow,\n Content: ({ isInsideCloseable = false, ...props }: PopoverContentProps) =>\n isInsideCloseable ? (\n <RadixPopover.Close asChild>\n <StyledPopoverContent {...props} />\n </RadixPopover.Close>\n ) : (\n <StyledPopoverContent {...props} />\n ),\n});\n\nexport default Popover;\n"],"names":["Trigger","RadixPopover","Anchor","Close","PopoverPortal","Popover","Object","assign","Root","bind","props","_jsx","_Trigger","_objectSpread","asChild","Portal","Arrow","Content","_ref","_ref$isInsideCloseabl","isInsideCloseable","_objectWithoutProperties","_excluded","children","StyledPopoverContent"],"mappings":";;;;;;;;;AAIA,IAAQA,QAAO,GAAmCC,YAAY,CAAtDD,OAAO;EAAEE,MAAM,GAA2BD,YAAY,CAA7CC,MAAM;EAAEC,KAAK,GAAoBF,YAAY,CAArCE,KAAK;EAAEC,aAAa,GAAKH,YAAY,CAA9BG,aAAa,CAAA;AAO7C;AACA;AACA;;AAEA,IAAMC,OAAO,GAAGC,MAAM,CAACC,MAAM,CAACN,YAAY,CAACO,IAAI,CAACC,IAAI,CAAC,IAAI,CAAC,EAAE;EAC1DT,OAAO,EAAA,SAAAA,OAACU,CAAAA,KAAuC,EAAE;AAC/C,IAAA,oBAAOC,GAAA,CAACC,QAAO,EAAAC,aAAA,CAAA;MAACC,OAAO,EAAA,IAAA;KAAKJ,EAAAA,KAAK,CAAG,CAAC,CAAA;GACtC;AACDR,EAAAA,MAAM,EAANA,MAAM;AACNa,EAAAA,MAAM,EAAEX,aAAa;AACrBD,EAAAA,KAAK,EAALA,KAAK;EACLa,KAAK,EAAEf,YAAY,CAACe,KAAK;EACzBC,OAAO,EAAE,SAAAA,OAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,qBAAA,GAAAD,IAAA,CAAGE,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AAAKT,MAAAA,KAAK,GAAAW,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAAA,IAAA,OAC7CF,iBAAiB,gBACfT,GAAA,CAACV,YAAY,CAACE,KAAK,EAAA;MAACW,OAAO,EAAA,IAAA;MAAAS,QAAA,eACzBZ,GAAA,CAACa,oBAAoB,EAAAX,aAAA,CAAA,EAAA,EAAKH,KAAK,CAAG,CAAA;KAChB,CAAC,gBAErBC,GAAA,CAACa,oBAAoB,EAAAX,aAAA,CAAA,EAAA,EAAKH,KAAK,CAAG,CACnC,CAAA;AAAA,GAAA;AACL,CAAC;;;;"}
@@ -1,27 +0,0 @@
1
- 'use strict';
2
-
3
- var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
4
- var styled = require('styled-components');
5
- var RadixPopover = require('@radix-ui/react-popover');
6
- var mixin = require('@remember-web/mixin');
7
-
8
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
-
10
- var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
11
- var styled__default = /*#__PURE__*/_interopDefault(styled);
12
-
13
- var _templateObject, _templateObject2, _templateObject3;
14
- var showFadeIn = styled.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
15
- var showFadeOut = styled.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n"])));
16
- var StyledPopoverContent = styled__default.default(RadixPopover.PopoverContent)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n contain: paint;\n width: fit-content;\n margin: 0;\n padding: 0;\n border-radius: 4px;\n\n box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);\n color: ", ";\n background-color: ", ";\n white-space: pre-line;\n\n height: 100%;\n will-change: box-shadow;\n\n &:focus {\n outline: none;\n }\n &[data-state='open'] {\n animation: ", " 0.12s cubic-bezier(0.35, 0, 0.25, 1) both;\n }\n &:not([data-state='open']) {\n animation: ", " 0.16s cubic-bezier(0.35, 0, 0.25, 1) both;\n }\n"])), mixin.contents000, mixin.bg100, showFadeIn, showFadeOut);
17
- StyledPopoverContent.defaultProps = {
18
- avoidCollisions: true,
19
- align: 'start',
20
- side: 'bottom',
21
- sideOffset: 4
22
- };
23
-
24
- exports.StyledPopoverContent = StyledPopoverContent;
25
- exports.showFadeIn = showFadeIn;
26
- exports.showFadeOut = showFadeOut;
27
- //# sourceMappingURL=styles.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.cjs.js","sources":["../../../../src/Floating/Popover/styles.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\nimport { PopoverContent } from '@radix-ui/react-popover';\nimport { bg100, contents000 } from '@remember-web/mixin';\n\nexport const showFadeIn = keyframes`\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n`;\nexport const showFadeOut = keyframes`\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n`;\n\nexport const StyledPopoverContent = styled(PopoverContent)`\n contain: paint;\n width: fit-content;\n margin: 0;\n padding: 0;\n border-radius: 4px;\n\n box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);\n color: ${contents000};\n background-color: ${bg100};\n white-space: pre-line;\n\n height: 100%;\n will-change: box-shadow;\n\n &:focus {\n outline: none;\n }\n &[data-state='open'] {\n animation: ${showFadeIn} 0.12s cubic-bezier(0.35, 0, 0.25, 1) both;\n }\n &:not([data-state='open']) {\n animation: ${showFadeOut} 0.16s cubic-bezier(0.35, 0, 0.25, 1) both;\n }\n`;\n\nStyledPopoverContent.defaultProps = {\n avoidCollisions: true,\n align: 'start',\n side: 'bottom',\n sideOffset: 4,\n};\n"],"names":["showFadeIn","keyframes","_templateObject","_taggedTemplateLiteral","showFadeOut","_templateObject2","StyledPopoverContent","styled","PopoverContent","_templateObject3","contents000","bg100","defaultProps","avoidCollisions","align","side","sideOffset"],"mappings":";;;;;;;;;;;;;AAIO,IAAMA,UAAU,GAAGC,gBAAS,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAOlC,CAAA,kFAAA,CAAA,CAAA,CAAA,EAAA;AACM,IAAMC,WAAW,GAAGH,gBAAS,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,uCAAA,CAOnC,CAAA,kFAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMG,oBAAoB,GAAGC,uBAAM,CAACC,2BAAc,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,uCAAA,2fAQ/CO,iBAAW,EACAC,WAAK,EAUVX,UAAU,EAGVI,WAAW,EAE3B;AAEDE,oBAAoB,CAACM,YAAY,GAAG;AAClCC,EAAAA,eAAe,EAAE,IAAI;AACrBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,UAAU,EAAE,CAAA;AACd,CAAC;;;;;;"}
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const showFadeIn: import("styled-components/dist/models/Keyframes").default;
3
- export declare const showFadeOut: import("styled-components/dist/models/Keyframes").default;
4
- export declare const StyledPopoverContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
5
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
6
- }, never>> & Omit<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
7
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Floating/Popover/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,UAAU,2DAOtB,CAAC;AACF,eAAO,MAAM,WAAW,2DAOvB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;kNAwBhC,CAAC"}
@@ -1,18 +0,0 @@
1
- import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
2
- import styled, { keyframes } from 'styled-components';
3
- import { PopoverContent } from '@radix-ui/react-popover';
4
- import { contents000, bg100 } from '@remember-web/mixin';
5
-
6
- var _templateObject, _templateObject2, _templateObject3;
7
- var showFadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
8
- var showFadeOut = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n"])));
9
- var StyledPopoverContent = styled(PopoverContent)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n contain: paint;\n width: fit-content;\n margin: 0;\n padding: 0;\n border-radius: 4px;\n\n box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);\n color: ", ";\n background-color: ", ";\n white-space: pre-line;\n\n height: 100%;\n will-change: box-shadow;\n\n &:focus {\n outline: none;\n }\n &[data-state='open'] {\n animation: ", " 0.12s cubic-bezier(0.35, 0, 0.25, 1) both;\n }\n &:not([data-state='open']) {\n animation: ", " 0.16s cubic-bezier(0.35, 0, 0.25, 1) both;\n }\n"])), contents000, bg100, showFadeIn, showFadeOut);
10
- StyledPopoverContent.defaultProps = {
11
- avoidCollisions: true,
12
- align: 'start',
13
- side: 'bottom',
14
- sideOffset: 4
15
- };
16
-
17
- export { StyledPopoverContent, showFadeIn, showFadeOut };
18
- //# sourceMappingURL=styles.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.esm.js","sources":["../../../../src/Floating/Popover/styles.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\nimport { PopoverContent } from '@radix-ui/react-popover';\nimport { bg100, contents000 } from '@remember-web/mixin';\n\nexport const showFadeIn = keyframes`\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n`;\nexport const showFadeOut = keyframes`\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n`;\n\nexport const StyledPopoverContent = styled(PopoverContent)`\n contain: paint;\n width: fit-content;\n margin: 0;\n padding: 0;\n border-radius: 4px;\n\n box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);\n color: ${contents000};\n background-color: ${bg100};\n white-space: pre-line;\n\n height: 100%;\n will-change: box-shadow;\n\n &:focus {\n outline: none;\n }\n &[data-state='open'] {\n animation: ${showFadeIn} 0.12s cubic-bezier(0.35, 0, 0.25, 1) both;\n }\n &:not([data-state='open']) {\n animation: ${showFadeOut} 0.16s cubic-bezier(0.35, 0, 0.25, 1) both;\n }\n`;\n\nStyledPopoverContent.defaultProps = {\n avoidCollisions: true,\n align: 'start',\n side: 'bottom',\n sideOffset: 4,\n};\n"],"names":["showFadeIn","keyframes","_templateObject","_taggedTemplateLiteral","showFadeOut","_templateObject2","StyledPopoverContent","styled","PopoverContent","_templateObject3","contents000","bg100","defaultProps","avoidCollisions","align","side","sideOffset"],"mappings":";;;;;;AAIO,IAAMA,UAAU,GAAGC,SAAS,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAOlC,CAAA,kFAAA,CAAA,CAAA,CAAA,EAAA;AACM,IAAMC,WAAW,GAAGH,SAAS,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,CAOnC,CAAA,kFAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMG,oBAAoB,GAAGC,MAAM,CAACC,cAAc,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,2fAQ/CO,WAAW,EACAC,KAAK,EAUVX,UAAU,EAGVI,WAAW,EAE3B;AAEDE,oBAAoB,CAACM,YAAY,GAAG;AAClCC,EAAAA,eAAe,EAAE,IAAI;AACrBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,UAAU,EAAE,CAAA;AACd,CAAC;;;;"}
@@ -1,136 +0,0 @@
1
- "use client";
2
- 'use strict';
3
-
4
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
5
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
- var RadixTooltip = require('@radix-ui/react-tooltip');
7
- var react = require('react');
8
- var shared = require('@remember-web/shared');
9
- var icon = require('@remember-web/icon');
10
- var mixin = require('@remember-web/mixin');
11
- var styles = require('./styles.cjs.js');
12
- var types = require('./types.cjs.js');
13
- var jsxRuntime = require('react/jsx-runtime');
14
-
15
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
16
-
17
- function _interopNamespace(e) {
18
- if (e && e.__esModule) return e;
19
- var n = Object.create(null);
20
- if (e) {
21
- Object.keys(e).forEach(function (k) {
22
- if (k !== 'default') {
23
- var d = Object.getOwnPropertyDescriptor(e, k);
24
- Object.defineProperty(n, k, d.get ? d : {
25
- enumerable: true,
26
- get: function () { return e[k]; }
27
- });
28
- }
29
- });
30
- }
31
- n.default = e;
32
- return Object.freeze(n);
33
- }
34
-
35
- var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
36
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
37
- var RadixTooltip__namespace = /*#__PURE__*/_interopNamespace(RadixTooltip);
38
-
39
- var _excluded = ["children", "content", "contentOptions", "defaultOpen", "side", "gap", "onOpenChange", "onClickOutside"];
40
- var hoverable = shared.isSSR() ? true : window.matchMedia('(any-hover: hover)').matches;
41
- function Tooltip(_ref) {
42
- var children = _ref.children,
43
- content = _ref.content,
44
- contentOptions = _ref.contentOptions,
45
- defaultOpen = _ref.defaultOpen,
46
- _ref$side = _ref.side,
47
- side = _ref$side === void 0 ? 'top' : _ref$side,
48
- _ref$gap = _ref.gap,
49
- gap = _ref$gap === void 0 ? 4 : _ref$gap,
50
- onOpenChange = _ref.onOpenChange,
51
- onClickOutside = _ref.onClickOutside,
52
- props = _objectWithoutProperties__default.default(_ref, _excluded);
53
- var _useState = react.useState(defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : false),
54
- _useState2 = _slicedToArray__default.default(_useState, 2),
55
- _open = _useState2[0],
56
- _setOpen = _useState2[1];
57
- var _props$type = props.type,
58
- type = _props$type === void 0 ? 'hover' : _props$type,
59
- _props$size = props.size,
60
- size = _props$size === void 0 ? 'small' : _props$size;
61
- var _ref2 = contentOptions !== null && contentOptions !== void 0 ? contentOptions : {},
62
- _ref2$backgroundColor = _ref2.backgroundColor,
63
- backgroundColor = _ref2$backgroundColor === void 0 ? mixin.contents000 : _ref2$backgroundColor,
64
- _ref2$contentColor = _ref2.contentColor,
65
- contentColor = _ref2$contentColor === void 0 ? mixin.contents999 : _ref2$contentColor,
66
- _ref2$maxWidth = _ref2.maxWidth,
67
- maxWidth = _ref2$maxWidth === void 0 ? 'initial' : _ref2$maxWidth,
68
- _ref2$textAlign = _ref2.textAlign,
69
- textAlign = _ref2$textAlign === void 0 ? 'center' : _ref2$textAlign,
70
- _onClick = _ref2.onClick,
71
- _ref2$zIndex = _ref2.zIndex,
72
- zIndex = _ref2$zIndex === void 0 ? 0 : _ref2$zIndex;
73
- /**
74
- * @description hover가 가능할 때 (마우스 포인터, 디지타이저 사용) type이 hover일 때만 hoverType으로 결정
75
- *
76
- * hover가 불가능할 때 (핑거 터치 사용) type이 hover라면 click타입으로 간주 */
77
- var isHoverType = hoverable && type === 'hover';
78
- var isClickType = !hoverable || type === 'click';
79
- var isCloseButtonType = type === 'closeButton';
80
- /** @description 클릭을 통해서 트리깅 하는 액션인지 확인 */
81
- var isClickTrigger = isClickType || isCloseButtonType;
82
- var isOpen = types.isStaticTypeProps(props) ? props.open : isHoverType ? undefined : _open;
83
- return /*#__PURE__*/jsxRuntime.jsx(RadixTooltip__namespace.Provider, {
84
- children: /*#__PURE__*/jsxRuntime.jsxs(RadixTooltip__namespace.Root, {
85
- open: isOpen,
86
- defaultOpen: defaultOpen,
87
- delayDuration: 100,
88
- onOpenChange: onOpenChange,
89
- children: [/*#__PURE__*/jsxRuntime.jsx(RadixTooltip__namespace.Trigger, {
90
- asChild: true,
91
- onClick: isClickTrigger ? function () {
92
- return _setOpen(isClickType ? function (prev) {
93
- return !prev;
94
- } : true);
95
- } : undefined,
96
- children: /*#__PURE__*/jsxRuntime.jsx(styles.TooltipTriggerWrapper, {
97
- children: children
98
- })
99
- }), /*#__PURE__*/jsxRuntime.jsx(RadixTooltip__namespace.Portal, {
100
- children: /*#__PURE__*/jsxRuntime.jsxs(styles.TooltipContent, {
101
- $size: size,
102
- $maxWidth: maxWidth,
103
- $backgroundColor: backgroundColor,
104
- $contentColor: contentColor,
105
- $textAlign: textAlign,
106
- $zIndex: zIndex,
107
- sideOffset: gap,
108
- side: side,
109
- onPointerDownOutside: function onPointerDownOutside(e) {
110
- if (isClickType) {
111
- _setOpen(false);
112
- }
113
- onClickOutside === null || onClickOutside === void 0 || onClickOutside(e);
114
- },
115
- collisionPadding: 20,
116
- onClick: function onClick(e) {
117
- _onClick === null || _onClick === void 0 || _onClick(e);
118
- },
119
- children: [content, type === 'closeButton' && /*#__PURE__*/jsxRuntime.jsx(styles.CloseButton, {
120
- onClick: function onClick() {
121
- return _setOpen(false);
122
- },
123
- children: /*#__PURE__*/jsxRuntime.jsx(icon.IconCloseS, {})
124
- }), types.isLargeSizeProps(props) && props.hasArrow && /*#__PURE__*/jsxRuntime.jsx(RadixTooltip__namespace.Arrow, {
125
- width: 14,
126
- height: 8,
127
- color: backgroundColor
128
- })]
129
- })
130
- })]
131
- })
132
- });
133
- }
134
-
135
- module.exports = Tooltip;
136
- //# sourceMappingURL=index.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../../../../src/Floating/Tooltip/index.tsx"],"sourcesContent":["'use client';\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { useState, type PropsWithChildren } from 'react';\nimport { isSSR } from '@remember-web/shared';\nimport { IconCloseS } from '@remember-web/icon';\nimport { contents000, contents999 } from '@remember-web/mixin';\n\nimport { CloseButton, TooltipContent, TooltipTriggerWrapper } from './styles';\nimport {\n isLargeSizeProps,\n isStaticTypeProps,\n type TooltipProps,\n type TooltipSize,\n type TooltipType,\n} from './types';\n\nconst hoverable = isSSR()\n ? true\n : window.matchMedia('(any-hover: hover)').matches;\n\nexport default function Tooltip<\n Type extends TooltipType = 'hover',\n Size extends TooltipSize = 'small',\n>({\n children,\n content,\n contentOptions,\n defaultOpen,\n side = 'top',\n gap = 4,\n onOpenChange,\n onClickOutside,\n ...props\n}: PropsWithChildren<TooltipProps<Type, Size>>) {\n const [_open, _setOpen] = useState(defaultOpen ?? false);\n const { type = 'hover', size = 'small' } = props;\n const {\n backgroundColor = contents000,\n contentColor = contents999,\n maxWidth = 'initial',\n textAlign = 'center',\n onClick,\n zIndex = 0,\n } = contentOptions ?? {};\n /**\n * @description hover가 가능할 때 (마우스 포인터, 디지타이저 사용) type이 hover일 때만 hoverType으로 결정\n *\n * hover가 불가능할 때 (핑거 터치 사용) type이 hover라면 click타입으로 간주 */\n const isHoverType = hoverable && type === 'hover';\n const isClickType = !hoverable || type === 'click';\n const isCloseButtonType = type === 'closeButton';\n /** @description 클릭을 통해서 트리깅 하는 액션인지 확인 */\n const isClickTrigger = isClickType || isCloseButtonType;\n const isOpen = isStaticTypeProps(props)\n ? props.open\n : isHoverType\n ? undefined\n : _open;\n\n return (\n <RadixTooltip.Provider>\n <RadixTooltip.Root\n open={isOpen}\n defaultOpen={defaultOpen}\n delayDuration={100}\n onOpenChange={onOpenChange}\n >\n <RadixTooltip.Trigger\n asChild\n onClick={\n isClickTrigger\n ? () => _setOpen(isClickType ? (prev) => !prev : true)\n : undefined\n }\n >\n <TooltipTriggerWrapper>{children}</TooltipTriggerWrapper>\n </RadixTooltip.Trigger>\n <RadixTooltip.Portal>\n <TooltipContent\n $size={size}\n $maxWidth={maxWidth}\n $backgroundColor={backgroundColor}\n $contentColor={contentColor}\n $textAlign={textAlign}\n $zIndex={zIndex}\n sideOffset={gap}\n side={side}\n onPointerDownOutside={(e) => {\n if (isClickType) {\n _setOpen(false);\n }\n onClickOutside?.(e);\n }}\n collisionPadding={20}\n onClick={(e) => {\n if (isClickType) {\n () => _setOpen(false);\n }\n onClick?.(e);\n }}\n >\n {content}\n {type === 'closeButton' && (\n <CloseButton onClick={() => _setOpen(false)}>\n <IconCloseS />\n </CloseButton>\n )}\n {isLargeSizeProps(props) && props.hasArrow && (\n <RadixTooltip.Arrow\n width={14}\n height={8}\n color={backgroundColor}\n />\n )}\n </TooltipContent>\n </RadixTooltip.Portal>\n </RadixTooltip.Root>\n </RadixTooltip.Provider>\n );\n}\n"],"names":["side","gap","props","_open","_setOpen","type","size","backgroundColor","contentColor","maxWidth","textAlign","zIndex","children","open","defaultOpen","delayDuration","onOpenChange","$size","$maxWidth","$backgroundColor","$contentColor","$textAlign","$zIndex","sideOffset","onPointerDownOutside","onClickOutside","collisionPadding","onClick","width","height","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAiBb;AAIe;AAaiC;;;;;AAL9CA;;AACAC;;;AAGGC;;;AAEIC;AAAOC;AACd;AAAQC;;AAAgBC;;;AAEtBC;;AACAC;;AACAC;;AACAC;;;AAEAC;AAEF;AACF;AACA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AAMA;AACwBC;AAElBC;AACAC;AACAC;AACAC;AAA2BJ;;;AAMnB;AAAkC;AAAU;AAAQ;;AAIpCA;;AAAmC;;AAIvDK;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAvB;AACAwB;AACE;;AAEA;AACAC;;AAEFC;AACAC;AAIEA;;;;;;AAK4Cf;AAC5B;AAKdgB;AACAC;AACAC;AAAuB;;AAGZ;;AAED;AAG1B;;"}