@romansmirnov/doku 1.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 (440) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +113 -0
  3. package/bin/doku.js +32 -0
  4. package/bin/init.js +71 -0
  5. package/client/src/lib/utils.js +4 -0
  6. package/dist/assets/index-Bq96uZdY.css +1 -0
  7. package/dist/assets/index-DP3uLjsR.js +196 -0
  8. package/dist/assets/inter-v12-latin-100-46Mq0mOp.woff +0 -0
  9. package/dist/assets/inter-v12-latin-100-BQDzDElq.woff2 +0 -0
  10. package/dist/assets/inter-v12-latin-200-BxfrU12A.woff2 +0 -0
  11. package/dist/assets/inter-v12-latin-200-DXfqWPZg.woff +0 -0
  12. package/dist/assets/inter-v12-latin-300-DEbyFmpd.woff2 +0 -0
  13. package/dist/assets/inter-v12-latin-300-f7r92Nkj.woff +0 -0
  14. package/dist/assets/inter-v12-latin-500-BQ2gQN_M.woff +0 -0
  15. package/dist/assets/inter-v12-latin-500-DfX5FI9E.woff2 +0 -0
  16. package/dist/assets/inter-v12-latin-600-BvOeHRLc.woff2 +0 -0
  17. package/dist/assets/inter-v12-latin-600-D01NXWOK.woff +0 -0
  18. package/dist/assets/inter-v12-latin-700-B5TOIllR.woff +0 -0
  19. package/dist/assets/inter-v12-latin-700-Bj1B9WKG.woff2 +0 -0
  20. package/dist/assets/inter-v12-latin-800-Bdy4lAMa.woff2 +0 -0
  21. package/dist/assets/inter-v12-latin-800-DFVvDWwT.woff +0 -0
  22. package/dist/assets/inter-v12-latin-900-CMga-52B.woff2 +0 -0
  23. package/dist/assets/inter-v12-latin-900-ORHAl5ZU.woff +0 -0
  24. package/dist/assets/inter-v12-latin-regular-CahmJf_6.woff +0 -0
  25. package/dist/assets/inter-v12-latin-regular-YtgfLPRn.woff2 +0 -0
  26. package/dist/assets/module-CFHRyJc-.js +716 -0
  27. package/dist/assets/native-CUze18dq.js +1 -0
  28. package/dist/index.html +13 -0
  29. package/icons/LICENSE +21 -0
  30. package/icons/README.md +31 -0
  31. package/icons/icons/a-arrow-down.tsx +119 -0
  32. package/icons/icons/a-arrow-up.tsx +120 -0
  33. package/icons/icons/accessibility.tsx +172 -0
  34. package/icons/icons/activity.tsx +109 -0
  35. package/icons/icons/air-vent.tsx +119 -0
  36. package/icons/icons/airplane.tsx +134 -0
  37. package/icons/icons/airplay.tsx +130 -0
  38. package/icons/icons/alarm-clock.tsx +178 -0
  39. package/icons/icons/align-center.tsx +98 -0
  40. package/icons/icons/align-horizontal.tsx +126 -0
  41. package/icons/icons/align-left.tsx +126 -0
  42. package/icons/icons/align-right.tsx +126 -0
  43. package/icons/icons/align-vertical.tsx +126 -0
  44. package/icons/icons/ambulance.tsx +205 -0
  45. package/icons/icons/angry.tsx +165 -0
  46. package/icons/icons/annoyed.tsx +163 -0
  47. package/icons/icons/archive.tsx +132 -0
  48. package/icons/icons/arrow-big-down-dash.tsx +107 -0
  49. package/icons/icons/arrow-big-down.tsx +97 -0
  50. package/icons/icons/arrow-big-left-dash.tsx +107 -0
  51. package/icons/icons/arrow-big-left.tsx +97 -0
  52. package/icons/icons/arrow-big-right-dash.tsx +107 -0
  53. package/icons/icons/arrow-big-right.tsx +97 -0
  54. package/icons/icons/arrow-big-up-dash.tsx +107 -0
  55. package/icons/icons/arrow-big-up.tsx +96 -0
  56. package/icons/icons/arrow-down-0-1.tsx +120 -0
  57. package/icons/icons/arrow-down-1-0.tsx +120 -0
  58. package/icons/icons/arrow-down-a-z.tsx +116 -0
  59. package/icons/icons/arrow-down-left.tsx +113 -0
  60. package/icons/icons/arrow-down-right.tsx +117 -0
  61. package/icons/icons/arrow-down-z-a.tsx +116 -0
  62. package/icons/icons/arrow-down.tsx +112 -0
  63. package/icons/icons/arrow-left.tsx +112 -0
  64. package/icons/icons/arrow-right.tsx +112 -0
  65. package/icons/icons/arrow-up-left.tsx +98 -0
  66. package/icons/icons/arrow-up-right.tsx +99 -0
  67. package/icons/icons/arrow-up.tsx +112 -0
  68. package/icons/icons/at-sign.tsx +135 -0
  69. package/icons/icons/atom.tsx +124 -0
  70. package/icons/icons/attach-file.tsx +100 -0
  71. package/icons/icons/audio-lines.tsx +138 -0
  72. package/icons/icons/axe.tsx +104 -0
  73. package/icons/icons/badge-alert.tsx +98 -0
  74. package/icons/icons/badge-percent.tsx +111 -0
  75. package/icons/icons/ban.tsx +137 -0
  76. package/icons/icons/banana.tsx +115 -0
  77. package/icons/icons/battery-charging.tsx +101 -0
  78. package/icons/icons/battery-full.tsx +136 -0
  79. package/icons/icons/battery-low.tsx +116 -0
  80. package/icons/icons/battery-medium.tsx +127 -0
  81. package/icons/icons/battery-plus.tsx +102 -0
  82. package/icons/icons/battery-warning.tsx +104 -0
  83. package/icons/icons/battery.tsx +100 -0
  84. package/icons/icons/bell-electric.tsx +124 -0
  85. package/icons/icons/bell.tsx +93 -0
  86. package/icons/icons/blocks.tsx +92 -0
  87. package/icons/icons/bluetooth-connected.tsx +136 -0
  88. package/icons/icons/bluetooth-off.tsx +124 -0
  89. package/icons/icons/bluetooth-searching.tsx +128 -0
  90. package/icons/icons/bluetooth.tsx +99 -0
  91. package/icons/icons/bold.tsx +95 -0
  92. package/icons/icons/bone.tsx +98 -0
  93. package/icons/icons/book-text.tsx +101 -0
  94. package/icons/icons/bookmark-check.tsx +120 -0
  95. package/icons/icons/bookmark-minus.tsx +123 -0
  96. package/icons/icons/bookmark-plus.tsx +137 -0
  97. package/icons/icons/bookmark-x.tsx +131 -0
  98. package/icons/icons/bookmark.tsx +98 -0
  99. package/icons/icons/bot-message-square.tsx +172 -0
  100. package/icons/icons/bot.tsx +122 -0
  101. package/icons/icons/box.tsx +117 -0
  102. package/icons/icons/boxes.tsx +105 -0
  103. package/icons/icons/brain.tsx +192 -0
  104. package/icons/icons/calendar-check-2.tsx +111 -0
  105. package/icons/icons/calendar-check.tsx +111 -0
  106. package/icons/icons/calendar-cog.tsx +105 -0
  107. package/icons/icons/calendar-days.tsx +127 -0
  108. package/icons/icons/cart.tsx +97 -0
  109. package/icons/icons/cast.tsx +113 -0
  110. package/icons/icons/cctv.tsx +125 -0
  111. package/icons/icons/chart-bar-decreasing.tsx +129 -0
  112. package/icons/icons/chart-bar-increasing.tsx +129 -0
  113. package/icons/icons/chart-column-decreasing.tsx +130 -0
  114. package/icons/icons/chart-column-increasing.tsx +130 -0
  115. package/icons/icons/chart-line.tsx +103 -0
  116. package/icons/icons/chart-no-axes-column-decreasing.tsx +129 -0
  117. package/icons/icons/chart-no-axes-column-increasing.tsx +129 -0
  118. package/icons/icons/chart-pie.tsx +98 -0
  119. package/icons/icons/chart-scatter.tsx +146 -0
  120. package/icons/icons/chart-spline.tsx +103 -0
  121. package/icons/icons/check-check.tsx +117 -0
  122. package/icons/icons/check.tsx +108 -0
  123. package/icons/icons/chess-bishop.tsx +112 -0
  124. package/icons/icons/chess-king.tsx +113 -0
  125. package/icons/icons/chess-knight.tsx +114 -0
  126. package/icons/icons/chess-pawn.tsx +150 -0
  127. package/icons/icons/chevron-down.tsx +94 -0
  128. package/icons/icons/chevron-first.tsx +102 -0
  129. package/icons/icons/chevron-left.tsx +94 -0
  130. package/icons/icons/chevron-right.tsx +95 -0
  131. package/icons/icons/chevron-up.tsx +94 -0
  132. package/icons/icons/chevrons-down-up.tsx +108 -0
  133. package/icons/icons/chevrons-left-right.tsx +108 -0
  134. package/icons/icons/chevrons-right-left.tsx +108 -0
  135. package/icons/icons/chevrons-up-down.tsx +108 -0
  136. package/icons/icons/chrome.tsx +137 -0
  137. package/icons/icons/circle-check.tsx +107 -0
  138. package/icons/icons/circle-chevron-down.tsx +99 -0
  139. package/icons/icons/circle-chevron-left.tsx +97 -0
  140. package/icons/icons/circle-chevron-right.tsx +97 -0
  141. package/icons/icons/circle-chevron-up.tsx +99 -0
  142. package/icons/icons/circle-dashed.tsx +108 -0
  143. package/icons/icons/circle-dollar-sign.tsx +137 -0
  144. package/icons/icons/circle-help.tsx +98 -0
  145. package/icons/icons/clap.tsx +121 -0
  146. package/icons/icons/clipboard-check.tsx +109 -0
  147. package/icons/icons/clock.tsx +138 -0
  148. package/icons/icons/cloud-cog.tsx +101 -0
  149. package/icons/icons/cloud-download.tsx +98 -0
  150. package/icons/icons/cloud-lightning.tsx +97 -0
  151. package/icons/icons/cloud-rain-wind.tsx +109 -0
  152. package/icons/icons/cloud-rain.tsx +112 -0
  153. package/icons/icons/cloud-snow.tsx +125 -0
  154. package/icons/icons/cloud-sun.tsx +137 -0
  155. package/icons/icons/cloud-upload.tsx +97 -0
  156. package/icons/icons/coffee.tsx +118 -0
  157. package/icons/icons/cog.tsx +103 -0
  158. package/icons/icons/compass.tsx +98 -0
  159. package/icons/icons/concierge-bell.tsx +123 -0
  160. package/icons/icons/connect.tsx +164 -0
  161. package/icons/icons/construction.tsx +111 -0
  162. package/icons/icons/contrast.tsx +100 -0
  163. package/icons/icons/cooking-pot.tsx +120 -0
  164. package/icons/icons/copy.tsx +110 -0
  165. package/icons/icons/corner-down-left.tsx +98 -0
  166. package/icons/icons/corner-down-right.tsx +98 -0
  167. package/icons/icons/corner-left-down.tsx +98 -0
  168. package/icons/icons/corner-left-up.tsx +98 -0
  169. package/icons/icons/corner-right-down.tsx +98 -0
  170. package/icons/icons/corner-right-up.tsx +98 -0
  171. package/icons/icons/corner-up-left.tsx +98 -0
  172. package/icons/icons/corner-up-right.tsx +98 -0
  173. package/icons/icons/cpu.tsx +159 -0
  174. package/icons/icons/cup-soda.tsx +180 -0
  175. package/icons/icons/cursor-click.tsx +146 -0
  176. package/icons/icons/database-backup.tsx +96 -0
  177. package/icons/icons/delete.tsx +133 -0
  178. package/icons/icons/disc-3.tsx +93 -0
  179. package/icons/icons/discord.tsx +131 -0
  180. package/icons/icons/dollar-sign.tsx +135 -0
  181. package/icons/icons/download.tsx +99 -0
  182. package/icons/icons/downvote.tsx +96 -0
  183. package/icons/icons/dribbble.tsx +183 -0
  184. package/icons/icons/droplet.tsx +97 -0
  185. package/icons/icons/drum.tsx +112 -0
  186. package/icons/icons/earth.tsx +157 -0
  187. package/icons/icons/euro.tsx +141 -0
  188. package/icons/icons/ev-charger.tsx +102 -0
  189. package/icons/icons/expand.tsx +123 -0
  190. package/icons/icons/eye-off.tsx +99 -0
  191. package/icons/icons/eye.tsx +100 -0
  192. package/icons/icons/facebook.tsx +108 -0
  193. package/icons/icons/feather.tsx +103 -0
  194. package/icons/icons/figma.tsx +122 -0
  195. package/icons/icons/file-chart-line.tsx +105 -0
  196. package/icons/icons/file-check-2.tsx +108 -0
  197. package/icons/icons/file-check.tsx +108 -0
  198. package/icons/icons/file-cog.tsx +99 -0
  199. package/icons/icons/file-pen-line.tsx +115 -0
  200. package/icons/icons/file-stack.tsx +105 -0
  201. package/icons/icons/file-text.tsx +159 -0
  202. package/icons/icons/fingerprint.tsx +197 -0
  203. package/icons/icons/fish-symbol.tsx +101 -0
  204. package/icons/icons/flame.tsx +105 -0
  205. package/icons/icons/flask.tsx +120 -0
  206. package/icons/icons/folder-archive.tsx +95 -0
  207. package/icons/icons/folder-check.tsx +106 -0
  208. package/icons/icons/folder-clock.tsx +139 -0
  209. package/icons/icons/folder-code.tsx +108 -0
  210. package/icons/icons/folder-cog.tsx +101 -0
  211. package/icons/icons/folder-dot.tsx +97 -0
  212. package/icons/icons/folder-down.tsx +100 -0
  213. package/icons/icons/folder-git-2.tsx +146 -0
  214. package/icons/icons/folder-git.tsx +116 -0
  215. package/icons/icons/folder-heart.tsx +101 -0
  216. package/icons/icons/folder-input.tsx +100 -0
  217. package/icons/icons/folder-kanban.tsx +111 -0
  218. package/icons/icons/folder-key.tsx +104 -0
  219. package/icons/icons/folder-lock.tsx +103 -0
  220. package/icons/icons/folder-minus.tsx +96 -0
  221. package/icons/icons/folder-open.tsx +100 -0
  222. package/icons/icons/folder-output.tsx +101 -0
  223. package/icons/icons/folder-plus.tsx +109 -0
  224. package/icons/icons/folder-root.tsx +107 -0
  225. package/icons/icons/folder-sync.tsx +102 -0
  226. package/icons/icons/folder-tree.tsx +145 -0
  227. package/icons/icons/folder-up.tsx +100 -0
  228. package/icons/icons/folder-x.tsx +105 -0
  229. package/icons/icons/folders.tsx +122 -0
  230. package/icons/icons/frame.tsx +152 -0
  231. package/icons/icons/frown.tsx +174 -0
  232. package/icons/icons/gallery-horizontal-end.tsx +117 -0
  233. package/icons/icons/gallery-thumbnails.tsx +100 -0
  234. package/icons/icons/gallery-vertical-end.tsx +117 -0
  235. package/icons/icons/gauge.tsx +102 -0
  236. package/icons/icons/gavel.tsx +107 -0
  237. package/icons/icons/georgian-lari.tsx +148 -0
  238. package/icons/icons/git-branch.tsx +174 -0
  239. package/icons/icons/git-commit-horizontal.tsx +123 -0
  240. package/icons/icons/git-commit-vertical.tsx +117 -0
  241. package/icons/icons/git-compare-arrows.tsx +199 -0
  242. package/icons/icons/git-compare.tsx +170 -0
  243. package/icons/icons/git-fork.tsx +189 -0
  244. package/icons/icons/git-graph.tsx +212 -0
  245. package/icons/icons/git-merge.tsx +148 -0
  246. package/icons/icons/git-pull-request-closed.tsx +199 -0
  247. package/icons/icons/git-pull-request-create.tsx +189 -0
  248. package/icons/icons/git-pull-request.tsx +166 -0
  249. package/icons/icons/github.tsx +149 -0
  250. package/icons/icons/gitlab.tsx +103 -0
  251. package/icons/icons/graduation-cap.tsx +125 -0
  252. package/icons/icons/grip-horizontal.tsx +131 -0
  253. package/icons/icons/grip-vertical.tsx +128 -0
  254. package/icons/icons/grip.tsx +130 -0
  255. package/icons/icons/hammer.tsx +105 -0
  256. package/icons/icons/hand-coins.tsx +150 -0
  257. package/icons/icons/hand-fist.tsx +98 -0
  258. package/icons/icons/hand-grab.tsx +96 -0
  259. package/icons/icons/hand-heart.tsx +114 -0
  260. package/icons/icons/hand-helping.tsx +95 -0
  261. package/icons/icons/hand-metal.tsx +96 -0
  262. package/icons/icons/hand.tsx +95 -0
  263. package/icons/icons/hard-drive-download.tsx +102 -0
  264. package/icons/icons/hard-drive-upload.tsx +102 -0
  265. package/icons/icons/heart-handshake.tsx +97 -0
  266. package/icons/icons/heart-pulse.tsx +136 -0
  267. package/icons/icons/heart.tsx +90 -0
  268. package/icons/icons/history.tsx +159 -0
  269. package/icons/icons/home.tsx +103 -0
  270. package/icons/icons/hourglass.tsx +104 -0
  271. package/icons/icons/id-card.tsx +123 -0
  272. package/icons/icons/index.ts +3686 -0
  273. package/icons/icons/indian-rupee.tsx +153 -0
  274. package/icons/icons/instagram.tsx +187 -0
  275. package/icons/icons/italic.tsx +126 -0
  276. package/icons/icons/japanese-yen.tsx +141 -0
  277. package/icons/icons/key-circle.tsx +93 -0
  278. package/icons/icons/key-square.tsx +94 -0
  279. package/icons/icons/key.tsx +104 -0
  280. package/icons/icons/keyboard.tsx +134 -0
  281. package/icons/icons/languages.tsx +158 -0
  282. package/icons/icons/laptop-minimal-check.tsx +109 -0
  283. package/icons/icons/laugh.tsx +160 -0
  284. package/icons/icons/layers.tsx +113 -0
  285. package/icons/icons/layout-grid.tsx +157 -0
  286. package/icons/icons/layout-panel-top.tsx +143 -0
  287. package/icons/icons/link.tsx +107 -0
  288. package/icons/icons/linkedin.tsx +185 -0
  289. package/icons/icons/loader-circle.tsx +107 -0
  290. package/icons/icons/loader-pinwheel.tsx +110 -0
  291. package/icons/icons/loader.tsx +113 -0
  292. package/icons/icons/lock-keyhole-open.tsx +116 -0
  293. package/icons/icons/lock-keyhole.tsx +115 -0
  294. package/icons/icons/lock-open.tsx +114 -0
  295. package/icons/icons/lock.tsx +114 -0
  296. package/icons/icons/logout.tsx +105 -0
  297. package/icons/icons/mail-check.tsx +108 -0
  298. package/icons/icons/mailbox.tsx +110 -0
  299. package/icons/icons/map-pin-check-inside.tsx +120 -0
  300. package/icons/icons/map-pin-check.tsx +120 -0
  301. package/icons/icons/map-pin-house.tsx +120 -0
  302. package/icons/icons/map-pin-minus-inside.tsx +120 -0
  303. package/icons/icons/map-pin-minus.tsx +120 -0
  304. package/icons/icons/map-pin-off.tsx +122 -0
  305. package/icons/icons/map-pin-plus-inside.tsx +141 -0
  306. package/icons/icons/map-pin-plus.tsx +141 -0
  307. package/icons/icons/map-pin-x-inside.tsx +141 -0
  308. package/icons/icons/map-pin.tsx +122 -0
  309. package/icons/icons/maximize-2.tsx +105 -0
  310. package/icons/icons/maximize.tsx +123 -0
  311. package/icons/icons/meh.tsx +174 -0
  312. package/icons/icons/menu.tsx +125 -0
  313. package/icons/icons/message-circle-check.tsx +107 -0
  314. package/icons/icons/message-circle-dashed.tsx +108 -0
  315. package/icons/icons/message-circle-more.tsx +125 -0
  316. package/icons/icons/message-circle-plus.tsx +131 -0
  317. package/icons/icons/message-circle-x.tsx +131 -0
  318. package/icons/icons/message-circle.tsx +107 -0
  319. package/icons/icons/message-square-check.tsx +108 -0
  320. package/icons/icons/message-square-dashed.tsx +109 -0
  321. package/icons/icons/message-square-more.tsx +125 -0
  322. package/icons/icons/message-square-plus.tsx +131 -0
  323. package/icons/icons/message-square-x.tsx +131 -0
  324. package/icons/icons/message-square.tsx +107 -0
  325. package/icons/icons/mic-off.tsx +112 -0
  326. package/icons/icons/mic.tsx +104 -0
  327. package/icons/icons/minimize.tsx +123 -0
  328. package/icons/icons/monitor-check.tsx +110 -0
  329. package/icons/icons/moon.tsx +98 -0
  330. package/icons/icons/nfc.tsx +134 -0
  331. package/icons/icons/panel-left-close.tsx +99 -0
  332. package/icons/icons/panel-left-open.tsx +99 -0
  333. package/icons/icons/panel-right-open.tsx +99 -0
  334. package/icons/icons/party-popper.tsx +171 -0
  335. package/icons/icons/pause.tsx +130 -0
  336. package/icons/icons/pen-tool.tsx +114 -0
  337. package/icons/icons/philippine-peso.tsx +142 -0
  338. package/icons/icons/pickaxe.tsx +106 -0
  339. package/icons/icons/play.tsx +102 -0
  340. package/icons/icons/plug-zap.tsx +102 -0
  341. package/icons/icons/plus.tsx +92 -0
  342. package/icons/icons/pound-sterling.tsx +148 -0
  343. package/icons/icons/rabbit.tsx +107 -0
  344. package/icons/icons/radio-tower.tsx +138 -0
  345. package/icons/icons/radio.tsx +136 -0
  346. package/icons/icons/redo-dot.tsx +114 -0
  347. package/icons/icons/redo.tsx +103 -0
  348. package/icons/icons/refresh-ccw-dot.tsx +88 -0
  349. package/icons/icons/refresh-ccw.tsx +86 -0
  350. package/icons/icons/refresh-cw-off.tsx +90 -0
  351. package/icons/icons/refresh-cw.tsx +83 -0
  352. package/icons/icons/rocket.tsx +130 -0
  353. package/icons/icons/rocking-chair.tsx +131 -0
  354. package/icons/icons/roller-coaster.tsx +109 -0
  355. package/icons/icons/rotate-ccw.tsx +81 -0
  356. package/icons/icons/rotate-cw.tsx +81 -0
  357. package/icons/icons/route.tsx +131 -0
  358. package/icons/icons/russian-ruble.tsx +136 -0
  359. package/icons/icons/saudi-riyal.tsx +124 -0
  360. package/icons/icons/scan-face.tsx +145 -0
  361. package/icons/icons/scan-text.tsx +139 -0
  362. package/icons/icons/search.tsx +94 -0
  363. package/icons/icons/send.tsx +119 -0
  364. package/icons/icons/settings.tsx +92 -0
  365. package/icons/icons/shield-check.tsx +109 -0
  366. package/icons/icons/ship.tsx +120 -0
  367. package/icons/icons/shower-head.tsx +129 -0
  368. package/icons/icons/shrink.tsx +123 -0
  369. package/icons/icons/sliders-horizontal.tsx +247 -0
  370. package/icons/icons/smartphone-charging.tsx +98 -0
  371. package/icons/icons/smartphone-nfc.tsx +129 -0
  372. package/icons/icons/smile-plus.tsx +99 -0
  373. package/icons/icons/smile.tsx +163 -0
  374. package/icons/icons/snowflake.tsx +109 -0
  375. package/icons/icons/sparkles.tsx +148 -0
  376. package/icons/icons/square-activity.tsx +132 -0
  377. package/icons/icons/square-arrow-down.tsx +119 -0
  378. package/icons/icons/square-arrow-left.tsx +119 -0
  379. package/icons/icons/square-arrow-right.tsx +119 -0
  380. package/icons/icons/square-arrow-up.tsx +119 -0
  381. package/icons/icons/square-chevron-down.tsx +96 -0
  382. package/icons/icons/square-chevron-left.tsx +96 -0
  383. package/icons/icons/square-chevron-right.tsx +96 -0
  384. package/icons/icons/square-chevron-up.tsx +96 -0
  385. package/icons/icons/square-pen.tsx +101 -0
  386. package/icons/icons/square-stack.tsx +123 -0
  387. package/icons/icons/stethoscope.tsx +192 -0
  388. package/icons/icons/sun-dim.tsx +108 -0
  389. package/icons/icons/sun-medium.tsx +108 -0
  390. package/icons/icons/sun-moon.tsx +137 -0
  391. package/icons/icons/sun.tsx +107 -0
  392. package/icons/icons/sunset.tsx +133 -0
  393. package/icons/icons/swiss-franc.tsx +141 -0
  394. package/icons/icons/syringe.tsx +97 -0
  395. package/icons/icons/telescope.tsx +113 -0
  396. package/icons/icons/terminal.tsx +103 -0
  397. package/icons/icons/thermometer.tsx +100 -0
  398. package/icons/icons/timer.tsx +136 -0
  399. package/icons/icons/tornado.tsx +138 -0
  400. package/icons/icons/train-track.tsx +133 -0
  401. package/icons/icons/trending-down.tsx +151 -0
  402. package/icons/icons/trending-up-down.tsx +162 -0
  403. package/icons/icons/trending-up.tsx +150 -0
  404. package/icons/icons/truck.tsx +186 -0
  405. package/icons/icons/turkish-lira.tsx +141 -0
  406. package/icons/icons/twitch.tsx +157 -0
  407. package/icons/icons/twitter.tsx +109 -0
  408. package/icons/icons/underline.tsx +108 -0
  409. package/icons/icons/undo-dot.tsx +114 -0
  410. package/icons/icons/undo.tsx +109 -0
  411. package/icons/icons/upload.tsx +99 -0
  412. package/icons/icons/upvote.tsx +96 -0
  413. package/icons/icons/user-check.tsx +108 -0
  414. package/icons/icons/user-round-check.tsx +109 -0
  415. package/icons/icons/user-round-plus.tsx +127 -0
  416. package/icons/icons/user.tsx +119 -0
  417. package/icons/icons/users.tsx +113 -0
  418. package/icons/icons/vibrate.tsx +106 -0
  419. package/icons/icons/volume.tsx +135 -0
  420. package/icons/icons/washing-machine.tsx +132 -0
  421. package/icons/icons/waves-ladder.tsx +90 -0
  422. package/icons/icons/waves.tsx +112 -0
  423. package/icons/icons/waypoints.tsx +146 -0
  424. package/icons/icons/webhook.tsx +116 -0
  425. package/icons/icons/wifi-low.tsx +177 -0
  426. package/icons/icons/wifi.tsx +112 -0
  427. package/icons/icons/wind-arrow-down.tsx +150 -0
  428. package/icons/icons/wind.tsx +124 -0
  429. package/icons/icons/workflow.tsx +127 -0
  430. package/icons/icons/wrench.tsx +100 -0
  431. package/icons/icons/x.tsx +102 -0
  432. package/icons/icons/youtube.tsx +146 -0
  433. package/icons/icons/zap-off.tsx +115 -0
  434. package/icons/icons/zap.tsx +105 -0
  435. package/package.json +52 -0
  436. package/server/api.js +313 -0
  437. package/server/config.js +32 -0
  438. package/server/frontmatter.js +47 -0
  439. package/server/index.js +34 -0
  440. package/server/search.js +62 -0
package/dist/index.html ADDED
@@ -0,0 +1,13 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Doku</title>
7
+ <script type="module" crossorigin src="/assets/index-DP3uLjsR.js"></script>
8
+ <link rel="stylesheet" crossorigin href="/assets/index-Bq96uZdY.css">
9
+ </head>
10
+ <body>
11
+ <div id="root"></div>
12
+ </body>
13
+ </html>
package/icons/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2024-2026 pqoqubbw
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/icons/README.md ADDED
@@ -0,0 +1,31 @@
1
+ <a href="https://vercel.com/oss">
2
+ <img alt="Vercel OSS Program" src="https://vercel.com/oss/program-badge.svg" />
3
+ </a>
4
+ <br />
5
+
6
+ ## `lucide-animated` is beautifully crafted animated icons.
7
+ ![preview](./public/og.png)
8
+
9
+ **Demo** → [lucide-animated](https://lucide-animated.com)
10
+
11
+ **Sponsorship** → [lucide-animated/sponsorship](https://lucide-animated.com/sponsorship)
12
+
13
+ #### Svelte icons: [movingicons.dev](https://www.movingicons.dev/) by [@jis3r](https://github.com/jis3r)
14
+ #### Vue icons: [imfenghuang.github.io/icons](https://imfenghuang.github.io/icons/) by [@imfenghuang](https://github.com/imfenghuang)
15
+ #### Angular icons: [ajitzero/animated-icons](https://github.com/ajitzero/animated-icons) by [@ajitzero](https://github.com/ajitzero)
16
+ #### Flutter icons: [flutter_lucide_animated](https://pub.dev/packages/flutter_lucide_animated) by [@ravikovind](https://github.com/ravikovind)
17
+
18
+
19
+ ## Contributing
20
+
21
+ We welcome contributions to `lucide-animated`! Please read our [contributing guidelines](CONTRIBUTING.md) on how to submit improvements and new icons.
22
+
23
+ ## Terms of Use
24
+
25
+ Feel free to use these components in personal and commercial projects. However, while the tutorials and demos are available for your use as-is, they cannot be redistributed or resold. Let’s keep things fair and respect each other’s work.
26
+
27
+ If you have any questions or just want to say hi, feel free to reach out to me on X 👉 [@pqoqubbw](https://x.com/pqoqubbw).
28
+
29
+ ## Notes
30
+
31
+ This project is a work in progress, and i'm continuously working to improve and expand this collection. I’d love to hear your feedback or see your contributions as the project evolves!
package/icons/icons/a-arrow-down.tsx ADDED
@@ -0,0 +1,119 @@
1
+ "use client";
2
+
3
+ import type { Variants } from "motion/react";
4
+ import { motion, useAnimation } from "motion/react";
5
+ import type { HTMLAttributes } from "react";
6
+ import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
7
+
8
+ import { cn } from "@/lib/utils";
9
+
10
+ export interface AArrowDownIconHandle {
11
+ startAnimation: () => void;
12
+ stopAnimation: () => void;
13
+ }
14
+
15
+ interface AArrowDownIconProps extends HTMLAttributes<HTMLDivElement> {
16
+ size?: number;
17
+ }
18
+
19
+ const LETTER_VARIANTS: Variants = {
20
+ normal: { opacity: 1, scale: 1 },
21
+ animate: {
22
+ opacity: [0, 1],
23
+ scale: [0.8, 1],
24
+ transition: { duration: 0.3 },
25
+ },
26
+ };
27
+
28
+ const ARROW_VARIANTS: Variants = {
29
+ normal: { opacity: 1, y: 0 },
30
+ animate: {
31
+ opacity: [0, 1],
32
+ y: [-10, 0],
33
+ transition: { duration: 0.3, delay: 0.2 },
34
+ },
35
+ };
36
+
37
+ const AArrowDownIcon = forwardRef<AArrowDownIconHandle, AArrowDownIconProps>(
38
+ ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
39
+ const controls = useAnimation();
40
+ const isControlledRef = useRef(false);
41
+
42
+ useImperativeHandle(ref, () => {
43
+ isControlledRef.current = true;
44
+
45
+ return {
46
+ startAnimation: () => controls.start("animate"),
47
+ stopAnimation: () => controls.start("normal"),
48
+ };
49
+ });
50
+
51
+ const handleMouseEnter = useCallback(
52
+ (e: React.MouseEvent<HTMLDivElement>) => {
53
+ if (isControlledRef.current) {
54
+ onMouseEnter?.(e);
55
+ } else {
56
+ controls.start("animate");
57
+ }
58
+ },
59
+ [controls, onMouseEnter]
60
+ );
61
+
62
+ const handleMouseLeave = useCallback(
63
+ (e: React.MouseEvent<HTMLDivElement>) => {
64
+ if (isControlledRef.current) {
65
+ onMouseLeave?.(e);
66
+ } else {
67
+ controls.start("normal");
68
+ }
69
+ },
70
+ [controls, onMouseLeave]
71
+ );
72
+
73
+ return (
74
+ <div
75
+ className={cn(className)}
76
+ onMouseEnter={handleMouseEnter}
77
+ onMouseLeave={handleMouseLeave}
78
+ {...props}
79
+ >
80
+ <svg
81
+ fill="none"
82
+ height={size}
83
+ stroke="currentColor"
84
+ strokeLinecap="round"
85
+ strokeLinejoin="round"
86
+ strokeWidth="2"
87
+ viewBox="0 0 24 24"
88
+ width={size}
89
+ xmlns="http://www.w3.org/2000/svg"
90
+ >
91
+ <motion.path
92
+ animate={controls}
93
+ d="M3.5 13h6"
94
+ variants={LETTER_VARIANTS}
95
+ />
96
+ <motion.path
97
+ animate={controls}
98
+ d="m2 16 4.5-9 4.5 9"
99
+ variants={LETTER_VARIANTS}
100
+ />
101
+ <motion.path
102
+ animate={controls}
103
+ d="M18 7v9"
104
+ variants={ARROW_VARIANTS}
105
+ />
106
+ <motion.path
107
+ animate={controls}
108
+ d="m14 12 4 4 4-4"
109
+ variants={ARROW_VARIANTS}
110
+ />
111
+ </svg>
112
+ </div>
113
+ );
114
+ }
115
+ );
116
+
117
+ AArrowDownIcon.displayName = "AArrowDownIcon";
118
+
119
+ export { AArrowDownIcon };
package/icons/icons/a-arrow-up.tsx ADDED
@@ -0,0 +1,120 @@
1
+ "use client";
2
+
3
+ import type { Variants } from "motion/react";
4
+ import { motion, useAnimation } from "motion/react";
5
+ import type { HTMLAttributes } from "react";
6
+ import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
7
+
8
+ import { cn } from "@/lib/utils";
9
+
10
+ export interface AArrowUpIconHandle {
11
+ startAnimation: () => void;
12
+ stopAnimation: () => void;
13
+ }
14
+
15
+ interface AArrowUpIconProps extends HTMLAttributes<HTMLDivElement> {
16
+ size?: number;
17
+ }
18
+
19
+ const LETTER_VARIANTS: Variants = {
20
+ normal: { opacity: 1, scale: 1 },
21
+ animate: {
22
+ opacity: [0, 1],
23
+ scale: [0.8, 1],
24
+ transition: { duration: 0.3 },
25
+ },
26
+ };
27
+
28
+ const ARROW_VARIANTS: Variants = {
29
+ normal: { opacity: 1, y: 0 },
30
+ animate: {
31
+ opacity: [0, 1],
32
+ y: [10, 0],
33
+ transition: { duration: 0.3, delay: 0.2 },
34
+ },
35
+ };
36
+
37
+ const AArrowUpIcon = forwardRef<AArrowUpIconHandle, AArrowUpIconProps>(
38
+ ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
39
+ const controls = useAnimation();
40
+ const isControlledRef = useRef(false);
41
+
42
+ useImperativeHandle(ref, () => {
43
+ isControlledRef.current = true;
44
+
45
+ return {
46
+ startAnimation: () => controls.start("animate"),
47
+ stopAnimation: () => controls.start("normal"),
48
+ };
49
+ });
50
+
51
+ const handleMouseEnter = useCallback(
52
+ (e: React.MouseEvent<HTMLDivElement>) => {
53
+ if (isControlledRef.current) {
54
+ onMouseEnter?.(e);
55
+ } else {
56
+ controls.start("animate");
57
+ }
58
+ },
59
+ [controls, onMouseEnter]
60
+ );
61
+
62
+ const handleMouseLeave = useCallback(
63
+ (e: React.MouseEvent<HTMLDivElement>) => {
64
+ if (isControlledRef.current) {
65
+ onMouseLeave?.(e);
66
+ } else {
67
+ controls.start("normal");
68
+ }
69
+ },
70
+ [controls, onMouseLeave]
71
+ );
72
+
73
+ return (
74
+ <div
75
+ className={cn(className)}
76
+ onMouseEnter={handleMouseEnter}
77
+ onMouseLeave={handleMouseLeave}
78
+ {...props}
79
+ >
80
+ <svg
81
+ fill="none"
82
+ height={size}
83
+ stroke="currentColor"
84
+ strokeLinecap="round"
85
+ strokeLinejoin="round"
86
+ strokeWidth="2"
87
+ viewBox="0 0 24 24"
88
+ width={size}
89
+ xmlns="http://www.w3.org/2000/svg"
90
+ >
91
+ <motion.path
92
+ animate={controls}
93
+ d="M3.5 13h6"
94
+ variants={LETTER_VARIANTS}
95
+ />
96
+ <motion.path
97
+ animate={controls}
98
+ d="m2 16 4.5-9 4.5 9"
99
+ variants={LETTER_VARIANTS}
100
+ />
101
+
102
+ <motion.path
103
+ animate={controls}
104
+ d="M18 16V7"
105
+ variants={ARROW_VARIANTS}
106
+ />
107
+ <motion.path
108
+ animate={controls}
109
+ d="m14 11 4-4 4 4"
110
+ variants={ARROW_VARIANTS}
111
+ />
112
+ </svg>
113
+ </div>
114
+ );
115
+ }
116
+ );
117
+
118
+ AArrowUpIcon.displayName = "AArrowUpIcon";
119
+
120
+ export { AArrowUpIcon };
package/icons/icons/accessibility.tsx ADDED
@@ -0,0 +1,172 @@
1
+ "use client";
2
+
3
+ import type { Variants } from "motion/react";
4
+ import { motion, useAnimation } from "motion/react";
5
+ import type { HTMLAttributes } from "react";
6
+ import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
7
+
8
+ import { cn } from "@/lib/utils";
9
+
10
+ export interface AccessibilityIconHandle {
11
+ startAnimation: () => void;
12
+ stopAnimation: () => void;
13
+ }
14
+
15
+ interface AccessibilityIconProps extends HTMLAttributes<HTMLDivElement> {
16
+ size?: number;
17
+ }
18
+
19
+ const CIRCLE_VARIANTS: Variants = {
20
+ initial: {
21
+ y: 0,
22
+ x: 0,
23
+ },
24
+ animate: {
25
+ y: [0, 1, -1, 0],
26
+ x: [0, 1, -1, 0],
27
+ transition: {
28
+ duration: 0.8,
29
+ ease: "easeInOut",
30
+ },
31
+ },
32
+ };
33
+
34
+ const PRIMARY_GROUP_VARIANTS: Variants = {
35
+ initial: {
36
+ rotate: 0,
37
+ },
38
+ animate: {
39
+ rotate: [0, 5, -5, 0],
40
+ transition: {
41
+ duration: 0.8,
42
+ ease: "easeInOut",
43
+ },
44
+ },
45
+ };
46
+
47
+ const SECONDARY_GROUP_VARIANTS: Variants = {
48
+ initial: {
49
+ rotate: 0,
50
+ },
51
+ animate: {
52
+ rotate: -360,
53
+ transition: {
54
+ duration: 1,
55
+ delay: 0.4,
56
+ ease: "easeInOut",
57
+ },
58
+ },
59
+ };
60
+
61
+ const PATH_VARIANTS: Variants = {
62
+ initial: {
63
+ rotate: 0,
64
+ d: "M8 5 L5 8",
65
+ },
66
+ animate: {
67
+ rotate: [0, -60, 0],
68
+ d: ["M8 5 L5 8", "M8 5 L4 9", "M8 5 L5 8"],
69
+ transition: {
70
+ duration: 0.4,
71
+ delay: 0.2,
72
+ ease: "easeInOut",
73
+ },
74
+ transformOrigin: "top right",
75
+ },
76
+ };
77
+
78
+ const AccessibilityIcon = forwardRef<
79
+ AccessibilityIconHandle,
80
+ AccessibilityIconProps
81
+ >(({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
82
+ const controls = useAnimation();
83
+ const isControlledRef = useRef(false);
84
+
85
+ useImperativeHandle(ref, () => {
86
+ isControlledRef.current = true;
87
+
88
+ return {
89
+ startAnimation: () => controls.start("animate"),
90
+ stopAnimation: () => controls.start("initial"),
91
+ };
92
+ });
93
+
94
+ const handleMouseEnter = useCallback(
95
+ (e: React.MouseEvent<HTMLDivElement>) => {
96
+ if (isControlledRef.current) {
97
+ onMouseEnter?.(e);
98
+ } else {
99
+ controls.start("animate");
100
+ }
101
+ },
102
+ [controls, onMouseEnter]
103
+ );
104
+
105
+ const handleMouseLeave = useCallback(
106
+ (e: React.MouseEvent<HTMLDivElement>) => {
107
+ if (isControlledRef.current) {
108
+ onMouseLeave?.(e);
109
+ } else {
110
+ controls.start("normal");
111
+ }
112
+ },
113
+ [controls, onMouseLeave]
114
+ );
115
+
116
+ return (
117
+ <div
118
+ className={cn(className)}
119
+ onMouseEnter={handleMouseEnter}
120
+ onMouseLeave={handleMouseLeave}
121
+ {...props}
122
+ >
123
+ <svg
124
+ fill="none"
125
+ height={size}
126
+ stroke="currentColor"
127
+ strokeLinecap="round"
128
+ strokeLinejoin="round"
129
+ strokeWidth="2"
130
+ viewBox="0 0 24 24"
131
+ width={size}
132
+ xmlns="http://www.w3.org/2000/svg"
133
+ >
134
+ <motion.circle
135
+ animate={controls}
136
+ cx="16"
137
+ cy="4"
138
+ initial="initial"
139
+ r="1"
140
+ variants={CIRCLE_VARIANTS}
141
+ />
142
+ <motion.g
143
+ animate={controls}
144
+ initial="initial"
145
+ variants={PRIMARY_GROUP_VARIANTS}
146
+ >
147
+ <path d="m18 19 1-7-6 1" />
148
+ <path d="M8,5l5.5,3-2.4,3.5" />
149
+ <motion.path
150
+ animate={controls}
151
+ d="M8 5 L5 8"
152
+ initial="initial"
153
+ variants={PATH_VARIANTS}
154
+ />
155
+ </motion.g>
156
+ <motion.g
157
+ animate={controls}
158
+ initial="initial"
159
+ variants={SECONDARY_GROUP_VARIANTS}
160
+ >
161
+ <path d="M4.2,14.5c-.8,2.6.7,5.4,3.3,6.2,1.2.4,2.4.3,3.6-.2" />
162
+ <path d="M13.8,17.5c.8-2.6-.7-5.4-3.3-6.2-1.2-.4-2.4-.3-3.6.2" />
163
+ <path d="M13,13.1c-.5-.7-1.1-1.2-1.9-1.6" />
164
+ </motion.g>
165
+ </svg>
166
+ </div>
167
+ );
168
+ });
169
+
170
+ AccessibilityIcon.displayName = "AccessibilityIcon";
171
+
172
+ export { AccessibilityIcon };
package/icons/icons/activity.tsx ADDED
@@ -0,0 +1,109 @@
1
+ "use client";
2
+
3
+ import type { Variants } from "motion/react";
4
+ import { motion, useAnimation } from "motion/react";
5
+ import type { HTMLAttributes } from "react";
6
+ import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
7
+
8
+ import { cn } from "@/lib/utils";
9
+
10
+ export interface ActivityIconHandle {
11
+ startAnimation: () => void;
12
+ stopAnimation: () => void;
13
+ }
14
+
15
+ interface ActivityIconProps extends HTMLAttributes<HTMLDivElement> {
16
+ size?: number;
17
+ }
18
+
19
+ const VARIANTS: Variants = {
20
+ normal: {
21
+ opacity: 1,
22
+ pathLength: 1,
23
+ pathOffset: 0,
24
+ transition: {
25
+ duration: 0.4,
26
+ opacity: { duration: 0.1 },
27
+ },
28
+ },
29
+ animate: {
30
+ opacity: [0, 1],
31
+ pathLength: [0, 1],
32
+ pathOffset: [1, 0],
33
+ transition: {
34
+ duration: 0.6,
35
+ ease: "linear",
36
+ opacity: { duration: 0.1 },
37
+ },
38
+ },
39
+ };
40
+
41
+ const ActivityIcon = forwardRef<ActivityIconHandle, ActivityIconProps>(
42
+ ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
43
+ const controls = useAnimation();
44
+ const isControlledRef = useRef(false);
45
+
46
+ useImperativeHandle(ref, () => {
47
+ isControlledRef.current = true;
48
+
49
+ return {
50
+ startAnimation: () => controls.start("animate"),
51
+ stopAnimation: () => controls.start("normal"),
52
+ };
53
+ });
54
+
55
+ const handleMouseEnter = useCallback(
56
+ (e: React.MouseEvent<HTMLDivElement>) => {
57
+ if (isControlledRef.current) {
58
+ onMouseEnter?.(e);
59
+ } else {
60
+ controls.start("animate");
61
+ }
62
+ },
63
+ [controls, onMouseEnter]
64
+ );
65
+
66
+ const handleMouseLeave = useCallback(
67
+ (e: React.MouseEvent<HTMLDivElement>) => {
68
+ if (isControlledRef.current) {
69
+ onMouseLeave?.(e);
70
+ } else {
71
+ controls.start("normal");
72
+ }
73
+ },
74
+ [controls, onMouseLeave]
75
+ );
76
+
77
+ return (
78
+ <div
79
+ className={cn(className)}
80
+ onMouseEnter={handleMouseEnter}
81
+ onMouseLeave={handleMouseLeave}
82
+ {...props}
83
+ >
84
+ <svg
85
+ fill="none"
86
+ height={size}
87
+ stroke="currentColor"
88
+ strokeLinecap="round"
89
+ strokeLinejoin="round"
90
+ strokeWidth="2"
91
+ viewBox="0 0 24 24"
92
+ width={size}
93
+ xmlns="http://www.w3.org/2000/svg"
94
+ >
95
+ <motion.path
96
+ animate={controls}
97
+ d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"
98
+ initial="normal"
99
+ variants={VARIANTS}
100
+ />
101
+ </svg>
102
+ </div>
103
+ );
104
+ }
105
+ );
106
+
107
+ ActivityIcon.displayName = "ActivityIcon";
108
+
109
+ export { ActivityIcon };
package/icons/icons/air-vent.tsx ADDED
@@ -0,0 +1,119 @@
1
+ "use client";
2
+
3
+ import type { Variants } from "motion/react";
4
+ import { motion, useAnimation } from "motion/react";
5
+ import type { HTMLAttributes } from "react";
6
+ import { forwardRef, useCallback, useImperativeHandle, useRef } from "react";
7
+
8
+ import { cn } from "@/lib/utils";
9
+
10
+ export interface AirVentIconHandle {
11
+ startAnimation: () => void;
12
+ stopAnimation: () => void;
13
+ }
14
+
15
+ interface AirVentIconProps extends HTMLAttributes<HTMLDivElement> {
16
+ size?: number;
17
+ }
18
+
19
+ const WIND_VARIANTS: Variants = {
20
+ normal: (custom: number) => ({
21
+ pathLength: 1,
22
+ opacity: 1,
23
+ pathOffset: 0,
24
+ transition: {
25
+ duration: 0.3,
26
+ ease: "easeInOut",
27
+ delay: custom,
28
+ },
29
+ }),
30
+ animate: (custom: number) => ({
31
+ pathLength: [0, 1],
32
+ opacity: [0, 1],
33
+ pathOffset: [1, 0],
34
+ transition: {
35
+ duration: 0.5,
36
+ ease: "easeInOut",
37
+ delay: custom,
38
+ },
39
+ }),
40
+ };
41
+
42
+ const AirVentIcon = forwardRef<AirVentIconHandle, AirVentIconProps>(
43
+ ({ onMouseEnter, onMouseLeave, className, size = 28, ...props }, ref) => {
44
+ const controls = useAnimation();
45
+ const isControlledRef = useRef(false);
46
+
47
+ useImperativeHandle(ref, () => {
48
+ isControlledRef.current = true;
49
+ return {
50
+ startAnimation: () => controls.start("animate"),
51
+ stopAnimation: () => controls.start("normal"),
52
+ };
53
+ });
54
+
55
+ const handleMouseEnter = useCallback(
56
+ (e: React.MouseEvent<HTMLDivElement>) => {
57
+ if (isControlledRef.current) {
58
+ onMouseEnter?.(e);
59
+ } else {
60
+ controls.start("animate");
61
+ }
62
+ },
63
+ [controls, onMouseEnter]
64
+ );
65
+
66
+ const handleMouseLeave = useCallback(
67
+ (e: React.MouseEvent<HTMLDivElement>) => {
68
+ if (isControlledRef.current) {
69
+ onMouseLeave?.(e);
70
+ } else {
71
+ controls.start("normal");
72
+ }
73
+ },
74
+ [controls, onMouseLeave]
75
+ );
76
+
77
+ return (
78
+ <div
79
+ className={cn(className)}
80
+ onMouseEnter={handleMouseEnter}
81
+ onMouseLeave={handleMouseLeave}
82
+ {...props}
83
+ >
84
+ <svg
85
+ fill="none"
86
+ height={size}
87
+ stroke="currentColor"
88
+ strokeLinecap="round"
89
+ strokeLinejoin="round"
90
+ strokeWidth="2"
91
+ viewBox="0 0 24 24"
92
+ width={size}
93
+ xmlns="http://www.w3.org/2000/svg"
94
+ >
95
+ <path d="M6 12H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" />
96
+ <path d="M6 8h12" />
97
+ <motion.path
98
+ animate={controls}
99
+ custom={0}
100
+ d="M18.3 17.7a2.5 2.5 0 0 1-3.16 3.83 2.53 2.53 0 0 1-1.14-2V12"
101
+ initial="normal"
102
+ variants={WIND_VARIANTS}
103
+ />
104
+ <motion.path
105
+ animate={controls}
106
+ custom={0.2}
107
+ d="M6.6 15.6A2 2 0 1 0 10 17v-5"
108
+ initial="normal"
109
+ variants={WIND_VARIANTS}
110
+ />
111
+ </svg>
112
+ </div>
113
+ );
114
+ }
115
+ );
116
+
117
+ AirVentIcon.displayName = "AirVentIcon";
118
+
119
+ export { AirVentIcon };