@edenapp/sdk 0.1.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 (432) hide show
  1. package/apps/com/eden/editor/dist/assets/css-DQU6DXDx.js +3 -0
  2. package/apps/com/eden/editor/dist/assets/editor-BRA9licV.css +1 -0
  3. package/apps/com/eden/editor/dist/assets/editor.main-DAsyVptA.js +677 -0
  4. package/apps/com/eden/editor/dist/assets/editor.worker-B4pQIWZD.js +12 -0
  5. package/apps/com/eden/editor/dist/assets/html-CTBLac3N.js +1 -0
  6. package/apps/com/eden/editor/dist/assets/index-B7GgDQ9I.css +1 -0
  7. package/apps/com/eden/editor/dist/assets/index-BWJI9cyM.js +2 -0
  8. package/apps/com/eden/editor/dist/assets/ini-BvajGCUy.js +1 -0
  9. package/apps/com/eden/editor/dist/assets/javascript-DJ6Ya8pi.js +1 -0
  10. package/apps/com/eden/editor/dist/assets/jsonMode-BA0kYRDI.js +10 -0
  11. package/apps/com/eden/editor/dist/assets/less-GGFNNJHn.js +2 -0
  12. package/apps/com/eden/editor/dist/assets/markdown-B811l8j2.js +1 -0
  13. package/apps/com/eden/editor/dist/assets/shell-CsDZo4DB.js +1 -0
  14. package/apps/com/eden/editor/dist/assets/typescript-C7BsmV0J.js +1 -0
  15. package/apps/com/eden/editor/dist/assets/yaml-QL02lm_B.js +1 -0
  16. package/apps/com/eden/editor/dist/index.html +13 -0
  17. package/apps/com/eden/editor/icon.svg +22 -0
  18. package/apps/com/eden/editor/index.html +12 -0
  19. package/apps/com/eden/editor/manifest.json +58 -0
  20. package/apps/com/eden/editor/node_modules/.bin/browserslist +21 -0
  21. package/apps/com/eden/editor/node_modules/.bin/tsc +21 -0
  22. package/apps/com/eden/editor/node_modules/.bin/tsserver +21 -0
  23. package/apps/com/eden/editor/node_modules/.bin/vite +21 -0
  24. package/apps/com/eden/editor/package.json +21 -0
  25. package/apps/com/eden/editor/src/App.tsx +212 -0
  26. package/apps/com/eden/editor/src/components/ErrorBanner.tsx +13 -0
  27. package/apps/com/eden/editor/src/components/LazyMonacoEditor.tsx +154 -0
  28. package/apps/com/eden/editor/src/components/TabBar.tsx +36 -0
  29. package/apps/com/eden/editor/src/components/Toolbar.tsx +39 -0
  30. package/apps/com/eden/editor/src/components/WelcomeScreen.tsx +49 -0
  31. package/apps/com/eden/editor/src/components/index.ts +11 -0
  32. package/apps/com/eden/editor/src/index.tsx +10 -0
  33. package/apps/com/eden/editor/src/styles.css +319 -0
  34. package/apps/com/eden/editor/src/types.ts +69 -0
  35. package/apps/com/eden/editor/tsconfig.json +24 -0
  36. package/apps/com/eden/editor/vite.config.mts +67 -0
  37. package/apps/com/eden/eveshell/assets/apps-grid-icon.svg +17 -0
  38. package/apps/com/eden/eveshell/assets/default-icon.svg +17 -0
  39. package/apps/com/eden/eveshell/dist/assets/index-BS2yCXxK.css +1 -0
  40. package/apps/com/eden/eveshell/dist/assets/index-De0NEh_d.js +1 -0
  41. package/apps/com/eden/eveshell/dist/index.html +13 -0
  42. package/apps/com/eden/eveshell/index.html +12 -0
  43. package/apps/com/eden/eveshell/manifest.json +28 -0
  44. package/apps/com/eden/eveshell/node_modules/.bin/tsc +21 -0
  45. package/apps/com/eden/eveshell/node_modules/.bin/tsserver +21 -0
  46. package/apps/com/eden/eveshell/node_modules/.bin/vite +21 -0
  47. package/apps/com/eden/eveshell/package.json +20 -0
  48. package/apps/com/eden/eveshell/src/components/AllApps.tsx +228 -0
  49. package/apps/com/eden/eveshell/src/components/AppContextMenu.tsx +125 -0
  50. package/apps/com/eden/eveshell/src/components/AppIcon.tsx +40 -0
  51. package/apps/com/eden/eveshell/src/components/Clock.tsx +35 -0
  52. package/apps/com/eden/eveshell/src/components/Dock.tsx +147 -0
  53. package/apps/com/eden/eveshell/src/components/ShellOverlay.tsx +343 -0
  54. package/apps/com/eden/eveshell/src/icon-cache.ts +38 -0
  55. package/apps/com/eden/eveshell/src/index.tsx +11 -0
  56. package/apps/com/eden/eveshell/src/styles.css +409 -0
  57. package/apps/com/eden/eveshell/src/types.ts +5 -0
  58. package/apps/com/eden/eveshell/tsconfig.json +37 -0
  59. package/apps/com/eden/eveshell/vite.config.mts +23 -0
  60. package/apps/com/eden/example/appbus/client-a/app.js +239 -0
  61. package/apps/com/eden/example/appbus/client-a/index.html +48 -0
  62. package/apps/com/eden/example/appbus/client-a/manifest.json +27 -0
  63. package/apps/com/eden/example/appbus/client-a/styles.css +52 -0
  64. package/apps/com/eden/example/appbus/client-b/app.js +130 -0
  65. package/apps/com/eden/example/appbus/client-b/index.html +35 -0
  66. package/apps/com/eden/example/appbus/client-b/manifest.json +27 -0
  67. package/apps/com/eden/example/appbus/client-b/styles.css +48 -0
  68. package/apps/com/eden/example/appbus/hub/README.md +18 -0
  69. package/apps/com/eden/example/appbus/hub/backend.js +121 -0
  70. package/apps/com/eden/example/appbus/hub/manifest.json +17 -0
  71. package/apps/com/eden/example/appbus/isolated/app.js +107 -0
  72. package/apps/com/eden/example/appbus/isolated/index.html +35 -0
  73. package/apps/com/eden/example/appbus/isolated/manifest.json +27 -0
  74. package/apps/com/eden/example/appbus/isolated/styles.css +52 -0
  75. package/apps/com/eden/example/calculator/.dev-manifest.json +5 -0
  76. package/apps/com/eden/example/calculator/app.js +95 -0
  77. package/apps/com/eden/example/calculator/icon.svg +19 -0
  78. package/apps/com/eden/example/calculator/index.html +39 -0
  79. package/apps/com/eden/example/calculator/manifest.json +30 -0
  80. package/apps/com/eden/example/calculator/styles.css +83 -0
  81. package/apps/com/eden/example/hello/README.md +3 -0
  82. package/apps/com/eden/example/hello/backend/dist/backend.js +47 -0
  83. package/apps/com/eden/example/hello/backend/node_modules/.bin/tsc +21 -0
  84. package/apps/com/eden/example/hello/backend/node_modules/.bin/tsserver +21 -0
  85. package/apps/com/eden/example/hello/backend/package.json +13 -0
  86. package/apps/com/eden/example/hello/backend/src/backend.ts +58 -0
  87. package/apps/com/eden/example/hello/backend/tsconfig.json +19 -0
  88. package/apps/com/eden/example/hello/frontend/dist/assets/index-D2WAwW3g.css +1 -0
  89. package/apps/com/eden/example/hello/frontend/dist/assets/index-D4bTq3-Q.js +1 -0
  90. package/apps/com/eden/example/hello/frontend/dist/index.html +59 -0
  91. package/apps/com/eden/example/hello/frontend/index.html +59 -0
  92. package/apps/com/eden/example/hello/frontend/node_modules/.bin/tsc +21 -0
  93. package/apps/com/eden/example/hello/frontend/node_modules/.bin/tsserver +21 -0
  94. package/apps/com/eden/example/hello/frontend/node_modules/.bin/vite +21 -0
  95. package/apps/com/eden/example/hello/frontend/package.json +15 -0
  96. package/apps/com/eden/example/hello/frontend/src/App.ts +191 -0
  97. package/apps/com/eden/example/hello/frontend/styles.css +96 -0
  98. package/apps/com/eden/example/hello/frontend/tsconfig.json +16 -0
  99. package/apps/com/eden/example/hello/frontend/vite.config.mts +21 -0
  100. package/apps/com/eden/example/hello/manifest.json +34 -0
  101. package/apps/com/eden/example/hello/shared/protocol.d.ts +38 -0
  102. package/apps/com/eden/example/showcase/app.js +186 -0
  103. package/apps/com/eden/example/showcase/index.html +637 -0
  104. package/apps/com/eden/example/showcase/manifest.json +24 -0
  105. package/apps/com/eden/example/showcase/styles.css +195 -0
  106. package/apps/com/eden/files/.dev-manifest.json +5 -0
  107. package/apps/com/eden/files/dist/assets/index-BOw4ESi3.js +1 -0
  108. package/apps/com/eden/files/dist/assets/index-BPH5FvSW.css +1 -0
  109. package/apps/com/eden/files/dist/index.html +13 -0
  110. package/apps/com/eden/files/icon.svg +15 -0
  111. package/apps/com/eden/files/index.html +12 -0
  112. package/apps/com/eden/files/manifest.json +28 -0
  113. package/apps/com/eden/files/node_modules/.bin/tsc +21 -0
  114. package/apps/com/eden/files/node_modules/.bin/tsserver +21 -0
  115. package/apps/com/eden/files/node_modules/.bin/vite +21 -0
  116. package/apps/com/eden/files/node_modules/.vite/deps/_metadata.json +46 -0
  117. package/apps/com/eden/files/node_modules/.vite/deps/chunk-5W77UGHT.js +1253 -0
  118. package/apps/com/eden/files/node_modules/.vite/deps/chunk-5W77UGHT.js.map +7 -0
  119. package/apps/com/eden/files/node_modules/.vite/deps/chunk-K4SCX2FD.js +1809 -0
  120. package/apps/com/eden/files/node_modules/.vite/deps/chunk-K4SCX2FD.js.map +7 -0
  121. package/apps/com/eden/files/node_modules/.vite/deps/package.json +3 -0
  122. package/apps/com/eden/files/node_modules/.vite/deps/solid-js.js +112 -0
  123. package/apps/com/eden/files/node_modules/.vite/deps/solid-js.js.map +7 -0
  124. package/apps/com/eden/files/node_modules/.vite/deps/solid-js_h.js +122 -0
  125. package/apps/com/eden/files/node_modules/.vite/deps/solid-js_h.js.map +7 -0
  126. package/apps/com/eden/files/node_modules/.vite/deps/solid-js_html.js +606 -0
  127. package/apps/com/eden/files/node_modules/.vite/deps/solid-js_html.js.map +7 -0
  128. package/apps/com/eden/files/node_modules/.vite/deps/solid-js_store.js +455 -0
  129. package/apps/com/eden/files/node_modules/.vite/deps/solid-js_store.js.map +7 -0
  130. package/apps/com/eden/files/node_modules/.vite/deps/solid-js_web.js +147 -0
  131. package/apps/com/eden/files/node_modules/.vite/deps/solid-js_web.js.map +7 -0
  132. package/apps/com/eden/files/package-lock.json +1754 -0
  133. package/apps/com/eden/files/package.json +20 -0
  134. package/apps/com/eden/files/src/App.tsx +387 -0
  135. package/apps/com/eden/files/src/components/FileExplorerHeader.tsx +90 -0
  136. package/apps/com/eden/files/src/components/FileItem.tsx +70 -0
  137. package/apps/com/eden/files/src/components/FileList.tsx +77 -0
  138. package/apps/com/eden/files/src/components/Modal.tsx +48 -0
  139. package/apps/com/eden/files/src/components/Omnibox.tsx +241 -0
  140. package/apps/com/eden/files/src/dialogs/CreateFileDialog.tsx +71 -0
  141. package/apps/com/eden/files/src/dialogs/CreateFolderDialog.tsx +68 -0
  142. package/apps/com/eden/files/src/dialogs/DeleteConfirmDialog.tsx +35 -0
  143. package/apps/com/eden/files/src/dialogs/DisplayOptionsModal.tsx +122 -0
  144. package/apps/com/eden/files/src/dialogs/ErrorDialog.tsx +28 -0
  145. package/apps/com/eden/files/src/index.tsx +9 -0
  146. package/apps/com/eden/files/src/styles.css +595 -0
  147. package/apps/com/eden/files/src/types.ts +20 -0
  148. package/apps/com/eden/files/src/utils.ts +44 -0
  149. package/apps/com/eden/files/tsconfig.json +27 -0
  150. package/apps/com/eden/files/vite.config.mts +23 -0
  151. package/apps/com/eden/settings/dist/assets/index-CTkJneTg.js +1 -0
  152. package/apps/com/eden/settings/dist/assets/index-GIMJANTM.css +1 -0
  153. package/apps/com/eden/settings/dist/index.html +13 -0
  154. package/apps/com/eden/settings/icon.svg +15 -0
  155. package/apps/com/eden/settings/index.html +12 -0
  156. package/apps/com/eden/settings/manifest.json +28 -0
  157. package/apps/com/eden/settings/node_modules/.bin/tsc +21 -0
  158. package/apps/com/eden/settings/node_modules/.bin/tsserver +21 -0
  159. package/apps/com/eden/settings/node_modules/.bin/vite +21 -0
  160. package/apps/com/eden/settings/package.json +21 -0
  161. package/apps/com/eden/settings/src/App.css +168 -0
  162. package/apps/com/eden/settings/src/App.tsx +301 -0
  163. package/apps/com/eden/settings/src/components/SettingInput.tsx +131 -0
  164. package/apps/com/eden/settings/src/index.tsx +9 -0
  165. package/apps/com/eden/settings/tsconfig.json +21 -0
  166. package/apps/com/eden/settings/vite.config.mts +22 -0
  167. package/apps/com/eden/toaster/README.md +89 -0
  168. package/apps/com/eden/toaster/dist/assets/index-8JMcmBCJ.css +1 -0
  169. package/apps/com/eden/toaster/dist/assets/index-C4cVyh7j.js +16 -0
  170. package/apps/com/eden/toaster/dist/index.html +16 -0
  171. package/apps/com/eden/toaster/index.html +16 -0
  172. package/apps/com/eden/toaster/manifest.json +28 -0
  173. package/apps/com/eden/toaster/node_modules/.bin/vite +21 -0
  174. package/apps/com/eden/toaster/package.json +15 -0
  175. package/apps/com/eden/toaster/src/styles.css +159 -0
  176. package/apps/com/eden/toaster/src/toaster.ts +470 -0
  177. package/apps/com/eden/toaster/tsconfig.json +28 -0
  178. package/apps/com/eden/toaster/vite.config.mts +18 -0
  179. package/apps/com/eden/webbrowser/.dev-manifest.json +5 -0
  180. package/apps/com/eden/webbrowser/icon.svg +20 -0
  181. package/apps/com/eden/webbrowser/index.html +141 -0
  182. package/apps/com/eden/webbrowser/manifest.json +23 -0
  183. package/apps/com/eden/webbrowser/node_modules/.bin/vite +21 -0
  184. package/apps/com/eden/webbrowser/node_modules/.vite/deps/_metadata.json +8 -0
  185. package/apps/com/eden/webbrowser/node_modules/.vite/deps/package.json +3 -0
  186. package/apps/com/eden/webbrowser/package.json +13 -0
  187. package/apps/com/eden/webbrowser/vite.config.mts +11 -0
  188. package/dist/Eden.d.ts +40 -0
  189. package/dist/Eden.d.ts.map +1 -0
  190. package/dist/Eden.js +186 -0
  191. package/dist/Eden.js.map +1 -0
  192. package/dist/SystemHandler.d.ts +11 -0
  193. package/dist/SystemHandler.d.ts.map +1 -0
  194. package/dist/SystemHandler.js +53 -0
  195. package/dist/SystemHandler.js.map +1 -0
  196. package/dist/app-frame/frame-injector.js +19 -0
  197. package/dist/app-frame/frame-injector.js.map +7 -0
  198. package/dist/app-frame/frame.css +186 -0
  199. package/dist/app-runtime/app-preload.js +2 -0
  200. package/dist/app-runtime/app-preload.js.map +7 -0
  201. package/dist/app-runtime/backend-preload.js +2 -0
  202. package/dist/app-runtime/backend-preload.js.map +7 -0
  203. package/dist/appbus/AppChannelHandler.d.ts +65 -0
  204. package/dist/appbus/AppChannelHandler.d.ts.map +1 -0
  205. package/dist/appbus/AppChannelHandler.js +120 -0
  206. package/dist/appbus/AppChannelHandler.js.map +1 -0
  207. package/dist/appbus/AppChannelManager.d.ts +80 -0
  208. package/dist/appbus/AppChannelManager.d.ts.map +1 -0
  209. package/dist/appbus/AppChannelManager.js +312 -0
  210. package/dist/appbus/AppChannelManager.js.map +1 -0
  211. package/dist/appbus/index.d.ts +2 -0
  212. package/dist/appbus/index.d.ts.map +1 -0
  213. package/dist/appbus/index.js +18 -0
  214. package/dist/appbus/index.js.map +1 -0
  215. package/dist/db/DbHandler.d.ts +119 -0
  216. package/dist/db/DbHandler.d.ts.map +1 -0
  217. package/dist/db/DbHandler.js +204 -0
  218. package/dist/db/DbHandler.js.map +1 -0
  219. package/dist/db/DbManager.d.ts +49 -0
  220. package/dist/db/DbManager.d.ts.map +1 -0
  221. package/dist/db/DbManager.js +172 -0
  222. package/dist/db/DbManager.js.map +1 -0
  223. package/dist/db/index.d.ts +3 -0
  224. package/dist/db/index.d.ts.map +1 -0
  225. package/dist/db/index.js +8 -0
  226. package/dist/db/index.js.map +1 -0
  227. package/dist/edencss/eden-tokens.css +1 -0
  228. package/dist/edencss/eden.css +1 -0
  229. package/dist/file-open/FileOpenHandler.d.ts +59 -0
  230. package/dist/file-open/FileOpenHandler.d.ts.map +1 -0
  231. package/dist/file-open/FileOpenHandler.js +122 -0
  232. package/dist/file-open/FileOpenHandler.js.map +1 -0
  233. package/dist/file-open/FileOpenManager.d.ts +91 -0
  234. package/dist/file-open/FileOpenManager.d.ts.map +1 -0
  235. package/dist/file-open/FileOpenManager.js +411 -0
  236. package/dist/file-open/FileOpenManager.js.map +1 -0
  237. package/dist/file-open/index.d.ts +3 -0
  238. package/dist/file-open/index.d.ts.map +1 -0
  239. package/dist/file-open/index.js +8 -0
  240. package/dist/file-open/index.js.map +1 -0
  241. package/dist/filesystem/FilesystemHandler.d.ts +65 -0
  242. package/dist/filesystem/FilesystemHandler.d.ts.map +1 -0
  243. package/dist/filesystem/FilesystemHandler.js +134 -0
  244. package/dist/filesystem/FilesystemHandler.js.map +1 -0
  245. package/dist/filesystem/FilesystemManager.d.ts +70 -0
  246. package/dist/filesystem/FilesystemManager.d.ts.map +1 -0
  247. package/dist/filesystem/FilesystemManager.js +236 -0
  248. package/dist/filesystem/FilesystemManager.js.map +1 -0
  249. package/dist/filesystem/index.d.ts +3 -0
  250. package/dist/filesystem/index.d.ts.map +1 -0
  251. package/dist/filesystem/index.js +8 -0
  252. package/dist/filesystem/index.js.map +1 -0
  253. package/dist/foundation/foundation-preload.js +15 -0
  254. package/dist/foundation/foundation.css +40 -0
  255. package/dist/foundation/foundation.html +22 -0
  256. package/dist/foundation/foundation.js +69 -0
  257. package/dist/hotreload-config.d.ts +8 -0
  258. package/dist/hotreload-config.d.ts.map +1 -0
  259. package/dist/hotreload-config.js +73 -0
  260. package/dist/hotreload-config.js.map +1 -0
  261. package/dist/index.d.ts +7 -0
  262. package/dist/index.d.ts.map +1 -0
  263. package/dist/index.js +20 -0
  264. package/dist/index.js.map +1 -0
  265. package/dist/ipc/CommandDecorators.d.ts +72 -0
  266. package/dist/ipc/CommandDecorators.d.ts.map +1 -0
  267. package/dist/ipc/CommandDecorators.js +49 -0
  268. package/dist/ipc/CommandDecorators.js.map +1 -0
  269. package/dist/ipc/CommandRegistry.d.ts +77 -0
  270. package/dist/ipc/CommandRegistry.d.ts.map +1 -0
  271. package/dist/ipc/CommandRegistry.js +175 -0
  272. package/dist/ipc/CommandRegistry.js.map +1 -0
  273. package/dist/ipc/EdenEmitter.d.ts +54 -0
  274. package/dist/ipc/EdenEmitter.d.ts.map +1 -0
  275. package/dist/ipc/EdenEmitter.js +81 -0
  276. package/dist/ipc/EdenEmitter.js.map +1 -0
  277. package/dist/ipc/EventHandler.d.ts +21 -0
  278. package/dist/ipc/EventHandler.d.ts.map +1 -0
  279. package/dist/ipc/EventHandler.js +87 -0
  280. package/dist/ipc/EventHandler.js.map +1 -0
  281. package/dist/ipc/EventSubscriberManager.d.ts +67 -0
  282. package/dist/ipc/EventSubscriberManager.d.ts.map +1 -0
  283. package/dist/ipc/EventSubscriberManager.js +204 -0
  284. package/dist/ipc/EventSubscriberManager.js.map +1 -0
  285. package/dist/ipc/IPCBridge.d.ts +60 -0
  286. package/dist/ipc/IPCBridge.d.ts.map +1 -0
  287. package/dist/ipc/IPCBridge.js +186 -0
  288. package/dist/ipc/IPCBridge.js.map +1 -0
  289. package/dist/ipc/PermissionRegistry.d.ts +52 -0
  290. package/dist/ipc/PermissionRegistry.d.ts.map +1 -0
  291. package/dist/ipc/PermissionRegistry.js +120 -0
  292. package/dist/ipc/PermissionRegistry.js.map +1 -0
  293. package/dist/ipc/index.d.ts +7 -0
  294. package/dist/ipc/index.d.ts.map +1 -0
  295. package/dist/ipc/index.js +23 -0
  296. package/dist/ipc/index.js.map +1 -0
  297. package/dist/main.d.ts +2 -0
  298. package/dist/main.d.ts.map +1 -0
  299. package/dist/main.js +15 -0
  300. package/dist/main.js.map +1 -0
  301. package/dist/notification/NotificationHandler.d.ts +16 -0
  302. package/dist/notification/NotificationHandler.d.ts.map +1 -0
  303. package/dist/notification/NotificationHandler.js +39 -0
  304. package/dist/notification/NotificationHandler.js.map +1 -0
  305. package/dist/notification/NotificationManager.d.ts +32 -0
  306. package/dist/notification/NotificationManager.d.ts.map +1 -0
  307. package/dist/notification/NotificationManager.js +66 -0
  308. package/dist/notification/NotificationManager.js.map +1 -0
  309. package/dist/notification/index.d.ts +3 -0
  310. package/dist/notification/index.d.ts.map +1 -0
  311. package/dist/notification/index.js +19 -0
  312. package/dist/notification/index.js.map +1 -0
  313. package/dist/package-manager/PackageHandler.d.ts +50 -0
  314. package/dist/package-manager/PackageHandler.d.ts.map +1 -0
  315. package/dist/package-manager/PackageHandler.js +107 -0
  316. package/dist/package-manager/PackageHandler.js.map +1 -0
  317. package/dist/package-manager/PackageManager.d.ts +73 -0
  318. package/dist/package-manager/PackageManager.d.ts.map +1 -0
  319. package/dist/package-manager/PackageManager.js +373 -0
  320. package/dist/package-manager/PackageManager.js.map +1 -0
  321. package/dist/package-manager/index.d.ts +3 -0
  322. package/dist/package-manager/index.d.ts.map +1 -0
  323. package/dist/package-manager/index.js +8 -0
  324. package/dist/package-manager/index.js.map +1 -0
  325. package/dist/process-manager/AutostartManager.d.ts +15 -0
  326. package/dist/process-manager/AutostartManager.d.ts.map +1 -0
  327. package/dist/process-manager/AutostartManager.js +56 -0
  328. package/dist/process-manager/AutostartManager.js.map +1 -0
  329. package/dist/process-manager/BackendManager.d.ts +63 -0
  330. package/dist/process-manager/BackendManager.d.ts.map +1 -0
  331. package/dist/process-manager/BackendManager.js +272 -0
  332. package/dist/process-manager/BackendManager.js.map +1 -0
  333. package/dist/process-manager/ProcessHandler.d.ts +29 -0
  334. package/dist/process-manager/ProcessHandler.d.ts.map +1 -0
  335. package/dist/process-manager/ProcessHandler.js +66 -0
  336. package/dist/process-manager/ProcessHandler.js.map +1 -0
  337. package/dist/process-manager/ProcessManager.d.ts +94 -0
  338. package/dist/process-manager/ProcessManager.d.ts.map +1 -0
  339. package/dist/process-manager/ProcessManager.js +286 -0
  340. package/dist/process-manager/ProcessManager.js.map +1 -0
  341. package/dist/process-manager/index.d.ts +5 -0
  342. package/dist/process-manager/index.d.ts.map +1 -0
  343. package/dist/process-manager/index.js +12 -0
  344. package/dist/process-manager/index.js.map +1 -0
  345. package/dist/settings/EdenSettings.d.ts +8 -0
  346. package/dist/settings/EdenSettings.d.ts.map +1 -0
  347. package/dist/settings/EdenSettings.js +148 -0
  348. package/dist/settings/EdenSettings.js.map +1 -0
  349. package/dist/settings/SettingsHandler.d.ts +117 -0
  350. package/dist/settings/SettingsHandler.d.ts.map +1 -0
  351. package/dist/settings/SettingsHandler.js +199 -0
  352. package/dist/settings/SettingsHandler.js.map +1 -0
  353. package/dist/settings/SettingsManager.d.ts +64 -0
  354. package/dist/settings/SettingsManager.d.ts.map +1 -0
  355. package/dist/settings/SettingsManager.js +221 -0
  356. package/dist/settings/SettingsManager.js.map +1 -0
  357. package/dist/settings/index.d.ts +4 -0
  358. package/dist/settings/index.d.ts.map +1 -0
  359. package/dist/settings/index.js +11 -0
  360. package/dist/settings/index.js.map +1 -0
  361. package/dist/utils/cachedFileReader.d.ts +46 -0
  362. package/dist/utils/cachedFileReader.d.ts.map +1 -0
  363. package/dist/utils/cachedFileReader.js +100 -0
  364. package/dist/utils/cachedFileReader.js.map +1 -0
  365. package/dist/view-manager/DevToolsManager.d.ts +29 -0
  366. package/dist/view-manager/DevToolsManager.d.ts.map +1 -0
  367. package/dist/view-manager/DevToolsManager.js +88 -0
  368. package/dist/view-manager/DevToolsManager.js.map +1 -0
  369. package/dist/view-manager/FloatingWindowController.d.ts +44 -0
  370. package/dist/view-manager/FloatingWindowController.d.ts.map +1 -0
  371. package/dist/view-manager/FloatingWindowController.js +124 -0
  372. package/dist/view-manager/FloatingWindowController.js.map +1 -0
  373. package/dist/view-manager/LayoutCalculator.d.ts +49 -0
  374. package/dist/view-manager/LayoutCalculator.d.ts.map +1 -0
  375. package/dist/view-manager/LayoutCalculator.js +94 -0
  376. package/dist/view-manager/LayoutCalculator.js.map +1 -0
  377. package/dist/view-manager/MouseTracker.d.ts +65 -0
  378. package/dist/view-manager/MouseTracker.d.ts.map +1 -0
  379. package/dist/view-manager/MouseTracker.js +114 -0
  380. package/dist/view-manager/MouseTracker.js.map +1 -0
  381. package/dist/view-manager/TilingManager.d.ts +61 -0
  382. package/dist/view-manager/TilingManager.d.ts.map +1 -0
  383. package/dist/view-manager/TilingManager.js +142 -0
  384. package/dist/view-manager/TilingManager.js.map +1 -0
  385. package/dist/view-manager/ViewCreator.d.ts +72 -0
  386. package/dist/view-manager/ViewCreator.d.ts.map +1 -0
  387. package/dist/view-manager/ViewCreator.js +277 -0
  388. package/dist/view-manager/ViewCreator.js.map +1 -0
  389. package/dist/view-manager/ViewHandler.d.ts +112 -0
  390. package/dist/view-manager/ViewHandler.d.ts.map +1 -0
  391. package/dist/view-manager/ViewHandler.js +307 -0
  392. package/dist/view-manager/ViewHandler.js.map +1 -0
  393. package/dist/view-manager/ViewLifecycle.d.ts +66 -0
  394. package/dist/view-manager/ViewLifecycle.d.ts.map +1 -0
  395. package/dist/view-manager/ViewLifecycle.js +142 -0
  396. package/dist/view-manager/ViewLifecycle.js.map +1 -0
  397. package/dist/view-manager/ViewManager.d.ts +112 -0
  398. package/dist/view-manager/ViewManager.d.ts.map +1 -0
  399. package/dist/view-manager/ViewManager.js +422 -0
  400. package/dist/view-manager/ViewManager.js.map +1 -0
  401. package/dist/view-manager/index.d.ts +11 -0
  402. package/dist/view-manager/index.d.ts.map +1 -0
  403. package/dist/view-manager/index.js +23 -0
  404. package/dist/view-manager/index.js.map +1 -0
  405. package/dist/view-manager/types.d.ts +24 -0
  406. package/dist/view-manager/types.d.ts.map +1 -0
  407. package/dist/view-manager/types.js +11 -0
  408. package/dist/view-manager/types.js.map +1 -0
  409. package/edencss/README.md +214 -0
  410. package/edencss/components/badges.css +180 -0
  411. package/edencss/components/buttons.css +221 -0
  412. package/edencss/components/cards.css +201 -0
  413. package/edencss/components/inputs.css +424 -0
  414. package/edencss/components/lists.css +242 -0
  415. package/edencss/components/modals.css +207 -0
  416. package/edencss/components/progress.css +186 -0
  417. package/edencss/components/sidebar.css +232 -0
  418. package/edencss/components/tabs.css +189 -0
  419. package/edencss/eden.css +16 -0
  420. package/edencss/index.ts +11 -0
  421. package/edencss/style-dictionary.config.mjs +75 -0
  422. package/edencss/tokens-pink.json +163 -0
  423. package/edencss/tokens.css +121 -0
  424. package/edencss/tokens.d.ts +111 -0
  425. package/edencss/tokens.json +369 -0
  426. package/edencss/tokens.ts +125 -0
  427. package/edencss/utilities.css +423 -0
  428. package/foundation/foundation-preload.js +15 -0
  429. package/foundation/foundation.css +40 -0
  430. package/foundation/foundation.html +22 -0
  431. package/foundation/foundation.js +69 -0
  432. package/package.json +55 -0
package/apps/com/eden/example/showcase/index.html ADDED
@@ -0,0 +1,637 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Eden Design Showcase</title>
8
+ <link rel="stylesheet" href="styles.css">
9
+ </head>
10
+
11
+ <body>
12
+ <div class="showcase-container">
13
+ <!-- Header -->
14
+ <header class="showcase-header">
15
+ <h1 class="showcase-title">Eden Design System</h1>
16
+ <p class="showcase-subtitle">Frosted Glass Components Showcase</p>
17
+ </header>
18
+
19
+ <!-- Buttons Section -->
20
+ <section class="showcase-section">
21
+ <h2 class="section-title">Buttons</h2>
22
+ <p class="section-description">
23
+ Interactive button components with frosted glass effects, multiple variants, and sizes.
24
+ </p>
25
+
26
+ <div class="component-group">
27
+ <div class="component-demo">
28
+ <h3 class="demo-title">Button Variants</h3>
29
+ <div class="demo-content">
30
+ <button class="eden-btn">Default</button>
31
+ <button class="eden-btn eden-btn-primary">Primary</button>
32
+ <button class="eden-btn eden-btn-secondary">Secondary</button>
33
+ <button class="eden-btn eden-btn-success">Success</button>
34
+ <button class="eden-btn eden-btn-danger">Danger</button>
35
+ <button class="eden-btn eden-btn-ghost">Ghost</button>
36
+ <button class="eden-btn eden-btn-outline">Outline</button>
37
+ </div>
38
+ </div>
39
+
40
+ <div class="component-demo">
41
+ <h3 class="demo-title">Button Sizes</h3>
42
+ <div class="demo-content">
43
+ <button class="eden-btn eden-btn-primary eden-btn-xs">Extra Small</button>
44
+ <button class="eden-btn eden-btn-primary eden-btn-sm">Small</button>
45
+ <button class="eden-btn eden-btn-primary">Medium</button>
46
+ <button class="eden-btn eden-btn-primary eden-btn-lg">Large</button>
47
+ <button class="eden-btn eden-btn-primary eden-btn-xl">Extra Large</button>
48
+ </div>
49
+ </div>
50
+
51
+ <div class="component-demo">
52
+ <h3 class="demo-title">Button Shapes</h3>
53
+ <div class="demo-content">
54
+ <button class="eden-btn eden-btn-primary">Default</button>
55
+ <button class="eden-btn eden-btn-primary eden-btn-pill">Pill</button>
56
+ <button class="eden-btn eden-btn-primary eden-btn-square">⭐</button>
57
+ <button class="eden-btn eden-btn-primary eden-btn-square">🔥</button>
58
+ </div>
59
+ </div>
60
+
61
+ <div class="component-demo">
62
+ <h3 class="demo-title">Button States</h3>
63
+ <div class="demo-content">
64
+ <button class="eden-btn eden-btn-primary">Normal</button>
65
+ <button class="eden-btn eden-btn-primary" disabled>Disabled</button>
66
+ </div>
67
+ </div>
68
+ </div>
69
+ </section>
70
+
71
+ <!-- Inputs Section -->
72
+ <section class="showcase-section">
73
+ <h2 class="section-title">Form Inputs</h2>
74
+ <p class="section-description">
75
+ Frosted glass styled form controls including text inputs, textareas, selects, and more.
76
+ </p>
77
+
78
+ <div class="component-group">
79
+ <div class="component-demo">
80
+ <h3 class="demo-title">Text Inputs</h3>
81
+ <div class="demo-content demo-vertical">
82
+ <div class="eden-form-group">
83
+ <label class="eden-form-label">Default Input</label>
84
+ <input type="text" class="eden-input" placeholder="Enter text...">
85
+ </div>
86
+ <div class="eden-form-group">
87
+ <label class="eden-form-label">Small Input</label>
88
+ <input type="text" class="eden-input eden-input-sm" placeholder="Small input...">
89
+ </div>
90
+ <div class="eden-form-group">
91
+ <label class="eden-form-label">Large Input</label>
92
+ <input type="text" class="eden-input eden-input-lg" placeholder="Large input...">
93
+ </div>
94
+ </div>
95
+ </div>
96
+
97
+ <div class="component-demo">
98
+ <h3 class="demo-title">Textarea & Select</h3>
99
+ <div class="demo-content demo-vertical">
100
+ <div class="eden-form-group">
101
+ <label class="eden-form-label">Textarea</label>
102
+ <textarea class="eden-textarea" placeholder="Enter your message..."></textarea>
103
+ </div>
104
+ <div class="eden-form-group">
105
+ <label class="eden-form-label">Select Dropdown</label>
106
+ <select class="eden-select">
107
+ <option>Select an option...</option>
108
+ <option>Option 1</option>
109
+ <option>Option 2</option>
110
+ <option>Option 3</option>
111
+ </select>
112
+ </div>
113
+ </div>
114
+ </div>
115
+
116
+ <div class="component-demo">
117
+ <h3 class="demo-title">Checkboxes & Radios</h3>
118
+ <div class="demo-content demo-vertical">
119
+ <div style="display: flex; flex-direction: column; gap: var(--eden-space-md);">
120
+ <label class="form-check-label">
121
+ <input type="checkbox" class="eden-checkbox" checked>
122
+ <span>Checkbox Option 1</span>
123
+ </label>
124
+ <label class="form-check-label">
125
+ <input type="checkbox" class="eden-checkbox">
126
+ <span>Checkbox Option 2</span>
127
+ </label>
128
+ <label class="form-check-label">
129
+ <input type="radio" class="eden-radio" name="radio-demo" checked>
130
+ <span>Radio Option 1</span>
131
+ </label>
132
+ <label class="form-check-label">
133
+ <input type="radio" class="eden-radio" name="radio-demo">
134
+ <span>Radio Option 2</span>
135
+ </label>
136
+ </div>
137
+ </div>
138
+ </div>
139
+
140
+ <div class="component-demo">
141
+ <h3 class="demo-title">Toggle Switch</h3>
142
+ <div class="demo-content">
143
+ <label class="form-check-label">
144
+ <input type="checkbox" class="eden-toggle" checked>
145
+ <span>Toggle Setting</span>
146
+ </label>
147
+ <label class="form-check-label">
148
+ <input type="checkbox" class="eden-toggle">
149
+ <span>Another Toggle</span>
150
+ </label>
151
+ </div>
152
+ </div>
153
+
154
+ <div class="component-demo">
155
+ <h3 class="demo-title">Slider</h3>
156
+ <div class="demo-content demo-vertical">
157
+ <div class="eden-form-group">
158
+ <label class="eden-form-label">Volume: <span class="slider-value">50</span>%</label>
159
+ <input type="range" class="eden-slider" min="0" max="100" value="50">
160
+ </div>
161
+ </div>
162
+ </div>
163
+ </div>
164
+ </section>
165
+
166
+ <!-- Cards Section -->
167
+ <section class="showcase-section">
168
+ <h2 class="section-title">Cards</h2>
169
+ <p class="section-description">
170
+ Versatile card components with frosted glass effects for content display.
171
+ </p>
172
+
173
+ <div class="component-group">
174
+ <div class="component-demo">
175
+ <h3 class="demo-title">Card Variants</h3>
176
+ <div class="demo-grid">
177
+ <div class="eden-card">
178
+ <h4 style="margin-bottom: 8px;">Basic Card</h4>
179
+ <p style="color: var(--eden-color-text-secondary); margin: 0;">
180
+ A simple card with frosted glass effect and subtle border.
181
+ </p>
182
+ </div>
183
+
184
+ <div class="eden-card-glass">
185
+ <h4 style="margin-bottom: 8px;">Glass Card</h4>
186
+ <p style="color: var(--eden-color-text-secondary); margin: 0;">
187
+ Enhanced frosted glass card with ultra blur effect.
188
+ </p>
189
+ </div>
190
+
191
+ <div class="eden-card eden-card-elevated">
192
+ <h4 style="margin-bottom: 8px;">Elevated Card</h4>
193
+ <p style="color: var(--eden-color-text-secondary); margin: 0;">
194
+ Card with enhanced elevation and shadow effects.
195
+ </p>
196
+ </div>
197
+ </div>
198
+ </div>
199
+
200
+ <div class="component-demo">
201
+ <h3 class="demo-title">Info Cards</h3>
202
+ <div class="demo-grid">
203
+ <div class="eden-info-card">
204
+ <div class="eden-info-card-icon">💡</div>
205
+ <div class="eden-info-card-content">
206
+ <h4 class="eden-info-card-title">Quick Tip</h4>
207
+ <p class="eden-info-card-description">Use keyboard shortcuts to navigate faster</p>
208
+ </div>
209
+ </div>
210
+
211
+ <div class="eden-info-card">
212
+ <div class="eden-info-card-icon" style="background: var(--eden-color-success);">✓</div>
213
+ <div class="eden-info-card-content">
214
+ <h4 class="eden-info-card-title">Success</h4>
215
+ <p class="eden-info-card-description">Your changes have been saved</p>
216
+ </div>
217
+ </div>
218
+
219
+ <div class="eden-info-card">
220
+ <div class="eden-info-card-icon" style="background: var(--eden-color-warning);">⚠</div>
221
+ <div class="eden-info-card-content">
222
+ <h4 class="eden-info-card-title">Warning</h4>
223
+ <p class="eden-info-card-description">Please review before continuing</p>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ </div>
228
+
229
+ <div class="component-demo">
230
+ <h3 class="demo-title">Stats Cards</h3>
231
+ <div class="stats-grid">
232
+ <div class="eden-card eden-stats-card">
233
+ <h3 class="eden-stats-value">1,247</h3>
234
+ <p class="eden-stats-label">Total Users</p>
235
+ </div>
236
+
237
+ <div class="eden-card eden-stats-card">
238
+ <h3 class="eden-stats-value" style="color: var(--eden-color-success);">98.5%</h3>
239
+ <p class="eden-stats-label">Uptime</p>
240
+ </div>
241
+
242
+ <div class="eden-card eden-stats-card">
243
+ <h3 class="eden-stats-value" style="color: var(--eden-color-warning);">42</h3>
244
+ <p class="eden-stats-label">Pending Tasks</p>
245
+ </div>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </section>
250
+
251
+ <!-- Badges & Tags Section -->
252
+ <section class="showcase-section">
253
+ <h2 class="section-title">Badges & Tags</h2>
254
+ <p class="section-description">
255
+ Small status indicators and removable tags with frosted glass styling.
256
+ </p>
257
+
258
+ <div class="component-group">
259
+ <div class="component-demo">
260
+ <h3 class="demo-title">Badges</h3>
261
+ <div class="demo-content">
262
+ <span class="eden-badge">Default</span>
263
+ <span class="eden-badge eden-badge-primary">Primary</span>
264
+ <span class="eden-badge eden-badge-success">Success</span>
265
+ <span class="eden-badge eden-badge-danger">Danger</span>
266
+ <span class="eden-badge eden-badge-warning">Warning</span>
267
+ <span class="eden-badge eden-badge-info">Info</span>
268
+ </div>
269
+ </div>
270
+
271
+ <div class="component-demo">
272
+ <h3 class="demo-title">Badge Sizes</h3>
273
+ <div class="demo-content">
274
+ <span class="eden-badge eden-badge-primary eden-badge-sm">Small</span>
275
+ <span class="eden-badge eden-badge-primary">Medium</span>
276
+ <span class="eden-badge eden-badge-primary eden-badge-lg">Large</span>
277
+ </div>
278
+ </div>
279
+
280
+ <div class="component-demo">
281
+ <h3 class="demo-title">Notification Badge</h3>
282
+ <div class="demo-content">
283
+ <div style="position: relative; display: inline-block;">
284
+ <button class="eden-btn eden-btn-primary" onclick="toggleNotification()">
285
+ 🔔 Notifications
286
+ </button>
287
+ <span class="eden-notification-badge" style="display: none;">0</span>
288
+ </div>
289
+ </div>
290
+ </div>
291
+
292
+ <div class="component-demo">
293
+ <h3 class="demo-title">Tags</h3>
294
+ <div class="eden-tag-group">
295
+ <span class="eden-tag">
296
+ JavaScript
297
+ <button class="eden-tag-close">×</button>
298
+ </span>
299
+ <span class="eden-tag">
300
+ TypeScript
301
+ <button class="eden-tag-close">×</button>
302
+ </span>
303
+ <span class="eden-tag">
304
+ React
305
+ <button class="eden-tag-close">×</button>
306
+ </span>
307
+ <span class="eden-tag">
308
+ CSS
309
+ <button class="eden-tag-close">×</button>
310
+ </span>
311
+ </div>
312
+ </div>
313
+ </div>
314
+ </section>
315
+
316
+ <!-- Progress Section -->
317
+ <section class="showcase-section">
318
+ <h2 class="section-title">Progress Indicators</h2>
319
+ <p class="section-description">
320
+ Visual feedback components for loading states and progress tracking.
321
+ </p>
322
+
323
+ <div class="component-group">
324
+ <div class="component-demo">
325
+ <h3 class="demo-title">Progress Bars</h3>
326
+ <div class="demo-content demo-vertical">
327
+ <div style="width: 100%;">
328
+ <p style="margin-bottom: 8px; color: var(--eden-color-text-secondary);">Default Progress</p>
329
+ <div class="eden-progress">
330
+ <div class="eden-progress-bar" data-target="75" style="width: 0%;"></div>
331
+ </div>
332
+ </div>
333
+ <div style="width: 100%;">
334
+ <p style="margin-bottom: 8px; color: var(--eden-color-text-secondary);">Success</p>
335
+ <div class="eden-progress">
336
+ <div class="eden-progress-bar eden-progress-bar-success" data-target="100"
337
+ style="width: 0%;"></div>
338
+ </div>
339
+ </div>
340
+ <div style="width: 100%;">
341
+ <p style="margin-bottom: 8px; color: var(--eden-color-text-secondary);">Warning</p>
342
+ <div class="eden-progress">
343
+ <div class="eden-progress-bar eden-progress-bar-warning" data-target="45"
344
+ style="width: 0%;"></div>
345
+ </div>
346
+ </div>
347
+ <div style="width: 100%;">
348
+ <p style="margin-bottom: 8px; color: var(--eden-color-text-secondary);">Danger</p>
349
+ <div class="eden-progress">
350
+ <div class="eden-progress-bar eden-progress-bar-danger" data-target="20"
351
+ style="width: 0%;"></div>
352
+ </div>
353
+ </div>
354
+ </div>
355
+ </div>
356
+
357
+ <div class="component-demo">
358
+ <h3 class="demo-title">Spinners</h3>
359
+ <div class="demo-content">
360
+ <div class="eden-spinner eden-spinner-sm"></div>
361
+ <div class="eden-spinner"></div>
362
+ <div class="eden-spinner eden-spinner-lg"></div>
363
+ </div>
364
+ </div>
365
+
366
+ <div class="component-demo">
367
+ <h3 class="demo-title">Skeleton Loaders</h3>
368
+ <div class="demo-content demo-vertical" style="max-width: 400px;">
369
+ <div class="eden-skeleton eden-skeleton-title"></div>
370
+ <div class="eden-skeleton eden-skeleton-text"></div>
371
+ <div class="eden-skeleton eden-skeleton-text" style="width: 80%;"></div>
372
+ <div class="eden-skeleton eden-skeleton-button"></div>
373
+ </div>
374
+ </div>
375
+ </div>
376
+ </section>
377
+
378
+ <!-- Lists Section -->
379
+ <section class="showcase-section">
380
+ <h2 class="section-title">Lists & Menus</h2>
381
+ <p class="section-description">
382
+ Organized content display with interactive list items and dropdown menus.
383
+ </p>
384
+
385
+ <div class="component-group">
386
+ <div class="component-demo">
387
+ <h3 class="demo-title">Basic List</h3>
388
+ <ul class="eden-list">
389
+ <li class="eden-list-item eden-list-item-interactive">
390
+ <span class="eden-list-item-icon">📄</span>
391
+ <div class="eden-list-item-content">
392
+ <div class="eden-list-item-title">Document 1</div>
393
+ <div class="eden-list-item-description">Last edited 2 hours ago</div>
394
+ </div>
395
+ <span class="eden-list-item-meta">2.4 MB</span>
396
+ </li>
397
+ <li class="eden-list-item eden-list-item-interactive eden-list-item-active">
398
+ <span class="eden-list-item-icon">📄</span>
399
+ <div class="eden-list-item-content">
400
+ <div class="eden-list-item-title">Document 2</div>
401
+ <div class="eden-list-item-description">Last edited 1 day ago</div>
402
+ </div>
403
+ <span class="eden-list-item-meta">1.8 MB</span>
404
+ </li>
405
+ <li class="eden-list-item eden-list-item-interactive">
406
+ <span class="eden-list-item-icon">📄</span>
407
+ <div class="eden-list-item-content">
408
+ <div class="eden-list-item-title">Document 3</div>
409
+ <div class="eden-list-item-description">Last edited 3 days ago</div>
410
+ </div>
411
+ <span class="eden-list-item-meta">3.1 MB</span>
412
+ </li>
413
+ </ul>
414
+ </div>
415
+
416
+ <div class="component-demo">
417
+ <h3 class="demo-title">Dropdown Menu</h3>
418
+ <div class="eden-dropdown">
419
+ <button class="eden-btn eden-btn-primary">Open Menu ▼</button>
420
+ <div class="eden-dropdown-menu" style="display: none;">
421
+ <ul class="eden-menu">
422
+ <li class="eden-menu-title">Actions</li>
423
+ <li class="eden-menu-item">✏️ Edit</li>
424
+ <li class="eden-menu-item">📋 Copy</li>
425
+ <li class="eden-menu-item">📤 Share</li>
426
+ <li class="eden-menu-divider"></li>
427
+ <li class="eden-menu-item" style="color: var(--eden-color-danger);">🗑️ Delete</li>
428
+ </ul>
429
+ </div>
430
+ </div>
431
+ </div>
432
+ </div>
433
+ </section>
434
+
435
+ <!-- Tabs Section -->
436
+ <section class="showcase-section">
437
+ <h2 class="section-title">Tabs</h2>
438
+ <p class="section-description">
439
+ Navigation components for organizing content into separate views.
440
+ </p>
441
+
442
+ <div class="component-group">
443
+ <div class="component-demo">
444
+ <h3 class="demo-title">Default Tabs</h3>
445
+ <div class="eden-tabs">
446
+ <div class="eden-tab-list">
447
+ <button class="eden-tab eden-tab-active">Overview</button>
448
+ <button class="eden-tab">Features</button>
449
+ <button class="eden-tab">Settings</button>
450
+ </div>
451
+ <div class="eden-tab-panels">
452
+ <div class="eden-tab-panel eden-tab-panel-active">
453
+ <div class="tab-content">
454
+ <h4>Overview</h4>
455
+ <p style="color: var(--eden-color-text-secondary);">
456
+ Welcome to the Eden CSS showcase. This demonstrates all the beautiful
457
+ frosted glass components.
458
+ </p>
459
+ </div>
460
+ </div>
461
+ <div class="eden-tab-panel">
462
+ <div class="tab-content">
463
+ <h4>Features</h4>
464
+ <p style="color: var(--eden-color-text-secondary);">
465
+ Explore the powerful features of our design system including responsive layouts
466
+ and smooth animations.
467
+ </p>
468
+ </div>
469
+ </div>
470
+ <div class="eden-tab-panel">
471
+ <div class="tab-content">
472
+ <h4>Settings</h4>
473
+ <p style="color: var(--eden-color-text-secondary);">
474
+ Customize your experience with various configuration options and preferences.
475
+ </p>
476
+ </div>
477
+ </div>
478
+ </div>
479
+ </div>
480
+ </div>
481
+
482
+ <div class="component-demo">
483
+ <h3 class="demo-title">Pill Tabs</h3>
484
+ <div class="eden-tabs">
485
+ <div class="eden-tab-list eden-tab-list-pills">
486
+ <button class="eden-tab eden-tab-pill eden-tab-active">All</button>
487
+ <button class="eden-tab eden-tab-pill">Active</button>
488
+ <button class="eden-tab eden-tab-pill">Completed</button>
489
+ <button class="eden-tab eden-tab-pill">Archived</button>
490
+ </div>
491
+ <div class="eden-tab-panels">
492
+ <div class="eden-tab-panel eden-tab-panel-active">
493
+ <div class="tab-content">
494
+ <p style="color: var(--eden-color-text-secondary);">All items displayed here.</p>
495
+ </div>
496
+ </div>
497
+ <div class="eden-tab-panel">
498
+ <div class="tab-content">
499
+ <p style="color: var(--eden-color-text-secondary);">Active items only.</p>
500
+ </div>
501
+ </div>
502
+ <div class="eden-tab-panel">
503
+ <div class="tab-content">
504
+ <p style="color: var(--eden-color-text-secondary);">Completed items.</p>
505
+ </div>
506
+ </div>
507
+ <div class="eden-tab-panel">
508
+ <div class="tab-content">
509
+ <p style="color: var(--eden-color-text-secondary);">Archived items.</p>
510
+ </div>
511
+ </div>
512
+ </div>
513
+ </div>
514
+ </div>
515
+ </div>
516
+ </section>
517
+
518
+ <!-- Modals Section -->
519
+ <section class="showcase-section">
520
+ <h2 class="section-title">Modals & Dialogs</h2>
521
+ <p class="section-description">
522
+ Overlay components for focused interactions and important messages.
523
+ </p>
524
+
525
+ <div class="component-group">
526
+ <div class="component-demo">
527
+ <h3 class="demo-title">Modal Triggers</h3>
528
+ <div class="modal-demo-buttons">
529
+ <button class="eden-btn eden-btn-primary" onclick="showModal('modal-default')">
530
+ Default Modal
531
+ </button>
532
+ <button class="eden-btn eden-btn-success" onclick="showModal('modal-success')">
533
+ Success Alert
534
+ </button>
535
+ <button class="eden-btn eden-btn-danger" onclick="showModal('modal-danger')">
536
+ Danger Alert
537
+ </button>
538
+ <button class="eden-btn eden-btn-primary"
539
+ onclick="showToast('This is a toast notification!', 'info')">
540
+ Show Toast
541
+ </button>
542
+ </div>
543
+ </div>
544
+ </div>
545
+ </section>
546
+
547
+ <!-- Color Palette Section -->
548
+ <section class="showcase-section">
549
+ <h2 class="section-title">Color Palette</h2>
550
+ <p class="section-description">
551
+ The complete color system used throughout Eden's design language.
552
+ </p>
553
+
554
+ <div class="component-group">
555
+ <div class="component-demo">
556
+ <h3 class="demo-title">Accent Colors</h3>
557
+ <div class="color-palette">
558
+ <div class="color-swatch" style="background: var(--eden-color-accent-primary);">
559
+ <span class="color-name">Primary</span>
560
+ </div>
561
+ <div class="color-swatch" style="background: var(--eden-color-accent-blue);">
562
+ <span class="color-name">Blue</span>
563
+ </div>
564
+ <div class="color-swatch" style="background: var(--eden-color-accent-purple);">
565
+ <span class="color-name">Purple</span>
566
+ </div>
567
+ <div class="color-swatch" style="background: var(--eden-color-success);">
568
+ <span class="color-name">Success</span>
569
+ </div>
570
+ <div class="color-swatch" style="background: var(--eden-color-danger);">
571
+ <span class="color-name">Danger</span>
572
+ </div>
573
+ <div class="color-swatch" style="background: var(--eden-color-warning);">
574
+ <span class="color-name">Warning</span>
575
+ </div>
576
+ <div class="color-swatch" style="background: var(--eden-color-info);">
577
+ <span class="color-name">Info</span>
578
+ </div>
579
+ </div>
580
+ </div>
581
+ </div>
582
+ </section>
583
+ </div>
584
+
585
+ <!-- Modals (Hidden by default) -->
586
+ <div id="modal-default" class="eden-modal-overlay" style="display: none;">
587
+ <div class="eden-modal">
588
+ <div class="eden-modal-header">
589
+ <h3 class="eden-modal-title">Modal Title</h3>
590
+ <button class="eden-modal-close">×</button>
591
+ </div>
592
+ <div class="eden-modal-body">
593
+ <p>This is a default modal with frosted glass effect. It showcases the beautiful backdrop blur and
594
+ transparency that makes Eden's UI stand out.</p>
595
+ <p style="color: var(--eden-color-text-muted);">You can add any content here including forms, images, or
596
+ other components.</p>
597
+ </div>
598
+ <div class="eden-modal-footer">
599
+ <button class="eden-btn eden-btn-ghost" onclick="closeModal('modal-default')">Cancel</button>
600
+ <button class="eden-btn eden-btn-primary" onclick="closeModal('modal-default')">Confirm</button>
601
+ </div>
602
+ </div>
603
+ </div>
604
+
605
+ <div id="modal-success" class="eden-modal-overlay" style="display: none;">
606
+ <div class="eden-modal eden-modal-sm">
607
+ <div class="eden-alert-modal">
608
+ <div class="eden-alert-icon eden-alert-icon-success">✓</div>
609
+ <h3 style="margin-bottom: 12px;">Success!</h3>
610
+ <p style="color: var(--eden-color-text-secondary); margin-bottom: 24px;">
611
+ Your action has been completed successfully.
612
+ </p>
613
+ <button class="eden-btn eden-btn-success" onclick="closeModal('modal-success')">Awesome!</button>
614
+ </div>
615
+ </div>
616
+ </div>
617
+
618
+ <div id="modal-danger" class="eden-modal-overlay" style="display: none;">
619
+ <div class="eden-modal eden-modal-sm">
620
+ <div class="eden-alert-modal">
621
+ <div class="eden-alert-icon eden-alert-icon-danger">!</div>
622
+ <h3 style="margin-bottom: 12px;">Are you sure?</h3>
623
+ <p style="color: var(--eden-color-text-secondary); margin-bottom: 24px;">
624
+ This action cannot be undone. Please confirm before proceeding.
625
+ </p>
626
+ <div style="display: flex; gap: 12px; justify-content: center;">
627
+ <button class="eden-btn eden-btn-ghost" onclick="closeModal('modal-danger')">Cancel</button>
628
+ <button class="eden-btn eden-btn-danger" onclick="closeModal('modal-danger')">Delete</button>
629
+ </div>
630
+ </div>
631
+ </div>
632
+ </div>
633
+
634
+ <script src="app.js"></script>
635
+ </body>
636
+
637
+ </html>