microui-wc 0.1.1 → 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 (339) 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 +71 -71
  5. package/dist/README.md +14 -9
  6. package/dist/microui.css +1 -1
  7. package/dist/microui.esm.js.map +1 -1
  8. package/dist/microui.min.js.map +1 -1
  9. package/docs/getting-started.md +3 -3
  10. package/package.json +39 -11
  11. package/src/components/mu-schema-form.js +1 -1
  12. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -40
  13. package/.github/ISSUE_TEMPLATE/feature_request.md +0 -33
  14. package/.github/PULL_REQUEST_TEMPLATE.md +0 -28
  15. package/.github/workflows/ci.yml +0 -42
  16. package/.github/workflows/deploy-pages.yml +0 -112
  17. package/CODE_OF_CONDUCT.md +0 -59
  18. package/CONTRIBUTING.md +0 -156
  19. package/SECURITY.md +0 -58
  20. package/app/.generated/routes/alerts.js +0 -8
  21. package/app/.generated/routes/avatars.js +0 -8
  22. package/app/.generated/routes/badges.js +0 -8
  23. package/app/.generated/routes/buttons.js +0 -10
  24. package/app/.generated/routes/cards.js +0 -10
  25. package/app/.generated/routes/checkboxes.js +0 -9
  26. package/app/.generated/routes/chips.js +0 -8
  27. package/app/.generated/routes/dropdowns.js +0 -9
  28. package/app/.generated/routes/home.js +0 -7
  29. package/app/.generated/routes/icons.js +0 -9
  30. package/app/.generated/routes/inputs.js +0 -10
  31. package/app/.generated/routes/installation.js +0 -7
  32. package/app/.generated/routes/layout.js +0 -9
  33. package/app/.generated/routes/modals.js +0 -9
  34. package/app/.generated/routes/navbar.js +0 -7
  35. package/app/.generated/routes/progress.js +0 -9
  36. package/app/.generated/routes/radios.js +0 -9
  37. package/app/.generated/routes/switches.js +0 -9
  38. package/app/.generated/routes/tabs.js +0 -8
  39. package/app/.generated/routes/toasts.js +0 -9
  40. package/app/index.html +0 -67
  41. package/app/pages/alerts.html +0 -23
  42. package/app/pages/avatars.html +0 -22
  43. package/app/pages/badges.html +0 -22
  44. package/app/pages/buttons.html +0 -71
  45. package/app/pages/cards.html +0 -54
  46. package/app/pages/checkboxes.html +0 -39
  47. package/app/pages/chips.html +0 -23
  48. package/app/pages/dropdowns.html +0 -41
  49. package/app/pages/home.html +0 -59
  50. package/app/pages/icons.html +0 -29
  51. package/app/pages/inputs.html +0 -66
  52. package/app/pages/installation.html +0 -34
  53. package/app/pages/layout.html +0 -30
  54. package/app/pages/modals.html +0 -21
  55. package/app/pages/navbar.html +0 -22
  56. package/app/pages/progress.html +0 -35
  57. package/app/pages/radios.html +0 -40
  58. package/app/pages/switches.html +0 -39
  59. package/app/pages/tabs.html +0 -30
  60. package/app/pages/toasts.html +0 -22
  61. package/app-dist/index.html +0 -67
  62. package/app-dist/pages/alerts.html +0 -23
  63. package/app-dist/pages/avatars.html +0 -22
  64. package/app-dist/pages/badges.html +0 -22
  65. package/app-dist/pages/buttons.html +0 -71
  66. package/app-dist/pages/cards.html +0 -54
  67. package/app-dist/pages/checkboxes.html +0 -39
  68. package/app-dist/pages/chips.html +0 -23
  69. package/app-dist/pages/dropdowns.html +0 -41
  70. package/app-dist/pages/home.html +0 -59
  71. package/app-dist/pages/icons.html +0 -29
  72. package/app-dist/pages/inputs.html +0 -66
  73. package/app-dist/pages/installation.html +0 -34
  74. package/app-dist/pages/layout.html +0 -30
  75. package/app-dist/pages/modals.html +0 -21
  76. package/app-dist/pages/navbar.html +0 -22
  77. package/app-dist/pages/progress.html +0 -35
  78. package/app-dist/pages/radios.html +0 -40
  79. package/app-dist/pages/switches.html +0 -39
  80. package/app-dist/pages/tabs.html +0 -30
  81. package/app-dist/pages/toasts.html +0 -22
  82. package/app-dist/pages.json +0 -217
  83. package/app-dist/routes/alerts.js +0 -5
  84. package/app-dist/routes/avatars.js +0 -1
  85. package/app-dist/routes/badges.js +0 -1
  86. package/app-dist/routes/buttons.js +0 -1
  87. package/app-dist/routes/cards.js +0 -1
  88. package/app-dist/routes/checkboxes.js +0 -9
  89. package/app-dist/routes/chips.js +0 -4
  90. package/app-dist/routes/chunk-019e5e2f.js +0 -5
  91. package/app-dist/routes/chunk-0m4j19yd.js +0 -2
  92. package/app-dist/routes/chunk-0tmmp5q0.js +0 -1
  93. package/app-dist/routes/chunk-10xn709r.js +0 -1
  94. package/app-dist/routes/chunk-15m2qcda.js +0 -2
  95. package/app-dist/routes/chunk-1bh8g23n.js +0 -1
  96. package/app-dist/routes/chunk-1vg0v937.js +0 -1
  97. package/app-dist/routes/chunk-1zvcgy3j.js +0 -1
  98. package/app-dist/routes/chunk-2afb0861.js +0 -1
  99. package/app-dist/routes/chunk-2c6ttpzt.js +0 -5
  100. package/app-dist/routes/chunk-3dy30fhs.js +0 -1
  101. package/app-dist/routes/chunk-426dnces.js +0 -13
  102. package/app-dist/routes/chunk-44kgxery.js +0 -1
  103. package/app-dist/routes/chunk-47fdnejd.js +0 -33
  104. package/app-dist/routes/chunk-49a6t2vq.js +0 -1
  105. package/app-dist/routes/chunk-4fe1rm5b.js +0 -1
  106. package/app-dist/routes/chunk-4ggmvkta.js +0 -33
  107. package/app-dist/routes/chunk-4vkz81q7.js +0 -33
  108. package/app-dist/routes/chunk-4w4tmj8f.js +0 -31
  109. package/app-dist/routes/chunk-532s62kr.js +0 -31
  110. package/app-dist/routes/chunk-5hm3bssy.js +0 -33
  111. package/app-dist/routes/chunk-5vrh24hc.js +0 -1
  112. package/app-dist/routes/chunk-61pcg25a.js +0 -1
  113. package/app-dist/routes/chunk-6nfhygvf.js +0 -1
  114. package/app-dist/routes/chunk-700e7je6.js +0 -33
  115. package/app-dist/routes/chunk-7fsn17kg.js +0 -1
  116. package/app-dist/routes/chunk-7k789b32.js +0 -1
  117. package/app-dist/routes/chunk-7r46q0ys.js +0 -36
  118. package/app-dist/routes/chunk-86fmc1fr.js +0 -5
  119. package/app-dist/routes/chunk-8qth37vw.js +0 -1
  120. package/app-dist/routes/chunk-924wv8n0.js +0 -1
  121. package/app-dist/routes/chunk-9mbhgxk9.js +0 -1
  122. package/app-dist/routes/chunk-a216hyd9.js +0 -1
  123. package/app-dist/routes/chunk-akzxykh9.js +0 -33
  124. package/app-dist/routes/chunk-b3dcvy8c.js +0 -1
  125. package/app-dist/routes/chunk-b74zahz5.js +0 -31
  126. package/app-dist/routes/chunk-bftj53p2.js +0 -5
  127. package/app-dist/routes/chunk-c01hnz3e.js +0 -1
  128. package/app-dist/routes/chunk-d8pvv5km.js +0 -1
  129. package/app-dist/routes/chunk-dev0aezr.js +0 -2
  130. package/app-dist/routes/chunk-dh6vnv0e.js +0 -1
  131. package/app-dist/routes/chunk-dn2cbpva.js +0 -36
  132. package/app-dist/routes/chunk-dvn0my90.js +0 -1
  133. package/app-dist/routes/chunk-dvq8mnve.js +0 -36
  134. package/app-dist/routes/chunk-e8c2gc4d.js +0 -5
  135. package/app-dist/routes/chunk-ejf9ak2x.js +0 -1
  136. package/app-dist/routes/chunk-f083m55s.js +0 -1
  137. package/app-dist/routes/chunk-fnrj28s1.js +0 -31
  138. package/app-dist/routes/chunk-fvg3yjdp.js +0 -31
  139. package/app-dist/routes/chunk-g7k381n1.js +0 -1
  140. package/app-dist/routes/chunk-h01kq2ae.js +0 -13
  141. package/app-dist/routes/chunk-h4dk761v.js +0 -5
  142. package/app-dist/routes/chunk-hmx91z2x.js +0 -5
  143. package/app-dist/routes/chunk-hxbg4m42.js +0 -36
  144. package/app-dist/routes/chunk-jbjnfp2b.js +0 -2
  145. package/app-dist/routes/chunk-jxtz5vv6.js +0 -36
  146. package/app-dist/routes/chunk-jxzcs0ey.js +0 -36
  147. package/app-dist/routes/chunk-kt7wwhcx.js +0 -1
  148. package/app-dist/routes/chunk-kzptszyc.js +0 -33
  149. package/app-dist/routes/chunk-mhgca4w4.js +0 -2
  150. package/app-dist/routes/chunk-mhswxa20.js +0 -1
  151. package/app-dist/routes/chunk-n8zfeex6.js +0 -1
  152. package/app-dist/routes/chunk-pee47b2r.js +0 -1
  153. package/app-dist/routes/chunk-pesmw829.js +0 -1
  154. package/app-dist/routes/chunk-pgc4c6f3.js +0 -36
  155. package/app-dist/routes/chunk-q8egegm1.js +0 -1
  156. package/app-dist/routes/chunk-q9mn2qyq.js +0 -36
  157. package/app-dist/routes/chunk-qh0rtaf3.js +0 -5
  158. package/app-dist/routes/chunk-qqhmk6ye.js +0 -2
  159. package/app-dist/routes/chunk-qrxygmf7.js +0 -33
  160. package/app-dist/routes/chunk-r46yzksx.js +0 -36
  161. package/app-dist/routes/chunk-rgpbw2w0.js +0 -5
  162. package/app-dist/routes/chunk-rnpzv3d8.js +0 -2
  163. package/app-dist/routes/chunk-s5v8cv05.js +0 -2
  164. package/app-dist/routes/chunk-sbwn5bpc.js +0 -1
  165. package/app-dist/routes/chunk-sqbg8jbt.js +0 -33
  166. package/app-dist/routes/chunk-sv8dqnf7.js +0 -1
  167. package/app-dist/routes/chunk-t67sw3za.js +0 -1
  168. package/app-dist/routes/chunk-tjdpqwdf.js +0 -31
  169. package/app-dist/routes/chunk-tq2mfghg.js +0 -1
  170. package/app-dist/routes/chunk-ttn10vt6.js +0 -1
  171. package/app-dist/routes/chunk-v2hzpjxr.js +0 -1
  172. package/app-dist/routes/chunk-wfjjkw9y.js +0 -1
  173. package/app-dist/routes/chunk-wt8cxzmf.js +0 -31
  174. package/app-dist/routes/chunk-x45d372k.js +0 -5
  175. package/app-dist/routes/chunk-y3wsazkt.js +0 -1
  176. package/app-dist/routes/chunk-y7pmgc7t.js +0 -33
  177. package/app-dist/routes/chunk-zefdt2q3.js +0 -31
  178. package/app-dist/routes/dropdowns.js +0 -6
  179. package/app-dist/routes/home.js +0 -1
  180. package/app-dist/routes/icons.js +0 -1
  181. package/app-dist/routes/inputs.js +0 -12
  182. package/app-dist/routes/installation.js +0 -1
  183. package/app-dist/routes/layout.js +0 -1
  184. package/app-dist/routes/modals.js +0 -7
  185. package/app-dist/routes/navbar.js +0 -1
  186. package/app-dist/routes/progress.js +0 -1
  187. package/app-dist/routes/radios.js +0 -6
  188. package/app-dist/routes/switches.js +0 -6
  189. package/app-dist/routes/tabs.js +0 -1
  190. package/app-dist/routes/toasts.js +0 -16
  191. package/assets/fonts/material-symbols-mini.woff2 +0 -0
  192. package/assets/fonts/material-symbols.woff2 +0 -0
  193. package/assets/fonts/roboto-400.woff2 +0 -0
  194. package/assets/fonts/roboto-500.woff2 +0 -0
  195. package/assets/fonts/roboto-700.woff2 +0 -0
  196. package/assets/logo-banner-400.jpg +0 -0
  197. package/assets/logo-banner-400.webp +0 -0
  198. package/assets/logo-banner-800.webp +0 -0
  199. package/assets/logo-banner.jpg +0 -0
  200. package/assets/logo-icon-64.jpg +0 -0
  201. package/assets/logo-icon-64.webp +0 -0
  202. package/assets/logo-icon.jpg +0 -0
  203. package/assets/logo-square.jpg +0 -0
  204. package/bun.lock +0 -312
  205. package/bunfig.toml +0 -4
  206. package/custom-elements.json +0 -1916
  207. package/demo/api/sample-data.json +0 -38
  208. package/demo/content/alerts.html +0 -115
  209. package/demo/content/avatars.html +0 -70
  210. package/demo/content/badges.html +0 -65
  211. package/demo/content/buttons.html +0 -188
  212. package/demo/content/callouts.html +0 -91
  213. package/demo/content/cards.html +0 -121
  214. package/demo/content/checkboxes.html +0 -178
  215. package/demo/content/chips.html +0 -67
  216. package/demo/content/codeblocks.html +0 -101
  217. package/demo/content/confirms.html +0 -115
  218. package/demo/content/datatables.html +0 -149
  219. package/demo/content/dividers.html +0 -119
  220. package/demo/content/dropdowns.html +0 -89
  221. package/demo/content/enterprise.html +0 -252
  222. package/demo/content/home.html +0 -149
  223. package/demo/content/icons.html +0 -89
  224. package/demo/content/inputs.html +0 -135
  225. package/demo/content/installation.html +0 -16
  226. package/demo/content/layout.html +0 -136
  227. package/demo/content/modals.html +0 -141
  228. package/demo/content/navbar.html +0 -70
  229. package/demo/content/progress.html +0 -119
  230. package/demo/content/radios.html +0 -88
  231. package/demo/content/skeletons.html +0 -109
  232. package/demo/content/spinners.html +0 -96
  233. package/demo/content/switches.html +0 -84
  234. package/demo/content/tables.html +0 -124
  235. package/demo/content/tabs.html +0 -85
  236. package/demo/content/toasts.html +0 -116
  237. package/demo/content/tooltips.html +0 -107
  238. package/demo/content/virtual-lists.html +0 -233
  239. package/demo/favicon.ico +0 -0
  240. package/demo/favicon.png +0 -0
  241. package/demo/full.html +0 -52
  242. package/demo/iife.html +0 -46
  243. package/demo/manifest.json +0 -34
  244. package/demo/pages/datatable-demo.html +0 -237
  245. package/demo/pages/prompt-ui-demo.html +0 -218
  246. package/demo/pages/responsive-demo.html +0 -122
  247. package/demo/pages/schema-form-demo.html +0 -270
  248. package/demo/robots.txt +0 -6
  249. package/demo/shell.html +0 -712
  250. package/demo/sw.js +0 -387
  251. package/lighthouse-audit.mjs +0 -113
  252. package/scripts/analyze-components.js +0 -105
  253. package/scripts/build-app.js +0 -193
  254. package/scripts/build-framework.js +0 -444
  255. package/scripts/build-utils.js +0 -101
  256. package/scripts/test-isolated.js +0 -151
  257. package/server.js +0 -256
  258. package/tests/agents/agent-integration.test.js +0 -76
  259. package/tests/benchmark.html +0 -296
  260. package/tests/build/scan-components.test.js +0 -173
  261. package/tests/components/all-components.test.js +0 -245
  262. package/tests/components/all-missing-components.test.js +0 -574
  263. package/tests/components/mu-alert.test.js +0 -113
  264. package/tests/components/mu-avatar.test.js +0 -148
  265. package/tests/components/mu-badge.test.js +0 -92
  266. package/tests/components/mu-button.test.js +0 -112
  267. package/tests/components/mu-card.test.js +0 -89
  268. package/tests/components/mu-checkbox.test.js +0 -158
  269. package/tests/components/mu-chip.test.js +0 -118
  270. package/tests/components/mu-container.test.js +0 -120
  271. package/tests/components/mu-divider.test.js +0 -98
  272. package/tests/components/mu-drawer-item.test.js +0 -199
  273. package/tests/components/mu-drawer.test.js +0 -96
  274. package/tests/components/mu-dropdown.test.js +0 -125
  275. package/tests/components/mu-form.test.js +0 -138
  276. package/tests/components/mu-grid.test.js +0 -135
  277. package/tests/components/mu-icon.test.js +0 -110
  278. package/tests/components/mu-input.test.js +0 -131
  279. package/tests/components/mu-lazy.test.js +0 -103
  280. package/tests/components/mu-modal.test.js +0 -275
  281. package/tests/components/mu-navbar.test.js +0 -101
  282. package/tests/components/mu-progress.test.js +0 -115
  283. package/tests/components/mu-radio.test.js +0 -114
  284. package/tests/components/mu-repeat.test.js +0 -106
  285. package/tests/components/mu-sidebar.test.js +0 -126
  286. package/tests/components/mu-skeleton.test.js +0 -162
  287. package/tests/components/mu-stack.test.js +0 -143
  288. package/tests/components/mu-switch.test.js +0 -292
  289. package/tests/components/mu-table.test.js +0 -124
  290. package/tests/components/mu-tabs.test.js +0 -104
  291. package/tests/components/mu-textarea.test.js +0 -115
  292. package/tests/components/mu-toast.test.js +0 -321
  293. package/tests/components/mu-tooltip.test.js +0 -133
  294. package/tests/components/mu-virtual-list.test.js +0 -109
  295. package/tests/core/MuElement.test.js +0 -120
  296. package/tests/core/agent-api.test.js +0 -125
  297. package/tests/core/all-core-modules.test.js +0 -442
  298. package/tests/core/bus.test.js +0 -364
  299. package/tests/core/component-schema.test.js +0 -160
  300. package/tests/core/feature-registry.test.js +0 -198
  301. package/tests/core/form-state.test.js +0 -167
  302. package/tests/core/http.test.js +0 -119
  303. package/tests/core/keyboard.test.js +0 -319
  304. package/tests/core/layers.test.js +0 -129
  305. package/tests/core/namespaced-stores.test.js +0 -114
  306. package/tests/core/render.test.js +0 -121
  307. package/tests/core/ripple.test.js +0 -131
  308. package/tests/core/router.test.js +0 -89
  309. package/tests/core/scheduler.test.js +0 -121
  310. package/tests/core/signals.test.js +0 -128
  311. package/tests/core/store.test.js +0 -171
  312. package/tests/core/transitions.test.js +0 -82
  313. package/tests/e2e/accessibility-harness.html +0 -58
  314. package/tests/e2e/accessibility.test.js +0 -401
  315. package/tests/e2e/agent-features.test.js +0 -372
  316. package/tests/e2e/card-spacing.test.js +0 -287
  317. package/tests/e2e/components.test.js +0 -439
  318. package/tests/e2e/demo-routes.test.js +0 -478
  319. package/tests/e2e/layout-css-fallback.test.js +0 -334
  320. package/tests/e2e/mu-alert.e2e.test.js +0 -111
  321. package/tests/e2e/mu-checkbox.test.js +0 -489
  322. package/tests/e2e/mu-chip.test.js +0 -347
  323. package/tests/e2e/mu-form.test.js +0 -499
  324. package/tests/e2e/mu-icon.test.js +0 -114
  325. package/tests/e2e/mu-radio.test.js +0 -113
  326. package/tests/e2e/mu-skeleton.test.js +0 -140
  327. package/tests/e2e/mu-switch.test.js +0 -415
  328. package/tests/e2e/mu-tabs.test.js +0 -494
  329. package/tests/e2e/mu-textarea.test.js +0 -242
  330. package/tests/e2e/mu-virtual-list.test.js +0 -427
  331. package/tests/e2e/perf-memory.test.js +0 -161
  332. package/tests/e2e/puppeteer-helper.js +0 -137
  333. package/tests/e2e/puppeteer.test.js +0 -226
  334. package/tests/e2e/pwa.test.js +0 -261
  335. package/tests/e2e/test-harness.html +0 -319
  336. package/tests/manual/test-components.html +0 -120
  337. package/tests/memory-test.html +0 -309
  338. package/tests/setup-dom.js +0 -93
  339. package/tests/visual-test.html +0 -301
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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';
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>
@@ -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>