@orion-ds/react 4.2.8 → 4.2.9

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 (347) hide show
  1. package/dist/components/Accordion/Accordion.module.css +1 -1
  2. package/dist/components/Card/Card.d.ts.map +1 -1
  3. package/dist/components/Card/Card.module.css +1 -1
  4. package/dist/components/Card/Card.stories.d.ts.map +1 -1
  5. package/dist/components/Card/Card.types.d.ts +2 -0
  6. package/dist/components/Card/Card.types.d.ts.map +1 -1
  7. package/dist/components/CodeEditor/CodeEditor.d.ts.map +1 -1
  8. package/dist/components/CodeEditor/CodeEditor.types.d.ts.map +1 -1
  9. package/dist/components/NavTree/NavTree.d.ts.map +1 -1
  10. package/dist/components/NavTree/NavTree.module.css +1 -1
  11. package/dist/components/NavTree/NavTree.stories.d.ts.map +1 -1
  12. package/dist/components/NavTree/NavTree.types.d.ts +2 -2
  13. package/dist/components/SearchInput/SearchInput.d.ts.map +1 -1
  14. package/dist/components/SearchInput/SearchInput.module.css +1 -1
  15. package/dist/components/SearchInput/SearchInput.stories.d.ts +1 -0
  16. package/dist/components/SearchInput/SearchInput.stories.d.ts.map +1 -1
  17. package/dist/components/SearchInput/SearchInput.types.d.ts +5 -1
  18. package/dist/components/SearchInput/SearchInput.types.d.ts.map +1 -1
  19. package/dist/components/Tabs/Tabs.d.ts.map +1 -1
  20. package/dist/components/Tabs/Tabs.module.css +1 -1
  21. package/dist/components/Tabs/Tabs.types.d.ts +6 -0
  22. package/dist/components/Tabs/Tabs.types.d.ts.map +1 -1
  23. package/dist/components/UserMenu/UserMenu.d.ts.map +1 -1
  24. package/dist/components/WorkspaceSwitcher/WorkspaceSwitcher.d.ts.map +1 -1
  25. package/dist/components/WorkspaceSwitcher/WorkspaceSwitcher.types.d.ts.map +1 -1
  26. package/dist/components/index.d.ts +1 -1
  27. package/dist/components/index.d.ts.map +1 -1
  28. package/dist/examples/LandingPage.example.d.ts.map +1 -1
  29. package/dist/hooks/useTheme.d.ts.map +1 -1
  30. package/dist/index.d.ts +1 -1
  31. package/dist/index.d.ts.map +1 -1
  32. package/dist/index10.cjs +1 -1
  33. package/dist/index10.mjs +1 -1
  34. package/dist/index100.cjs +1 -1
  35. package/dist/index100.mjs +62 -33
  36. package/dist/index101.cjs +1 -1
  37. package/dist/index101.mjs +16 -24
  38. package/dist/index102.cjs +1 -1
  39. package/dist/index102.mjs +28 -26
  40. package/dist/index103.cjs +1 -1
  41. package/dist/index103.mjs +30 -40
  42. package/dist/index104.cjs +1 -1
  43. package/dist/index104.mjs +40 -53
  44. package/dist/index105.cjs +1 -1
  45. package/dist/index105.mjs +36 -62
  46. package/dist/index106.cjs +1 -1
  47. package/dist/index106.mjs +53 -29
  48. package/dist/index107.cjs +1 -1
  49. package/dist/index107.mjs +46 -20
  50. package/dist/index108.cjs +1 -1
  51. package/dist/index108.mjs +14 -18
  52. package/dist/index109.cjs +1 -1
  53. package/dist/index109.mjs +28 -30
  54. package/dist/index11.cjs +1 -1
  55. package/dist/index11.mjs +1 -1
  56. package/dist/index110.cjs +1 -1
  57. package/dist/index110.mjs +65 -30
  58. package/dist/index111.cjs +1 -1
  59. package/dist/index111.mjs +24 -46
  60. package/dist/index112.cjs +1 -1
  61. package/dist/index112.mjs +35 -52
  62. package/dist/index113.cjs +1 -1
  63. package/dist/index113.mjs +30 -28
  64. package/dist/index114.cjs +1 -1
  65. package/dist/index114.mjs +32 -44
  66. package/dist/index115.cjs +1 -1
  67. package/dist/index115.mjs +57 -12
  68. package/dist/index116.cjs +1 -1
  69. package/dist/index116.mjs +18 -30
  70. package/dist/index117.cjs +1 -1
  71. package/dist/index117.mjs +12 -32
  72. package/dist/index118.cjs +1 -1
  73. package/dist/index118.mjs +64 -33
  74. package/dist/index119.cjs +1 -1
  75. package/dist/index119.mjs +28 -30
  76. package/dist/index12.cjs +1 -1
  77. package/dist/index12.mjs +1 -1
  78. package/dist/index120.cjs +1 -1
  79. package/dist/index120.mjs +32 -35
  80. package/dist/index121.cjs +1 -1
  81. package/dist/index121.mjs +76 -36
  82. package/dist/index122.cjs +1 -1
  83. package/dist/index122.mjs +33 -20
  84. package/dist/index123.cjs +1 -1
  85. package/dist/index123.mjs +40 -14
  86. package/dist/index124.cjs +1 -1
  87. package/dist/index124.mjs +53 -27
  88. package/dist/index125.cjs +1 -1
  89. package/dist/index125.mjs +42 -18
  90. package/dist/index126.cjs +1 -1
  91. package/dist/index126.mjs +19 -37
  92. package/dist/index127.cjs +1 -1
  93. package/dist/index127.mjs +37 -29
  94. package/dist/index128.cjs +1 -1
  95. package/dist/index128.mjs +28 -24
  96. package/dist/index129.cjs +1 -1
  97. package/dist/index129.mjs +36 -28
  98. package/dist/index13.cjs +1 -1
  99. package/dist/index13.mjs +1 -1
  100. package/dist/index130.cjs +1 -1
  101. package/dist/index130.mjs +18 -28
  102. package/dist/index131.cjs +1 -1
  103. package/dist/index131.mjs +18 -28
  104. package/dist/index132.cjs +1 -1
  105. package/dist/index132.mjs +234 -42
  106. package/dist/index133.cjs +1 -1
  107. package/dist/index133.mjs +34 -53
  108. package/dist/index134.cjs +1 -1
  109. package/dist/index134.mjs +44 -37
  110. package/dist/index135.cjs +1 -1
  111. package/dist/index135.mjs +170 -50
  112. package/dist/index136.cjs +1 -1
  113. package/dist/index136.mjs +186 -19
  114. package/dist/index137.cjs +1 -1
  115. package/dist/index137.mjs +27 -153
  116. package/dist/index138.cjs +1 -1
  117. package/dist/index138.mjs +88 -216
  118. package/dist/index139.cjs +1 -1
  119. package/dist/index139.mjs +53 -29
  120. package/dist/index14.cjs +1 -1
  121. package/dist/index14.mjs +1 -1
  122. package/dist/index140.cjs +1 -1
  123. package/dist/index140.mjs +66 -42
  124. package/dist/index141.cjs +1 -1
  125. package/dist/index141.mjs +124 -44
  126. package/dist/index142.cjs +1 -1
  127. package/dist/index142.mjs +108 -16
  128. package/dist/index143.cjs +1 -1
  129. package/dist/index143.mjs +111 -46
  130. package/dist/index144.cjs +1 -1
  131. package/dist/index144.mjs +122 -64
  132. package/dist/index145.cjs +1 -1
  133. package/dist/index145.mjs +214 -30
  134. package/dist/index146.cjs +1 -1
  135. package/dist/index146.mjs +41 -39
  136. package/dist/index147.cjs +1 -1
  137. package/dist/index147.mjs +27 -32
  138. package/dist/index149.cjs +1 -1
  139. package/dist/index149.mjs +46 -62
  140. package/dist/index15.cjs +1 -1
  141. package/dist/index15.mjs +1 -1
  142. package/dist/index150.cjs +1 -1
  143. package/dist/index150.mjs +24 -42
  144. package/dist/index151.cjs +1 -1
  145. package/dist/index151.mjs +24 -24
  146. package/dist/index152.cjs +1 -1
  147. package/dist/index152.mjs +20 -40
  148. package/dist/index153.cjs +1 -1
  149. package/dist/index153.mjs +24 -18
  150. package/dist/index154.cjs +1 -1
  151. package/dist/index154.mjs +28 -76
  152. package/dist/index155.cjs +1 -1
  153. package/dist/index155.mjs +39 -66
  154. package/dist/index156.cjs +1 -1
  155. package/dist/index156.mjs +22 -65
  156. package/dist/index157.cjs +1 -1
  157. package/dist/index157.mjs +63 -39
  158. package/dist/index158.cjs +1 -1
  159. package/dist/index158.mjs +12 -234
  160. package/dist/index159.cjs +1 -1
  161. package/dist/index159.mjs +34 -34
  162. package/dist/index16.cjs +1 -1
  163. package/dist/index16.mjs +73 -69
  164. package/dist/index160.cjs +1 -1
  165. package/dist/index160.mjs +21 -44
  166. package/dist/index161.cjs +1 -1
  167. package/dist/index161.mjs +42 -170
  168. package/dist/index162.cjs +1 -1
  169. package/dist/index162.mjs +21 -186
  170. package/dist/index163.cjs +1 -1
  171. package/dist/index163.mjs +29 -29
  172. package/dist/index164.cjs +1 -1
  173. package/dist/index164.mjs +44 -90
  174. package/dist/index165.cjs +1 -1
  175. package/dist/index165.mjs +63 -53
  176. package/dist/index166.cjs +1 -1
  177. package/dist/index166.mjs +28 -66
  178. package/dist/index167.cjs +1 -1
  179. package/dist/index167.mjs +20 -124
  180. package/dist/index168.cjs +1 -1
  181. package/dist/index168.mjs +67 -108
  182. package/dist/index169.cjs +1 -1
  183. package/dist/index169.mjs +30 -111
  184. package/dist/index17.cjs +1 -1
  185. package/dist/index17.mjs +1 -1
  186. package/dist/index170.cjs +1 -1
  187. package/dist/index170.mjs +24 -122
  188. package/dist/index171.cjs +1 -1
  189. package/dist/index171.mjs +44 -214
  190. package/dist/index172.cjs +1 -1
  191. package/dist/index172.mjs +46 -106
  192. package/dist/index173.cjs +1 -1
  193. package/dist/index173.mjs +28 -22
  194. package/dist/index174.cjs +1 -1
  195. package/dist/index174.mjs +106 -18
  196. package/dist/index175.cjs +1 -1
  197. package/dist/index175.mjs +52 -64
  198. package/dist/index176.cjs +1 -1
  199. package/dist/index176.mjs +45 -18
  200. package/dist/index177.cjs +1 -1
  201. package/dist/index177.mjs +36 -55
  202. package/dist/index178.cjs +1 -1
  203. package/dist/index178.mjs +55 -12
  204. package/dist/index179.cjs +1 -1
  205. package/dist/index179.mjs +50 -38
  206. package/dist/index18.cjs +1 -1
  207. package/dist/index18.mjs +1 -1
  208. package/dist/index180.cjs +1 -1
  209. package/dist/index180.mjs +29 -25
  210. package/dist/index181.cjs +1 -1
  211. package/dist/index181.mjs +52 -45
  212. package/dist/index185.cjs +1 -1
  213. package/dist/index185.mjs +1 -1
  214. package/dist/index19.cjs +1 -1
  215. package/dist/index19.mjs +2 -2
  216. package/dist/index20.cjs +1 -1
  217. package/dist/index20.mjs +14 -14
  218. package/dist/index21.cjs +1 -1
  219. package/dist/index21.mjs +1 -1
  220. package/dist/index22.cjs +1 -1
  221. package/dist/index22.mjs +1 -1
  222. package/dist/index23.cjs +1 -1
  223. package/dist/index23.mjs +56 -36
  224. package/dist/index24.cjs +1 -1
  225. package/dist/index24.mjs +1 -1
  226. package/dist/index25.cjs +1 -1
  227. package/dist/index25.mjs +1 -1
  228. package/dist/index26.cjs +1 -1
  229. package/dist/index26.mjs +1 -1
  230. package/dist/index27.cjs +1 -1
  231. package/dist/index27.mjs +1 -1
  232. package/dist/index28.cjs +1 -1
  233. package/dist/index28.mjs +1 -1
  234. package/dist/index30.cjs +1 -1
  235. package/dist/index30.mjs +1 -1
  236. package/dist/index31.cjs +1 -1
  237. package/dist/index31.mjs +1 -1
  238. package/dist/index32.cjs +1 -1
  239. package/dist/index32.mjs +1 -1
  240. package/dist/index33.cjs +1 -1
  241. package/dist/index33.mjs +1 -1
  242. package/dist/index34.cjs +1 -1
  243. package/dist/index34.mjs +1 -1
  244. package/dist/index35.cjs +1 -1
  245. package/dist/index35.mjs +1 -1
  246. package/dist/index36.cjs +1 -1
  247. package/dist/index36.mjs +1 -1
  248. package/dist/index37.cjs +1 -1
  249. package/dist/index37.mjs +1 -1
  250. package/dist/index38.cjs +1 -1
  251. package/dist/index38.mjs +1 -1
  252. package/dist/index39.cjs +1 -1
  253. package/dist/index39.mjs +1 -1
  254. package/dist/index40.cjs +1 -1
  255. package/dist/index40.mjs +1 -1
  256. package/dist/index42.cjs +1 -1
  257. package/dist/index42.mjs +1 -1
  258. package/dist/index43.cjs +1 -1
  259. package/dist/index43.mjs +1 -1
  260. package/dist/index44.cjs +1 -1
  261. package/dist/index44.mjs +1 -1
  262. package/dist/index46.cjs +1 -1
  263. package/dist/index46.mjs +1 -1
  264. package/dist/index47.cjs +1 -1
  265. package/dist/index47.mjs +1 -1
  266. package/dist/index48.mjs +95 -31
  267. package/dist/index49.cjs +1 -1
  268. package/dist/index49.mjs +1 -1
  269. package/dist/index5.cjs +1 -1
  270. package/dist/index5.mjs +1 -1
  271. package/dist/index50.cjs +1 -1
  272. package/dist/index50.mjs +1 -1
  273. package/dist/index51.cjs +1 -1
  274. package/dist/index51.mjs +1 -1
  275. package/dist/index52.cjs +1 -1
  276. package/dist/index52.mjs +1 -1
  277. package/dist/index53.cjs +1 -1
  278. package/dist/index53.mjs +82 -78
  279. package/dist/index54.cjs +1 -1
  280. package/dist/index54.mjs +1 -1
  281. package/dist/index55.cjs +1 -1
  282. package/dist/index55.mjs +1 -1
  283. package/dist/index56.cjs +1 -1
  284. package/dist/index56.mjs +1 -1
  285. package/dist/index57.cjs +1 -1
  286. package/dist/index57.mjs +1 -1
  287. package/dist/index58.cjs +1 -1
  288. package/dist/index58.mjs +1 -1
  289. package/dist/index59.cjs +1 -1
  290. package/dist/index59.mjs +1 -1
  291. package/dist/index6.cjs +1 -1
  292. package/dist/index6.mjs +1 -1
  293. package/dist/index61.cjs +1 -1
  294. package/dist/index61.mjs +1 -1
  295. package/dist/index62.cjs +1 -1
  296. package/dist/index62.mjs +42 -39
  297. package/dist/index64.cjs +1 -1
  298. package/dist/index64.mjs +1 -1
  299. package/dist/index65.cjs +1 -1
  300. package/dist/index65.mjs +1 -1
  301. package/dist/index66.cjs +1 -1
  302. package/dist/index66.mjs +1 -1
  303. package/dist/index67.cjs +1 -1
  304. package/dist/index67.mjs +1 -1
  305. package/dist/index68.cjs +1 -1
  306. package/dist/index68.mjs +1 -1
  307. package/dist/index69.cjs +1 -1
  308. package/dist/index69.mjs +1 -1
  309. package/dist/index7.cjs +1 -1
  310. package/dist/index7.mjs +1 -1
  311. package/dist/index70.cjs +1 -1
  312. package/dist/index70.mjs +1 -1
  313. package/dist/index71.cjs +1 -1
  314. package/dist/index71.mjs +1 -1
  315. package/dist/index72.cjs +1 -1
  316. package/dist/index72.mjs +17 -15
  317. package/dist/index73.cjs +1 -1
  318. package/dist/index73.mjs +1 -1
  319. package/dist/index76.cjs +1 -1
  320. package/dist/index76.mjs +1 -1
  321. package/dist/index77.cjs +1 -1
  322. package/dist/index77.mjs +1 -1
  323. package/dist/index78.cjs +1 -1
  324. package/dist/index78.mjs +1 -1
  325. package/dist/index79.cjs +1 -1
  326. package/dist/index79.mjs +1 -1
  327. package/dist/index8.cjs +1 -1
  328. package/dist/index8.mjs +1 -1
  329. package/dist/index80.cjs +1 -1
  330. package/dist/index80.mjs +1 -1
  331. package/dist/index81.cjs +1 -1
  332. package/dist/index81.mjs +21 -3
  333. package/dist/index82.cjs +1 -1
  334. package/dist/index82.mjs +2 -2
  335. package/dist/index9.cjs +1 -1
  336. package/dist/index9.mjs +1 -1
  337. package/dist/index94.mjs +3 -1
  338. package/dist/index97.cjs +1 -1
  339. package/dist/index97.mjs +154 -24
  340. package/dist/index98.cjs +1 -1
  341. package/dist/index98.mjs +218 -46
  342. package/dist/index99.cjs +1 -1
  343. package/dist/index99.mjs +30 -55
  344. package/dist/styles.css +6 -5
  345. package/dist/theme.css +1 -0
  346. package/dist/tokens/brands.d.ts.map +1 -1
  347. package/package.json +4 -4
package/dist/index138.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={orion:{name:"Orion",description:"Default brand - Orion Blue, professional rounded corners",accent:{primary:"{color.brand.orion.500}",light:"{color.brand.orion.100}",dark:"{color.brand.orion.900}"},typography:{primary:"Libre Baskerville",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orion.500}",interactivePrimaryHover:"{color.brand.orion.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark">',css:"/* No additional CSS needed - default */",attribute:null}},deepblue:{name:"Deepblue",description:"Deepblue brand - Deep Blue with Work Sans typography",accent:{primary:"{color.brand.deepblue.500}",light:"{color.brand.deepblue.100}",dark:"{color.brand.deepblue.800}"},typography:{primary:"Work Sans",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.lg}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.deepblue.500}",interactivePrimaryHover:"{color.brand.deepblue.400}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="deepblue">',css:'/* Included in theme.css via [data-brand="deepblue"] */',attribute:"deepblue"}},red:{name:"Red",description:"Red brand - Red with Poppins typography and pill buttons",accent:{primary:"{color.brand.red.500}",light:"{color.brand.red.100}",dark:"{color.brand.red.900}"},typography:{primary:"Poppins",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"var(--radius-lg)",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.600}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.red.500}",interactivePrimaryHover:"{color.brand.red.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="red">',css:'/* Included in theme.css via [data-brand="red"] */',attribute:"red"}},orange:{name:"Orange",description:"Orange brand - Red-Orange with pill buttons",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.full}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.orange.500}",interactivePrimaryHover:"{color.brand.orange.400}",interactivePrimaryText:"{color.neutral.0}"}},usage:{html:'<html data-theme="dark" data-brand="orange">',css:'/* Included in theme.css via [data-brand="orange"] */',attribute:"orange"}},ember:{name:"Ember",description:"Ember brand — Orange accent with dark neutral buttons and rectangular geometry",accent:{primary:"{color.brand.orange.500}",light:"{color.brand.orange.100}",dark:"{color.brand.orange.900}"},typography:{primary:"DM Sans",secondary:"Inter",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.md}",radiusContainer:"{radius.xl}",buttonStyle:"rounded"},semantic:{light:{interactivePrimary:"{color.neutral.900}",interactivePrimaryHover:"{color.neutral.700}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.neutral.100}",interactivePrimaryHover:"{color.neutral.0}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="light|dark" data-brand="ember">',css:'/* Included in theme.css via [data-brand="ember"] */',attribute:"ember"}},lemon:{name:"Lemon",description:"Lemon brand - Bright lime green with Anton typography and highly rounded design",accent:{primary:"{color.brand.lemon.600}",light:"{color.brand.lemon.100}",dark:"{color.brand.lemon.900}"},typography:{primary:"Anton",secondary:"Work Sans",mono:"JetBrains Mono"},geometry:{radiusControl:"{radius.lg}",radiusContainer:"{radius.lg}",buttonStyle:"pill"},semantic:{light:{interactivePrimary:"{color.brand.lemon.700}",interactivePrimaryHover:"{color.brand.lemon.800}",interactivePrimaryText:"{color.neutral.0}"},dark:{interactivePrimary:"{color.brand.lemon.500}",interactivePrimaryHover:"{color.brand.lemon.600}",interactivePrimaryText:"{color.neutral.900}"}},usage:{html:'<html data-theme="dark" data-brand="lemon">',css:'/* Included in theme.css via [data-brand="lemon"] */',attribute:"lemon"}}};exports.brands=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),f=require("react-syntax-highlighter"),d=require("react-syntax-highlighter/dist/esm/styles/prism"),u=require("lucide-react"),o=require("./index132.cjs"),k=require("./index75.cjs"),b=t=>t?{js:"javascript",ts:"typescript",jsx:"jsx",tsx:"tsx",py:"python",rb:"ruby",sh:"bash",shell:"bash",yml:"yaml",md:"markdown"}[t.toLowerCase()]||t.toLowerCase():"text",h=({code:t,language:s,showLineNumbers:m=!1,showCopyButton:p=!0,maxHeight:y="400px",className:C,...x})=>{const[a,r]=n.useState(!1);let c="dark";try{c=k.useThemeContext().theme}catch{}const g=n.useCallback(async()=>{try{await navigator.clipboard.writeText(t),r(!0),setTimeout(()=>r(!1),2e3)}catch(l){console.error("Failed to copy code:",l)}},[t]),i=b(s),j=c==="light"?d.oneLight:d.oneDark;return e.jsxs("div",{className:[o.default.codeBlock,C].filter(Boolean).join(" "),...x,children:[e.jsxs("div",{className:o.default.codeBlockHeader,children:[e.jsx("span",{className:o.default.codeBlockLanguage,children:i}),p&&e.jsx("button",{className:[o.default.codeBlockCopy,a&&o.default.codeBlockCopied].filter(Boolean).join(" "),onClick:g,"aria-label":a?"Copied!":"Copy code",children:a?e.jsxs(e.Fragment,{children:[e.jsx(u.Check,{size:14}),"Copied!"]}):e.jsxs(e.Fragment,{children:[e.jsx(u.Copy,{size:14}),"Copy"]})})]}),e.jsx("div",{className:o.default.codeBlockContent,style:{maxHeight:y},children:e.jsx(f.Prism,{language:i,style:j,showLineNumbers:m,customStyle:{margin:0,padding:0,background:"transparent",fontSize:"inherit",lineHeight:"inherit"},codeTagProps:{style:{fontFamily:"var(--font-mono)"}},children:t})})]})};h.displayName="ChatCodeBlock";exports.ChatCodeBlock=h;
package/dist/index138.mjs CHANGED
@@ -1,221 +1,93 @@
1
- const r = {
2
- orion: {
3
- name: "Orion",
4
- description: "Default brand - Orion Blue, professional rounded corners",
5
- accent: {
6
- primary: "{color.brand.orion.500}",
7
- light: "{color.brand.orion.100}",
8
- dark: "{color.brand.orion.900}"
9
- },
10
- typography: {
11
- primary: "Libre Baskerville",
12
- secondary: "Inter",
13
- mono: "JetBrains Mono"
14
- },
15
- geometry: {
16
- radiusControl: "{radius.md}",
17
- radiusContainer: "{radius.lg}",
18
- buttonStyle: "pill"
19
- },
20
- semantic: {
21
- light: {
22
- interactivePrimary: "{color.brand.orion.500}",
23
- interactivePrimaryHover: "{color.brand.orion.700}",
24
- interactivePrimaryText: "{color.neutral.0}"
25
- },
26
- dark: {
27
- interactivePrimary: "{color.brand.orion.500}",
28
- interactivePrimaryHover: "{color.brand.orion.400}",
29
- interactivePrimaryText: "{color.neutral.0}"
30
- }
31
- },
32
- usage: {
33
- html: '<html data-theme="dark">',
34
- css: "/* No additional CSS needed - default */",
35
- attribute: null
36
- }
37
- },
38
- deepblue: {
39
- name: "Deepblue",
40
- description: "Deepblue brand - Deep Blue with Work Sans typography",
41
- accent: {
42
- primary: "{color.brand.deepblue.500}",
43
- light: "{color.brand.deepblue.100}",
44
- dark: "{color.brand.deepblue.800}"
45
- },
46
- typography: {
47
- primary: "Work Sans",
48
- secondary: "Work Sans",
49
- mono: "JetBrains Mono"
50
- },
51
- geometry: {
52
- radiusControl: "{radius.md}",
53
- radiusContainer: "{radius.lg}",
54
- buttonStyle: "rounded"
55
- },
56
- semantic: {
57
- light: {
58
- interactivePrimary: "{color.brand.deepblue.500}",
59
- interactivePrimaryHover: "{color.brand.deepblue.700}",
60
- interactivePrimaryText: "{color.neutral.0}"
61
- },
62
- dark: {
63
- interactivePrimary: "{color.brand.deepblue.500}",
64
- interactivePrimaryHover: "{color.brand.deepblue.400}",
65
- interactivePrimaryText: "{color.neutral.900}"
66
- }
67
- },
68
- usage: {
69
- html: '<html data-theme="dark" data-brand="deepblue">',
70
- css: '/* Included in theme.css via [data-brand="deepblue"] */',
71
- attribute: "deepblue"
72
- }
73
- },
74
- red: {
75
- name: "Red",
76
- description: "Red brand - Red with Poppins typography and pill buttons",
77
- accent: {
78
- primary: "{color.brand.red.500}",
79
- light: "{color.brand.red.100}",
80
- dark: "{color.brand.red.900}"
81
- },
82
- typography: {
83
- primary: "Poppins",
84
- secondary: "Inter",
85
- mono: "JetBrains Mono"
86
- },
87
- geometry: {
88
- radiusControl: "var(--radius-lg)",
89
- radiusContainer: "{radius.lg}",
90
- buttonStyle: "pill"
91
- },
92
- semantic: {
93
- light: {
94
- interactivePrimary: "{color.brand.red.500}",
95
- interactivePrimaryHover: "{color.brand.red.600}",
96
- interactivePrimaryText: "{color.neutral.0}"
97
- },
98
- dark: {
99
- interactivePrimary: "{color.brand.red.500}",
100
- interactivePrimaryHover: "{color.brand.red.400}",
101
- interactivePrimaryText: "{color.neutral.0}"
102
- }
103
- },
104
- usage: {
105
- html: '<html data-theme="dark" data-brand="red">',
106
- css: '/* Included in theme.css via [data-brand="red"] */',
107
- attribute: "red"
108
- }
109
- },
110
- orange: {
111
- name: "Orange",
112
- description: "Orange brand - Red-Orange with pill buttons",
113
- accent: {
114
- primary: "{color.brand.orange.500}",
115
- light: "{color.brand.orange.100}",
116
- dark: "{color.brand.orange.900}"
117
- },
118
- typography: {
119
- primary: "DM Sans",
120
- secondary: "Inter",
121
- mono: "JetBrains Mono"
122
- },
123
- geometry: {
124
- radiusControl: "{radius.full}",
125
- radiusContainer: "{radius.lg}",
126
- buttonStyle: "pill"
127
- },
128
- semantic: {
129
- light: {
130
- interactivePrimary: "{color.brand.orange.500}",
131
- interactivePrimaryHover: "{color.brand.orange.700}",
132
- interactivePrimaryText: "{color.neutral.0}"
133
- },
134
- dark: {
135
- interactivePrimary: "{color.brand.orange.500}",
136
- interactivePrimaryHover: "{color.brand.orange.400}",
137
- interactivePrimaryText: "{color.neutral.0}"
138
- }
139
- },
140
- usage: {
141
- html: '<html data-theme="dark" data-brand="orange">',
142
- css: '/* Included in theme.css via [data-brand="orange"] */',
143
- attribute: "orange"
144
- }
145
- },
146
- ember: {
147
- name: "Ember",
148
- description: "Ember brand — Orange accent with dark neutral buttons and rectangular geometry",
149
- accent: {
150
- primary: "{color.brand.orange.500}",
151
- light: "{color.brand.orange.100}",
152
- dark: "{color.brand.orange.900}"
153
- },
154
- typography: {
155
- primary: "DM Sans",
156
- secondary: "Inter",
157
- mono: "JetBrains Mono"
158
- },
159
- geometry: {
160
- radiusControl: "{radius.md}",
161
- radiusContainer: "{radius.xl}",
162
- buttonStyle: "rounded"
163
- },
164
- semantic: {
165
- light: {
166
- interactivePrimary: "{color.neutral.900}",
167
- interactivePrimaryHover: "{color.neutral.700}",
168
- interactivePrimaryText: "{color.neutral.0}"
169
- },
170
- dark: {
171
- interactivePrimary: "{color.neutral.100}",
172
- interactivePrimaryHover: "{color.neutral.0}",
173
- interactivePrimaryText: "{color.neutral.900}"
174
- }
175
- },
176
- usage: {
177
- html: '<html data-theme="light|dark" data-brand="ember">',
178
- css: '/* Included in theme.css via [data-brand="ember"] */',
179
- attribute: "ember"
1
+ import { jsxs as r, jsx as o, Fragment as d } from "react/jsx-runtime";
2
+ import { useState as g, useCallback as k } from "react";
3
+ import { Prism as x } from "react-syntax-highlighter";
4
+ import { oneLight as B, oneDark as b } from "react-syntax-highlighter/dist/esm/styles/prism";
5
+ import { Check as j, Copy as v } from "lucide-react";
6
+ import t from "./index132.mjs";
7
+ import { useThemeContext as L } from "./index75.mjs";
8
+ const N = (e) => e ? {
9
+ js: "javascript",
10
+ ts: "typescript",
11
+ jsx: "jsx",
12
+ tsx: "tsx",
13
+ py: "python",
14
+ rb: "ruby",
15
+ sh: "bash",
16
+ shell: "bash",
17
+ yml: "yaml",
18
+ md: "markdown"
19
+ }[e.toLowerCase()] || e.toLowerCase() : "text", w = ({
20
+ code: e,
21
+ language: s,
22
+ showLineNumbers: m = !1,
23
+ showCopyButton: p = !0,
24
+ maxHeight: h = "400px",
25
+ className: y,
26
+ ...C
27
+ }) => {
28
+ const [a, i] = g(!1);
29
+ let l = "dark";
30
+ try {
31
+ l = L().theme;
32
+ } catch {
33
+ }
34
+ const u = k(async () => {
35
+ try {
36
+ await navigator.clipboard.writeText(e), i(!0), setTimeout(() => i(!1), 2e3);
37
+ } catch (n) {
38
+ console.error("Failed to copy code:", n);
180
39
  }
181
- },
182
- lemon: {
183
- name: "Lemon",
184
- description: "Lemon brand - Bright lime green with Anton typography and highly rounded design",
185
- accent: {
186
- primary: "{color.brand.lemon.600}",
187
- light: "{color.brand.lemon.100}",
188
- dark: "{color.brand.lemon.900}"
189
- },
190
- typography: {
191
- primary: "Anton",
192
- secondary: "Work Sans",
193
- mono: "JetBrains Mono"
194
- },
195
- geometry: {
196
- radiusControl: "{radius.lg}",
197
- radiusContainer: "{radius.lg}",
198
- buttonStyle: "pill"
199
- },
200
- semantic: {
201
- light: {
202
- interactivePrimary: "{color.brand.lemon.700}",
203
- interactivePrimaryHover: "{color.brand.lemon.800}",
204
- interactivePrimaryText: "{color.neutral.0}"
205
- },
206
- dark: {
207
- interactivePrimary: "{color.brand.lemon.500}",
208
- interactivePrimaryHover: "{color.brand.lemon.600}",
209
- interactivePrimaryText: "{color.neutral.900}"
210
- }
211
- },
212
- usage: {
213
- html: '<html data-theme="dark" data-brand="lemon">',
214
- css: '/* Included in theme.css via [data-brand="lemon"] */',
215
- attribute: "lemon"
40
+ }, [e]), c = N(s), f = l === "light" ? B : b;
41
+ return /* @__PURE__ */ r(
42
+ "div",
43
+ {
44
+ className: [t.codeBlock, y].filter(Boolean).join(" "),
45
+ ...C,
46
+ children: [
47
+ /* @__PURE__ */ r("div", { className: t.codeBlockHeader, children: [
48
+ /* @__PURE__ */ o("span", { className: t.codeBlockLanguage, children: c }),
49
+ p && /* @__PURE__ */ o(
50
+ "button",
51
+ {
52
+ className: [t.codeBlockCopy, a && t.codeBlockCopied].filter(Boolean).join(" "),
53
+ onClick: u,
54
+ "aria-label": a ? "Copied!" : "Copy code",
55
+ children: a ? /* @__PURE__ */ r(d, { children: [
56
+ /* @__PURE__ */ o(j, { size: 14 }),
57
+ "Copied!"
58
+ ] }) : /* @__PURE__ */ r(d, { children: [
59
+ /* @__PURE__ */ o(v, { size: 14 }),
60
+ "Copy"
61
+ ] })
62
+ }
63
+ )
64
+ ] }),
65
+ /* @__PURE__ */ o("div", { className: t.codeBlockContent, style: { maxHeight: h }, children: /* @__PURE__ */ o(
66
+ x,
67
+ {
68
+ language: c,
69
+ style: f,
70
+ showLineNumbers: m,
71
+ customStyle: {
72
+ margin: 0,
73
+ padding: 0,
74
+ background: "transparent",
75
+ fontSize: "inherit",
76
+ lineHeight: "inherit"
77
+ },
78
+ codeTagProps: {
79
+ style: {
80
+ fontFamily: "var(--font-mono)"
81
+ }
82
+ },
83
+ children: e
84
+ }
85
+ ) })
86
+ ]
216
87
  }
217
- }
88
+ );
218
89
  };
90
+ w.displayName = "ChatCodeBlock";
219
91
  export {
220
- r as brands
92
+ w as ChatCodeBlock
221
93
  };
package/dist/index139.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_calendar_5j5rk_7",d="_header_5j5rk_19",a="_monthLabel_5j5rk_27",t="_grid_5j5rk_37",r="_weekday_5j5rk_44",_="_day_5j5rk_59",n="_disabled_5j5rk_77",s="_selected_5j5rk_77",o="_rangeStart_5j5rk_77",l="_rangeMiddle_5j5rk_77",c="_rangeEnd_5j5rk_78",i="_today_5j5rk_94",g="_outside_5j5rk_183",k={calendar:e,header:d,monthLabel:a,grid:t,weekday:r,day:_,disabled:n,selected:s,rangeStart:o,rangeMiddle:l,rangeEnd:c,today:i,outside:g};exports.calendar=e;exports.day=_;exports.default=k;exports.disabled=n;exports.grid=t;exports.header=d;exports.monthLabel=a;exports.outside=g;exports.rangeEnd=c;exports.rangeMiddle=l;exports.rangeStart=o;exports.selected=s;exports.today=i;exports.weekday=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react-markdown"),u=require("remark-gfm"),m=require("./index138.cjs"),g=require("./index132.cjs"),o=({content:s,className:c,...i})=>r.jsx("div",{className:[g.default.markdown,c].filter(Boolean).join(" "),...i,children:r.jsx(d,{remarkPlugins:[u],components:{code({className:e,children:t,...a}){const n=/language-(\w+)/.exec(e||"");if(!n)return r.jsx("code",{className:e,...a,children:t});const l=String(t).replace(/\n$/,"");return r.jsx(m.ChatCodeBlock,{code:l,language:n[1]})},pre({children:e}){return r.jsx(r.Fragment,{children:e})},a({href:e,children:t,...a}){const n=e?.startsWith("http");return r.jsx("a",{href:e,target:n?"_blank":void 0,rel:n?"noopener noreferrer":void 0,...a,children:t})}},children:s})});o.displayName="ChatMarkdown";exports.ChatMarkdown=o;
package/dist/index139.mjs CHANGED
@@ -1,31 +1,55 @@
1
- const e = "_calendar_5j5rk_7", d = "_header_5j5rk_19", _ = "_monthLabel_5j5rk_27", a = "_grid_5j5rk_37", r = "_weekday_5j5rk_44", t = "_day_5j5rk_59", n = "_disabled_5j5rk_77", s = "_selected_5j5rk_77", o = "_rangeStart_5j5rk_77", c = "_rangeMiddle_5j5rk_77", l = "_rangeEnd_5j5rk_78", k = "_today_5j5rk_94", j = "_outside_5j5rk_183", g = {
2
- calendar: e,
3
- header: d,
4
- monthLabel: _,
5
- grid: a,
6
- weekday: r,
7
- day: t,
8
- disabled: n,
9
- selected: s,
10
- rangeStart: o,
11
- rangeMiddle: c,
12
- rangeEnd: l,
13
- today: k,
14
- outside: j
15
- };
1
+ import { jsx as e, Fragment as c } from "react/jsx-runtime";
2
+ import l from "react-markdown";
3
+ import d from "remark-gfm";
4
+ import { ChatCodeBlock as p } from "./index138.mjs";
5
+ import g from "./index132.mjs";
6
+ const f = ({
7
+ content: a,
8
+ className: i,
9
+ ...m
10
+ }) => /* @__PURE__ */ e(
11
+ "div",
12
+ {
13
+ className: [g.markdown, i].filter(Boolean).join(" "),
14
+ ...m,
15
+ children: /* @__PURE__ */ e(
16
+ l,
17
+ {
18
+ remarkPlugins: [d],
19
+ components: {
20
+ // Custom code block rendering
21
+ code({ className: r, children: o, ...t }) {
22
+ const n = /language-(\w+)/.exec(r || "");
23
+ if (!n)
24
+ return /* @__PURE__ */ e("code", { className: r, ...t, children: o });
25
+ const s = String(o).replace(/\n$/, "");
26
+ return /* @__PURE__ */ e(p, { code: s, language: n[1] });
27
+ },
28
+ // Custom pre rendering (remove wrapper for code blocks)
29
+ pre({ children: r }) {
30
+ return /* @__PURE__ */ e(c, { children: r });
31
+ },
32
+ // Custom link rendering (open in new tab)
33
+ a({ href: r, children: o, ...t }) {
34
+ const n = r?.startsWith("http");
35
+ return /* @__PURE__ */ e(
36
+ "a",
37
+ {
38
+ href: r,
39
+ target: n ? "_blank" : void 0,
40
+ rel: n ? "noopener noreferrer" : void 0,
41
+ ...t,
42
+ children: o
43
+ }
44
+ );
45
+ }
46
+ },
47
+ children: a
48
+ }
49
+ )
50
+ }
51
+ );
52
+ f.displayName = "ChatMarkdown";
16
53
  export {
17
- e as calendar,
18
- t as day,
19
- g as default,
20
- n as disabled,
21
- a as grid,
22
- d as header,
23
- _ as monthLabel,
24
- j as outside,
25
- l as rangeEnd,
26
- c as rangeMiddle,
27
- o as rangeStart,
28
- s as selected,
29
- k as today,
30
- r as weekday
54
+ f as ChatMarkdown
31
55
  };
package/dist/index14.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),$=require("react"),e=require("./index103.cjs"),C=d=>d.replace(/-([a-z])/g,r=>r[1]?.toUpperCase()||""),o=$.forwardRef(({variant:d="primary",size:r="md",isLoading:t=!1,fullWidth:i=!1,icon:s,iconRight:u,iconOnly:l=!1,className:c,children:f,disabled:m,type:p="button",...h},j)=>{const N=e.default[C(d)],b=[e.default.button,N,e.default[r],i&&e.default.fullWidth,l&&e.default.iconOnly,t&&e.default.loading,c].filter(Boolean).join(" "),x=m||t,n=t?e.default.loadingContent:void 0;return a.jsxs("button",{ref:j,type:p,className:b,disabled:x,...h,children:[t&&a.jsx("span",{className:e.default.spinner,"aria-hidden":"true"}),s&&!l&&a.jsx("span",{className:`${e.default.icon} ${n||""}`,"aria-hidden":"true",children:s}),l&&s?a.jsx("span",{className:`${e.default.icon} ${n||""}`,"aria-hidden":"true",children:s}):a.jsx("span",{className:n,children:f}),u&&!l&&a.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${n||""}`,"aria-hidden":"true",children:u})]})});o.displayName="Button";exports.Button=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),$=require("react"),e=require("./index123.cjs"),C=d=>d.replace(/-([a-z])/g,r=>r[1]?.toUpperCase()||""),o=$.forwardRef(({variant:d="primary",size:r="md",isLoading:t=!1,fullWidth:i=!1,icon:s,iconRight:u,iconOnly:l=!1,className:c,children:f,disabled:m,type:p="button",...h},j)=>{const N=e.default[C(d)],b=[e.default.button,N,e.default[r],i&&e.default.fullWidth,l&&e.default.iconOnly,t&&e.default.loading,c].filter(Boolean).join(" "),x=m||t,n=t?e.default.loadingContent:void 0;return a.jsxs("button",{ref:j,type:p,className:b,disabled:x,...h,children:[t&&a.jsx("span",{className:e.default.spinner,"aria-hidden":"true"}),s&&!l&&a.jsx("span",{className:`${e.default.icon} ${n||""}`,"aria-hidden":"true",children:s}),l&&s?a.jsx("span",{className:`${e.default.icon} ${n||""}`,"aria-hidden":"true",children:s}):a.jsx("span",{className:n,children:f}),u&&!l&&a.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${n||""}`,"aria-hidden":"true",children:u})]})});o.displayName="Button";exports.Button=o;
package/dist/index14.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs as b, jsx as s } from "react/jsx-runtime";
2
2
  import { forwardRef as j } from "react";
3
- import a from "./index103.mjs";
3
+ import a from "./index123.mjs";
4
4
  const x = (l) => l.replace(/-([a-z])/g, (o) => o[1]?.toUpperCase() || ""), B = j(
5
5
  ({
6
6
  variant: l = "primary",
package/dist/index140.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_1pxo1_8",o="_overlay_1pxo1_19",t="_fadeIn_1pxo1_1",n="_panel_1pxo1_39",_="_slideInRight_1pxo1_1",s="_slideInLeft_1pxo1_1",i="_header_1pxo1_101",l="_headerContent_1pxo1_111",p="_title_1pxo1_116",d="_subtitle_1pxo1_125",a="_headerActions_1pxo1_133",r="_closeButton_1pxo1_140",c="_body_1pxo1_170",x="_footer_1pxo1_180",h="_loading_1pxo1_195",f="_spinner_1pxo1_202",u="_spin_1pxo1_202",g={container:e,overlay:o,fadeIn:t,panel:n,"position-right":"_position-right_1pxo1_50",slideInRight:_,"position-left":"_position-left_1pxo1_56",slideInLeft:s,"size-sm":"_size-sm_1pxo1_81","size-md":"_size-md_1pxo1_85","size-lg":"_size-lg_1pxo1_89","size-xl":"_size-xl_1pxo1_93",header:i,headerContent:l,title:p,subtitle:d,headerActions:a,closeButton:r,body:c,footer:x,loading:h,spinner:f,spin:u};exports.body=c;exports.closeButton=r;exports.container=e;exports.default=g;exports.fadeIn=t;exports.footer=x;exports.header=i;exports.headerActions=a;exports.headerContent=l;exports.loading=h;exports.overlay=o;exports.panel=n;exports.slideInLeft=s;exports.slideInRight=_;exports.spin=u;exports.spinner=f;exports.subtitle=d;exports.title=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),I=require("lucide-react"),a=require("./index132.cjs"),w=require("./index185.cjs"),u=({src:i,alt:t="Image attachment",thumbnail:g,onClick:n,enableLightbox:s=!0,className:o,...l})=>{const[h,c]=d.useState(!1),[f,v]=d.useState(!1),m=()=>{n?n():s&&c(!0)},x=r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),m())},j=()=>{v(!0)};return f?e.jsxs("div",{className:[a.default.imagePreview,a.default.attachmentPreview,o].filter(Boolean).join(" "),...l,children:[e.jsx("div",{className:a.default.attachmentPreviewIcon,children:e.jsx(I.ImageOff,{size:20})}),e.jsx("span",{className:a.default.attachmentPreviewName,children:"Image failed to load"})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:[a.default.imagePreview,o].filter(Boolean).join(" "),onClick:m,onKeyDown:x,role:"button",tabIndex:0,"aria-label":t,...l,children:e.jsx("img",{src:g||i,alt:t,className:a.default.imagePreviewImg,onError:j,loading:"lazy"})}),s&&e.jsx(w.ChatLightbox,{src:i,alt:t,isOpen:h,onClose:()=>c(!1)})]})};u.displayName="ChatImagePreview";exports.ChatImagePreview=u;
package/dist/index140.mjs CHANGED
@@ -1,45 +1,69 @@
1
- const o = "_container_1pxo1_8", e = "_overlay_1pxo1_19", _ = "_fadeIn_1pxo1_1", t = "_panel_1pxo1_39", n = "_slideInRight_1pxo1_1", s = "_slideInLeft_1pxo1_1", i = "_header_1pxo1_101", p = "_headerContent_1pxo1_111", l = "_title_1pxo1_116", c = "_subtitle_1pxo1_125", d = "_headerActions_1pxo1_133", a = "_closeButton_1pxo1_140", x = "_body_1pxo1_170", r = "_footer_1pxo1_180", h = "_loading_1pxo1_195", f = "_spinner_1pxo1_202", g = "_spin_1pxo1_202", I = {
2
- container: o,
3
- overlay: e,
4
- fadeIn: _,
5
- panel: t,
6
- "position-right": "_position-right_1pxo1_50",
7
- slideInRight: n,
8
- "position-left": "_position-left_1pxo1_56",
9
- slideInLeft: s,
10
- "size-sm": "_size-sm_1pxo1_81",
11
- "size-md": "_size-md_1pxo1_85",
12
- "size-lg": "_size-lg_1pxo1_89",
13
- "size-xl": "_size-xl_1pxo1_93",
14
- header: i,
15
- headerContent: p,
16
- title: l,
17
- subtitle: c,
18
- headerActions: d,
19
- closeButton: a,
20
- body: x,
21
- footer: r,
22
- loading: h,
23
- spinner: f,
24
- spin: g
1
+ import { jsxs as f, jsx as e, Fragment as u } from "react/jsx-runtime";
2
+ import { useState as g } from "react";
3
+ import { ImageOff as P } from "lucide-react";
4
+ import a from "./index132.mjs";
5
+ import { ChatLightbox as y } from "./index185.mjs";
6
+ const x = ({
7
+ src: i,
8
+ alt: r = "Image attachment",
9
+ thumbnail: h,
10
+ onClick: o,
11
+ enableLightbox: n = !0,
12
+ className: m,
13
+ ...s
14
+ }) => {
15
+ const [d, l] = g(!1), [p, v] = g(!1), c = () => {
16
+ o ? o() : n && l(!0);
17
+ }, I = (t) => {
18
+ (t.key === "Enter" || t.key === " ") && (t.preventDefault(), c());
19
+ }, w = () => {
20
+ v(!0);
21
+ };
22
+ return p ? /* @__PURE__ */ f(
23
+ "div",
24
+ {
25
+ className: [a.imagePreview, a.attachmentPreview, m].filter(Boolean).join(" "),
26
+ ...s,
27
+ children: [
28
+ /* @__PURE__ */ e("div", { className: a.attachmentPreviewIcon, children: /* @__PURE__ */ e(P, { size: 20 }) }),
29
+ /* @__PURE__ */ e("span", { className: a.attachmentPreviewName, children: "Image failed to load" })
30
+ ]
31
+ }
32
+ ) : /* @__PURE__ */ f(u, { children: [
33
+ /* @__PURE__ */ e(
34
+ "div",
35
+ {
36
+ className: [a.imagePreview, m].filter(Boolean).join(" "),
37
+ onClick: c,
38
+ onKeyDown: I,
39
+ role: "button",
40
+ tabIndex: 0,
41
+ "aria-label": r,
42
+ ...s,
43
+ children: /* @__PURE__ */ e(
44
+ "img",
45
+ {
46
+ src: h || i,
47
+ alt: r,
48
+ className: a.imagePreviewImg,
49
+ onError: w,
50
+ loading: "lazy"
51
+ }
52
+ )
53
+ }
54
+ ),
55
+ n && /* @__PURE__ */ e(
56
+ y,
57
+ {
58
+ src: i,
59
+ alt: r,
60
+ isOpen: d,
61
+ onClose: () => l(!1)
62
+ }
63
+ )
64
+ ] });
25
65
  };
66
+ x.displayName = "ChatImagePreview";
26
67
  export {
27
- x as body,
28
- a as closeButton,
29
- o as container,
30
- I as default,
31
- _ as fadeIn,
32
- r as footer,
33
- i as header,
34
- d as headerActions,
35
- p as headerContent,
36
- h as loading,
37
- e as overlay,
38
- t as panel,
39
- s as slideInLeft,
40
- n as slideInRight,
41
- g as spin,
42
- f as spinner,
43
- c as subtitle,
44
- l as title
68
+ x as ChatImagePreview
45
69
  };
package/dist/index141.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_container_8sbpj_13",r="_disabled_8sbpj_19",o="_label_8sbpj_27",t="_labelText_8sbpj_43",s="_optional_8sbpj_47",_="_required_8sbpj_53",n="_textarea_8sbpj_63",a="_error_8sbpj_135",i="_sm_8sbpj_153",l="_md_8sbpj_159",c="_lg_8sbpj_165",b="_resizeNone_8sbpj_175",p="_resizeVertical_8sbpj_179",u="_resizeHorizontal_8sbpj_183",j="_resizeBoth_8sbpj_187",d="_footer_8sbpj_195",z="_helperText_8sbpj_202",g="_errorMessage_8sbpj_222",x="_counter_8sbpj_237",m="_counterWarning_8sbpj_247",T="_counterError_8sbpj_251",h={container:e,disabled:r,label:o,labelText:t,optional:s,required:_,textarea:n,error:a,sm:i,md:l,lg:c,resizeNone:b,resizeVertical:p,resizeHorizontal:u,resizeBoth:j,footer:d,helperText:z,errorMessage:g,counter:x,counterWarning:m,counterError:T};exports.container=e;exports.counter=x;exports.counterError=T;exports.counterWarning=m;exports.default=h;exports.disabled=r;exports.error=a;exports.errorMessage=g;exports.footer=d;exports.helperText=z;exports.label=o;exports.labelText=t;exports.lg=c;exports.md=l;exports.optional=s;exports.required=_;exports.resizeBoth=j;exports.resizeHorizontal=u;exports.resizeNone=b;exports.resizeVertical=p;exports.sm=i;exports.textarea=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),P=require("lucide-react"),m=require("./index184.cjs"),l=require("./index132.cjs"),p=({src:k,duration:T,title:h,className:b,...x})=>{const[o,f]=r.useState(!1),[s,d]=r.useState(0),[a,g]=r.useState(T||0),n=r.useRef(null),j=r.useCallback(()=>{const e=n.current;e&&!isNaN(e.duration)&&isFinite(e.duration)&&g(e.duration)},[]),v=r.useCallback(()=>{const e=n.current;e&&d(e.currentTime)},[]),C=r.useCallback(()=>{f(!1),d(0)},[]),w=r.useCallback(()=>{const e=n.current;e&&(o?e.pause():e.play().catch(()=>{f(!1)}),f(!o))},[o]),N=r.useCallback(e=>{const c=n.current;if(!c||!a)return;const u=e.currentTarget.getBoundingClientRect(),y=(e.clientX-u.left)/u.width*a;c.currentTime=y,d(y)},[a]),A=r.useCallback(e=>{const c=n.current;if(!c||!a)return;const u=5;let i=s;switch(e.key){case"ArrowRight":case"ArrowUp":e.preventDefault(),i=Math.min(s+u,a);break;case"ArrowLeft":case"ArrowDown":e.preventDefault(),i=Math.max(s-u,0);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=a;break;default:return}c.currentTime=i,d(i)},[s,a]),D=a>0?s/a*100:0;return r.useEffect(()=>()=>{const e=n.current;e&&e.pause()},[]),t.jsxs("div",{className:[l.default.audioPlayer,b].filter(Boolean).join(" "),...x,children:[t.jsx("audio",{ref:n,src:k,onLoadedMetadata:j,onTimeUpdate:v,onEnded:C,preload:"metadata"}),t.jsx("button",{className:l.default.audioPlayerButton,onClick:w,"aria-label":o?"Pause":"Play",children:o?t.jsx(P.Pause,{size:16}):t.jsx(P.Play,{size:16})}),t.jsxs("div",{className:l.default.audioPlayerProgress,children:[h&&t.jsx("span",{className:l.default.attachmentPreviewName,children:h}),t.jsx("div",{className:l.default.audioPlayerTrack,onClick:N,onKeyDown:A,role:"slider","aria-label":"Audio progress","aria-valuemin":0,"aria-valuemax":a,"aria-valuenow":s,"aria-valuetext":`${m.formatTime(s)} of ${m.formatTime(a)}`,tabIndex:0,children:t.jsx("div",{className:l.default.audioPlayerFill,style:{width:`${D}%`}})}),t.jsxs("div",{className:l.default.audioPlayerTime,children:[t.jsx("span",{children:m.formatTime(s)}),t.jsx("span",{children:m.formatTime(a)})]})]})]})};p.displayName="ChatAudioPlayer";exports.ChatAudioPlayer=p;