microui-wc 0.1.0 → 0.1.2

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 (343) hide show
  1. package/AGENTS.md +71 -71
  2. package/CHANGELOG.md +1 -1
  3. package/README.md +14 -9
  4. package/dist/AGENTS.md +116 -116
  5. package/dist/README.md +21 -16
  6. package/dist/components.css +1 -1
  7. package/dist/microui.css +1 -1
  8. package/dist/microui.esm.js.map +1 -1
  9. package/dist/microui.min.js.map +1 -1
  10. package/dist/styles/components/switch.css +1 -1
  11. package/docs/getting-started.md +3 -3
  12. package/package.json +38 -10
  13. package/src/components/mu-schema-form.js +1 -1
  14. package/src/styles/components/switch.css +7 -8
  15. package/src/styles/components.css +6 -6
  16. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -40
  17. package/.github/ISSUE_TEMPLATE/feature_request.md +0 -33
  18. package/.github/PULL_REQUEST_TEMPLATE.md +0 -28
  19. package/.github/workflows/ci.yml +0 -42
  20. package/.github/workflows/deploy-pages.yml +0 -112
  21. package/CODE_OF_CONDUCT.md +0 -59
  22. package/CONTRIBUTING.md +0 -156
  23. package/SECURITY.md +0 -58
  24. package/app/.generated/routes/alerts.js +0 -8
  25. package/app/.generated/routes/avatars.js +0 -8
  26. package/app/.generated/routes/badges.js +0 -8
  27. package/app/.generated/routes/buttons.js +0 -10
  28. package/app/.generated/routes/cards.js +0 -10
  29. package/app/.generated/routes/checkboxes.js +0 -9
  30. package/app/.generated/routes/chips.js +0 -8
  31. package/app/.generated/routes/dropdowns.js +0 -9
  32. package/app/.generated/routes/home.js +0 -7
  33. package/app/.generated/routes/icons.js +0 -9
  34. package/app/.generated/routes/inputs.js +0 -10
  35. package/app/.generated/routes/installation.js +0 -7
  36. package/app/.generated/routes/layout.js +0 -9
  37. package/app/.generated/routes/modals.js +0 -9
  38. package/app/.generated/routes/navbar.js +0 -7
  39. package/app/.generated/routes/progress.js +0 -9
  40. package/app/.generated/routes/radios.js +0 -9
  41. package/app/.generated/routes/switches.js +0 -9
  42. package/app/.generated/routes/tabs.js +0 -8
  43. package/app/.generated/routes/toasts.js +0 -9
  44. package/app/index.html +0 -67
  45. package/app/pages/alerts.html +0 -23
  46. package/app/pages/avatars.html +0 -22
  47. package/app/pages/badges.html +0 -22
  48. package/app/pages/buttons.html +0 -71
  49. package/app/pages/cards.html +0 -54
  50. package/app/pages/checkboxes.html +0 -39
  51. package/app/pages/chips.html +0 -23
  52. package/app/pages/dropdowns.html +0 -41
  53. package/app/pages/home.html +0 -59
  54. package/app/pages/icons.html +0 -29
  55. package/app/pages/inputs.html +0 -66
  56. package/app/pages/installation.html +0 -34
  57. package/app/pages/layout.html +0 -30
  58. package/app/pages/modals.html +0 -21
  59. package/app/pages/navbar.html +0 -22
  60. package/app/pages/progress.html +0 -35
  61. package/app/pages/radios.html +0 -40
  62. package/app/pages/switches.html +0 -39
  63. package/app/pages/tabs.html +0 -30
  64. package/app/pages/toasts.html +0 -22
  65. package/app-dist/index.html +0 -67
  66. package/app-dist/pages/alerts.html +0 -23
  67. package/app-dist/pages/avatars.html +0 -22
  68. package/app-dist/pages/badges.html +0 -22
  69. package/app-dist/pages/buttons.html +0 -71
  70. package/app-dist/pages/cards.html +0 -54
  71. package/app-dist/pages/checkboxes.html +0 -39
  72. package/app-dist/pages/chips.html +0 -23
  73. package/app-dist/pages/dropdowns.html +0 -41
  74. package/app-dist/pages/home.html +0 -59
  75. package/app-dist/pages/icons.html +0 -29
  76. package/app-dist/pages/inputs.html +0 -66
  77. package/app-dist/pages/installation.html +0 -34
  78. package/app-dist/pages/layout.html +0 -30
  79. package/app-dist/pages/modals.html +0 -21
  80. package/app-dist/pages/navbar.html +0 -22
  81. package/app-dist/pages/progress.html +0 -35
  82. package/app-dist/pages/radios.html +0 -40
  83. package/app-dist/pages/switches.html +0 -39
  84. package/app-dist/pages/tabs.html +0 -30
  85. package/app-dist/pages/toasts.html +0 -22
  86. package/app-dist/pages.json +0 -217
  87. package/app-dist/routes/alerts.js +0 -5
  88. package/app-dist/routes/avatars.js +0 -1
  89. package/app-dist/routes/badges.js +0 -1
  90. package/app-dist/routes/buttons.js +0 -1
  91. package/app-dist/routes/cards.js +0 -1
  92. package/app-dist/routes/checkboxes.js +0 -9
  93. package/app-dist/routes/chips.js +0 -4
  94. package/app-dist/routes/chunk-019e5e2f.js +0 -5
  95. package/app-dist/routes/chunk-0m4j19yd.js +0 -2
  96. package/app-dist/routes/chunk-0tmmp5q0.js +0 -1
  97. package/app-dist/routes/chunk-10xn709r.js +0 -1
  98. package/app-dist/routes/chunk-15m2qcda.js +0 -2
  99. package/app-dist/routes/chunk-1bh8g23n.js +0 -1
  100. package/app-dist/routes/chunk-1vg0v937.js +0 -1
  101. package/app-dist/routes/chunk-1zvcgy3j.js +0 -1
  102. package/app-dist/routes/chunk-2afb0861.js +0 -1
  103. package/app-dist/routes/chunk-2c6ttpzt.js +0 -5
  104. package/app-dist/routes/chunk-3dy30fhs.js +0 -1
  105. package/app-dist/routes/chunk-426dnces.js +0 -13
  106. package/app-dist/routes/chunk-44kgxery.js +0 -1
  107. package/app-dist/routes/chunk-47fdnejd.js +0 -33
  108. package/app-dist/routes/chunk-49a6t2vq.js +0 -1
  109. package/app-dist/routes/chunk-4fe1rm5b.js +0 -1
  110. package/app-dist/routes/chunk-4ggmvkta.js +0 -33
  111. package/app-dist/routes/chunk-4vkz81q7.js +0 -33
  112. package/app-dist/routes/chunk-4w4tmj8f.js +0 -31
  113. package/app-dist/routes/chunk-532s62kr.js +0 -31
  114. package/app-dist/routes/chunk-5hm3bssy.js +0 -33
  115. package/app-dist/routes/chunk-5vrh24hc.js +0 -1
  116. package/app-dist/routes/chunk-61pcg25a.js +0 -1
  117. package/app-dist/routes/chunk-6nfhygvf.js +0 -1
  118. package/app-dist/routes/chunk-700e7je6.js +0 -33
  119. package/app-dist/routes/chunk-7fsn17kg.js +0 -1
  120. package/app-dist/routes/chunk-7k789b32.js +0 -1
  121. package/app-dist/routes/chunk-7r46q0ys.js +0 -36
  122. package/app-dist/routes/chunk-86fmc1fr.js +0 -5
  123. package/app-dist/routes/chunk-8qth37vw.js +0 -1
  124. package/app-dist/routes/chunk-924wv8n0.js +0 -1
  125. package/app-dist/routes/chunk-9mbhgxk9.js +0 -1
  126. package/app-dist/routes/chunk-a216hyd9.js +0 -1
  127. package/app-dist/routes/chunk-akzxykh9.js +0 -33
  128. package/app-dist/routes/chunk-b3dcvy8c.js +0 -1
  129. package/app-dist/routes/chunk-b74zahz5.js +0 -31
  130. package/app-dist/routes/chunk-bftj53p2.js +0 -5
  131. package/app-dist/routes/chunk-c01hnz3e.js +0 -1
  132. package/app-dist/routes/chunk-d8pvv5km.js +0 -1
  133. package/app-dist/routes/chunk-dev0aezr.js +0 -2
  134. package/app-dist/routes/chunk-dh6vnv0e.js +0 -1
  135. package/app-dist/routes/chunk-dn2cbpva.js +0 -36
  136. package/app-dist/routes/chunk-dvn0my90.js +0 -1
  137. package/app-dist/routes/chunk-dvq8mnve.js +0 -36
  138. package/app-dist/routes/chunk-e8c2gc4d.js +0 -5
  139. package/app-dist/routes/chunk-ejf9ak2x.js +0 -1
  140. package/app-dist/routes/chunk-f083m55s.js +0 -1
  141. package/app-dist/routes/chunk-fnrj28s1.js +0 -31
  142. package/app-dist/routes/chunk-fvg3yjdp.js +0 -31
  143. package/app-dist/routes/chunk-g7k381n1.js +0 -1
  144. package/app-dist/routes/chunk-h01kq2ae.js +0 -13
  145. package/app-dist/routes/chunk-h4dk761v.js +0 -5
  146. package/app-dist/routes/chunk-hmx91z2x.js +0 -5
  147. package/app-dist/routes/chunk-hxbg4m42.js +0 -36
  148. package/app-dist/routes/chunk-jbjnfp2b.js +0 -2
  149. package/app-dist/routes/chunk-jxtz5vv6.js +0 -36
  150. package/app-dist/routes/chunk-jxzcs0ey.js +0 -36
  151. package/app-dist/routes/chunk-kt7wwhcx.js +0 -1
  152. package/app-dist/routes/chunk-kzptszyc.js +0 -33
  153. package/app-dist/routes/chunk-mhgca4w4.js +0 -2
  154. package/app-dist/routes/chunk-mhswxa20.js +0 -1
  155. package/app-dist/routes/chunk-n8zfeex6.js +0 -1
  156. package/app-dist/routes/chunk-pee47b2r.js +0 -1
  157. package/app-dist/routes/chunk-pesmw829.js +0 -1
  158. package/app-dist/routes/chunk-pgc4c6f3.js +0 -36
  159. package/app-dist/routes/chunk-q8egegm1.js +0 -1
  160. package/app-dist/routes/chunk-q9mn2qyq.js +0 -36
  161. package/app-dist/routes/chunk-qh0rtaf3.js +0 -5
  162. package/app-dist/routes/chunk-qqhmk6ye.js +0 -2
  163. package/app-dist/routes/chunk-qrxygmf7.js +0 -33
  164. package/app-dist/routes/chunk-r46yzksx.js +0 -36
  165. package/app-dist/routes/chunk-rgpbw2w0.js +0 -5
  166. package/app-dist/routes/chunk-rnpzv3d8.js +0 -2
  167. package/app-dist/routes/chunk-s5v8cv05.js +0 -2
  168. package/app-dist/routes/chunk-sbwn5bpc.js +0 -1
  169. package/app-dist/routes/chunk-sqbg8jbt.js +0 -33
  170. package/app-dist/routes/chunk-sv8dqnf7.js +0 -1
  171. package/app-dist/routes/chunk-t67sw3za.js +0 -1
  172. package/app-dist/routes/chunk-tjdpqwdf.js +0 -31
  173. package/app-dist/routes/chunk-tq2mfghg.js +0 -1
  174. package/app-dist/routes/chunk-ttn10vt6.js +0 -1
  175. package/app-dist/routes/chunk-v2hzpjxr.js +0 -1
  176. package/app-dist/routes/chunk-wfjjkw9y.js +0 -1
  177. package/app-dist/routes/chunk-wt8cxzmf.js +0 -31
  178. package/app-dist/routes/chunk-x45d372k.js +0 -5
  179. package/app-dist/routes/chunk-y3wsazkt.js +0 -1
  180. package/app-dist/routes/chunk-y7pmgc7t.js +0 -33
  181. package/app-dist/routes/chunk-zefdt2q3.js +0 -31
  182. package/app-dist/routes/dropdowns.js +0 -6
  183. package/app-dist/routes/home.js +0 -1
  184. package/app-dist/routes/icons.js +0 -1
  185. package/app-dist/routes/inputs.js +0 -12
  186. package/app-dist/routes/installation.js +0 -1
  187. package/app-dist/routes/layout.js +0 -1
  188. package/app-dist/routes/modals.js +0 -7
  189. package/app-dist/routes/navbar.js +0 -1
  190. package/app-dist/routes/progress.js +0 -1
  191. package/app-dist/routes/radios.js +0 -6
  192. package/app-dist/routes/switches.js +0 -6
  193. package/app-dist/routes/tabs.js +0 -1
  194. package/app-dist/routes/toasts.js +0 -16
  195. package/assets/fonts/material-symbols-mini.woff2 +0 -0
  196. package/assets/fonts/material-symbols.woff2 +0 -0
  197. package/assets/fonts/roboto-400.woff2 +0 -0
  198. package/assets/fonts/roboto-500.woff2 +0 -0
  199. package/assets/fonts/roboto-700.woff2 +0 -0
  200. package/assets/logo-banner-400.jpg +0 -0
  201. package/assets/logo-banner-400.webp +0 -0
  202. package/assets/logo-banner-800.webp +0 -0
  203. package/assets/logo-banner.jpg +0 -0
  204. package/assets/logo-icon-64.jpg +0 -0
  205. package/assets/logo-icon-64.webp +0 -0
  206. package/assets/logo-icon.jpg +0 -0
  207. package/assets/logo-square.jpg +0 -0
  208. package/bun.lock +0 -312
  209. package/bunfig.toml +0 -4
  210. package/custom-elements.json +0 -1916
  211. package/demo/api/sample-data.json +0 -38
  212. package/demo/content/alerts.html +0 -115
  213. package/demo/content/avatars.html +0 -70
  214. package/demo/content/badges.html +0 -65
  215. package/demo/content/buttons.html +0 -188
  216. package/demo/content/callouts.html +0 -91
  217. package/demo/content/cards.html +0 -121
  218. package/demo/content/checkboxes.html +0 -178
  219. package/demo/content/chips.html +0 -67
  220. package/demo/content/codeblocks.html +0 -101
  221. package/demo/content/confirms.html +0 -115
  222. package/demo/content/datatables.html +0 -149
  223. package/demo/content/dividers.html +0 -119
  224. package/demo/content/dropdowns.html +0 -89
  225. package/demo/content/enterprise.html +0 -252
  226. package/demo/content/home.html +0 -149
  227. package/demo/content/icons.html +0 -89
  228. package/demo/content/inputs.html +0 -135
  229. package/demo/content/installation.html +0 -16
  230. package/demo/content/layout.html +0 -136
  231. package/demo/content/modals.html +0 -141
  232. package/demo/content/navbar.html +0 -70
  233. package/demo/content/progress.html +0 -119
  234. package/demo/content/radios.html +0 -88
  235. package/demo/content/skeletons.html +0 -109
  236. package/demo/content/spinners.html +0 -96
  237. package/demo/content/switches.html +0 -84
  238. package/demo/content/tables.html +0 -124
  239. package/demo/content/tabs.html +0 -85
  240. package/demo/content/toasts.html +0 -116
  241. package/demo/content/tooltips.html +0 -107
  242. package/demo/content/virtual-lists.html +0 -233
  243. package/demo/favicon.ico +0 -0
  244. package/demo/favicon.png +0 -0
  245. package/demo/full.html +0 -52
  246. package/demo/iife.html +0 -46
  247. package/demo/manifest.json +0 -34
  248. package/demo/pages/datatable-demo.html +0 -237
  249. package/demo/pages/prompt-ui-demo.html +0 -218
  250. package/demo/pages/responsive-demo.html +0 -122
  251. package/demo/pages/schema-form-demo.html +0 -270
  252. package/demo/robots.txt +0 -6
  253. package/demo/shell.html +0 -712
  254. package/demo/sw.js +0 -387
  255. package/lighthouse-audit.mjs +0 -113
  256. package/scripts/analyze-components.js +0 -105
  257. package/scripts/build-app.js +0 -193
  258. package/scripts/build-framework.js +0 -444
  259. package/scripts/build-utils.js +0 -101
  260. package/scripts/test-isolated.js +0 -151
  261. package/server.js +0 -256
  262. package/tests/agents/agent-integration.test.js +0 -76
  263. package/tests/benchmark.html +0 -296
  264. package/tests/build/scan-components.test.js +0 -173
  265. package/tests/components/all-components.test.js +0 -245
  266. package/tests/components/all-missing-components.test.js +0 -574
  267. package/tests/components/mu-alert.test.js +0 -113
  268. package/tests/components/mu-avatar.test.js +0 -148
  269. package/tests/components/mu-badge.test.js +0 -92
  270. package/tests/components/mu-button.test.js +0 -112
  271. package/tests/components/mu-card.test.js +0 -89
  272. package/tests/components/mu-checkbox.test.js +0 -158
  273. package/tests/components/mu-chip.test.js +0 -118
  274. package/tests/components/mu-container.test.js +0 -120
  275. package/tests/components/mu-divider.test.js +0 -98
  276. package/tests/components/mu-drawer-item.test.js +0 -199
  277. package/tests/components/mu-drawer.test.js +0 -96
  278. package/tests/components/mu-dropdown.test.js +0 -125
  279. package/tests/components/mu-form.test.js +0 -138
  280. package/tests/components/mu-grid.test.js +0 -135
  281. package/tests/components/mu-icon.test.js +0 -110
  282. package/tests/components/mu-input.test.js +0 -131
  283. package/tests/components/mu-lazy.test.js +0 -103
  284. package/tests/components/mu-modal.test.js +0 -275
  285. package/tests/components/mu-navbar.test.js +0 -101
  286. package/tests/components/mu-progress.test.js +0 -115
  287. package/tests/components/mu-radio.test.js +0 -114
  288. package/tests/components/mu-repeat.test.js +0 -106
  289. package/tests/components/mu-sidebar.test.js +0 -126
  290. package/tests/components/mu-skeleton.test.js +0 -162
  291. package/tests/components/mu-stack.test.js +0 -143
  292. package/tests/components/mu-switch.test.js +0 -292
  293. package/tests/components/mu-table.test.js +0 -124
  294. package/tests/components/mu-tabs.test.js +0 -104
  295. package/tests/components/mu-textarea.test.js +0 -115
  296. package/tests/components/mu-toast.test.js +0 -321
  297. package/tests/components/mu-tooltip.test.js +0 -133
  298. package/tests/components/mu-virtual-list.test.js +0 -109
  299. package/tests/core/MuElement.test.js +0 -120
  300. package/tests/core/agent-api.test.js +0 -125
  301. package/tests/core/all-core-modules.test.js +0 -442
  302. package/tests/core/bus.test.js +0 -364
  303. package/tests/core/component-schema.test.js +0 -160
  304. package/tests/core/feature-registry.test.js +0 -198
  305. package/tests/core/form-state.test.js +0 -167
  306. package/tests/core/http.test.js +0 -119
  307. package/tests/core/keyboard.test.js +0 -319
  308. package/tests/core/layers.test.js +0 -129
  309. package/tests/core/namespaced-stores.test.js +0 -114
  310. package/tests/core/render.test.js +0 -121
  311. package/tests/core/ripple.test.js +0 -131
  312. package/tests/core/router.test.js +0 -89
  313. package/tests/core/scheduler.test.js +0 -121
  314. package/tests/core/signals.test.js +0 -128
  315. package/tests/core/store.test.js +0 -171
  316. package/tests/core/transitions.test.js +0 -82
  317. package/tests/e2e/accessibility-harness.html +0 -58
  318. package/tests/e2e/accessibility.test.js +0 -401
  319. package/tests/e2e/agent-features.test.js +0 -372
  320. package/tests/e2e/card-spacing.test.js +0 -287
  321. package/tests/e2e/components.test.js +0 -439
  322. package/tests/e2e/demo-routes.test.js +0 -478
  323. package/tests/e2e/layout-css-fallback.test.js +0 -334
  324. package/tests/e2e/mu-alert.e2e.test.js +0 -111
  325. package/tests/e2e/mu-checkbox.test.js +0 -489
  326. package/tests/e2e/mu-chip.test.js +0 -347
  327. package/tests/e2e/mu-form.test.js +0 -499
  328. package/tests/e2e/mu-icon.test.js +0 -114
  329. package/tests/e2e/mu-radio.test.js +0 -113
  330. package/tests/e2e/mu-skeleton.test.js +0 -140
  331. package/tests/e2e/mu-switch.test.js +0 -415
  332. package/tests/e2e/mu-tabs.test.js +0 -494
  333. package/tests/e2e/mu-textarea.test.js +0 -242
  334. package/tests/e2e/mu-virtual-list.test.js +0 -427
  335. package/tests/e2e/perf-memory.test.js +0 -161
  336. package/tests/e2e/puppeteer-helper.js +0 -137
  337. package/tests/e2e/puppeteer.test.js +0 -226
  338. package/tests/e2e/pwa.test.js +0 -261
  339. package/tests/e2e/test-harness.html +0 -319
  340. package/tests/manual/test-components.html +0 -120
  341. package/tests/memory-test.html +0 -309
  342. package/tests/setup-dom.js +0 -93
  343. package/tests/visual-test.html +0 -301
package/app/.generated/routes/buttons.js DELETED
@@ -1,10 +0,0 @@
1
- /**
2
- * Auto-generated route for: buttons
3
- * Dependencies: mu-button, mu-stack, mu-tabs, mu-example, mu-code, mu-api-table
4
- */
5
- import '../../../dist/components/mu-button.js';
6
- import '../../../dist/components/mu-stack.js';
7
- import '../../../dist/components/mu-tabs.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
10
- import '../../../dist/components/mu-api-table.js';
package/app/.generated/routes/cards.js DELETED
@@ -1,10 +0,0 @@
1
- /**
2
- * Auto-generated route for: cards
3
- * Dependencies: mu-card, mu-stack, mu-tabs, mu-example, mu-code, mu-api-table
4
- */
5
- import '../../../dist/components/mu-card.js';
6
- import '../../../dist/components/mu-stack.js';
7
- import '../../../dist/components/mu-tabs.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
10
- import '../../../dist/components/mu-api-table.js';
package/app/.generated/routes/checkboxes.js DELETED
@@ -1,9 +0,0 @@
1
- /**
2
- * Auto-generated route for: checkboxes
3
- * Dependencies: mu-checkbox, mu-stack, mu-tabs, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-checkbox.js';
6
- import '../../../dist/components/mu-stack.js';
7
- import '../../../dist/components/mu-tabs.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/chips.js DELETED
@@ -1,8 +0,0 @@
1
- /**
2
- * Auto-generated route for: chips
3
- * Dependencies: mu-chip, mu-stack, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-chip.js';
6
- import '../../../dist/components/mu-stack.js';
7
- import '../../../dist/components/mu-example.js';
8
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/dropdowns.js DELETED
@@ -1,9 +0,0 @@
1
- /**
2
- * Auto-generated route for: dropdowns
3
- * Dependencies: mu-dropdown, mu-stack, mu-tabs, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-dropdown.js';
6
- import '../../../dist/components/mu-stack.js';
7
- import '../../../dist/components/mu-tabs.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/home.js DELETED
@@ -1,7 +0,0 @@
1
- /**
2
- * Auto-generated route for: home
3
- * Dependencies: mu-stack, mu-card, mu-icon
4
- */
5
- import '../../../dist/components/mu-stack.js';
6
- import '../../../dist/components/mu-card.js';
7
- import '../../../dist/components/mu-icon.js';
package/app/.generated/routes/icons.js DELETED
@@ -1,9 +0,0 @@
1
- /**
2
- * Auto-generated route for: icons
3
- * Dependencies: mu-icon, mu-grid, mu-stack, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-icon.js';
6
- import '../../../dist/components/mu-grid.js';
7
- import '../../../dist/components/mu-stack.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/inputs.js DELETED
@@ -1,10 +0,0 @@
1
- /**
2
- * Auto-generated route for: inputs
3
- * Dependencies: mu-input, mu-stack, mu-tabs, mu-example, mu-code, mu-api-table
4
- */
5
- import '../../../dist/components/mu-input.js';
6
- import '../../../dist/components/mu-stack.js';
7
- import '../../../dist/components/mu-tabs.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
10
- import '../../../dist/components/mu-api-table.js';
package/app/.generated/routes/installation.js DELETED
@@ -1,7 +0,0 @@
1
- /**
2
- * Auto-generated route for: installation
3
- * Dependencies: mu-stack, mu-card, mu-code
4
- */
5
- import '../../../dist/components/mu-stack.js';
6
- import '../../../dist/components/mu-card.js';
7
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/layout.js DELETED
@@ -1,9 +0,0 @@
1
- /**
2
- * Auto-generated route for: layout
3
- * Dependencies: mu-stack, mu-grid, mu-card, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-stack.js';
6
- import '../../../dist/components/mu-grid.js';
7
- import '../../../dist/components/mu-card.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/modals.js DELETED
@@ -1,9 +0,0 @@
1
- /**
2
- * Auto-generated route for: modals
3
- * Dependencies: mu-modal, mu-button, mu-stack, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-modal.js';
6
- import '../../../dist/components/mu-button.js';
7
- import '../../../dist/components/mu-stack.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/navbar.js DELETED
@@ -1,7 +0,0 @@
1
- /**
2
- * Auto-generated route for: navbar
3
- * Dependencies: mu-navbar, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-navbar.js';
6
- import '../../../dist/components/mu-example.js';
7
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/progress.js DELETED
@@ -1,9 +0,0 @@
1
- /**
2
- * Auto-generated route for: progress
3
- * Dependencies: mu-progress, mu-spinner, mu-stack, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-progress.js';
6
- import '../../../dist/components/mu-spinner.js';
7
- import '../../../dist/components/mu-stack.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/radios.js DELETED
@@ -1,9 +0,0 @@
1
- /**
2
- * Auto-generated route for: radios
3
- * Dependencies: mu-radio, mu-stack, mu-tabs, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-radio.js';
6
- import '../../../dist/components/mu-stack.js';
7
- import '../../../dist/components/mu-tabs.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/switches.js DELETED
@@ -1,9 +0,0 @@
1
- /**
2
- * Auto-generated route for: switches
3
- * Dependencies: mu-switch, mu-stack, mu-tabs, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-switch.js';
6
- import '../../../dist/components/mu-stack.js';
7
- import '../../../dist/components/mu-tabs.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/tabs.js DELETED
@@ -1,8 +0,0 @@
1
- /**
2
- * Auto-generated route for: tabs
3
- * Dependencies: mu-tabs, mu-stack, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-tabs.js';
6
- import '../../../dist/components/mu-stack.js';
7
- import '../../../dist/components/mu-example.js';
8
- import '../../../dist/components/mu-code.js';
package/app/.generated/routes/toasts.js DELETED
@@ -1,9 +0,0 @@
1
- /**
2
- * Auto-generated route for: toasts
3
- * Dependencies: mu-toast, mu-button, mu-stack, mu-example, mu-code
4
- */
5
- import '../../../dist/components/mu-toast.js';
6
- import '../../../dist/components/mu-button.js';
7
- import '../../../dist/components/mu-stack.js';
8
- import '../../../dist/components/mu-example.js';
9
- import '../../../dist/components/mu-code.js';
package/app/index.html DELETED
@@ -1,67 +0,0 @@
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>microUI Demo</title>
8
-
9
- <!-- Framework CSS -->
10
- <link rel="stylesheet" href="/dist/microui.css">
11
-
12
- <!-- App-specific styles -->
13
- <style>
14
- /* App shell styles */
15
- .app-shell {
16
- display: flex;
17
- min-height: 100vh;
18
- }
19
-
20
- .app-sidebar {
21
- width: 260px;
22
- background: var(--md-sys-color-surface-container);
23
- border-right: 1px solid var(--md-sys-color-outline-variant);
24
- padding: 16px;
25
- }
26
-
27
- .app-main {
28
- flex: 1;
29
- padding: 24px;
30
- overflow-y: auto;
31
- }
32
- </style>
33
- </head>
34
-
35
- <body>
36
- <div class="app-shell">
37
- <!-- Sidebar -->
38
- <nav class="app-sidebar">
39
- <h2>microUI</h2>
40
- <mu-stack gap="sm">
41
- <a href="#home" class="nav-link">Home</a>
42
- <a href="#buttons" class="nav-link">Buttons</a>
43
- <a href="#inputs" class="nav-link">Inputs</a>
44
- <!-- More links added dynamically or manually -->
45
- </mu-stack>
46
- </nav>
47
-
48
- <!-- Main content - router renders pages here -->
49
- <main class="app-main">
50
- <mu-router>
51
- <!-- Pages loaded here by router -->
52
- </mu-router>
53
- </main>
54
- </div>
55
-
56
- <!-- Load router and page system -->
57
- <script type="module">
58
- // Import core components for shell
59
- import '/dist/components/mu-stack.js';
60
- import '/dist/components/mu-router.js';
61
- import '/dist/components/mu-page.js';
62
-
63
- // Router will handle loading pages from /app/pages/
64
- </script>
65
- </body>
66
-
67
- </html>
package/app/pages/alerts.html DELETED
@@ -1,23 +0,0 @@
1
- <mu-page route="alerts" title="Alerts">
2
- <script type="x-dependencies">mu-alert, mu-stack, mu-example, mu-code</script>
3
- <template>
4
- <h1 class="page-title">Alert</h1>
5
- <p class="page-subtitle"><code>&lt;mu-alert&gt;</code> displays important messages.</p>
6
- <mu-tabs>
7
- <mu-tab label="Examples" active>
8
- <mu-example>
9
- <mu-stack gap="md">
10
- <mu-alert variant="info">Informational message</mu-alert>
11
- <mu-alert variant="success">Success message</mu-alert>
12
- <mu-alert variant="warning">Warning message</mu-alert>
13
- <mu-alert variant="error">Error message</mu-alert>
14
- </mu-stack>
15
- </mu-example>
16
- </mu-tab>
17
- <mu-tab label="Code">
18
- <mu-code language="html">&lt;mu-alert variant="success"&gt;Saved!&lt;/mu-alert&gt;
19
- &lt;mu-alert variant="error"&gt;Error occurred&lt;/mu-alert&gt;</mu-code>
20
- </mu-tab>
21
- </mu-tabs>
22
- </template>
23
- </mu-page>
package/app/pages/avatars.html DELETED
@@ -1,22 +0,0 @@
1
- <mu-page route="avatars" title="Avatars">
2
- <script type="x-dependencies">mu-avatar, mu-stack, mu-example, mu-code</script>
3
- <template>
4
- <h1 class="page-title">Avatar</h1>
5
- <p class="page-subtitle"><code>&lt;mu-avatar&gt;</code> displays user images or initials.</p>
6
- <mu-tabs>
7
- <mu-tab label="Examples" active>
8
- <mu-example>
9
- <mu-stack direction="row" gap="md" align="center">
10
- <mu-avatar size="sm" initials="AB"></mu-avatar>
11
- <mu-avatar size="md" initials="CD"></mu-avatar>
12
- <mu-avatar size="lg" initials="EF"></mu-avatar>
13
- </mu-stack>
14
- </mu-example>
15
- </mu-tab>
16
- <mu-tab label="Code">
17
- <mu-code language="html">&lt;mu-avatar initials="JD"&gt;&lt;/mu-avatar&gt;
18
- &lt;mu-avatar src="photo.jpg"&gt;&lt;/mu-avatar&gt;</mu-code>
19
- </mu-tab>
20
- </mu-tabs>
21
- </template>
22
- </mu-page>
package/app/pages/badges.html DELETED
@@ -1,22 +0,0 @@
1
- <mu-page route="badges" title="Badges">
2
- <script type="x-dependencies">mu-badge, mu-stack, mu-example, mu-code</script>
3
- <template>
4
- <h1 class="page-title">Badge</h1>
5
- <p class="page-subtitle"><code>&lt;mu-badge&gt;</code> displays counts or status indicators.</p>
6
- <mu-tabs>
7
- <mu-tab label="Examples" active>
8
- <mu-example>
9
- <mu-stack direction="row" gap="lg">
10
- <mu-badge count="3">Notifications</mu-badge>
11
- <mu-badge count="99+">Messages</mu-badge>
12
- <mu-badge dot>Updates</mu-badge>
13
- </mu-stack>
14
- </mu-example>
15
- </mu-tab>
16
- <mu-tab label="Code">
17
- <mu-code language="html">&lt;mu-badge count="5"&gt;Label&lt;/mu-badge&gt;
18
- &lt;mu-badge dot&gt;New&lt;/mu-badge&gt;</mu-code>
19
- </mu-tab>
20
- </mu-tabs>
21
- </template>
22
- </mu-page>
package/app/pages/buttons.html DELETED
@@ -1,71 +0,0 @@
1
- <!--
2
- Buttons Page - Performance optimized
3
- Uses mu-example for demos, minimal inline styles
4
- -->
5
- <mu-page route="buttons" title="Buttons">
6
- <script type="x-dependencies">
7
- mu-button
8
- mu-stack
9
- mu-tabs
10
- mu-example
11
- mu-code
12
- mu-api-table
13
- </script>
14
-
15
- <template>
16
- <h1 class="page-title">Button</h1>
17
- <p class="page-subtitle">
18
- <code>&lt;mu-button&gt;</code> is an interactive element that triggers actions.
19
- MD3 defines 5 button types for different emphasis levels.
20
- </p>
21
-
22
- <mu-tabs>
23
- <mu-tab label="Examples" active>
24
- <section class="component-section">
25
- <h2 class="section-title">Variants</h2>
26
- <mu-example>
27
- <mu-stack direction="row" gap="md" wrap>
28
- <mu-button variant="filled">Filled</mu-button>
29
- <mu-button variant="tonal">Tonal</mu-button>
30
- <mu-button variant="elevated">Elevated</mu-button>
31
- <mu-button variant="outlined">Outlined</mu-button>
32
- <mu-button variant="text">Text</mu-button>
33
- </mu-stack>
34
- </mu-example>
35
- </section>
36
-
37
- <section class="component-section">
38
- <h2 class="section-title">Sizes</h2>
39
- <mu-example>
40
- <mu-stack direction="row" gap="md" align="center">
41
- <mu-button size="sm">Small</mu-button>
42
- <mu-button size="md">Medium</mu-button>
43
- <mu-button size="lg">Large</mu-button>
44
- </mu-stack>
45
- </mu-example>
46
- </section>
47
-
48
- <section class="component-section">
49
- <h2 class="section-title">States</h2>
50
- <mu-example>
51
- <mu-stack direction="row" gap="md">
52
- <mu-button>Normal</mu-button>
53
- <mu-button disabled>Disabled</mu-button>
54
- </mu-stack>
55
- </mu-example>
56
- </section>
57
- </mu-tab>
58
-
59
- <mu-tab label="Code">
60
- <mu-code language="html">&lt;mu-button variant="filled"&gt;Primary&lt;/mu-button&gt;
61
- &lt;mu-button variant="tonal"&gt;Secondary&lt;/mu-button&gt;
62
- &lt;mu-button variant="outlined"&gt;Outlined&lt;/mu-button&gt;
63
- &lt;mu-button disabled&gt;Disabled&lt;/mu-button&gt;</mu-code>
64
- </mu-tab>
65
-
66
- <mu-tab label="API">
67
- <mu-api-table component="mu-button"></mu-api-table>
68
- </mu-tab>
69
- </mu-tabs>
70
- </template>
71
- </mu-page>
package/app/pages/cards.html DELETED
@@ -1,54 +0,0 @@
1
- <!--
2
- Cards Page - Performance optimized with ::before state layers via CSS
3
- -->
4
- <mu-page route="cards" title="Cards">
5
- <script type="x-dependencies">
6
- mu-card
7
- mu-stack
8
- mu-tabs
9
- mu-example
10
- mu-code
11
- mu-api-table
12
- </script>
13
-
14
- <template>
15
- <h1 class="page-title">Card</h1>
16
- <p class="page-subtitle">
17
- <code>&lt;mu-card&gt;</code> is a container for related content and actions.
18
- </p>
19
-
20
- <mu-tabs>
21
- <mu-tab label="Examples" active>
22
- <section class="component-section">
23
- <h2 class="section-title">Variants</h2>
24
- <mu-example>
25
- <mu-stack direction="row" gap="md" wrap>
26
- <mu-card variant="elevated" style="width: 200px;">
27
- <h3>Elevated</h3>
28
- <p>Surface with shadow</p>
29
- </mu-card>
30
- <mu-card variant="filled" style="width: 200px;">
31
- <h3>Filled</h3>
32
- <p>Surface container</p>
33
- </mu-card>
34
- <mu-card variant="outlined" style="width: 200px;">
35
- <h3>Outlined</h3>
36
- <p>Border only</p>
37
- </mu-card>
38
- </mu-stack>
39
- </mu-example>
40
- </section>
41
- </mu-tab>
42
-
43
- <mu-tab label="Code">
44
- <mu-code language="html">&lt;mu-card variant="elevated"&gt;Content&lt;/mu-card&gt;
45
- &lt;mu-card variant="filled"&gt;Content&lt;/mu-card&gt;
46
- &lt;mu-card variant="outlined"&gt;Content&lt;/mu-card&gt;</mu-code>
47
- </mu-tab>
48
-
49
- <mu-tab label="API">
50
- <mu-api-table component="mu-card"></mu-api-table>
51
- </mu-tab>
52
- </mu-tabs>
53
- </template>
54
- </mu-page>
package/app/pages/checkboxes.html DELETED
@@ -1,39 +0,0 @@
1
- <!--
2
- Checkboxes Page
3
- -->
4
- <mu-page route="checkboxes" title="Checkboxes">
5
- <script type="x-dependencies">
6
- mu-checkbox
7
- mu-stack
8
- mu-tabs
9
- mu-example
10
- mu-code
11
- </script>
12
-
13
- <template>
14
- <h1 class="page-title">Checkbox</h1>
15
- <p class="page-subtitle">
16
- <code>&lt;mu-checkbox&gt;</code> allows selection of multiple options.
17
- </p>
18
-
19
- <mu-tabs>
20
- <mu-tab label="Examples" active>
21
- <section class="component-section">
22
- <h2 class="section-title">States</h2>
23
- <mu-example>
24
- <mu-stack gap="md">
25
- <mu-checkbox label="Unchecked"></mu-checkbox>
26
- <mu-checkbox label="Checked" checked></mu-checkbox>
27
- <mu-checkbox label="Disabled" disabled></mu-checkbox>
28
- </mu-stack>
29
- </mu-example>
30
- </section>
31
- </mu-tab>
32
-
33
- <mu-tab label="Code">
34
- <mu-code language="html">&lt;mu-checkbox label="Option 1"&gt;&lt;/mu-checkbox&gt;
35
- &lt;mu-checkbox label="Selected" checked&gt;&lt;/mu-checkbox&gt;</mu-code>
36
- </mu-tab>
37
- </mu-tabs>
38
- </template>
39
- </mu-page>
package/app/pages/chips.html DELETED
@@ -1,23 +0,0 @@
1
- <mu-page route="chips" title="Chips">
2
- <script type="x-dependencies">mu-chip, mu-stack, mu-example, mu-code</script>
3
- <template>
4
- <h1 class="page-title">Chip</h1>
5
- <p class="page-subtitle"><code>&lt;mu-chip&gt;</code> displays compact interactive elements.</p>
6
- <mu-tabs>
7
- <mu-tab label="Examples" active>
8
- <mu-example>
9
- <mu-stack direction="row" gap="sm" wrap>
10
- <mu-chip>Default</mu-chip>
11
- <mu-chip variant="outlined">Outlined</mu-chip>
12
- <mu-chip removable>Removable</mu-chip>
13
- <mu-chip selected>Selected</mu-chip>
14
- </mu-stack>
15
- </mu-example>
16
- </mu-tab>
17
- <mu-tab label="Code">
18
- <mu-code language="html">&lt;mu-chip&gt;Tag&lt;/mu-chip&gt;
19
- &lt;mu-chip removable&gt;Removable&lt;/mu-chip&gt;</mu-code>
20
- </mu-tab>
21
- </mu-tabs>
22
- </template>
23
- </mu-page>
package/app/pages/dropdowns.html DELETED
@@ -1,41 +0,0 @@
1
- <!--
2
- Dropdowns Page
3
- -->
4
- <mu-page route="dropdowns" title="Dropdowns">
5
- <script type="x-dependencies">
6
- mu-dropdown
7
- mu-stack
8
- mu-tabs
9
- mu-example
10
- mu-code
11
- </script>
12
-
13
- <template>
14
- <h1 class="page-title">Dropdown</h1>
15
- <p class="page-subtitle">
16
- <code>&lt;mu-dropdown&gt;</code> displays a list of options when clicked.
17
- </p>
18
-
19
- <mu-tabs>
20
- <mu-tab label="Examples" active>
21
- <section class="component-section">
22
- <h2 class="section-title">Basic Usage</h2>
23
- <mu-example>
24
- <mu-dropdown label="Select option">
25
- <mu-option value="opt1">Option 1</mu-option>
26
- <mu-option value="opt2">Option 2</mu-option>
27
- <mu-option value="opt3">Option 3</mu-option>
28
- </mu-dropdown>
29
- </mu-example>
30
- </section>
31
- </mu-tab>
32
-
33
- <mu-tab label="Code">
34
- <mu-code language="html">&lt;mu-dropdown label="Choose"&gt;
35
- &lt;mu-option value="a"&gt;Option A&lt;/mu-option&gt;
36
- &lt;mu-option value="b"&gt;Option B&lt;/mu-option&gt;
37
- &lt;/mu-dropdown&gt;</mu-code>
38
- </mu-tab>
39
- </mu-tabs>
40
- </template>
41
- </mu-page>
package/app/pages/home.html DELETED
@@ -1,59 +0,0 @@
1
- <!--
2
- Home Page
3
- Dependencies: mu-stack, mu-card, mu-icon
4
- -->
5
- <mu-page route="home" title="Home">
6
- <script type="x-dependencies">
7
- mu-stack
8
- mu-card
9
- mu-icon
10
- </script>
11
-
12
- <template>
13
- <mu-stack gap="lg" align="center" style="text-align: center; padding: 40px 20px;">
14
- <img src="/assets/logo-banner-400.webp" alt="microUI" style="max-width: 300px;">
15
-
16
- <h1>microUI v0.1.0</h1>
17
- <p style="color: var(--md-sys-color-on-surface-variant); max-width: 500px;">
18
- AI-First Web Components Library
19
- </p>
20
-
21
- <mu-stack direction="row" gap="md" wrap>
22
- <mu-card variant="filled" style="text-align: center; padding: 16px;">
23
- <strong style="color: var(--md-sys-color-primary); font-size: 24px;">100%</strong>
24
- <p>Performance</p>
25
- </mu-card>
26
- <mu-card variant="filled" style="text-align: center; padding: 16px;">
27
- <strong style="color: var(--md-sys-color-primary); font-size: 24px;">100%</strong>
28
- <p>Accessibility</p>
29
- </mu-card>
30
- <mu-card variant="filled" style="text-align: center; padding: 16px;">
31
- <strong style="color: var(--md-sys-color-primary); font-size: 24px;">100%</strong>
32
- <p>SEO</p>
33
- </mu-card>
34
- </mu-stack>
35
-
36
- <mu-card variant="outlined">
37
- <h3>Features</h3>
38
- <mu-stack gap="sm">
39
- <mu-stack direction="row" gap="sm" align="center">
40
- <mu-icon name="check"></mu-icon>
41
- <span><strong>40+ Components</strong> - Complete UI toolkit</span>
42
- </mu-stack>
43
- <mu-stack direction="row" gap="sm" align="center">
44
- <mu-icon name="check"></mu-icon>
45
- <span><strong>75 KB Bundle</strong> - Lightweight & fast</span>
46
- </mu-stack>
47
- <mu-stack direction="row" gap="sm" align="center">
48
- <mu-icon name="check"></mu-icon>
49
- <span><strong>MD3 Compliant</strong> - Material Design 3</span>
50
- </mu-stack>
51
- <mu-stack direction="row" gap="sm" align="center">
52
- <mu-icon name="check"></mu-icon>
53
- <span><strong>Zero Dependencies</strong> - Native Web Components</span>
54
- </mu-stack>
55
- </mu-stack>
56
- </mu-card>
57
- </mu-stack>
58
- </template>
59
- </mu-page>
package/app/pages/icons.html DELETED
@@ -1,29 +0,0 @@
1
- <mu-page route="icons" title="Icons">
2
- <script type="x-dependencies">mu-icon, mu-grid, mu-stack, mu-example, mu-code</script>
3
- <template>
4
- <h1 class="page-title">Icons</h1>
5
- <p class="page-subtitle"><code>&lt;mu-icon&gt;</code> displays SVG icons from the built-in set.</p>
6
- <mu-tabs>
7
- <mu-tab label="Gallery" active>
8
- <mu-grid cols="6" gap="md" style="text-align: center;">
9
- <mu-stack align="center"><mu-icon name="check"></mu-icon><small>check</small></mu-stack>
10
- <mu-stack align="center"><mu-icon name="close"></mu-icon><small>close</small></mu-stack>
11
- <mu-stack align="center"><mu-icon name="plus"></mu-icon><small>plus</small></mu-stack>
12
- <mu-stack align="center"><mu-icon name="minus"></mu-icon><small>minus</small></mu-stack>
13
- <mu-stack align="center"><mu-icon name="edit"></mu-icon><small>edit</small></mu-stack>
14
- <mu-stack align="center"><mu-icon name="delete"></mu-icon><small>delete</small></mu-stack>
15
- <mu-stack align="center"><mu-icon name="search"></mu-icon><small>search</small></mu-stack>
16
- <mu-stack align="center"><mu-icon name="menu"></mu-icon><small>menu</small></mu-stack>
17
- <mu-stack align="center"><mu-icon name="home"></mu-icon><small>home</small></mu-stack>
18
- <mu-stack align="center"><mu-icon name="settings"></mu-icon><small>settings</small></mu-stack>
19
- <mu-stack align="center"><mu-icon name="user"></mu-icon><small>user</small></mu-stack>
20
- <mu-stack align="center"><mu-icon name="sun"></mu-icon><small>sun</small></mu-stack>
21
- </mu-grid>
22
- </mu-tab>
23
- <mu-tab label="Code">
24
- <mu-code language="html">&lt;mu-icon name="check"&gt;&lt;/mu-icon&gt;
25
- &lt;mu-icon name="home" size="24"&gt;&lt;/mu-icon&gt;</mu-code>
26
- </mu-tab>
27
- </mu-tabs>
28
- </template>
29
- </mu-page>