@seed-design/react 1.2.14 → 2.0.0

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 (387) hide show
  1. package/lib/components/Accordion/Accordion.cjs +42 -0
  2. package/lib/components/Accordion/Accordion.d.ts +35 -0
  3. package/lib/components/Accordion/Accordion.d.ts.map +1 -0
  4. package/lib/components/Accordion/Accordion.js +32 -0
  5. package/lib/components/Accordion/Accordion.namespace.cjs +22 -0
  6. package/lib/components/Accordion/Accordion.namespace.d.ts +2 -0
  7. package/lib/components/Accordion/Accordion.namespace.d.ts.map +1 -0
  8. package/lib/components/Accordion/Accordion.namespace.js +17 -0
  9. package/lib/components/Accordion/index.cjs +19 -0
  10. package/lib/components/Accordion/index.d.ts +3 -0
  11. package/lib/components/Accordion/index.d.ts.map +1 -0
  12. package/lib/components/Accordion/index.js +3 -0
  13. package/lib/components/ActionButton/ActionButton.cjs +1 -1
  14. package/lib/components/ActionButton/ActionButton.d.ts +1 -1
  15. package/lib/components/ActionButton/ActionButton.d.ts.map +1 -1
  16. package/lib/components/ActionButton/ActionButton.js +1 -1
  17. package/lib/components/ActionSheet/ActionSheet.cjs +12 -12
  18. package/lib/components/ActionSheet/ActionSheet.d.ts +22 -22
  19. package/lib/components/ActionSheet/ActionSheet.js +12 -12
  20. package/lib/components/Article/Article.d.ts +2 -3
  21. package/lib/components/Article/Article.d.ts.map +1 -1
  22. package/lib/components/AspectRatio/AspectRatio.d.ts +2 -2
  23. package/lib/components/AspectRatio/AspectRatio.d.ts.map +1 -1
  24. package/lib/components/AttachmentDisplay/AttachmentDisplay.cjs +63 -0
  25. package/lib/components/AttachmentDisplay/AttachmentDisplay.d.ts +43 -0
  26. package/lib/components/AttachmentDisplay/AttachmentDisplay.d.ts.map +1 -0
  27. package/lib/components/AttachmentDisplay/AttachmentDisplay.js +49 -0
  28. package/lib/components/AttachmentDisplay/AttachmentDisplay.namespace.cjs +37 -0
  29. package/lib/components/AttachmentDisplay/AttachmentDisplay.namespace.d.ts +5 -0
  30. package/lib/components/AttachmentDisplay/AttachmentDisplay.namespace.d.ts.map +1 -0
  31. package/lib/components/AttachmentDisplay/AttachmentDisplay.namespace.js +32 -0
  32. package/lib/components/AttachmentDisplay/AttachmentDisplayItem.cjs +110 -0
  33. package/lib/components/AttachmentDisplay/AttachmentDisplayItem.d.ts +30 -0
  34. package/lib/components/AttachmentDisplay/AttachmentDisplayItem.d.ts.map +1 -0
  35. package/lib/components/AttachmentDisplay/AttachmentDisplayItem.js +100 -0
  36. package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.cjs +50 -0
  37. package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.d.ts +18 -0
  38. package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.d.ts.map +1 -0
  39. package/lib/components/AttachmentDisplay/AttachmentDisplayTrigger.js +45 -0
  40. package/lib/components/AttachmentDisplay/index.cjs +34 -0
  41. package/lib/components/AttachmentDisplay/index.d.ts +6 -0
  42. package/lib/components/AttachmentDisplay/index.d.ts.map +1 -0
  43. package/lib/components/AttachmentDisplay/index.js +5 -0
  44. package/lib/components/AttachmentInput/AttachmentInput.cjs +37 -0
  45. package/lib/components/AttachmentInput/AttachmentInput.d.ts +23 -0
  46. package/lib/components/AttachmentInput/AttachmentInput.d.ts.map +1 -0
  47. package/lib/components/AttachmentInput/AttachmentInput.js +30 -0
  48. package/lib/components/AttachmentInput/AttachmentInput.namespace.cjs +35 -0
  49. package/lib/components/AttachmentInput/AttachmentInput.namespace.d.ts +6 -0
  50. package/lib/components/AttachmentInput/AttachmentInput.namespace.d.ts.map +1 -0
  51. package/lib/components/AttachmentInput/AttachmentInput.namespace.js +30 -0
  52. package/lib/components/AttachmentInput/AttachmentInput.test.d.ts +2 -0
  53. package/lib/components/AttachmentInput/AttachmentInput.test.d.ts.map +1 -0
  54. package/lib/components/AttachmentInput/AttachmentInputDropzone.cjs +12 -0
  55. package/lib/components/AttachmentInput/AttachmentInputDropzone.d.ts +9 -0
  56. package/lib/components/AttachmentInput/AttachmentInputDropzone.d.ts.map +1 -0
  57. package/lib/components/AttachmentInput/AttachmentInputDropzone.js +10 -0
  58. package/lib/components/AttachmentInput/AttachmentInputItem.cjs +138 -0
  59. package/lib/components/AttachmentInput/AttachmentInputItem.d.ts +36 -0
  60. package/lib/components/AttachmentInput/AttachmentInputItem.d.ts.map +1 -0
  61. package/lib/components/AttachmentInput/AttachmentInputItem.js +126 -0
  62. package/lib/components/AttachmentInput/AttachmentInputTrigger.cjs +54 -0
  63. package/lib/components/AttachmentInput/AttachmentInputTrigger.d.ts +21 -0
  64. package/lib/components/AttachmentInput/AttachmentInputTrigger.d.ts.map +1 -0
  65. package/lib/components/AttachmentInput/AttachmentInputTrigger.js +49 -0
  66. package/lib/components/AttachmentInput/index.cjs +32 -0
  67. package/lib/components/AttachmentInput/index.d.ts +7 -0
  68. package/lib/components/AttachmentInput/index.d.ts.map +1 -0
  69. package/lib/components/AttachmentInput/index.js +6 -0
  70. package/lib/components/BottomSheet/BottomSheet.cjs +36 -9
  71. package/lib/components/BottomSheet/BottomSheet.d.ts +3 -4
  72. package/lib/components/BottomSheet/BottomSheet.d.ts.map +1 -1
  73. package/lib/components/BottomSheet/BottomSheet.js +35 -9
  74. package/lib/components/Box/Box.cjs +10 -3
  75. package/lib/components/Box/Box.d.ts +4 -2
  76. package/lib/components/Box/Box.d.ts.map +1 -1
  77. package/lib/components/Box/Box.js +10 -3
  78. package/lib/components/Checkbox/Checkbox.cjs +2 -6
  79. package/lib/components/Checkbox/Checkbox.d.ts +1 -7
  80. package/lib/components/Checkbox/Checkbox.d.ts.map +1 -1
  81. package/lib/components/Checkbox/Checkbox.js +2 -6
  82. package/lib/components/Chip/Chip.cjs +1 -1
  83. package/lib/components/Chip/Chip.js +1 -1
  84. package/lib/components/ChipTabs/ChipTabs.cjs +0 -1
  85. package/lib/components/ChipTabs/ChipTabs.d.ts.map +1 -1
  86. package/lib/components/ChipTabs/ChipTabs.js +0 -1
  87. package/lib/components/Columns/Columns.d.ts +4 -4
  88. package/lib/components/Columns/Columns.d.ts.map +1 -1
  89. package/lib/components/ExtendedActionSheet/ExtendedActionSheet.cjs +13 -13
  90. package/lib/components/ExtendedActionSheet/ExtendedActionSheet.d.ts +24 -24
  91. package/lib/components/ExtendedActionSheet/ExtendedActionSheet.js +13 -13
  92. package/lib/components/FieldButton/FieldButton.cjs +22 -3
  93. package/lib/components/FieldButton/FieldButton.d.ts +3 -2
  94. package/lib/components/FieldButton/FieldButton.d.ts.map +1 -1
  95. package/lib/components/FieldButton/FieldButton.js +23 -3
  96. package/lib/components/Flex/Flex.d.ts +5 -3
  97. package/lib/components/Flex/Flex.d.ts.map +1 -1
  98. package/lib/components/Footer/Footer.namespace.cjs +11 -0
  99. package/lib/components/Footer/Footer.namespace.d.ts +2 -0
  100. package/lib/components/Footer/Footer.namespace.d.ts.map +1 -0
  101. package/lib/components/Footer/Footer.namespace.js +6 -0
  102. package/lib/components/Footer/FooterLinkText.cjs +23 -0
  103. package/lib/components/Footer/FooterLinkText.d.ts +7 -0
  104. package/lib/components/Footer/FooterLinkText.d.ts.map +1 -0
  105. package/lib/components/Footer/FooterLinkText.js +20 -0
  106. package/lib/components/Footer/index.cjs +10 -0
  107. package/lib/components/Footer/index.d.ts +3 -0
  108. package/lib/components/Footer/index.d.ts.map +1 -0
  109. package/lib/components/Footer/index.js +3 -0
  110. package/lib/components/Grid/Grid.cjs +7 -2
  111. package/lib/components/Grid/Grid.d.ts +7 -5
  112. package/lib/components/Grid/Grid.d.ts.map +1 -1
  113. package/lib/components/Grid/Grid.js +7 -2
  114. package/lib/components/GridItem/GridItem.d.ts +3 -2
  115. package/lib/components/GridItem/GridItem.d.ts.map +1 -1
  116. package/lib/components/HelpBubble/HelpBubble.cjs +4 -7
  117. package/lib/components/HelpBubble/HelpBubble.d.ts.map +1 -1
  118. package/lib/components/HelpBubble/HelpBubble.js +4 -7
  119. package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.cjs +64 -0
  120. package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.d.ts +60 -0
  121. package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.d.ts.map +1 -0
  122. package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.js +52 -0
  123. package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.cjs +23 -0
  124. package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.d.ts +2 -0
  125. package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.d.ts.map +1 -0
  126. package/lib/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.js +18 -0
  127. package/lib/components/HelpBubbleTooltip/index.cjs +20 -0
  128. package/lib/components/HelpBubbleTooltip/index.d.ts +3 -0
  129. package/lib/components/HelpBubbleTooltip/index.d.ts.map +1 -0
  130. package/lib/components/HelpBubbleTooltip/index.js +3 -0
  131. package/lib/components/Icon/Icon.d.ts +2 -1
  132. package/lib/components/Icon/Icon.d.ts.map +1 -1
  133. package/lib/components/ImageFrame/ImageFrame.cjs +3 -2
  134. package/lib/components/ImageFrame/ImageFrame.d.ts +3 -8
  135. package/lib/components/ImageFrame/ImageFrame.d.ts.map +1 -1
  136. package/lib/components/ImageFrame/ImageFrame.js +3 -2
  137. package/lib/components/Inline/Inline.d.ts +2 -2
  138. package/lib/components/Inline/Inline.d.ts.map +1 -1
  139. package/lib/components/Layout/Layout.cjs +12 -0
  140. package/lib/components/Layout/Layout.d.ts +10 -0
  141. package/lib/components/Layout/Layout.d.ts.map +1 -0
  142. package/lib/components/Layout/Layout.js +10 -0
  143. package/lib/components/Layout/Layout.namespace.cjs +14 -0
  144. package/lib/components/Layout/Layout.namespace.d.ts +2 -0
  145. package/lib/components/Layout/Layout.namespace.d.ts.map +1 -0
  146. package/lib/components/Layout/Layout.namespace.js +9 -0
  147. package/lib/components/Layout/index.cjs +11 -0
  148. package/lib/components/Layout/index.d.ts +3 -0
  149. package/lib/components/Layout/index.d.ts.map +1 -0
  150. package/lib/components/Layout/index.js +3 -0
  151. package/lib/components/List/List.cjs +1 -1
  152. package/lib/components/List/List.d.ts +1 -1
  153. package/lib/components/List/List.d.ts.map +1 -1
  154. package/lib/components/List/List.js +1 -1
  155. package/lib/components/Menu/Menu.cjs +76 -0
  156. package/lib/components/Menu/Menu.d.ts +42 -0
  157. package/lib/components/Menu/Menu.d.ts.map +1 -0
  158. package/lib/components/Menu/Menu.js +62 -0
  159. package/lib/components/Menu/Menu.namespace.cjs +24 -0
  160. package/lib/components/Menu/Menu.namespace.d.ts +2 -0
  161. package/lib/components/Menu/Menu.namespace.d.ts.map +1 -0
  162. package/lib/components/Menu/Menu.namespace.js +19 -0
  163. package/lib/components/Menu/index.cjs +21 -0
  164. package/lib/components/Menu/index.d.ts +3 -0
  165. package/lib/components/Menu/index.d.ts.map +1 -0
  166. package/lib/components/Menu/index.js +3 -0
  167. package/lib/components/MenuSheet/MenuSheet.cjs +48 -0
  168. package/lib/components/MenuSheet/MenuSheet.d.ts +96 -0
  169. package/lib/components/MenuSheet/MenuSheet.d.ts.map +1 -1
  170. package/lib/components/MenuSheet/MenuSheet.js +48 -0
  171. package/lib/components/NavigationMenu/NavigationMenu.cjs +76 -0
  172. package/lib/components/NavigationMenu/NavigationMenu.d.ts +42 -0
  173. package/lib/components/NavigationMenu/NavigationMenu.d.ts.map +1 -0
  174. package/lib/components/NavigationMenu/NavigationMenu.js +62 -0
  175. package/lib/components/NavigationMenu/NavigationMenu.namespace.cjs +24 -0
  176. package/lib/components/NavigationMenu/NavigationMenu.namespace.d.ts +2 -0
  177. package/lib/components/NavigationMenu/NavigationMenu.namespace.d.ts.map +1 -0
  178. package/lib/components/NavigationMenu/NavigationMenu.namespace.js +19 -0
  179. package/lib/components/NavigationMenu/index.cjs +21 -0
  180. package/lib/components/NavigationMenu/index.d.ts +3 -0
  181. package/lib/components/NavigationMenu/index.d.ts.map +1 -0
  182. package/lib/components/NavigationMenu/index.js +3 -0
  183. package/lib/components/RadioGroup/RadioGroup.cjs +1 -1
  184. package/lib/components/RadioGroup/RadioGroup.js +1 -1
  185. package/lib/components/ResponsivePair/ResponsivePair.cjs +8 -5
  186. package/lib/components/ResponsivePair/ResponsivePair.d.ts +3 -2
  187. package/lib/components/ResponsivePair/ResponsivePair.d.ts.map +1 -1
  188. package/lib/components/ResponsivePair/ResponsivePair.js +8 -5
  189. package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.cjs +184 -0
  190. package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.d.ts +65 -0
  191. package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.d.ts.map +1 -0
  192. package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.js +170 -0
  193. package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.cjs +24 -0
  194. package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.d.ts +2 -0
  195. package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.d.ts.map +1 -0
  196. package/lib/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.js +19 -0
  197. package/lib/components/ResponsiveSidePanel/index.cjs +22 -0
  198. package/lib/components/ResponsiveSidePanel/index.d.ts +3 -0
  199. package/lib/components/ResponsiveSidePanel/index.d.ts.map +1 -0
  200. package/lib/components/ResponsiveSidePanel/index.js +3 -0
  201. package/lib/components/SelectBox/CheckSelectBox.cjs +2 -2
  202. package/lib/components/SelectBox/CheckSelectBox.d.ts +1 -1
  203. package/lib/components/SelectBox/CheckSelectBox.d.ts.map +1 -1
  204. package/lib/components/SelectBox/CheckSelectBox.js +1 -1
  205. package/lib/components/SideNavigation/SideNavigation.cjs +175 -0
  206. package/lib/components/SideNavigation/SideNavigation.d.ts +59 -0
  207. package/lib/components/SideNavigation/SideNavigation.d.ts.map +1 -0
  208. package/lib/components/SideNavigation/SideNavigation.js +157 -0
  209. package/lib/components/SideNavigation/SideNavigation.namespace.cjs +28 -0
  210. package/lib/components/SideNavigation/SideNavigation.namespace.d.ts +3 -0
  211. package/lib/components/SideNavigation/SideNavigation.namespace.d.ts.map +1 -0
  212. package/lib/components/SideNavigation/SideNavigation.namespace.js +23 -0
  213. package/lib/components/SideNavigation/index.cjs +25 -0
  214. package/lib/components/SideNavigation/index.d.ts +4 -0
  215. package/lib/components/SideNavigation/index.d.ts.map +1 -0
  216. package/lib/components/SideNavigation/index.js +3 -0
  217. package/lib/components/SidePanel/SidePanel.cjs +100 -0
  218. package/lib/components/SidePanel/SidePanel.d.ts +41 -0
  219. package/lib/components/SidePanel/SidePanel.d.ts.map +1 -0
  220. package/lib/components/SidePanel/SidePanel.js +87 -0
  221. package/lib/components/SidePanel/SidePanel.namespace.cjs +23 -0
  222. package/lib/components/SidePanel/SidePanel.namespace.d.ts +2 -0
  223. package/lib/components/SidePanel/SidePanel.namespace.d.ts.map +1 -0
  224. package/lib/components/SidePanel/SidePanel.namespace.js +18 -0
  225. package/lib/components/SidePanel/index.cjs +20 -0
  226. package/lib/components/SidePanel/index.d.ts +3 -0
  227. package/lib/components/SidePanel/index.d.ts.map +1 -0
  228. package/lib/components/SidePanel/index.js +3 -0
  229. package/lib/components/Slider/Slider.cjs +2 -2
  230. package/lib/components/Slider/Slider.js +2 -2
  231. package/lib/components/Snackbar/Snackbar.cjs +2 -2
  232. package/lib/components/Snackbar/Snackbar.d.ts +1 -1
  233. package/lib/components/Snackbar/Snackbar.d.ts.map +1 -1
  234. package/lib/components/Snackbar/Snackbar.js +2 -2
  235. package/lib/components/Stack/Stack.d.ts +4 -6
  236. package/lib/components/Stack/Stack.d.ts.map +1 -1
  237. package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.cjs +123 -0
  238. package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.d.ts +60 -0
  239. package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.d.ts.map +1 -0
  240. package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.js +104 -0
  241. package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.cjs +29 -0
  242. package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.d.ts +2 -0
  243. package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.d.ts.map +1 -0
  244. package/lib/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.js +24 -0
  245. package/lib/components/SwipeableMenuSheet/index.cjs +26 -0
  246. package/lib/components/SwipeableMenuSheet/index.d.ts +3 -0
  247. package/lib/components/SwipeableMenuSheet/index.d.ts.map +1 -0
  248. package/lib/components/SwipeableMenuSheet/index.js +3 -0
  249. package/lib/components/Switch/Switch.cjs +1 -5
  250. package/lib/components/Switch/Switch.d.ts +1 -7
  251. package/lib/components/Switch/Switch.d.ts.map +1 -1
  252. package/lib/components/Switch/Switch.js +1 -5
  253. package/lib/components/TagGroup/TagGroup.cjs +1 -1
  254. package/lib/components/TagGroup/TagGroup.js +1 -1
  255. package/lib/components/TextField/TextField.cjs +1 -1
  256. package/lib/components/TextField/TextField.js +1 -1
  257. package/lib/components/index.cjs +249 -0
  258. package/lib/components/index.d.ts +12 -0
  259. package/lib/components/index.d.ts.map +1 -1
  260. package/lib/components/index.js +30 -1
  261. package/lib/components/private/useDismissible.d.ts +6 -6
  262. package/lib/hooks/useBreakpoint.cjs +15 -0
  263. package/lib/hooks/useBreakpoint.d.ts +12 -0
  264. package/lib/hooks/useBreakpoint.d.ts.map +1 -0
  265. package/lib/hooks/useBreakpoint.js +13 -0
  266. package/lib/hooks/useBreakpoint.test.d.ts +2 -0
  267. package/lib/hooks/useBreakpoint.test.d.ts.map +1 -0
  268. package/lib/hooks/useBreakpointValue.cjs +23 -0
  269. package/lib/hooks/useBreakpointValue.d.ts +8 -0
  270. package/lib/hooks/useBreakpointValue.d.ts.map +1 -0
  271. package/lib/hooks/useBreakpointValue.js +22 -0
  272. package/lib/hooks/useBreakpointValue.test.d.ts +2 -0
  273. package/lib/hooks/useBreakpointValue.test.d.ts.map +1 -0
  274. package/lib/index.cjs +255 -0
  275. package/lib/index.d.ts +6 -0
  276. package/lib/index.d.ts.map +1 -1
  277. package/lib/index.js +33 -1
  278. package/lib/primitive.cjs +45 -0
  279. package/lib/primitive.d.ts +5 -0
  280. package/lib/primitive.d.ts.map +1 -1
  281. package/lib/primitive.js +5 -0
  282. package/lib/primitives/breakpoint-store.cjs +52 -0
  283. package/lib/primitives/breakpoint-store.d.ts +7 -0
  284. package/lib/primitives/breakpoint-store.d.ts.map +1 -0
  285. package/lib/primitives/breakpoint-store.js +50 -0
  286. package/lib/providers/BreakpointProvider.cjs +20 -0
  287. package/lib/providers/BreakpointProvider.d.ts +8 -0
  288. package/lib/providers/BreakpointProvider.d.ts.map +1 -0
  289. package/lib/providers/BreakpointProvider.js +19 -0
  290. package/lib/types/responsive.cjs +7 -0
  291. package/lib/types/responsive.d.ts +12 -0
  292. package/lib/types/responsive.d.ts.map +1 -0
  293. package/lib/types/responsive.js +7 -0
  294. package/lib/utils/createRenderTrackingContext.cjs +45 -0
  295. package/lib/utils/createRenderTrackingContext.d.ts +28 -0
  296. package/lib/utils/createRenderTrackingContext.d.ts.map +1 -0
  297. package/lib/utils/createRenderTrackingContext.js +44 -0
  298. package/lib/utils/getHelpBubbleArrowTipPath.cjs +14 -0
  299. package/lib/utils/getHelpBubbleArrowTipPath.d.ts +7 -0
  300. package/lib/utils/getHelpBubbleArrowTipPath.d.ts.map +1 -0
  301. package/lib/utils/getHelpBubbleArrowTipPath.js +14 -0
  302. package/lib/utils/styled.cjs +49 -75
  303. package/lib/utils/styled.d.ts +180 -62
  304. package/lib/utils/styled.d.ts.map +1 -1
  305. package/lib/utils/styled.js +49 -76
  306. package/package.json +33 -26
  307. package/src/components/Accordion/Accordion.namespace.ts +22 -0
  308. package/src/components/Accordion/Accordion.tsx +119 -0
  309. package/src/components/Accordion/index.ts +24 -0
  310. package/src/components/ActionButton/ActionButton.tsx +1 -1
  311. package/src/components/ActionSheet/ActionSheet.tsx +22 -22
  312. package/src/components/Article/Article.tsx +1 -1
  313. package/src/components/AspectRatio/AspectRatio.tsx +2 -2
  314. package/src/components/AttachmentDisplay/AttachmentDisplay.namespace.ts +57 -0
  315. package/src/components/AttachmentDisplay/AttachmentDisplay.tsx +165 -0
  316. package/src/components/AttachmentDisplay/AttachmentDisplayItem.tsx +204 -0
  317. package/src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx +82 -0
  318. package/src/components/AttachmentDisplay/index.ts +59 -0
  319. package/src/components/AttachmentInput/AttachmentInput.namespace.ts +54 -0
  320. package/src/components/AttachmentInput/AttachmentInput.test.tsx +161 -0
  321. package/src/components/AttachmentInput/AttachmentInput.tsx +77 -0
  322. package/src/components/AttachmentInput/AttachmentInputDropzone.tsx +25 -0
  323. package/src/components/AttachmentInput/AttachmentInputItem.tsx +246 -0
  324. package/src/components/AttachmentInput/AttachmentInputTrigger.tsx +85 -0
  325. package/src/components/AttachmentInput/index.ts +56 -0
  326. package/src/components/BottomSheet/BottomSheet.tsx +54 -18
  327. package/src/components/Box/Box.tsx +30 -7
  328. package/src/components/Checkbox/Checkbox.tsx +3 -31
  329. package/src/components/ChipTabs/ChipTabs.tsx +0 -6
  330. package/src/components/Columns/Columns.tsx +4 -3
  331. package/src/components/ExtendedActionSheet/ExtendedActionSheet.tsx +24 -24
  332. package/src/components/FieldButton/FieldButton.tsx +36 -8
  333. package/src/components/Flex/Flex.tsx +5 -3
  334. package/src/components/Footer/Footer.namespace.ts +4 -0
  335. package/src/components/Footer/FooterLinkText.tsx +23 -0
  336. package/src/components/Footer/index.ts +3 -0
  337. package/src/components/Grid/Grid.tsx +15 -8
  338. package/src/components/GridItem/GridItem.tsx +3 -2
  339. package/src/components/HelpBubble/HelpBubble.tsx +2 -5
  340. package/src/components/HelpBubbleTooltip/HelpBubbleTooltip.namespace.ts +24 -0
  341. package/src/components/HelpBubbleTooltip/HelpBubbleTooltip.tsx +169 -0
  342. package/src/components/HelpBubbleTooltip/index.ts +26 -0
  343. package/src/components/Icon/Icon.tsx +2 -1
  344. package/src/components/ImageFrame/ImageFrame.test.tsx +1 -3
  345. package/src/components/ImageFrame/ImageFrame.tsx +25 -23
  346. package/src/components/Inline/Inline.tsx +2 -1
  347. package/src/components/Layout/Layout.namespace.ts +6 -0
  348. package/src/components/Layout/Layout.tsx +21 -0
  349. package/src/components/Layout/index.ts +8 -0
  350. package/src/components/List/List.tsx +5 -1
  351. package/src/components/Menu/Menu.namespace.ts +26 -0
  352. package/src/components/Menu/Menu.tsx +157 -0
  353. package/src/components/Menu/index.ts +28 -0
  354. package/src/components/MenuSheet/MenuSheet.tsx +96 -0
  355. package/src/components/NavigationMenu/NavigationMenu.namespace.ts +26 -0
  356. package/src/components/NavigationMenu/NavigationMenu.tsx +172 -0
  357. package/src/components/NavigationMenu/index.ts +28 -0
  358. package/src/components/ResponsivePair/ResponsivePair.tsx +13 -7
  359. package/src/components/ResponsiveSidePanel/ResponsiveSidePanel.namespace.ts +26 -0
  360. package/src/components/ResponsiveSidePanel/ResponsiveSidePanel.tsx +316 -0
  361. package/src/components/ResponsiveSidePanel/index.ts +29 -0
  362. package/src/components/SelectBox/CheckSelectBox.tsx +1 -1
  363. package/src/components/SideNavigation/SideNavigation.namespace.ts +37 -0
  364. package/src/components/SideNavigation/SideNavigation.tsx +342 -0
  365. package/src/components/SideNavigation/index.ts +39 -0
  366. package/src/components/SidePanel/SidePanel.namespace.ts +24 -0
  367. package/src/components/SidePanel/SidePanel.tsx +216 -0
  368. package/src/components/SidePanel/index.ts +26 -0
  369. package/src/components/Snackbar/Snackbar.tsx +2 -4
  370. package/src/components/Stack/Stack.tsx +4 -3
  371. package/src/components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.ts +36 -0
  372. package/src/components/SwipeableMenuSheet/SwipeableMenuSheet.tsx +269 -0
  373. package/src/components/SwipeableMenuSheet/index.ts +38 -0
  374. package/src/components/Switch/Switch.tsx +3 -26
  375. package/src/components/index.ts +12 -0
  376. package/src/hooks/useBreakpoint.test.tsx +94 -0
  377. package/src/hooks/useBreakpoint.ts +24 -0
  378. package/src/hooks/useBreakpointValue.test.tsx +102 -0
  379. package/src/hooks/useBreakpointValue.ts +33 -0
  380. package/src/index.ts +8 -0
  381. package/src/primitive.ts +5 -0
  382. package/src/primitives/breakpoint-store.ts +69 -0
  383. package/src/providers/BreakpointProvider.tsx +26 -0
  384. package/src/types/responsive.ts +19 -0
  385. package/src/utils/createRenderTrackingContext.tsx +50 -0
  386. package/src/utils/getHelpBubbleArrowTipPath.ts +11 -0
  387. package/src/utils/styled.tsx +387 -268
@@ -0,0 +1,43 @@
1
+ import { AttachmentInputVariantProps } from '@seed-design/css/recipes/attachment-input';
2
+ import { FieldVariantProps } from '@seed-design/css/recipes/field';
3
+ import { FieldLabelVariantProps } from '@seed-design/css/recipes/field-label';
4
+ import { AttachmentDisplay as AttachmentDisplayPrimitive } from '@seed-design/react-attachment-display';
5
+ import { PrimitiveProps } from '@seed-design/react-primitive';
6
+ import * as React from "react";
7
+ export interface AttachmentDisplayRootProps extends FieldVariantProps, AttachmentDisplayPrimitive.RootProps {
8
+ }
9
+ export declare const AttachmentDisplayRoot: React.ForwardRefExoticComponent<AttachmentDisplayRootProps & React.RefAttributes<HTMLDivElement>>;
10
+ export interface AttachmentDisplayHeaderProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
11
+ }
12
+ export declare const AttachmentDisplayHeader: React.ForwardRefExoticComponent<AttachmentDisplayHeaderProps & React.RefAttributes<HTMLDivElement>>;
13
+ export interface AttachmentDisplayLabelProps extends PrimitiveProps, FieldLabelVariantProps, React.HTMLAttributes<HTMLDivElement> {
14
+ }
15
+ export declare const AttachmentDisplayLabel: React.ForwardRefExoticComponent<AttachmentDisplayLabelProps & React.RefAttributes<HTMLDivElement>>;
16
+ export interface AttachmentDisplayIndicatorTextProps extends PrimitiveProps, React.HTMLAttributes<HTMLSpanElement> {
17
+ }
18
+ export declare const AttachmentDisplayIndicatorText: React.ForwardRefExoticComponent<AttachmentDisplayIndicatorTextProps & React.RefAttributes<HTMLSpanElement>>;
19
+ export interface AttachmentDisplayRequiredIndicatorProps extends React.SVGProps<SVGElement> {
20
+ }
21
+ export declare const AttachmentDisplayRequiredIndicator: React.ForwardRefExoticComponent<Omit<AttachmentDisplayRequiredIndicatorProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
22
+ export interface AttachmentDisplayControlProps extends AttachmentInputVariantProps, PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
23
+ }
24
+ export declare const AttachmentDisplayControl: React.ForwardRefExoticComponent<AttachmentDisplayControlProps & React.RefAttributes<HTMLDivElement>>;
25
+ export interface AttachmentDisplayContainerProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
26
+ }
27
+ export declare const AttachmentDisplayContainer: React.ForwardRefExoticComponent<AttachmentDisplayContainerProps & React.RefAttributes<HTMLDivElement>>;
28
+ export interface AttachmentDisplayItemGroupProps extends PrimitiveProps, React.HTMLAttributes<HTMLUListElement> {
29
+ }
30
+ export declare const AttachmentDisplayItemGroup: React.ForwardRefExoticComponent<AttachmentDisplayItemGroupProps & React.RefAttributes<HTMLUListElement>>;
31
+ export interface AttachmentDisplayFooterProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
32
+ }
33
+ export declare const AttachmentDisplayFooter: React.ForwardRefExoticComponent<AttachmentDisplayFooterProps & React.RefAttributes<HTMLDivElement>>;
34
+ export interface AttachmentDisplayDescriptionProps extends AttachmentDisplayPrimitive.DescriptionProps {
35
+ }
36
+ export declare const AttachmentDisplayDescription: React.ForwardRefExoticComponent<AttachmentDisplayDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
37
+ export interface AttachmentDisplayErrorMessageProps extends AttachmentDisplayPrimitive.ErrorMessageProps {
38
+ }
39
+ export declare const AttachmentDisplayErrorMessage: React.ForwardRefExoticComponent<AttachmentDisplayErrorMessageProps & React.RefAttributes<HTMLSpanElement>>;
40
+ export interface AttachmentDisplayContextProps extends AttachmentDisplayPrimitive.ContextProps {
41
+ }
42
+ export declare const AttachmentDisplayContext: (props: AttachmentDisplayPrimitive.ContextProps) => React.ReactNode;
43
+ //# sourceMappingURL=AttachmentDisplay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AttachmentDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentDisplay/AttachmentDisplay.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAS,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EACL,iBAAiB,IAAI,0BAA0B,EAEhD,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,WAAW,0BACf,SAAQ,iBAAiB,EACvB,0BAA0B,CAAC,SAAS;CAAG;AAE3C,eAAO,MAAM,qBAAqB,mGAGjC,CAAC;AAIF,MAAM,WAAW,4BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,uBAAuB,qGAGM,CAAC;AAE3C,MAAM,WAAW,2BACf,SAAQ,cAAc,EACpB,sBAAsB,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,sBAAsB,oGAGK,CAAC;AAEzC,MAAM,WAAW,mCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE5C,eAAO,MAAM,8BAA8B,6GAGO,CAAC;AAEnD,MAAM,WAAW,uCAAwC,SAAQ,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;CAAG;AAE9F,eAAO,MAAM,kCAAkC,4HA0B7C,CAAC;AAKH,MAAM,WAAW,6BACf,SAAQ,2BAA2B,EACjC,cAAc,EACd,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,wBAAwB,sGAGG,CAAC;AAEzC,MAAM,WAAW,+BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,0BAA0B,wGAGM,CAAC;AAE9C,MAAM,WAAW,+BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;CAAG;AAE7C,eAAO,MAAM,0BAA0B,0GAGK,CAAC;AAI7C,MAAM,WAAW,4BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,uBAAuB,qGAGM,CAAC;AAE3C,MAAM,WAAW,iCACf,SAAQ,0BAA0B,CAAC,gBAAgB;CAAG;AAExD,eAAO,MAAM,4BAA4B,2GAGe,CAAC;AAEzD,MAAM,WAAW,kCACf,SAAQ,0BAA0B,CAAC,iBAAiB;CAAG;AAEzD,eAAO,MAAM,6BAA6B,4GAGgB,CAAC;AAI3D,MAAM,WAAW,6BAA8B,SAAQ,0BAA0B,CAAC,YAAY;CAAG;AAEjG,eAAO,MAAM,wBAAwB,qEAAqC,CAAC"}
@@ -0,0 +1,49 @@
1
+ "use client";
2
+ "use client";
3
+ import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
4
+ import { createWithStateProps } from "../../utils/createWithStateProps.js";
5
+ import { InternalIcon } from "../private/Icon.js";
6
+ import { AttachmentDisplay, useAttachmentDisplayContext } from "@seed-design/react-attachment-display";
7
+ import { Primitive } from "@seed-design/react-primitive";
8
+ import clsx$1 from "clsx";
9
+ import * as React$1 from "react";
10
+ import { jsx } from "react/jsx-runtime";
11
+ import { field } from "@seed-design/css/recipes/field";
12
+ import { fieldLabel } from "@seed-design/css/recipes/field-label";
13
+ import { attachmentInput } from "@seed-design/css/recipes/attachment-input";
14
+ //#region src/components/AttachmentDisplay/AttachmentDisplay.tsx
15
+ var { withProvider: withAttachmentInputProvider, withContext: withAttachmentInputContext } = createSlotRecipeContext(attachmentInput);
16
+ var { withProvider: withFieldProvider, withContext: withFieldContext } = createSlotRecipeContext(field);
17
+ var { withProvider: withLabelProvider, withContext: withLabelContext, useClassNames: useLabelClassNames } = createSlotRecipeContext(fieldLabel);
18
+ var withStateProps = createWithStateProps([useAttachmentDisplayContext]);
19
+ var AttachmentDisplayRoot = withFieldProvider(AttachmentDisplay.Root, "root");
20
+ var AttachmentDisplayHeader = withFieldContext(withStateProps(Primitive.div), "header");
21
+ var AttachmentDisplayLabel = withLabelProvider(withStateProps(Primitive.div), "root");
22
+ var AttachmentDisplayIndicatorText = withLabelContext(withStateProps(Primitive.span), "indicatorText");
23
+ var AttachmentDisplayRequiredIndicator = React$1.forwardRef(({ className, ...props }, ref) => {
24
+ const { indicatorIcon } = useLabelClassNames();
25
+ return /* @__PURE__ */ jsx(InternalIcon, {
26
+ svg: /* @__PURE__ */ jsx("svg", {
27
+ viewBox: "0 0 6 6",
28
+ fill: "none",
29
+ xmlns: "http://www.w3.org/2000/svg",
30
+ className: clsx$1(indicatorIcon, className),
31
+ children: /* @__PURE__ */ jsx("path", {
32
+ d: "M3.75002 1.55859L4.41318 1.09468C4.75243 0.857361 5.21982 0.939865 5.45732 1.27899C5.69499 1.61836 5.61243 2.08615 5.27295 2.32366L4.30763 2.99902L5.27372 3.67612C5.61285 3.91381 5.69517 4.38137 5.45761 4.72059C5.21999 5.0599 4.7523 5.14233 4.41299 4.90471L3.75002 4.44043V5.25C3.75002 5.66421 3.41423 6 3.00002 6C2.5858 6 2.25002 5.66421 2.25002 5.25V4.44043L1.58704 4.90471C1.24773 5.14233 0.780041 5.0599 0.542418 4.72059C0.304856 4.38137 0.387176 3.91381 0.726309 3.67612L1.6924 2.99902L0.727079 2.32366C0.387603 2.08615 0.305043 1.61836 0.542707 1.27899C0.780206 0.939865 1.2476 0.857361 1.58685 1.09468L2.25002 1.55859V0.75C2.25002 0.335786 2.5858 0 3.00002 0C3.41423 0 3.75002 0.335786 3.75002 0.75V1.55859Z",
33
+ fill: "currentColor"
34
+ })
35
+ }),
36
+ ref,
37
+ ...props
38
+ });
39
+ });
40
+ AttachmentDisplayRequiredIndicator.displayName = "AttachmentDisplayRequiredIndicator";
41
+ var AttachmentDisplayControl = withAttachmentInputProvider(withStateProps(Primitive.div), "root");
42
+ var AttachmentDisplayContainer = withAttachmentInputContext(withStateProps(Primitive.div), "container");
43
+ var AttachmentDisplayItemGroup = withAttachmentInputContext(withStateProps(Primitive.ul), "itemGroup");
44
+ var AttachmentDisplayFooter = withFieldContext(withStateProps(Primitive.div), "footer");
45
+ var AttachmentDisplayDescription = withFieldContext(AttachmentDisplay.Description, "description");
46
+ var AttachmentDisplayErrorMessage = withFieldContext(AttachmentDisplay.ErrorMessage, "errorMessage");
47
+ var AttachmentDisplayContext = AttachmentDisplay.Context;
48
+ //#endregion
49
+ export { AttachmentDisplayContainer, AttachmentDisplayContext, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItemGroup, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot };
@@ -0,0 +1,37 @@
1
+ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
2
+ const require_AttachmentDisplay = require("./AttachmentDisplay.cjs");
3
+ const require_AttachmentDisplayItem = require("./AttachmentDisplayItem.cjs");
4
+ const require_AttachmentDisplayTrigger = require("./AttachmentDisplayTrigger.cjs");
5
+ //#region src/components/AttachmentDisplay/AttachmentDisplay.namespace.ts
6
+ var AttachmentDisplay_namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
7
+ Container: () => require_AttachmentDisplay.AttachmentDisplayContainer,
8
+ Context: () => require_AttachmentDisplay.AttachmentDisplayContext,
9
+ Control: () => require_AttachmentDisplay.AttachmentDisplayControl,
10
+ Description: () => require_AttachmentDisplay.AttachmentDisplayDescription,
11
+ ErrorMessage: () => require_AttachmentDisplay.AttachmentDisplayErrorMessage,
12
+ Footer: () => require_AttachmentDisplay.AttachmentDisplayFooter,
13
+ Header: () => require_AttachmentDisplay.AttachmentDisplayHeader,
14
+ IndicatorText: () => require_AttachmentDisplay.AttachmentDisplayIndicatorText,
15
+ Item: () => require_AttachmentDisplayItem.AttachmentDisplayItem,
16
+ ItemActionButton: () => require_AttachmentDisplayItem.AttachmentDisplayItemActionButton,
17
+ ItemBackdrop: () => require_AttachmentDisplayItem.AttachmentDisplayItemBackdrop,
18
+ ItemBadge: () => require_AttachmentDisplayItem.AttachmentDisplayItemBadge,
19
+ ItemGroup: () => require_AttachmentDisplay.AttachmentDisplayItemGroup,
20
+ ItemImage: () => require_AttachmentDisplayItem.AttachmentDisplayItemImage,
21
+ ItemMetadata: () => require_AttachmentDisplayItem.AttachmentDisplayItemMetadata,
22
+ ItemRemoveButton: () => require_AttachmentDisplayItem.AttachmentDisplayItemRemoveButton,
23
+ ItemThumbnail: () => require_AttachmentDisplayItem.AttachmentDisplayItemThumbnail,
24
+ Label: () => require_AttachmentDisplay.AttachmentDisplayLabel,
25
+ RequiredIndicator: () => require_AttachmentDisplay.AttachmentDisplayRequiredIndicator,
26
+ Root: () => require_AttachmentDisplay.AttachmentDisplayRoot,
27
+ Trigger: () => require_AttachmentDisplayTrigger.AttachmentDisplayTrigger,
28
+ TriggerIcon: () => require_AttachmentDisplayTrigger.AttachmentDisplayTriggerIcon,
29
+ TriggerItemCount: () => require_AttachmentDisplayTrigger.AttachmentDisplayTriggerItemCount
30
+ });
31
+ //#endregion
32
+ Object.defineProperty(exports, "AttachmentDisplay_namespace_exports", {
33
+ enumerable: true,
34
+ get: function() {
35
+ return AttachmentDisplay_namespace_exports;
36
+ }
37
+ });
@@ -0,0 +1,5 @@
1
+ export { AttachmentDisplayContainer as Container, AttachmentDisplayControl as Control, AttachmentDisplayDescription as Description, AttachmentDisplayErrorMessage as ErrorMessage, AttachmentDisplayFooter as Footer, AttachmentDisplayHeader as Header, AttachmentDisplayIndicatorText as IndicatorText, AttachmentDisplayItemGroup as ItemGroup, AttachmentDisplayLabel as Label, AttachmentDisplayRequiredIndicator as RequiredIndicator, AttachmentDisplayRoot as Root, type AttachmentDisplayContainerProps as ContainerProps, type AttachmentDisplayControlProps as ControlProps, type AttachmentDisplayDescriptionProps as DescriptionProps, type AttachmentDisplayErrorMessageProps as ErrorMessageProps, type AttachmentDisplayFooterProps as FooterProps, type AttachmentDisplayHeaderProps as HeaderProps, type AttachmentDisplayIndicatorTextProps as IndicatorTextProps, type AttachmentDisplayItemGroupProps as ItemGroupProps, type AttachmentDisplayLabelProps as LabelProps, type AttachmentDisplayRequiredIndicatorProps as RequiredIndicatorProps, type AttachmentDisplayRootProps as RootProps, } from './AttachmentDisplay';
2
+ export { AttachmentDisplayContext as Context, type AttachmentDisplayContextProps as ContextProps, } from './AttachmentDisplay';
3
+ export { AttachmentDisplayItem as Item, AttachmentDisplayItemActionButton as ItemActionButton, AttachmentDisplayItemBackdrop as ItemBackdrop, AttachmentDisplayItemBadge as ItemBadge, AttachmentDisplayItemImage as ItemImage, AttachmentDisplayItemMetadata as ItemMetadata, AttachmentDisplayItemRemoveButton as ItemRemoveButton, AttachmentDisplayItemThumbnail as ItemThumbnail, type AttachmentDisplayItemActionButtonProps as ItemActionButtonProps, type AttachmentDisplayItemBackdropProps as ItemBackdropProps, type AttachmentDisplayItemBadgeProps as ItemBadgeProps, type AttachmentDisplayItemImageProps as ItemImageProps, type AttachmentDisplayItemMetadataProps as ItemMetadataProps, type AttachmentDisplayItemProps as ItemProps, type AttachmentDisplayItemRemoveButtonProps as ItemRemoveButtonProps, type AttachmentDisplayItemThumbnailProps as ItemThumbnailProps, } from './AttachmentDisplayItem';
4
+ export { AttachmentDisplayTrigger as Trigger, AttachmentDisplayTriggerIcon as TriggerIcon, AttachmentDisplayTriggerItemCount as TriggerItemCount, type AttachmentDisplayTriggerIconProps as TriggerIconProps, type AttachmentDisplayTriggerItemCountProps as TriggerItemCountProps, type AttachmentDisplayTriggerProps as TriggerProps, } from './AttachmentDisplayTrigger';
5
+ //# sourceMappingURL=AttachmentDisplay.namespace.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AttachmentDisplay.namespace.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentDisplay/AttachmentDisplay.namespace.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,IAAI,SAAS,EACvC,wBAAwB,IAAI,OAAO,EACnC,4BAA4B,IAAI,WAAW,EAC3C,6BAA6B,IAAI,YAAY,EAC7C,uBAAuB,IAAI,MAAM,EACjC,uBAAuB,IAAI,MAAM,EACjC,8BAA8B,IAAI,aAAa,EAC/C,0BAA0B,IAAI,SAAS,EACvC,sBAAsB,IAAI,KAAK,EAC/B,kCAAkC,IAAI,iBAAiB,EACvD,qBAAqB,IAAI,IAAI,EAC7B,KAAK,+BAA+B,IAAI,cAAc,EACtD,KAAK,6BAA6B,IAAI,YAAY,EAClD,KAAK,iCAAiC,IAAI,gBAAgB,EAC1D,KAAK,kCAAkC,IAAI,iBAAiB,EAC5D,KAAK,4BAA4B,IAAI,WAAW,EAChD,KAAK,4BAA4B,IAAI,WAAW,EAChD,KAAK,mCAAmC,IAAI,kBAAkB,EAC9D,KAAK,+BAA+B,IAAI,cAAc,EACtD,KAAK,2BAA2B,IAAI,UAAU,EAC9C,KAAK,uCAAuC,IAAI,sBAAsB,EACtE,KAAK,0BAA0B,IAAI,SAAS,GAC7C,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,wBAAwB,IAAI,OAAO,EACnC,KAAK,6BAA6B,IAAI,YAAY,GACnD,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,qBAAqB,IAAI,IAAI,EAC7B,iCAAiC,IAAI,gBAAgB,EACrD,6BAA6B,IAAI,YAAY,EAC7C,0BAA0B,IAAI,SAAS,EACvC,0BAA0B,IAAI,SAAS,EACvC,6BAA6B,IAAI,YAAY,EAC7C,iCAAiC,IAAI,gBAAgB,EACrD,8BAA8B,IAAI,aAAa,EAC/C,KAAK,sCAAsC,IAAI,qBAAqB,EACpE,KAAK,kCAAkC,IAAI,iBAAiB,EAC5D,KAAK,+BAA+B,IAAI,cAAc,EACtD,KAAK,+BAA+B,IAAI,cAAc,EACtD,KAAK,kCAAkC,IAAI,iBAAiB,EAC5D,KAAK,0BAA0B,IAAI,SAAS,EAC5C,KAAK,sCAAsC,IAAI,qBAAqB,EACpE,KAAK,mCAAmC,IAAI,kBAAkB,GAC/D,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,wBAAwB,IAAI,OAAO,EACnC,4BAA4B,IAAI,WAAW,EAC3C,iCAAiC,IAAI,gBAAgB,EACrD,KAAK,iCAAiC,IAAI,gBAAgB,EAC1D,KAAK,sCAAsC,IAAI,qBAAqB,EACpE,KAAK,6BAA6B,IAAI,YAAY,GACnD,MAAM,4BAA4B,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
2
+ import { AttachmentDisplayContainer, AttachmentDisplayContext, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItemGroup, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot } from "./AttachmentDisplay.js";
3
+ import { AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemThumbnail } from "./AttachmentDisplayItem.js";
4
+ import { AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount } from "./AttachmentDisplayTrigger.js";
5
+ //#region src/components/AttachmentDisplay/AttachmentDisplay.namespace.ts
6
+ var AttachmentDisplay_namespace_exports = /* @__PURE__ */ __exportAll({
7
+ Container: () => AttachmentDisplayContainer,
8
+ Context: () => AttachmentDisplayContext,
9
+ Control: () => AttachmentDisplayControl,
10
+ Description: () => AttachmentDisplayDescription,
11
+ ErrorMessage: () => AttachmentDisplayErrorMessage,
12
+ Footer: () => AttachmentDisplayFooter,
13
+ Header: () => AttachmentDisplayHeader,
14
+ IndicatorText: () => AttachmentDisplayIndicatorText,
15
+ Item: () => AttachmentDisplayItem,
16
+ ItemActionButton: () => AttachmentDisplayItemActionButton,
17
+ ItemBackdrop: () => AttachmentDisplayItemBackdrop,
18
+ ItemBadge: () => AttachmentDisplayItemBadge,
19
+ ItemGroup: () => AttachmentDisplayItemGroup,
20
+ ItemImage: () => AttachmentDisplayItemImage,
21
+ ItemMetadata: () => AttachmentDisplayItemMetadata,
22
+ ItemRemoveButton: () => AttachmentDisplayItemRemoveButton,
23
+ ItemThumbnail: () => AttachmentDisplayItemThumbnail,
24
+ Label: () => AttachmentDisplayLabel,
25
+ RequiredIndicator: () => AttachmentDisplayRequiredIndicator,
26
+ Root: () => AttachmentDisplayRoot,
27
+ Trigger: () => AttachmentDisplayTrigger,
28
+ TriggerIcon: () => AttachmentDisplayTriggerIcon,
29
+ TriggerItemCount: () => AttachmentDisplayTriggerItemCount
30
+ });
31
+ //#endregion
32
+ export { AttachmentDisplay_namespace_exports };
@@ -0,0 +1,110 @@
1
+ "use client";
2
+ "use client";
3
+ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
4
+ const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
5
+ const require_createRenderTrackingContext = require("../../utils/createRenderTrackingContext.cjs");
6
+ let _seed_design_react_attachment_display = require("@seed-design/react-attachment-display");
7
+ let _seed_design_react_primitive = require("@seed-design/react-primitive");
8
+ let clsx = require("clsx");
9
+ clsx = require_runtime.__toESM(clsx);
10
+ let react = require("react");
11
+ react = require_runtime.__toESM(react);
12
+ let react_jsx_runtime = require("react/jsx-runtime");
13
+ let _seed_design_dom_utils = require("@seed-design/dom-utils");
14
+ let _radix_ui_react_compose_refs = require("@radix-ui/react-compose-refs");
15
+ let _seed_design_css_recipes_attachment_input_item = require("@seed-design/css/recipes/attachment-input-item");
16
+ //#region src/components/AttachmentDisplay/AttachmentDisplayItem.tsx
17
+ var { useClassNames, ClassNamesProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_attachment_input_item.attachmentInputItem);
18
+ var overlayTracker = require_createRenderTrackingContext.createRenderTrackingContext("AttachmentDisplayItemOverlay");
19
+ var AttachmentDisplayItem = react.forwardRef(({ className, entry, ...props }, ref) => {
20
+ const { stateProps } = (0, _seed_design_react_attachment_display.useAttachmentDisplayContext)();
21
+ const api = (0, _seed_design_react_attachment_display.useAttachmentDisplayItem)(entry);
22
+ const [variantProps, otherProps] = _seed_design_css_recipes_attachment_input_item.attachmentInputItem.splitVariantProps({
23
+ type: "image",
24
+ ...props
25
+ });
26
+ const classNames = (0, _seed_design_css_recipes_attachment_input_item.attachmentInputItem)(variantProps);
27
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClassNamesProvider, {
28
+ value: classNames,
29
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_attachment_display.AttachmentDisplayItemProvider, {
30
+ value: api,
31
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(overlayTracker.Provider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.li, {
32
+ ref,
33
+ className: (0, clsx.default)(classNames.root, className),
34
+ ...stateProps,
35
+ ...otherProps
36
+ }) })
37
+ })
38
+ });
39
+ });
40
+ AttachmentDisplayItem.displayName = "AttachmentDisplayItem";
41
+ var AttachmentDisplayItemImage = withContext(_seed_design_react_attachment_display.AttachmentDisplay.ItemImage, "image");
42
+ var AttachmentDisplayItemThumbnail = react.forwardRef(({ className, ...props }, ref) => {
43
+ const classNames = useClassNames();
44
+ const { stateProps } = (0, _seed_design_react_attachment_display.useAttachmentDisplayContext)();
45
+ const { isRendered } = overlayTracker.useRenderTracking();
46
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
47
+ ref,
48
+ "data-has-overlay": (0, _seed_design_dom_utils.dataAttr)(isRendered),
49
+ ...stateProps,
50
+ className: (0, clsx.default)(classNames.thumbnail, className),
51
+ ...props
52
+ });
53
+ });
54
+ AttachmentDisplayItemThumbnail.displayName = "AttachmentDisplayItemThumbnail";
55
+ var AttachmentDisplayItemMetadata = react.forwardRef(({ className, ...props }, ref) => {
56
+ const classNames = useClassNames();
57
+ const { stateProps } = (0, _seed_design_react_attachment_display.useAttachmentDisplayContext)();
58
+ const { isRendered } = overlayTracker.useRenderTracking();
59
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
60
+ ref,
61
+ "data-has-overlay": (0, _seed_design_dom_utils.dataAttr)(isRendered),
62
+ ...stateProps,
63
+ className: (0, clsx.default)(classNames.metadata, className),
64
+ ...props
65
+ });
66
+ });
67
+ AttachmentDisplayItemMetadata.displayName = "AttachmentDisplayItemMetadata";
68
+ var AttachmentDisplayItemBackdrop = react.forwardRef(({ className, ...props }, ref) => {
69
+ const classNames = useClassNames();
70
+ const { trackRef } = overlayTracker.useRenderTracking();
71
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_attachment_display.AttachmentDisplay.ItemBackdrop, {
72
+ ref: (0, _radix_ui_react_compose_refs.composeRefs)(ref, trackRef),
73
+ className: (0, clsx.default)(classNames.backdrop, className),
74
+ ...props
75
+ });
76
+ });
77
+ AttachmentDisplayItemBackdrop.displayName = "AttachmentDisplayItemBackdrop";
78
+ var AttachmentDisplayItemBadge = react.forwardRef(({ className, children, ...props }, ref) => {
79
+ const classNames = useClassNames();
80
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.div, {
81
+ ref,
82
+ className: (0, clsx.default)(classNames.badge, className),
83
+ ...props,
84
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.span, {
85
+ className: classNames.badgeLabel,
86
+ children
87
+ })
88
+ });
89
+ });
90
+ AttachmentDisplayItemBadge.displayName = "AttachmentDisplayItemBadge";
91
+ var AttachmentDisplayItemActionButton = react.forwardRef(({ className, ...props }, ref) => {
92
+ const classNames = useClassNames();
93
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_seed_design_react_primitive.Primitive.button, {
94
+ type: "button",
95
+ ref,
96
+ className: (0, clsx.default)(classNames.actionButton, className),
97
+ ...props
98
+ });
99
+ });
100
+ AttachmentDisplayItemActionButton.displayName = "AttachmentDisplayItemActionButton";
101
+ var AttachmentDisplayItemRemoveButton = withContext(_seed_design_react_attachment_display.AttachmentDisplay.ItemRemoveButton, "removeButton");
102
+ //#endregion
103
+ exports.AttachmentDisplayItem = AttachmentDisplayItem;
104
+ exports.AttachmentDisplayItemActionButton = AttachmentDisplayItemActionButton;
105
+ exports.AttachmentDisplayItemBackdrop = AttachmentDisplayItemBackdrop;
106
+ exports.AttachmentDisplayItemBadge = AttachmentDisplayItemBadge;
107
+ exports.AttachmentDisplayItemImage = AttachmentDisplayItemImage;
108
+ exports.AttachmentDisplayItemMetadata = AttachmentDisplayItemMetadata;
109
+ exports.AttachmentDisplayItemRemoveButton = AttachmentDisplayItemRemoveButton;
110
+ exports.AttachmentDisplayItemThumbnail = AttachmentDisplayItemThumbnail;
@@ -0,0 +1,30 @@
1
+ import { AttachmentInputItemVariantProps } from '@seed-design/css/recipes/attachment-input-item';
2
+ import { AttachmentDisplay as AttachmentDisplayPrimitive, DisplayItemEntry } from '@seed-design/react-attachment-display';
3
+ import { PrimitiveProps } from '@seed-design/react-primitive';
4
+ import * as React from "react";
5
+ export interface AttachmentDisplayItemProps extends Omit<AttachmentInputItemVariantProps, "type">, PrimitiveProps, React.LiHTMLAttributes<HTMLLIElement> {
6
+ entry: DisplayItemEntry;
7
+ }
8
+ export declare const AttachmentDisplayItem: React.ForwardRefExoticComponent<AttachmentDisplayItemProps & React.RefAttributes<HTMLLIElement>>;
9
+ export interface AttachmentDisplayItemImageProps extends AttachmentDisplayPrimitive.ItemImageProps {
10
+ }
11
+ export declare const AttachmentDisplayItemImage: React.ForwardRefExoticComponent<AttachmentDisplayItemImageProps & React.RefAttributes<HTMLImageElement>>;
12
+ export interface AttachmentDisplayItemThumbnailProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
13
+ }
14
+ export declare const AttachmentDisplayItemThumbnail: React.ForwardRefExoticComponent<AttachmentDisplayItemThumbnailProps & React.RefAttributes<HTMLDivElement>>;
15
+ export interface AttachmentDisplayItemMetadataProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
16
+ }
17
+ export declare const AttachmentDisplayItemMetadata: React.ForwardRefExoticComponent<AttachmentDisplayItemMetadataProps & React.RefAttributes<HTMLDivElement>>;
18
+ export interface AttachmentDisplayItemBackdropProps extends AttachmentDisplayPrimitive.ItemBackdropProps {
19
+ }
20
+ export declare const AttachmentDisplayItemBackdrop: React.ForwardRefExoticComponent<AttachmentDisplayItemBackdropProps & React.RefAttributes<HTMLDivElement>>;
21
+ export interface AttachmentDisplayItemBadgeProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
22
+ }
23
+ export declare const AttachmentDisplayItemBadge: React.ForwardRefExoticComponent<AttachmentDisplayItemBadgeProps & React.RefAttributes<HTMLDivElement>>;
24
+ export interface AttachmentDisplayItemActionButtonProps extends PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
25
+ }
26
+ export declare const AttachmentDisplayItemActionButton: React.ForwardRefExoticComponent<AttachmentDisplayItemActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
27
+ export interface AttachmentDisplayItemRemoveButtonProps extends AttachmentDisplayPrimitive.ItemRemoveButtonProps {
28
+ }
29
+ export declare const AttachmentDisplayItemRemoveButton: React.ForwardRefExoticComponent<AttachmentDisplayItemRemoveButtonProps & React.RefAttributes<HTMLButtonElement>>;
30
+ //# sourceMappingURL=AttachmentDisplayItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AttachmentDisplayItem.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentDisplay/AttachmentDisplayItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EACL,iBAAiB,IAAI,0BAA0B,EAI/C,KAAK,gBAAgB,EACtB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,+BAA+B,EAAE,MAAM,CAAC,EACnD,cAAc,EACd,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACvC,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,eAAO,MAAM,qBAAqB,kGA2BjC,CAAC;AAKF,MAAM,WAAW,+BACf,SAAQ,0BAA0B,CAAC,cAAc;CAAG;AAEtD,eAAO,MAAM,0BAA0B,0GAGS,CAAC;AAIjD,MAAM,WAAW,mCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,8BAA8B,4GAiBzC,CAAC;AAMH,MAAM,WAAW,kCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,6BAA6B,2GAiBxC,CAAC;AAMH,MAAM,WAAW,kCACf,SAAQ,0BAA0B,CAAC,iBAAiB;CAAG;AAEzD,eAAO,MAAM,6BAA6B,2GAcxC,CAAC;AAMH,MAAM,WAAW,+BACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,0BAA0B,wGAWrC,CAAC;AAKH,MAAM,WAAW,sCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,iCAAiC,kHAc5C,CAAC;AAKH,MAAM,WAAW,sCACf,SAAQ,0BAA0B,CAAC,qBAAqB;CAAG;AAE7D,eAAO,MAAM,iCAAiC,kHAGgB,CAAC"}
@@ -0,0 +1,100 @@
1
+ "use client";
2
+ "use client";
3
+ import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
4
+ import { createRenderTrackingContext } from "../../utils/createRenderTrackingContext.js";
5
+ import { AttachmentDisplay, AttachmentDisplayItemProvider, useAttachmentDisplayContext, useAttachmentDisplayItem } from "@seed-design/react-attachment-display";
6
+ import { Primitive } from "@seed-design/react-primitive";
7
+ import clsx$1 from "clsx";
8
+ import * as React$1 from "react";
9
+ import { jsx } from "react/jsx-runtime";
10
+ import { dataAttr } from "@seed-design/dom-utils";
11
+ import { composeRefs } from "@radix-ui/react-compose-refs";
12
+ import { attachmentInputItem } from "@seed-design/css/recipes/attachment-input-item";
13
+ //#region src/components/AttachmentDisplay/AttachmentDisplayItem.tsx
14
+ var { useClassNames, ClassNamesProvider, withContext } = createSlotRecipeContext(attachmentInputItem);
15
+ var overlayTracker = createRenderTrackingContext("AttachmentDisplayItemOverlay");
16
+ var AttachmentDisplayItem = React$1.forwardRef(({ className, entry, ...props }, ref) => {
17
+ const { stateProps } = useAttachmentDisplayContext();
18
+ const api = useAttachmentDisplayItem(entry);
19
+ const [variantProps, otherProps] = attachmentInputItem.splitVariantProps({
20
+ type: "image",
21
+ ...props
22
+ });
23
+ const classNames = attachmentInputItem(variantProps);
24
+ return /* @__PURE__ */ jsx(ClassNamesProvider, {
25
+ value: classNames,
26
+ children: /* @__PURE__ */ jsx(AttachmentDisplayItemProvider, {
27
+ value: api,
28
+ children: /* @__PURE__ */ jsx(overlayTracker.Provider, { children: /* @__PURE__ */ jsx(Primitive.li, {
29
+ ref,
30
+ className: clsx$1(classNames.root, className),
31
+ ...stateProps,
32
+ ...otherProps
33
+ }) })
34
+ })
35
+ });
36
+ });
37
+ AttachmentDisplayItem.displayName = "AttachmentDisplayItem";
38
+ var AttachmentDisplayItemImage = withContext(AttachmentDisplay.ItemImage, "image");
39
+ var AttachmentDisplayItemThumbnail = React$1.forwardRef(({ className, ...props }, ref) => {
40
+ const classNames = useClassNames();
41
+ const { stateProps } = useAttachmentDisplayContext();
42
+ const { isRendered } = overlayTracker.useRenderTracking();
43
+ return /* @__PURE__ */ jsx(Primitive.div, {
44
+ ref,
45
+ "data-has-overlay": dataAttr(isRendered),
46
+ ...stateProps,
47
+ className: clsx$1(classNames.thumbnail, className),
48
+ ...props
49
+ });
50
+ });
51
+ AttachmentDisplayItemThumbnail.displayName = "AttachmentDisplayItemThumbnail";
52
+ var AttachmentDisplayItemMetadata = React$1.forwardRef(({ className, ...props }, ref) => {
53
+ const classNames = useClassNames();
54
+ const { stateProps } = useAttachmentDisplayContext();
55
+ const { isRendered } = overlayTracker.useRenderTracking();
56
+ return /* @__PURE__ */ jsx(Primitive.div, {
57
+ ref,
58
+ "data-has-overlay": dataAttr(isRendered),
59
+ ...stateProps,
60
+ className: clsx$1(classNames.metadata, className),
61
+ ...props
62
+ });
63
+ });
64
+ AttachmentDisplayItemMetadata.displayName = "AttachmentDisplayItemMetadata";
65
+ var AttachmentDisplayItemBackdrop = React$1.forwardRef(({ className, ...props }, ref) => {
66
+ const classNames = useClassNames();
67
+ const { trackRef } = overlayTracker.useRenderTracking();
68
+ return /* @__PURE__ */ jsx(AttachmentDisplay.ItemBackdrop, {
69
+ ref: composeRefs(ref, trackRef),
70
+ className: clsx$1(classNames.backdrop, className),
71
+ ...props
72
+ });
73
+ });
74
+ AttachmentDisplayItemBackdrop.displayName = "AttachmentDisplayItemBackdrop";
75
+ var AttachmentDisplayItemBadge = React$1.forwardRef(({ className, children, ...props }, ref) => {
76
+ const classNames = useClassNames();
77
+ return /* @__PURE__ */ jsx(Primitive.div, {
78
+ ref,
79
+ className: clsx$1(classNames.badge, className),
80
+ ...props,
81
+ children: /* @__PURE__ */ jsx(Primitive.span, {
82
+ className: classNames.badgeLabel,
83
+ children
84
+ })
85
+ });
86
+ });
87
+ AttachmentDisplayItemBadge.displayName = "AttachmentDisplayItemBadge";
88
+ var AttachmentDisplayItemActionButton = React$1.forwardRef(({ className, ...props }, ref) => {
89
+ const classNames = useClassNames();
90
+ return /* @__PURE__ */ jsx(Primitive.button, {
91
+ type: "button",
92
+ ref,
93
+ className: clsx$1(classNames.actionButton, className),
94
+ ...props
95
+ });
96
+ });
97
+ AttachmentDisplayItemActionButton.displayName = "AttachmentDisplayItemActionButton";
98
+ var AttachmentDisplayItemRemoveButton = withContext(AttachmentDisplay.ItemRemoveButton, "removeButton");
99
+ //#endregion
100
+ export { AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemThumbnail };
@@ -0,0 +1,50 @@
1
+ "use client";
2
+ "use client";
3
+ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
4
+ const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
5
+ const require_Icon = require("../private/Icon.cjs");
6
+ let _seed_design_react_attachment_display = require("@seed-design/react-attachment-display");
7
+ let _seed_design_react_primitive = require("@seed-design/react-primitive");
8
+ let clsx = require("clsx");
9
+ clsx = require_runtime.__toESM(clsx);
10
+ let react = require("react");
11
+ react = require_runtime.__toESM(react);
12
+ let react_jsx_runtime = require("react/jsx-runtime");
13
+ let _seed_design_dom_utils = require("@seed-design/dom-utils");
14
+ let _seed_design_css_recipes_attachment_input_trigger = require("@seed-design/css/recipes/attachment-input-trigger");
15
+ //#region src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx
16
+ var { withProvider, useClassNames } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_attachment_input_trigger.attachmentInputTrigger);
17
+ var AttachmentDisplayTrigger = withProvider(_seed_design_react_attachment_display.AttachmentDisplay.Trigger, "root");
18
+ var AttachmentDisplayTriggerIcon = react.forwardRef(({ image, ...props }, ref) => {
19
+ const { stateProps } = (0, _seed_design_react_attachment_display.useAttachmentDisplayContext)();
20
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.InternalIcon, {
21
+ svg: image,
22
+ ref,
23
+ ...(0, _seed_design_dom_utils.mergeProps)(stateProps, { className: useClassNames().icon }, props)
24
+ });
25
+ });
26
+ AttachmentDisplayTriggerIcon.displayName = "AttachmentDisplayTriggerIcon";
27
+ var AttachmentDisplayTriggerItemCount = react.forwardRef(({ className, ...otherProps }, ref) => {
28
+ const classNames = useClassNames();
29
+ const { currentEntryCount, maxEntries, stateProps } = (0, _seed_design_react_attachment_display.useAttachmentDisplayContext)();
30
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_seed_design_react_primitive.Primitive.div, {
31
+ className: (0, clsx.default)(classNames.itemCountArea, className),
32
+ ref,
33
+ ...otherProps,
34
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
35
+ ...currentEntryCount === 0 && { "data-empty": true },
36
+ className: classNames.itemCount,
37
+ ...stateProps,
38
+ children: currentEntryCount
39
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
40
+ className: classNames.maxItemCount,
41
+ ...stateProps,
42
+ children: ["/", maxEntries]
43
+ })]
44
+ });
45
+ });
46
+ AttachmentDisplayTriggerItemCount.displayName = "AttachmentDisplayTriggerItemCount";
47
+ //#endregion
48
+ exports.AttachmentDisplayTrigger = AttachmentDisplayTrigger;
49
+ exports.AttachmentDisplayTriggerIcon = AttachmentDisplayTriggerIcon;
50
+ exports.AttachmentDisplayTriggerItemCount = AttachmentDisplayTriggerItemCount;
@@ -0,0 +1,18 @@
1
+ import { AttachmentInputTriggerVariantProps } from '@seed-design/css/recipes/attachment-input-trigger';
2
+ import { PrimitiveProps } from '@seed-design/react-primitive';
3
+ import * as React from "react";
4
+ export interface AttachmentDisplayTriggerProps extends AttachmentInputTriggerVariantProps, PrimitiveProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
5
+ }
6
+ export declare const AttachmentDisplayTrigger: React.ForwardRefExoticComponent<AttachmentDisplayTriggerProps & React.RefAttributes<HTMLButtonElement>>;
7
+ type DisplayAcceptType = "image";
8
+ export type AttachmentDisplayTriggerIconProps = React.SVGAttributes<SVGElement> & {
9
+ [K in DisplayAcceptType]: React.ReactNode;
10
+ };
11
+ export declare const AttachmentDisplayTriggerIcon: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & {
12
+ image: React.ReactNode;
13
+ } & React.RefAttributes<SVGSVGElement>>;
14
+ export interface AttachmentDisplayTriggerItemCountProps extends PrimitiveProps, React.HTMLAttributes<HTMLDivElement> {
15
+ }
16
+ export declare const AttachmentDisplayTriggerItemCount: React.ForwardRefExoticComponent<AttachmentDisplayTriggerItemCountProps & React.RefAttributes<HTMLDivElement>>;
17
+ export {};
18
+ //# sourceMappingURL=AttachmentDisplayTrigger.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AttachmentDisplayTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,mDAAmD,CAAC;AAM3D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,6BACf,SAAQ,kCAAkC,EACxC,cAAc,EACd,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEpD,eAAO,MAAM,wBAAwB,yGAGQ,CAAC;AAK9C,KAAK,iBAAiB,GAAG,OAAO,CAAC;AAEjC,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG;KAC/E,CAAC,IAAI,iBAAiB,GAAG,KAAK,CAAC,SAAS;CAC1C,CAAC;AAEF,eAAO,MAAM,4BAA4B;;uCAcvC,CAAC;AAGH,MAAM,WAAW,sCACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3C,eAAO,MAAM,iCAAiC,+GAqB5C,CAAC"}
@@ -0,0 +1,45 @@
1
+ "use client";
2
+ "use client";
3
+ import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
4
+ import { InternalIcon } from "../private/Icon.js";
5
+ import { AttachmentDisplay, useAttachmentDisplayContext } from "@seed-design/react-attachment-display";
6
+ import { Primitive } from "@seed-design/react-primitive";
7
+ import clsx$1 from "clsx";
8
+ import * as React$1 from "react";
9
+ import { jsx, jsxs } from "react/jsx-runtime";
10
+ import { mergeProps } from "@seed-design/dom-utils";
11
+ import { attachmentInputTrigger } from "@seed-design/css/recipes/attachment-input-trigger";
12
+ //#region src/components/AttachmentDisplay/AttachmentDisplayTrigger.tsx
13
+ var { withProvider, useClassNames } = createSlotRecipeContext(attachmentInputTrigger);
14
+ var AttachmentDisplayTrigger = withProvider(AttachmentDisplay.Trigger, "root");
15
+ var AttachmentDisplayTriggerIcon = React$1.forwardRef(({ image, ...props }, ref) => {
16
+ const { stateProps } = useAttachmentDisplayContext();
17
+ return /* @__PURE__ */ jsx(InternalIcon, {
18
+ svg: image,
19
+ ref,
20
+ ...mergeProps(stateProps, { className: useClassNames().icon }, props)
21
+ });
22
+ });
23
+ AttachmentDisplayTriggerIcon.displayName = "AttachmentDisplayTriggerIcon";
24
+ var AttachmentDisplayTriggerItemCount = React$1.forwardRef(({ className, ...otherProps }, ref) => {
25
+ const classNames = useClassNames();
26
+ const { currentEntryCount, maxEntries, stateProps } = useAttachmentDisplayContext();
27
+ return /* @__PURE__ */ jsxs(Primitive.div, {
28
+ className: clsx$1(classNames.itemCountArea, className),
29
+ ref,
30
+ ...otherProps,
31
+ children: [/* @__PURE__ */ jsx("span", {
32
+ ...currentEntryCount === 0 && { "data-empty": true },
33
+ className: classNames.itemCount,
34
+ ...stateProps,
35
+ children: currentEntryCount
36
+ }), /* @__PURE__ */ jsxs("span", {
37
+ className: classNames.maxItemCount,
38
+ ...stateProps,
39
+ children: ["/", maxEntries]
40
+ })]
41
+ });
42
+ });
43
+ AttachmentDisplayTriggerItemCount.displayName = "AttachmentDisplayTriggerItemCount";
44
+ //#endregion
45
+ export { AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount };
@@ -0,0 +1,34 @@
1
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
+ const require_AttachmentDisplay = require("./AttachmentDisplay.cjs");
3
+ const require_AttachmentDisplayItem = require("./AttachmentDisplayItem.cjs");
4
+ const require_AttachmentDisplayTrigger = require("./AttachmentDisplayTrigger.cjs");
5
+ const require_AttachmentDisplay_namespace = require("./AttachmentDisplay.namespace.cjs");
6
+ Object.defineProperty(exports, "AttachmentDisplay", {
7
+ enumerable: true,
8
+ get: function() {
9
+ return require_AttachmentDisplay_namespace.AttachmentDisplay_namespace_exports;
10
+ }
11
+ });
12
+ exports.AttachmentDisplayContainer = require_AttachmentDisplay.AttachmentDisplayContainer;
13
+ exports.AttachmentDisplayContext = require_AttachmentDisplay.AttachmentDisplayContext;
14
+ exports.AttachmentDisplayControl = require_AttachmentDisplay.AttachmentDisplayControl;
15
+ exports.AttachmentDisplayDescription = require_AttachmentDisplay.AttachmentDisplayDescription;
16
+ exports.AttachmentDisplayErrorMessage = require_AttachmentDisplay.AttachmentDisplayErrorMessage;
17
+ exports.AttachmentDisplayFooter = require_AttachmentDisplay.AttachmentDisplayFooter;
18
+ exports.AttachmentDisplayHeader = require_AttachmentDisplay.AttachmentDisplayHeader;
19
+ exports.AttachmentDisplayIndicatorText = require_AttachmentDisplay.AttachmentDisplayIndicatorText;
20
+ exports.AttachmentDisplayItem = require_AttachmentDisplayItem.AttachmentDisplayItem;
21
+ exports.AttachmentDisplayItemActionButton = require_AttachmentDisplayItem.AttachmentDisplayItemActionButton;
22
+ exports.AttachmentDisplayItemBackdrop = require_AttachmentDisplayItem.AttachmentDisplayItemBackdrop;
23
+ exports.AttachmentDisplayItemBadge = require_AttachmentDisplayItem.AttachmentDisplayItemBadge;
24
+ exports.AttachmentDisplayItemGroup = require_AttachmentDisplay.AttachmentDisplayItemGroup;
25
+ exports.AttachmentDisplayItemImage = require_AttachmentDisplayItem.AttachmentDisplayItemImage;
26
+ exports.AttachmentDisplayItemMetadata = require_AttachmentDisplayItem.AttachmentDisplayItemMetadata;
27
+ exports.AttachmentDisplayItemRemoveButton = require_AttachmentDisplayItem.AttachmentDisplayItemRemoveButton;
28
+ exports.AttachmentDisplayItemThumbnail = require_AttachmentDisplayItem.AttachmentDisplayItemThumbnail;
29
+ exports.AttachmentDisplayLabel = require_AttachmentDisplay.AttachmentDisplayLabel;
30
+ exports.AttachmentDisplayRequiredIndicator = require_AttachmentDisplay.AttachmentDisplayRequiredIndicator;
31
+ exports.AttachmentDisplayRoot = require_AttachmentDisplay.AttachmentDisplayRoot;
32
+ exports.AttachmentDisplayTrigger = require_AttachmentDisplayTrigger.AttachmentDisplayTrigger;
33
+ exports.AttachmentDisplayTriggerIcon = require_AttachmentDisplayTrigger.AttachmentDisplayTriggerIcon;
34
+ exports.AttachmentDisplayTriggerItemCount = require_AttachmentDisplayTrigger.AttachmentDisplayTriggerItemCount;
@@ -0,0 +1,6 @@
1
+ export { AttachmentDisplayContainer, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItemGroup, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot, type AttachmentDisplayContainerProps, type AttachmentDisplayControlProps, type AttachmentDisplayDescriptionProps, type AttachmentDisplayErrorMessageProps, type AttachmentDisplayFooterProps, type AttachmentDisplayHeaderProps, type AttachmentDisplayIndicatorTextProps, type AttachmentDisplayItemGroupProps, type AttachmentDisplayLabelProps, type AttachmentDisplayRequiredIndicatorProps, type AttachmentDisplayRootProps, } from './AttachmentDisplay';
2
+ export { AttachmentDisplayContext, type AttachmentDisplayContextProps, } from './AttachmentDisplay';
3
+ export { AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemThumbnail, type AttachmentDisplayItemActionButtonProps, type AttachmentDisplayItemBackdropProps, type AttachmentDisplayItemBadgeProps, type AttachmentDisplayItemImageProps, type AttachmentDisplayItemMetadataProps, type AttachmentDisplayItemProps, type AttachmentDisplayItemRemoveButtonProps, type AttachmentDisplayItemThumbnailProps, } from './AttachmentDisplayItem';
4
+ export { AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount, type AttachmentDisplayTriggerIconProps, type AttachmentDisplayTriggerItemCountProps, type AttachmentDisplayTriggerProps, } from './AttachmentDisplayTrigger';
5
+ export * as AttachmentDisplay from './AttachmentDisplay.namespace';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentDisplay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,wBAAwB,EACxB,4BAA4B,EAC5B,6BAA6B,EAC7B,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,0BAA0B,EAC1B,sBAAsB,EACtB,kCAAkC,EAClC,qBAAqB,EACrB,KAAK,+BAA+B,EACpC,KAAK,6BAA6B,EAClC,KAAK,iCAAiC,EACtC,KAAK,kCAAkC,EACvC,KAAK,4BAA4B,EACjC,KAAK,4BAA4B,EACjC,KAAK,mCAAmC,EACxC,KAAK,+BAA+B,EACpC,KAAK,2BAA2B,EAChC,KAAK,uCAAuC,EAC5C,KAAK,0BAA0B,GAChC,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,qBAAqB,EACrB,iCAAiC,EACjC,6BAA6B,EAC7B,0BAA0B,EAC1B,0BAA0B,EAC1B,6BAA6B,EAC7B,iCAAiC,EACjC,8BAA8B,EAC9B,KAAK,sCAAsC,EAC3C,KAAK,kCAAkC,EACvC,KAAK,+BAA+B,EACpC,KAAK,+BAA+B,EACpC,KAAK,kCAAkC,EACvC,KAAK,0BAA0B,EAC/B,KAAK,sCAAsC,EAC3C,KAAK,mCAAmC,GACzC,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,wBAAwB,EACxB,4BAA4B,EAC5B,iCAAiC,EACjC,KAAK,iCAAiC,EACtC,KAAK,sCAAsC,EAC3C,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,iBAAiB,MAAM,+BAA+B,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { AttachmentDisplayContainer, AttachmentDisplayContext, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItemGroup, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot } from "./AttachmentDisplay.js";
2
+ import { AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemThumbnail } from "./AttachmentDisplayItem.js";
3
+ import { AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount } from "./AttachmentDisplayTrigger.js";
4
+ import { AttachmentDisplay_namespace_exports } from "./AttachmentDisplay.namespace.js";
5
+ export { AttachmentDisplay_namespace_exports as AttachmentDisplay, AttachmentDisplayContainer, AttachmentDisplayContext, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemGroup, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemThumbnail, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot, AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount };