@universal-ember/docs-support 0.9.2 → 0.9.4

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 (54) hide show
  1. package/README.md +0 -1
  2. package/declarations/article.d.ts.map +1 -1
  3. package/declarations/callout.d.ts.map +1 -1
  4. package/declarations/errors.d.ts +1 -1
  5. package/declarations/errors.d.ts.map +1 -1
  6. package/declarations/icons.d.ts.map +1 -1
  7. package/declarations/index-page.d.ts.map +1 -1
  8. package/declarations/index.d.ts +1 -1
  9. package/declarations/index.d.ts.map +1 -1
  10. package/declarations/links.d.ts.map +1 -1
  11. package/declarations/menu-layout.d.ts.map +1 -1
  12. package/declarations/page-layout.d.ts +21 -1
  13. package/declarations/page-layout.d.ts.map +1 -1
  14. package/declarations/shell.d.ts +1 -8
  15. package/declarations/shell.d.ts.map +1 -1
  16. package/declarations/side-nav.d.ts +0 -2
  17. package/declarations/side-nav.d.ts.map +1 -1
  18. package/declarations/text.d.ts.map +1 -1
  19. package/dist/icons.js +1 -1
  20. package/dist/icons.js.map +1 -1
  21. package/dist/index-page.css +0 -1
  22. package/dist/index.js +58 -98
  23. package/dist/site-css/components.css +84 -4
  24. package/dist/site-css/featured-demo.css +8 -2
  25. package/dist/site-css/prose.css +320 -0
  26. package/dist/site-css/shell.css +21 -3
  27. package/dist/site-css/site.css +49 -14
  28. package/dist/theme-toggle.css +9 -1
  29. package/dist/types/scoped-css.d.ts +2 -0
  30. package/dist/types/scoped-css.d.ts.map +1 -0
  31. package/package.json +21 -24
  32. package/src/article.gts +1 -36
  33. package/src/callout.gts +48 -8
  34. package/src/errors.gts +14 -3
  35. package/src/h2.gts +1 -1
  36. package/src/icons.gts +6 -12
  37. package/src/index-page.css +0 -1
  38. package/src/index-page.gts +69 -6
  39. package/src/index.gts +2 -2
  40. package/src/links.gts +2 -12
  41. package/src/menu-layout.gts +15 -2
  42. package/src/page-layout.gts +188 -37
  43. package/src/shell.gts +1 -8
  44. package/src/side-nav.gts +99 -25
  45. package/src/site-css/components.css +84 -4
  46. package/src/site-css/featured-demo.css +8 -2
  47. package/src/site-css/prose.css +320 -0
  48. package/src/site-css/shell.css +21 -3
  49. package/src/site-css/site.css +49 -14
  50. package/src/text.gts +10 -1
  51. package/src/theme-toggle.css +9 -1
  52. package/src/theme-toggle.gts +2 -2
  53. package/src/types/scoped-css.d.ts +8 -0
  54. package/tailwind.mjs +0 -74
package/README.md CHANGED
@@ -2,5 +2,4 @@
2
2
 
3
3
  These are public, and initially lived in ember-primitives directly, but were extracted due to being useful outside of ember-primitives.
4
4
 
5
-
6
5
  They are still tested in the main test-app though, just to keep the infrastructure in this repo simpler.
@@ -1 +1 @@
1
- {"version":3,"file":"article.d.ts","sourceRoot":"","sources":["../src/article.gts"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAqC1D,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAYzE,CAAC"}
1
+ {"version":3,"file":"article.d.ts","sourceRoot":"","sources":["../src/article.gts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAYzE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../src/callout.gts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAmCnD,CAAC"}
1
+ {"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../src/callout.gts"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CA2CnD,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import type { TOC } from '@ember/component/template-only';
2
2
  export declare const OopsError: TOC<{
3
3
  Args: {
4
- error: string;
4
+ error: any;
5
5
  };
6
6
  Blocks: {
7
7
  default: [];
@@ -1 +1 @@
1
- {"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../src/errors.gts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE,GAAG,CAAC;IAC1B,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACxB,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CA4BC,CAAC"}
1
+ {"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../src/errors.gts"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE,GAAG,CAAC;IAC1B,IAAI,EAAE;QAAE,KAAK,EAAE,GAAG,CAAA;KAAE,CAAC;IACrB,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAuCC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.gts"],"names":[],"mappings":"AAsJA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmBhD,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB/C,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB/C,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB/C,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmBhD,CAAC;AAEH,eAAO,MAAM,MAAM,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB9C,CAAC;AAEH,eAAO,MAAM,KAAK,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAyB7C,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CA2B5C,CAAC;AAEH,eAAO,MAAM,GAAG,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAyB3C,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAyB5C,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAgMjD,CAAC"}
1
+ {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.gts"],"names":[],"mappings":"AAgJA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmBhD,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB/C,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB/C,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB/C,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmBhD,CAAC;AAEH,eAAO,MAAM,MAAM,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAmB9C,CAAC;AAEH,eAAO,MAAM,KAAK,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAyB7C,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CA2B5C,CAAC;AAEH,eAAO,MAAM,GAAG,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAyB3C,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAyB5C,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,GAAG,CAAC;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,CAgMjD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index-page.d.ts","sourceRoot":"","sources":["../src/index-page.gts"],"names":[],"mappings":"AAyCA,OAAO,kBAAkB,CAAC;AAI1B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE,GAAG,CAAC;IAC1B,MAAM,EAAE;QACN,IAAI,EAAE,EAAE,CAAC;QACT,MAAM,EAAE,EAAE,CAAC;QACX,OAAO,EAAE,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE,CAAC;QACjB,OAAO,EAAE,EAAE,CAAC;QACZ,MAAM,EAAE,EAAE,CAAC;KACZ,CAAC;CACH,CA0EC,CAAC"}
1
+ {"version":3,"file":"index-page.d.ts","sourceRoot":"","sources":["../src/index-page.gts"],"names":[],"mappings":"AAwGA,OAAO,kBAAkB,CAAC;AAI1B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE,GAAG,CAAC;IAC1B,MAAM,EAAE;QACN,IAAI,EAAE,EAAE,CAAC;QACT,MAAM,EAAE,EAAE,CAAC;QACX,OAAO,EAAE,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE,CAAC;QACjB,OAAO,EAAE,EAAE,CAAC;QACZ,MAAM,EAAE,EAAE,CAAC;KACZ,CAAC;CACH,CAkFC,CAAC"}
@@ -5,7 +5,7 @@ export { H2 } from './h2';
5
5
  export { IndexPage } from './index-page';
6
6
  export { InternalLink, Link } from './links';
7
7
  export { ResponsiveMenuLayout } from './menu-layout';
8
- export { PageLayout, TopRight } from './page-layout';
8
+ export { hasReason, PageError, PageLayout, PageLoader, TopRight } from './page-layout';
9
9
  export { Shell } from './shell';
10
10
  export { Text } from './text';
11
11
  export { ThemeToggle } from './theme-toggle';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.gts"],"names":[],"mappings":"AAWA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAC,IAAI,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.gts"],"names":[],"mappings":"AAWA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC3F,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../src/links.gts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAY1D,eAAO,MAAM,YAAY,EAAE,GAAG,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAcC,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAeC,CAAC"}
1
+ {"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../src/links.gts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,YAAY,EAAE,GAAG,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAcC,CAAC;AAEH,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IACrB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAeC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"menu-layout.d.ts","sourceRoot":"","sources":["../src/menu-layout.gts"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEpE,QAAA,MAAM,MAAM,EAAE,GAAG,CAAC;IAChB,IAAI,EAAE;QACJ,MAAM,EAAE,aAAa,CAAC;YAAE,MAAM,EAAE;gBAAE,OAAO,EAAE,EAAE,CAAA;aAAE,CAAA;SAAE,CAAC,CAAC;KACpD,CAAC;CACH,CAgBC,CAAC;AAEH,eAAO,MAAM,oBAAoB,EAAE,GAAG,CAAC;IACrC,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;QACZ,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,OAAO,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;KAC1D,CAAC;CACH,CA+CC,CAAC"}
1
+ {"version":3,"file":"menu-layout.d.ts","sourceRoot":"","sources":["../src/menu-layout.gts"],"names":[],"mappings":"AA8DA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEpE,QAAA,MAAM,MAAM,EAAE,GAAG,CAAC;IAChB,IAAI,EAAE;QACJ,MAAM,EAAE,aAAa,CAAC;YAAE,MAAM,EAAE;gBAAE,OAAO,EAAE,EAAE,CAAA;aAAE,CAAA;SAAE,CAAC,CAAC;KACpD,CAAC;CACH,CAgBC,CAAC;AAEH,eAAO,MAAM,oBAAoB,EAAE,GAAG,CAAC;IACrC,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;QACZ,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,OAAO,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;KAC1D,CAAC;CACH,CAuDC,CAAC"}
@@ -1,10 +1,30 @@
1
1
  import type { TOC } from '@ember/component/template-only';
2
+ export declare const PageLoader: TOC<{
3
+ Blocks: {
4
+ defaultl: [];
5
+ };
6
+ }>;
7
+ export declare function hasReason(error: unknown): error is {
8
+ reason: string;
9
+ original: Error;
10
+ };
11
+ export declare const PageError: TOC<{
12
+ Args: {
13
+ error: string | {
14
+ reason: string;
15
+ original: Error;
16
+ };
17
+ };
18
+ }>;
2
19
  export declare const PageLayout: TOC<{
3
20
  Blocks: {
4
21
  logoLink: [];
5
22
  topRight: [];
6
23
  editLink: [typeof EditLink];
7
- error: [error: string];
24
+ error: [error: string | {
25
+ reason: string;
26
+ original: Error;
27
+ }];
8
28
  };
9
29
  }>;
10
30
  declare const EditLink: TOC<{
@@ -1 +1 @@
1
- {"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../src/page-layout.gts"],"names":[],"mappings":"AAkJA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AA4B1D,eAAO,MAAM,UAAU,EAAE,GAAG,CAAC;IAC3B,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE,CAAC;QACb,QAAQ,EAAE,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC;QAC5B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;KACxB,CAAC;CACH,CAyHC,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAgBrE,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAcpD,CAAC"}
1
+ {"version":3,"file":"page-layout.d.ts","sourceRoot":"","sources":["../src/page-layout.gts"],"names":[],"mappings":"AAySA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AA2B1D,eAAO,MAAM,UAAU,EAAE,GAAG,CAAC;IAC3B,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE,CAAC;KACd,CAAC;CACH,CAgBC,CAAC;AAEH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAA;CAAE,CAOtF;AAED,eAAO,MAAM,SAAS,EAAE,GAAG,CAAC;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,GAAG;YAAE,MAAM,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,KAAK,CAAA;SAAE,CAAC;KACrD,CAAC;CACH,CA6BC,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,GAAG,CAAC;IAC3B,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE,CAAC;QACb,QAAQ,EAAE,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC;QAC5B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG;YAAE,MAAM,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,KAAK,CAAA;SAAE,CAAC,CAAC;KAC9D,CAAC;CACH,CA+HC,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAAC,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAkBrE,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAsBpD,CAAC"}
@@ -1,17 +1,10 @@
1
1
  import 'ember-mobile-menu/themes/android';
2
- /**
3
- * NOTE: while this project uses tailwind,
4
- * CSS is better than tailwind for
5
- * - global styles
6
- * - styling some recursive structures generated by other libraries.
7
- *
8
- * Using both together is *very nice* 🎉
9
- */
10
2
  import './site-css/site.css';
11
3
  import './site-css/components.css';
12
4
  import './site-css/featured-demo.css';
13
5
  import './site-css/shiki.css';
14
6
  import './site-css/shell.css';
7
+ import './site-css/prose.css';
15
8
  import type { TOC } from '@ember/component/template-only';
16
9
  export declare const Shell: TOC<{
17
10
  Blocks: {
@@ -1 +1 @@
1
- {"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../src/shell.gts"],"names":[],"mappings":"AAqCA,OAAO,kCAAkC,CAAC;AAC1C;;;;;;;GAOG;AACH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AACnC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAI9B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,KAAK,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAIjD,CAAC"}
1
+ {"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../src/shell.gts"],"names":[],"mappings":"AA8BA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AACnC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sBAAsB,CAAC;AAI9B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,KAAK,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAIjD,CAAC"}
@@ -6,9 +6,7 @@ export declare class SideNav extends Component<{
6
6
  onClick?: () => void;
7
7
  };
8
8
  }> {
9
- #private;
10
9
  router: RouterService;
11
- get humanSelected(): string | undefined;
12
10
  get rootUrl(): string;
13
11
  closeNav: (event: Event) => void;
14
12
  }
@@ -1 +1 @@
1
- {"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../src/side-nav.gts"],"names":[],"mappings":"AA8LA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAW3C,OAAO,KAAK,aAAa,MAAM,+BAA+B,CAAC;AA0H/D,qBAAa,OAAQ,SAAQ,SAAS,CAAC;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE;QACJ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;CACH,CAAC;;IAI2B,MAAM,EAAE,aAAa,CAAC;IAEjD,IAAI,aAAa,uBAMhB;IAED,IAAI,OAAO,WAEV;IAED,QAAQ,GAAI,OAAO,KAAK,UAItB;CA2DH"}
1
+ {"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../src/side-nav.gts"],"names":[],"mappings":"AAwQA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAU3C,OAAO,KAAK,aAAa,MAAM,+BAA+B,CAAC;AA0H/D,qBAAa,OAAQ,SAAQ,SAAS,CAAC;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE;QACJ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;CACH,CAAC;IAC2B,MAAM,EAAE,aAAa,CAAC;IAEjD,IAAI,OAAO,WAEV;IAED,QAAQ,GAAI,OAAO,KAAK,UAItB;CAmEH"}
@@ -1 +1 @@
1
- {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/text.gts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAWhD,CAAC"}
1
+ {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/text.gts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,eAAO,MAAM,IAAI,EAAE,GAAG,CAAC;IAAE,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAA;CAAE,CAmBhD,CAAC"}
package/dist/icons.js CHANGED
@@ -40,7 +40,7 @@ const Sun = setComponentTemplate(precompileTemplate("<svg aria-hidden=\"true\" v
40
40
  const Moon = setComponentTemplate(precompileTemplate("<svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" ...attributes>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z\" />\n</svg>", {
41
41
  strictMode: true
42
42
  }), templateOnly());
43
- const LightBulb = setComponentTemplate(precompileTemplate("<svg aria-hidden=\"true\" viewBox=\"0 0 32 32\" fill=\"none\" class=\"[--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]\" ...attributes>\n <defs>\n <radialGradient cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" id=\":S6:-gradient\" gradientTransform=\"matrix(0 21 -21 0 20 11)\">\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient>\n <radialGradient cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" id=\":S6:-gradient-dark\" gradientTransform=\"matrix(0 24.5001 -19.2498 0 16 5.5)\">\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient></defs>\n <g class=\"dark:hidden\">\n <circle cx=\"20\" cy=\"20\" r=\"12\" fill=\"url(#:S6:-gradient)\"></circle>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20 24.995c0-1.855 1.094-3.501 2.427-4.792C24.61 18.087 26 15.07 26 12.231 26 7.133 21.523 3 16 3S6 7.133 6 12.23c0 2.84 1.389 5.857 3.573 7.973C10.906 21.494 12 23.14 12 24.995V27a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.005Z\" class=\"fill-[var(--icon-background)]\" fill-opacity=\"0.5\"></path>\n <path d=\"M25 12.23c0 2.536-1.254 5.303-3.269 7.255l1.391 1.436c2.354-2.28 3.878-5.547 3.878-8.69h-2ZM16 4c5.047 0 9 3.759 9 8.23h2C27 6.508 21.998 2 16 2v2Zm-9 8.23C7 7.76 10.953 4 16 4V2C10.002 2 5 6.507 5 12.23h2Zm3.269 7.255C8.254 17.533 7 14.766 7 12.23H5c0 3.143 1.523 6.41 3.877 8.69l1.392-1.436ZM13 27v-2.005h-2V27h2Zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2Zm4 0h-4v2h4v-2Zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2Zm0-2.005V27h2v-2.005h-2ZM8.877 20.921C10.132 22.136 11 23.538 11 24.995h2c0-2.253-1.32-4.143-2.731-5.51L8.877 20.92Zm12.854-1.436C20.32 20.852 19 22.742 19 24.995h2c0-1.457.869-2.859 2.122-4.074l-1.391-1.436Z\" class=\"fill-[var(--icon-foreground)]\"></path>\n <path d=\"M20 26a1 1 0 1 0 0-2v2Zm-8-2a1 1 0 1 0 0 2v-2Zm2 0h-2v2h2v-2Zm1 1V13.5h-2V25h2Zm-5-11.5v1h2v-1h-2Zm3.5 4.5h5v-2h-5v2Zm8.5-3.5v-1h-2v1h2ZM20 24h-2v2h2v-2Zm-2 0h-4v2h4v-2Zm-1-10.5V25h2V13.5h-2Zm2.5-2.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2ZM18.5 18a3.5 3.5 0 0 0 3.5-3.5h-2a1.5 1.5 0 0 1-1.5 1.5v2ZM10 14.5a3.5 3.5 0 0 0 3.5 3.5v-2a1.5 1.5 0 0 1-1.5-1.5h-2Zm2.5-3.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2Z\" class=\"fill-[var(--icon-foreground)]\"></path>\n </g>\n <g class=\"hidden dark:inline\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 2C10.002 2 5 6.507 5 12.23c0 3.144 1.523 6.411 3.877 8.691.75.727 1.363 1.52 1.734 2.353.185.415.574.726 1.028.726H12a1 1 0 0 0 1-1v-4.5a.5.5 0 0 0-.5-.5A3.5 3.5 0 0 1 9 14.5V14a3 3 0 1 1 6 0v9a1 1 0 1 0 2 0v-9a3 3 0 1 1 6 0v.5a3.5 3.5 0 0 1-3.5 3.5.5.5 0 0 0-.5.5V23a1 1 0 0 0 1 1h.36c.455 0 .844-.311 1.03-.726.37-.833.982-1.626 1.732-2.353 2.354-2.28 3.878-5.547 3.878-8.69C27 6.507 21.998 2 16 2Zm5 25a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1 3 3 0 0 0 3 3h4a3 3 0 0 0 3-3Zm-8-13v1.5a.5.5 0 0 1-.5.5 1.5 1.5 0 0 1-1.5-1.5V14a1 1 0 1 1 2 0Zm6.5 2a.5.5 0 0 1-.5-.5V14a1 1 0 1 1 2 0v.5a1.5 1.5 0 0 1-1.5 1.5Z\" fill=\"url(#:S6:-gradient-dark)\"></path>\n </g>\n</svg>", {
43
+ const LightBulb = setComponentTemplate(precompileTemplate("<svg aria-hidden=\"true\" viewBox=\"0 0 32 32\" fill=\"none\" class=\"lightbulb-icon\" ...attributes>\n <defs>\n <radialGradient cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" id=\":S6:-gradient\" gradientTransform=\"matrix(0 21 -21 0 20 11)\">\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient>\n <radialGradient cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" id=\":S6:-gradient-dark\" gradientTransform=\"matrix(0 24.5001 -19.2498 0 16 5.5)\">\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient></defs>\n <g class=\"lightbulb-light\">\n <circle cx=\"20\" cy=\"20\" r=\"12\" fill=\"url(#:S6:-gradient)\"></circle>\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20 24.995c0-1.855 1.094-3.501 2.427-4.792C24.61 18.087 26 15.07 26 12.231 26 7.133 21.523 3 16 3S6 7.133 6 12.23c0 2.84 1.389 5.857 3.573 7.973C10.906 21.494 12 23.14 12 24.995V27a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.005Z\" class=\"icon-bg-fill\" fill-opacity=\"0.5\"></path>\n <path d=\"M25 12.23c0 2.536-1.254 5.303-3.269 7.255l1.391 1.436c2.354-2.28 3.878-5.547 3.878-8.69h-2ZM16 4c5.047 0 9 3.759 9 8.23h2C27 6.508 21.998 2 16 2v2Zm-9 8.23C7 7.76 10.953 4 16 4V2C10.002 2 5 6.507 5 12.23h2Zm3.269 7.255C8.254 17.533 7 14.766 7 12.23H5c0 3.143 1.523 6.41 3.877 8.69l1.392-1.436ZM13 27v-2.005h-2V27h2Zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2Zm4 0h-4v2h4v-2Zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2Zm0-2.005V27h2v-2.005h-2ZM8.877 20.921C10.132 22.136 11 23.538 11 24.995h2c0-2.253-1.32-4.143-2.731-5.51L8.877 20.92Zm12.854-1.436C20.32 20.852 19 22.742 19 24.995h2c0-1.457.869-2.859 2.122-4.074l-1.391-1.436Z\" class=\"icon-fg-fill\"></path>\n <path d=\"M20 26a1 1 0 1 0 0-2v2Zm-8-2a1 1 0 1 0 0 2v-2Zm2 0h-2v2h2v-2Zm1 1V13.5h-2V25h2Zm-5-11.5v1h2v-1h-2Zm3.5 4.5h5v-2h-5v2Zm8.5-3.5v-1h-2v1h2ZM20 24h-2v2h2v-2Zm-2 0h-4v2h4v-2Zm-1-10.5V25h2V13.5h-2Zm2.5-2.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2ZM18.5 18a3.5 3.5 0 0 0 3.5-3.5h-2a1.5 1.5 0 0 1-1.5 1.5v2ZM10 14.5a3.5 3.5 0 0 0 3.5 3.5v-2a1.5 1.5 0 0 1-1.5-1.5h-2Zm2.5-3.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2Z\" class=\"icon-fg-fill\"></path>\n </g>\n <g class=\"lightbulb-dark\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16 2C10.002 2 5 6.507 5 12.23c0 3.144 1.523 6.411 3.877 8.691.75.727 1.363 1.52 1.734 2.353.185.415.574.726 1.028.726H12a1 1 0 0 0 1-1v-4.5a.5.5 0 0 0-.5-.5A3.5 3.5 0 0 1 9 14.5V14a3 3 0 1 1 6 0v9a1 1 0 1 0 2 0v-9a3 3 0 1 1 6 0v.5a3.5 3.5 0 0 1-3.5 3.5.5.5 0 0 0-.5.5V23a1 1 0 0 0 1 1h.36c.455 0 .844-.311 1.03-.726.37-.833.982-1.626 1.732-2.353 2.354-2.28 3.878-5.547 3.878-8.69C27 6.507 21.998 2 16 2Zm5 25a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1 3 3 0 0 0 3 3h4a3 3 0 0 0 3-3Zm-8-13v1.5a.5.5 0 0 1-.5.5 1.5 1.5 0 0 1-1.5-1.5V14a1 1 0 1 1 2 0Zm6.5 2a.5.5 0 0 1-.5-.5V14a1 1 0 1 1 2 0v.5a1.5 1.5 0 0 1-1.5 1.5Z\" fill=\"url(#:S6:-gradient-dark)\"></path>\n </g>\n</svg>", {
44
44
  strictMode: true
45
45
  }), templateOnly());
46
46
 
package/dist/icons.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"icons.js","sources":["../src/icons.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\n\n/**\n * Copied from font-awesome directly,\n * but with the addition of fill=\"currentColor\"\n *\n * Font Awesome Free 6.6.0 by @fontawesome\n * - https://fontawesome.com License\n * - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.\n */\nexport const XTwitter: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-xtwitter\" />\n </svg>\n</template>;\n\nexport const Discord: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-discord\" />\n </svg>\n</template>;\n\nexport const Threads: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-threads\" />\n </svg>\n</template>;\n\nexport const BlueSky: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-bluesky\" />\n </svg>\n</template>;\n\nexport const Mastodon: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-mastodon\" />\n </svg>\n</template>;\n\nexport const GitHub: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-github\" />\n </svg>\n</template>;\n\nexport const Flask: TOC<{ Element: SVGElement }> = <template>\n <svg\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"1em\"\n viewBox=\"0 0 448 512\"\n ...attributes\n >{{!! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. }}<path\n d=\"M288 0H160 128C110.3 0 96 14.3 96 32s14.3 32 32 32V196.8c0 11.8-3.3 23.5-9.5 33.5L10.3 406.2C3.6 417.2 0 429.7 0 442.6C0 480.9 31.1 512 69.4 512H378.6c38.3 0 69.4-31.1 69.4-69.4c0-12.8-3.6-25.4-10.3-36.4L329.5 230.4c-6.2-10.1-9.5-21.7-9.5-33.5V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H288zM192 196.8V64h64V196.8c0 23.7 6.6 46.9 19 67.1L309.5 320h-171L173 263.9c12.4-20.2 19-43.4 19-67.1z\"\n /></svg>\n</template>;\n\nexport const Menu: TOC<{ Element: SVGElement }> = <template>\n <svg\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n ...attributes\n >\n <path d=\"M4 7h16M4 12h16M4 17h16\" />\n </svg>\n</template>;\n\nexport const Sun: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" ...attributes>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7 1a1 1 0 0 1 2 0v1a1 1 0 1 1-2 0V1Zm4 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm2.657-5.657a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm-1.415 11.313-.707-.707a1 1 0 0 1 1.415-1.415l.707.708a1 1 0 0 1-1.415 1.414ZM16 7.999a1 1 0 0 0-1-1h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 1-1ZM7 14a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm-2.536-2.464a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm0-8.486A1 1 0 0 1 3.05 4.464l-.707-.707a1 1 0 0 1 1.414-1.414l.707.707ZM3 8a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1Z\"\n />\n </svg>\n</template>;\n\nexport const Moon: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" ...attributes>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z\"\n />\n </svg>\n</template>;\n\nexport const LightBulb: TOC<{ Element: SVGElement }> = <template>\n <svg\n aria-hidden=\"true\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n class=\"[--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]\"\n ...attributes\n >\n <defs>\n <radialGradient\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n id=\":S6:-gradient\"\n gradientTransform=\"matrix(0 21 -21 0 20 11)\"\n >\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient>\n <radialGradient\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n id=\":S6:-gradient-dark\"\n gradientTransform=\"matrix(0 24.5001 -19.2498 0 16 5.5)\"\n >\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient></defs>\n <g class=\"dark:hidden\">\n <circle cx=\"20\" cy=\"20\" r=\"12\" fill=\"url(#:S6:-gradient)\"></circle>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M20 24.995c0-1.855 1.094-3.501 2.427-4.792C24.61 18.087 26 15.07 26 12.231 26 7.133 21.523 3 16 3S6 7.133 6 12.23c0 2.84 1.389 5.857 3.573 7.973C10.906 21.494 12 23.14 12 24.995V27a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.005Z\"\n class=\"fill-[var(--icon-background)]\"\n fill-opacity=\"0.5\"\n ></path>\n <path\n d=\"M25 12.23c0 2.536-1.254 5.303-3.269 7.255l1.391 1.436c2.354-2.28 3.878-5.547 3.878-8.69h-2ZM16 4c5.047 0 9 3.759 9 8.23h2C27 6.508 21.998 2 16 2v2Zm-9 8.23C7 7.76 10.953 4 16 4V2C10.002 2 5 6.507 5 12.23h2Zm3.269 7.255C8.254 17.533 7 14.766 7 12.23H5c0 3.143 1.523 6.41 3.877 8.69l1.392-1.436ZM13 27v-2.005h-2V27h2Zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2Zm4 0h-4v2h4v-2Zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2Zm0-2.005V27h2v-2.005h-2ZM8.877 20.921C10.132 22.136 11 23.538 11 24.995h2c0-2.253-1.32-4.143-2.731-5.51L8.877 20.92Zm12.854-1.436C20.32 20.852 19 22.742 19 24.995h2c0-1.457.869-2.859 2.122-4.074l-1.391-1.436Z\"\n class=\"fill-[var(--icon-foreground)]\"\n ></path>\n <path\n d=\"M20 26a1 1 0 1 0 0-2v2Zm-8-2a1 1 0 1 0 0 2v-2Zm2 0h-2v2h2v-2Zm1 1V13.5h-2V25h2Zm-5-11.5v1h2v-1h-2Zm3.5 4.5h5v-2h-5v2Zm8.5-3.5v-1h-2v1h2ZM20 24h-2v2h2v-2Zm-2 0h-4v2h4v-2Zm-1-10.5V25h2V13.5h-2Zm2.5-2.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2ZM18.5 18a3.5 3.5 0 0 0 3.5-3.5h-2a1.5 1.5 0 0 1-1.5 1.5v2ZM10 14.5a3.5 3.5 0 0 0 3.5 3.5v-2a1.5 1.5 0 0 1-1.5-1.5h-2Zm2.5-3.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2Z\"\n class=\"fill-[var(--icon-foreground)]\"\n ></path>\n </g>\n <g class=\"hidden dark:inline\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M16 2C10.002 2 5 6.507 5 12.23c0 3.144 1.523 6.411 3.877 8.691.75.727 1.363 1.52 1.734 2.353.185.415.574.726 1.028.726H12a1 1 0 0 0 1-1v-4.5a.5.5 0 0 0-.5-.5A3.5 3.5 0 0 1 9 14.5V14a3 3 0 1 1 6 0v9a1 1 0 1 0 2 0v-9a3 3 0 1 1 6 0v.5a3.5 3.5 0 0 1-3.5 3.5.5.5 0 0 0-.5.5V23a1 1 0 0 0 1 1h.36c.455 0 .844-.311 1.03-.726.37-.833.982-1.626 1.732-2.353 2.354-2.28 3.878-5.547 3.878-8.69C27 6.507 21.998 2 16 2Zm5 25a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1 3 3 0 0 0 3 3h4a3 3 0 0 0 3-3Zm-8-13v1.5a.5.5 0 0 1-.5.5 1.5 1.5 0 0 1-1.5-1.5V14a1 1 0 1 1 2 0Zm6.5 2a.5.5 0 0 1-.5-.5V14a1 1 0 1 1 2 0v.5a1.5 1.5 0 0 1-1.5 1.5Z\"\n fill=\"url(#:S6:-gradient-dark)\"\n ></path>\n </g>\n </svg>\n</template>;\n"],"names":["XTwitter","setComponentTemplate","precompileTemplate","strictMode","templateOnly","Discord","Threads","BlueSky","Mastodon","GitHub","Flask","Menu","Sun","Moon","LightBulb"],"mappings":";;;;AAEA;;;;;;;;MAQaA,QAAyC,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,6FAAA,EAItD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGC,OAAwC,GAAAJ,oBAAA,CAAAC,kBAAA,CAAA,4FAAA,EAIrD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGE,OAAwC,GAAAL,oBAAA,CAAAC,kBAAA,CAAA,4FAAA,EAIrD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGG,OAAwC,GAAAN,oBAAA,CAAAC,kBAAA,CAAA,4FAAA,EAIrD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGI,QAAyC,GAAAP,oBAAA,CAAAC,kBAAA,CAAA,6FAAA,EAItD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGK,MAAuC,GAAAR,oBAAA,CAAAC,kBAAA,CAAA,2FAAA,EAIpD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGM,KAAsC,GAAAT,oBAAA,CAAAC,kBAAA,CAAA,wrBAAA,EAUnD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGO,IAAqC,GAAAV,oBAAA,CAAAC,kBAAA,CAAA,4KAAA,EAWlD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGQ,GAAoC,GAAAX,oBAAA,CAAAC,kBAAA,CAAA,6qBAAA,EAQjD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGS,IAAqC,GAAAZ,oBAAA,CAAAC,kBAAA,CAAA,wYAAA,EAQlD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGU,SAA0C,GAAAb,oBAAA,CAAAC,kBAAA,CAAA,gxGAAA,EA0DvD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1
+ {"version":3,"file":"icons.js","sources":["../src/icons.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\n\n/**\n * Copied from font-awesome directly,\n * but with the addition of fill=\"currentColor\"\n *\n * Font Awesome Free 6.6.0 by @fontawesome\n * - https://fontawesome.com License\n * - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.\n */\nexport const XTwitter: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-xtwitter\" />\n </svg>\n</template>;\n\nexport const Discord: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-discord\" />\n </svg>\n</template>;\n\nexport const Threads: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-threads\" />\n </svg>\n</template>;\n\nexport const BlueSky: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-bluesky\" />\n </svg>\n</template>;\n\nexport const Mastodon: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-mastodon\" />\n </svg>\n</template>;\n\nexport const GitHub: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" ...attributes>\n <use xlink:href=\"#social-github\" />\n </svg>\n</template>;\n\nexport const Flask: TOC<{ Element: SVGElement }> = <template>\n <svg\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"1em\"\n viewBox=\"0 0 448 512\"\n ...attributes\n >{{!! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. }}<path\n d=\"M288 0H160 128C110.3 0 96 14.3 96 32s14.3 32 32 32V196.8c0 11.8-3.3 23.5-9.5 33.5L10.3 406.2C3.6 417.2 0 429.7 0 442.6C0 480.9 31.1 512 69.4 512H378.6c38.3 0 69.4-31.1 69.4-69.4c0-12.8-3.6-25.4-10.3-36.4L329.5 230.4c-6.2-10.1-9.5-21.7-9.5-33.5V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H288zM192 196.8V64h64V196.8c0 23.7 6.6 46.9 19 67.1L309.5 320h-171L173 263.9c12.4-20.2 19-43.4 19-67.1z\"\n /></svg>\n</template>;\n\nexport const Menu: TOC<{ Element: SVGElement }> = <template>\n <svg\n aria-hidden=\"true\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n ...attributes\n >\n <path d=\"M4 7h16M4 12h16M4 17h16\" />\n </svg>\n</template>;\n\nexport const Sun: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" ...attributes>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7 1a1 1 0 0 1 2 0v1a1 1 0 1 1-2 0V1Zm4 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm2.657-5.657a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm-1.415 11.313-.707-.707a1 1 0 0 1 1.415-1.415l.707.708a1 1 0 0 1-1.415 1.414ZM16 7.999a1 1 0 0 0-1-1h-1a1 1 0 1 0 0 2h1a1 1 0 0 0 1-1ZM7 14a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm-2.536-2.464a1 1 0 0 0-1.414 0l-.707.707a1 1 0 0 0 1.414 1.414l.707-.707a1 1 0 0 0 0-1.414Zm0-8.486A1 1 0 0 1 3.05 4.464l-.707-.707a1 1 0 0 1 1.414-1.414l.707.707ZM3 8a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1Z\"\n />\n </svg>\n</template>;\n\nexport const Moon: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" viewBox=\"0 0 16 16\" ...attributes>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.23 3.333C7.757 2.905 7.68 2 7 2a6 6 0 1 0 0 12c.68 0 .758-.905.23-1.332A5.989 5.989 0 0 1 5 8c0-1.885.87-3.568 2.23-4.668ZM12 5a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 1 1 0 2 1 1 0 0 0-1 1 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 1 1 0-2 1 1 0 0 0 1-1 1 1 0 0 1 1-1Z\"\n />\n </svg>\n</template>;\n\nexport const LightBulb: TOC<{ Element: SVGElement }> = <template>\n <svg aria-hidden=\"true\" viewBox=\"0 0 32 32\" fill=\"none\" class=\"lightbulb-icon\" ...attributes>\n <defs>\n <radialGradient\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n id=\":S6:-gradient\"\n gradientTransform=\"matrix(0 21 -21 0 20 11)\"\n >\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient>\n <radialGradient\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n id=\":S6:-gradient-dark\"\n gradientTransform=\"matrix(0 24.5001 -19.2498 0 16 5.5)\"\n >\n <stop stop-color=\"#0EA5E9\"></stop><stop stop-color=\"#22D3EE\" offset=\".527\"></stop>\n <stop stop-color=\"#818CF8\" offset=\"1\"></stop>\n </radialGradient></defs>\n <g class=\"lightbulb-light\">\n <circle cx=\"20\" cy=\"20\" r=\"12\" fill=\"url(#:S6:-gradient)\"></circle>\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M20 24.995c0-1.855 1.094-3.501 2.427-4.792C24.61 18.087 26 15.07 26 12.231 26 7.133 21.523 3 16 3S6 7.133 6 12.23c0 2.84 1.389 5.857 3.573 7.973C10.906 21.494 12 23.14 12 24.995V27a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.005Z\"\n class=\"icon-bg-fill\"\n fill-opacity=\"0.5\"\n ></path>\n <path\n d=\"M25 12.23c0 2.536-1.254 5.303-3.269 7.255l1.391 1.436c2.354-2.28 3.878-5.547 3.878-8.69h-2ZM16 4c5.047 0 9 3.759 9 8.23h2C27 6.508 21.998 2 16 2v2Zm-9 8.23C7 7.76 10.953 4 16 4V2C10.002 2 5 6.507 5 12.23h2Zm3.269 7.255C8.254 17.533 7 14.766 7 12.23H5c0 3.143 1.523 6.41 3.877 8.69l1.392-1.436ZM13 27v-2.005h-2V27h2Zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2Zm4 0h-4v2h4v-2Zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2Zm0-2.005V27h2v-2.005h-2ZM8.877 20.921C10.132 22.136 11 23.538 11 24.995h2c0-2.253-1.32-4.143-2.731-5.51L8.877 20.92Zm12.854-1.436C20.32 20.852 19 22.742 19 24.995h2c0-1.457.869-2.859 2.122-4.074l-1.391-1.436Z\"\n class=\"icon-fg-fill\"\n ></path>\n <path\n d=\"M20 26a1 1 0 1 0 0-2v2Zm-8-2a1 1 0 1 0 0 2v-2Zm2 0h-2v2h2v-2Zm1 1V13.5h-2V25h2Zm-5-11.5v1h2v-1h-2Zm3.5 4.5h5v-2h-5v2Zm8.5-3.5v-1h-2v1h2ZM20 24h-2v2h2v-2Zm-2 0h-4v2h4v-2Zm-1-10.5V25h2V13.5h-2Zm2.5-2.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2ZM18.5 18a3.5 3.5 0 0 0 3.5-3.5h-2a1.5 1.5 0 0 1-1.5 1.5v2ZM10 14.5a3.5 3.5 0 0 0 3.5 3.5v-2a1.5 1.5 0 0 1-1.5-1.5h-2Zm2.5-3.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2Z\"\n class=\"icon-fg-fill\"\n ></path>\n </g>\n <g class=\"lightbulb-dark\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M16 2C10.002 2 5 6.507 5 12.23c0 3.144 1.523 6.411 3.877 8.691.75.727 1.363 1.52 1.734 2.353.185.415.574.726 1.028.726H12a1 1 0 0 0 1-1v-4.5a.5.5 0 0 0-.5-.5A3.5 3.5 0 0 1 9 14.5V14a3 3 0 1 1 6 0v9a1 1 0 1 0 2 0v-9a3 3 0 1 1 6 0v.5a3.5 3.5 0 0 1-3.5 3.5.5.5 0 0 0-.5.5V23a1 1 0 0 0 1 1h.36c.455 0 .844-.311 1.03-.726.37-.833.982-1.626 1.732-2.353 2.354-2.28 3.878-5.547 3.878-8.69C27 6.507 21.998 2 16 2Zm5 25a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1 3 3 0 0 0 3 3h4a3 3 0 0 0 3-3Zm-8-13v1.5a.5.5 0 0 1-.5.5 1.5 1.5 0 0 1-1.5-1.5V14a1 1 0 1 1 2 0Zm6.5 2a.5.5 0 0 1-.5-.5V14a1 1 0 1 1 2 0v.5a1.5 1.5 0 0 1-1.5 1.5Z\"\n fill=\"url(#:S6:-gradient-dark)\"\n ></path>\n </g>\n </svg>\n</template>;\n"],"names":["XTwitter","setComponentTemplate","precompileTemplate","strictMode","templateOnly","Discord","Threads","BlueSky","Mastodon","GitHub","Flask","Menu","Sun","Moon","LightBulb"],"mappings":";;;;AAEA;;;;;;;;MAQaA,QAAyC,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,6FAAA,EAItD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGC,OAAwC,GAAAJ,oBAAA,CAAAC,kBAAA,CAAA,4FAAA,EAIrD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGE,OAAwC,GAAAL,oBAAA,CAAAC,kBAAA,CAAA,4FAAA,EAIrD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGG,OAAwC,GAAAN,oBAAA,CAAAC,kBAAA,CAAA,4FAAA,EAIrD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGI,QAAyC,GAAAP,oBAAA,CAAAC,kBAAA,CAAA,6FAAA,EAItD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGK,MAAuC,GAAAR,oBAAA,CAAAC,kBAAA,CAAA,2FAAA,EAIpD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGM,KAAsC,GAAAT,oBAAA,CAAAC,kBAAA,CAAA,wrBAAA,EAUnD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGO,IAAqC,GAAAV,oBAAA,CAAAC,kBAAA,CAAA,4KAAA,EAWlD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGQ,GAAoC,GAAAX,oBAAA,CAAAC,kBAAA,CAAA,6qBAAA,EAQjD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGS,IAAqC,GAAAZ,oBAAA,CAAAC,kBAAA,CAAA,wYAAA,EAQlD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;MAEGU,SAA0C,GAAAb,oBAAA,CAAAC,kBAAA,CAAA,wpGAAA,EAoDvD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
@@ -19,4 +19,3 @@ body.dark .gradient-background {
19
19
  background-position: 0% 50%;
20
20
  }
21
21
  }
22
-
package/dist/index.js CHANGED
@@ -1,15 +1,18 @@
1
- import "./index-page.css"
2
1
  import "./theme-toggle.css"
2
+ import "./index-page.css"
3
3
  import "./site-css/site.css"
4
4
  import "./site-css/components.css"
5
5
  import "./site-css/featured-demo.css"
6
6
  import "./site-css/shiki.css"
7
7
  import "./site-css/shell.css"
8
+ import "./site-css/prose.css"
8
9
  import { precompileTemplate } from '@ember/template-compilation';
9
10
  import { setComponentTemplate } from '@ember/component';
10
11
  import templateOnly from '@ember/component/template-only';
11
12
  import { LightBulb, Menu, Sun, Moon } from './icons.js';
12
- import { Hero } from 'ember-primitives/layout/hero';
13
+ import { modifier } from 'ember-modifier';
14
+ import { cell } from 'ember-resources';
15
+ import { PageNav, Page } from 'kolay/components';
13
16
  import { ExternalLink } from 'ember-primitives/components/external-link';
14
17
  import MenuWrapper from 'ember-mobile-menu/components/mobile-menu-wrapper';
15
18
  import Component from '@glimmer/component';
@@ -17,101 +20,31 @@ import { on } from '@ember/modifier';
17
20
  import { service } from '@ember/service';
18
21
  import { sentenceCase } from 'change-case';
19
22
  import { link } from 'ember-primitives/helpers';
20
- import { selected } from 'kolay';
21
- import { PageNav, Page } from 'kolay/components';
22
23
  import { getAnchor } from 'should-handle-link';
23
24
  import { g, i } from 'decorator-transforms/runtime';
24
- import { modifier } from 'ember-modifier';
25
- import { cell } from 'ember-resources';
26
25
  import { Switch } from 'ember-primitives';
27
26
  import { colorScheme } from 'ember-primitives/color-scheme';
27
+ import { Hero } from 'ember-primitives/layout/hero';
28
28
  import 'ember-mobile-menu/themes/android';
29
29
 
30
- /**
31
- * TODO: use CSS, this is silly.
32
- */
33
- const proseClasses = `
34
- prose prose-slate max-w-none
35
- dark:prose-invert dark:text-slate-400
36
- prose-th:table-cell
37
- prose-headings:inline-block
38
- prose-headings:scroll-mt-28
39
- prose-headings:font-display
40
- prose-headings:font-normal
41
- lg:prose-headings:scroll-mt-[8.5rem]
42
- prose-h1:text-3xl
43
-
44
- prose-lead:text-slate-500
45
- dark:prose-lead:text-slate-400
46
-
47
- prose-a:font-semibold
48
- dark:prose-a:text-sky-400
49
- prose-a:no-underline
50
- prose-a:shadow-[inset_0_-2px_0_0_var(--tw-prose-background,#fff),inset_0_calc(-1*(var(--tw-prose-underline-size,2px)+2px))_0_0_var(--tw-prose-underline,theme(colors.sky.300))]
51
- hover:prose-a:[--tw-prose-underline-size:3px]
52
- dark:[--tw-prose-background:theme(colors.slate.900)]
53
- dark:prose-a:shadow-[inset_0_calc(-1*var(--tw-prose-underline-size,2px))_0_0_var(--tw-prose-underline,theme(colors.sky.800))]
54
- dark:hover:prose-a:[--tw-prose-underline-size:6px]
55
- prose-pre:rounded-xl prose-pre:bg-slate-900
56
- prose-pre:shadow-lg
57
- dark:prose-pre:bg-slate-800/60
58
- dark:prose-pre:shadow-none
59
- dark:prose-pre:ring-1
60
- dark:prose-pre:ring-slate-300/10
61
- dark:prose-hr:border-slate-800
62
- dark:prose-code:text-slate-50
63
- `;
64
- const Article = setComponentTemplate(precompileTemplate("<article class={{proseClasses}} ...attributes>\n {{yield}}\n</article>", {
65
- strictMode: true,
66
- scope: () => ({
67
- proseClasses
68
- })
30
+ const Article = setComponentTemplate(precompileTemplate("<article class=\"prose\" ...attributes>\n {{yield}}\n</article>", {
31
+ strictMode: true
69
32
  }), templateOnly());
70
33
 
71
- const Callout = setComponentTemplate(precompileTemplate("<div class=\"flex p-6 my-8 rounded-3xl bg-sky-50 dark:bg-slate-800/60 dark:ring-1 dark:ring-slate-300/10\">\n <LightBulb class=\"flex-none w-8 h-8\" />\n <div class=\"flex-auto min-w-0 ml-4\">\n <div class=\"text-sky-800 [--tw-prose-background:theme(colors.sky.50)] prose-a:text-sky-900 dark:text-slate-50 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\">\n {{yield}}\n </div>\n </div>\n</div>", {
34
+ const Callout = setComponentTemplate(precompileTemplate("<div class=\"callout\">\n <LightBulb class=\"callout__icon\" />\n <div class=\"callout__body\">\n <div class=\"callout__content\">\n {{yield}}\n </div>\n </div>\n</div>\n\n<style scoped>\n .callout {\n display: flex;\n padding: 1.5rem;\n margin-top: 2rem;\n margin-bottom: 2rem;\n border-radius: 1.5rem;\n background-color: #f0f9ff;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .callout {\n background-color: rgb(30 41 59 / 0.6);\n outline: 1px solid rgb(203 213 225 / 0.1);\n }\n\n .callout__icon {\n flex: none;\n width: 2rem;\n height: 2rem;\n }\n\n .callout__body {\n flex: 1 1 auto;\n min-width: 0;\n margin-left: 1rem;\n }\n\n .callout__content {\n color: #075985;\n }\n\n .callout__content > *:first-child {\n margin-top: 0;\n }\n\n .callout__content > *:last-child {\n margin-bottom: 0;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .callout__content {\n color: #f8fafc;\n }\n</style>", {
72
35
  strictMode: true,
73
36
  scope: () => ({
74
37
  LightBulb
75
38
  })
76
39
  }), templateOnly());
77
40
 
78
- const OopsError = setComponentTemplate(precompileTemplate("<div data-page-error class=\"dark:text-white text:slate-900\" style=\"border: 1px solid red; padding: 1rem; word-break: break-all;\">\n <h1>Oops!</h1><br />\n {{@error}}\n\n <br />\n <br />\n {{yield}}\n</div>", {
79
- strictMode: true
80
- }), templateOnly());
81
-
82
- const H2 = setComponentTemplate(precompileTemplate("<h2 class=\"text-3xl\">{{yield}}</h2>", {
41
+ const InternalLink = setComponentTemplate(precompileTemplate("<a class=\"styled-link\" href=\"#\" ...attributes>\n {{yield}}\n</a>", {
83
42
  strictMode: true
84
43
  }), templateOnly());
85
-
86
- ;
87
-
88
- const IndexPage = setComponentTemplate(precompileTemplate("<Hero class=\"shadow-xl shadow-slate-900/5 gradient-background\">\n <header class=\"absolute md:sticky right-0 bottom-0 md:top-0 z-50 p-4 flex items-center\">\n {{yield to=\"header\"}}\n </header>\n\n <div class=\"h-full flex flex-col gap-8 justify-center items-center\">\n <div style=\"width: 66%; margin: 0 auto; transform: translateY(-20%);\" class=\"grid gap-4\">\n <h1 style=\"filter: drop-shadow(3px 5px 0px rgba(0, 0, 0, 0.4));\">\n {{yield to=\"logo\"}}\n </h1>\n <p class=\"italic text-white w-full md:w-1/2 mx-auto\">\n {{yield to=\"tagline\"}}\n </p>\n </div>\n {{yield to=\"callToAction\"}}\n </div>\n</Hero>\n\n{{yield to=\"content\"}}\n\n<hr />\n<footer style=\"padding: 3rem; width: 66%;\" class=\"mx-auto gap-12 flex-wrap flex justify-between\">\n {{yield to=\"footer\"}}\n</footer>", {
44
+ const Link = setComponentTemplate(precompileTemplate("<ExternalLink class=\"styled-link\" ...attributes>\n {{yield}}\n</ExternalLink>", {
89
45
  strictMode: true,
90
46
  scope: () => ({
91
- Hero
92
- })
93
- }), templateOnly());
94
-
95
- const linkClasses = `
96
- text-sm font-semibold
97
- dark:text-sky-400
98
- no-underline shadow-[inset_0_-2px_0_0_var(--tw-prose-background,#fff),inset_0_calc(-1*(var(--tw-prose-underline-size,4px)+2px))_0_0_var(--tw-prose-underline,theme(colors.sky.300))]
99
- hover:[--tw-prose-underline-size:6px]
100
- dark:[--tw-prose-background:theme(colors.slate.900)]
101
- dark:shadow-[inset_0_calc(-1*var(--tw-prose-underline-size,2px))_0_0_var(--tw-prose-underline,theme(colors.sky.800))]
102
- dark:hover:[--tw-prose-underline-size:6px]
103
- `;
104
- const InternalLink = setComponentTemplate(precompileTemplate("<a class={{linkClasses}} href=\"#\" ...attributes>\n {{yield}}\n</a>", {
105
- strictMode: true,
106
- scope: () => ({
107
- linkClasses
108
- })
109
- }), templateOnly());
110
- const Link = setComponentTemplate(precompileTemplate("<ExternalLink class={{linkClasses}} ...attributes>\n {{yield}}\n</ExternalLink>", {
111
- strictMode: true,
112
- scope: () => ({
113
- ExternalLink,
114
- linkClasses
47
+ ExternalLink
115
48
  })
116
49
  }), templateOnly());
117
50
 
@@ -148,7 +81,7 @@ const asComponent = str => {
148
81
  return `<${str.split('.')[0]?.replaceAll(' ', '')} />`;
149
82
  };
150
83
  const isComponents = str => str === 'components';
151
- const SectionLink = setComponentTemplate(precompileTemplate("{{#let (link @href) as |l|}}\n <a href={{@href}} class=\"font-medium font-display\n {{if l.isActive \"text-sky-500\" \"text-slate-900 hover:text-slate-600 dark:text-white dark:hover:text-slate-300\"}}\" {{on \"click\" l.handleClick}} ...attributes>\n {{#if (isComponents @name)}}\n {{asComponent (titleize @name)}}\n {{else}}\n {{titleize @name}}\n {{/if}}\n </a>\n{{/let}}", {
84
+ const SectionLink = setComponentTemplate(precompileTemplate("{{#let (link @href) as |l|}}\n <a href={{@href}} class=\"section-link {{if l.isActive \"is-active\"}}\" {{on \"click\" l.handleClick}} ...attributes>\n {{#if (isComponents @name)}}\n {{asComponent (titleize @name)}}\n {{else}}\n {{titleize @name}}\n {{/if}}\n </a>\n{{/let}}", {
152
85
  strictMode: true,
153
86
  scope: () => ({
154
87
  link,
@@ -158,7 +91,7 @@ const SectionLink = setComponentTemplate(precompileTemplate("{{#let (link @href)
158
91
  titleize
159
92
  })
160
93
  }), templateOnly());
161
- const SubSectionLink = setComponentTemplate(precompileTemplate("{{#let (link @href) as |l|}}\n <a href={{@href}} class=\"block w-full before:pointer-events-none before:absolute before:-left-1 before:top-1/2 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full\n {{if l.isActive \"font-semibold text-sky-500 before:bg-sky-500\" \"text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300\"}}\" {{on \"click\" l.handleClick}} ...attributes>\n {{#if (isComponents @name)}}\n {{asComponent (titleize @name)}}\n {{else}}\n {{titleize @name}}\n {{/if}}\n </a>\n{{/let}}", {
94
+ const SubSectionLink = setComponentTemplate(precompileTemplate("{{#let (link @href) as |l|}}\n <a href={{@href}} class=\"subsection-link {{if l.isActive \"is-active\"}}\" {{on \"click\" l.handleClick}} ...attributes>\n {{#if (isComponents @name)}}\n {{asComponent (titleize @name)}}\n {{else}}\n {{titleize @name}}\n {{/if}}\n </a>\n{{/let}}", {
162
95
  strictMode: true,
163
96
  scope: () => ({
164
97
  link,
@@ -169,18 +102,10 @@ const SubSectionLink = setComponentTemplate(precompileTemplate("{{#let (link @hr
169
102
  })
170
103
  }), templateOnly());
171
104
  class SideNav extends Component {
172
- get #selected() {
173
- return selected(this);
174
- }
175
105
  static {
176
106
  g(this.prototype, "router", [service('router')]);
177
107
  }
178
108
  #router = (i(this, "router"), void 0);
179
- get humanSelected() {
180
- const path = this.#selected?.path;
181
- if (!path) return undefined;
182
- return path.split('/').filter(Boolean).map(titleize).join(' / ');
183
- }
184
109
  get rootUrl() {
185
110
  return this.router.rootURL;
186
111
  }
@@ -201,7 +126,7 @@ class SideNav extends Component {
201
126
  * The links themselves remain the actual interactive elements.
202
127
  */
203
128
  static {
204
- setComponentTemplate(precompileTemplate("<aside class=\"bg-white dark:bg-slate-900\" ...attributes>\n <PageNav aria-label=\"Main Navigation\">\n <:page as |x|>\n <SubSectionLink @href={{joinUrl this.rootUrl x.page.path}} @name={{nameFor x.page}} {{on \"click\" this.closeNav}} />\n </:page>\n\n <:collection as |x|>\n {{#if x.index}}\n <SectionLink @href={{joinUrl this.rootUrl x.index.page.path}} @name={{titleize x.collection.name}} {{on \"click\" this.closeNav}} />\n {{else}}\n <h2>\n {{titleize x.collection.name}}\n </h2>\n {{/if}}\n </:collection>\n </PageNav>\n</aside>", {
129
+ setComponentTemplate(precompileTemplate("<aside class=\"side-nav\" ...attributes>\n <PageNav aria-label=\"Main Navigation\">\n <:page as |x|>\n <SubSectionLink @href={{joinUrl this.rootUrl x.page.path}} @name={{nameFor x.page}} {{on \"click\" this.closeNav}} />\n </:page>\n\n <:collection as |x|>\n {{#if x.index}}\n <SectionLink @href={{joinUrl this.rootUrl x.index.page.path}} @name={{titleize x.collection.name}} {{on \"click\" this.closeNav}} />\n {{else}}\n <h2>\n {{titleize x.collection.name}}\n </h2>\n {{/if}}\n </:collection>\n </PageNav>\n</aside>\n\n<style scoped>\n .side-nav {\n background-color: white;\n }\n\n .side-nav ul {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n .side-nav h2 {\n font-size: 1rem;\n font-weight: 500;\n font-family: var(--font-display, \"Helvetica\", \"Arial\", sans-serif);\n color: #0f172a;\n margin: 0;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .side-nav h2 {\n color: white;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .side-nav {\n background-color: #02020e;\n }\n\n .section-link {\n font-weight: 500;\n font-family: var(--font-display, \"Helvetica\", \"Arial\", sans-serif);\n color: #0f172a;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .section-link {\n color: white;\n }\n\n .section-link:hover {\n color: #475569;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .section-link:hover {\n color: #cbd5e1;\n }\n\n .section-link.is-active {\n color: #0ea5e9;\n }\n\n .subsection-link {\n display: block;\n width: 100%;\n position: relative;\n color: #64748b;\n }\n\n .subsection-link::before {\n content: \"\";\n pointer-events: none;\n position: absolute;\n left: -0.25rem;\n top: 50%;\n height: 0.375rem;\n width: 0.375rem;\n transform: translateY(-50%);\n border-radius: 9999px;\n background-color: #cbd5e1;\n display: none;\n }\n\n .subsection-link:hover {\n color: #475569;\n }\n\n .subsection-link:hover::before {\n display: block;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .subsection-link {\n color: #94a3b8;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .subsection-link::before {\n background-color: #334155;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .subsection-link:hover {\n color: #cbd5e1;\n }\n\n .subsection-link.is-active {\n font-weight: 600;\n color: #0ea5e9;\n }\n</style>", {
205
130
  strictMode: true,
206
131
  scope: () => ({
207
132
  PageNav,
@@ -218,13 +143,13 @@ class SideNav extends Component {
218
143
 
219
144
  // @ts-expect-error - no types are provided for ember-mobile-menu
220
145
 
221
- const Toggle = setComponentTemplate(precompileTemplate("<@toggle>\n <Menu class=\"w-6 h-6 stroke-slate-500\" />\n</@toggle>", {
146
+ const Toggle = setComponentTemplate(precompileTemplate("<@toggle>\n <Menu style=\"width: 1.5rem; height: 1.5rem; stroke: #64748b;\" />\n</@toggle>", {
222
147
  strictMode: true,
223
148
  scope: () => ({
224
149
  Menu
225
150
  })
226
151
  }), templateOnly());
227
- const ResponsiveMenuLayout = setComponentTemplate(precompileTemplate("<MenuWrapper as |mmw|>\n <mmw.MobileMenu @mode=\"push\" @maxWidth={{300}} as |mm|>\n <SideNav @onClick={{mm.actions.close}} />\n </mmw.MobileMenu>\n\n <mmw.Content>\n {{yield (component Toggle toggle=mmw.Toggle) to=\"header\"}}\n\n <div class=\"outer-content\">\n <SideNav />\n\n <main class=\"relative grid justify-center flex-auto w-full mx-auto max-w-8xl\">\n {{yield to=\"content\"}}\n </main>\n </div>\n </mmw.Content>\n</MenuWrapper>", {
152
+ const ResponsiveMenuLayout = setComponentTemplate(precompileTemplate("<MenuWrapper as |mmw|>\n <mmw.MobileMenu @mode=\"push\" @maxWidth={{300}} as |mm|>\n <SideNav @onClick={{mm.actions.close}} />\n </mmw.MobileMenu>\n\n <mmw.Content>\n {{yield (component Toggle toggle=mmw.Toggle) to=\"header\"}}\n\n <div class=\"outer-content\">\n <SideNav />\n\n <main class=\"page-main\">\n {{yield to=\"content\"}}\n </main>\n </div>\n </mmw.Content>\n</MenuWrapper>\n\n<style scoped>\n .page-main {\n position: relative;\n display: grid;\n justify-content: center;\n flex: 1 1 auto;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n max-width: 88rem;\n }\n</style>", {
228
153
  strictMode: true,
229
154
  scope: () => ({
230
155
  MenuWrapper,
@@ -245,7 +170,7 @@ function toggleTheme() {
245
170
  function isDark() {
246
171
  return colorScheme.current === 'dark';
247
172
  }
248
- const ThemeToggle = setComponentTemplate(precompileTemplate("<Switch class=\"site-theme-toggle\" as |s|>\n <s.Control name=\"color-scheme\" checked={{(isDark)}} {{on \"change\" toggleTheme}} />\n <s.Label>\n <span class=\"sr-only\">Toggle between light and dark mode</span>\n {{!--\n \uD83C\uDFB5 It's raining, it's pouring, ... \uD83C\uDFB5\n https://www.youtube.com/watch?v=ll5ykbAumD4\n --}}\n <Moon class=\"fill-sky-400\" />\n <Sun class=\"fill-yellow-400\" />\n <span class=\"ball\"></span>\n </s.Label>\n</Switch>", {
173
+ const ThemeToggle = setComponentTemplate(precompileTemplate("<Switch class=\"site-theme-toggle\" as |s|>\n <s.Control name=\"color-scheme\" checked={{(isDark)}} {{on \"change\" toggleTheme}} />\n <s.Label>\n <span class=\"sr-only\">Toggle between light and dark mode</span>\n {{!--\n \uD83C\uDFB5 It's raining, it's pouring, ... \uD83C\uDFB5\n https://www.youtube.com/watch?v=ll5ykbAumD4\n --}}\n <Moon style=\"fill: #38bdf8;\" />\n <Sun style=\"fill: #facc15;\" />\n <span class=\"ball\"></span>\n </s.Label>\n</Switch>", {
249
174
  strictMode: true,
250
175
  scope: () => ({
251
176
  Switch,
@@ -276,7 +201,19 @@ const onWindowScroll = modifier(() => {
276
201
  window.removeEventListener('scroll', onScroll);
277
202
  };
278
203
  });
279
- const PageLayout = setComponentTemplate(precompileTemplate("<ResponsiveMenuLayout>\n <:header as |Toggle|>\n <header class=\"sticky top-0 z-50 transition duration-500 shadow-md shadow-slate-900/5 dark:shadow-none bg-white/95\n {{if isScrolled.current \"dark:bg-slate-900/95 dark:backdrop-blur dark:[@supports(backdrop-filter:blur(0))]:bg-slate-900/75\" \"dark:bg-slate-900/95\"}}\" {{onWindowScroll}}>\n <div class=\"outer-content flex flex-none flex-wrap items-center justify-between py-4\">\n <div class=\"flex mr-6 lg:hidden\">\n <Toggle />\n </div>\n <div class=\"relative flex items-center flex-grow basis-0\">\n <a href=\"/\" aria-label=\"Home page\">\n {{yield to=\"logoLink\"}}\n </a>\n </div>\n {{!--\n If we ever have a search bar\n <div class=\"mr-6 -my-5 sm:mr-8 md:mr-0\">\n input here\n </div>\n --}}\n <TopRight>\n {{yield to=\"topRight\"}}\n </TopRight>\n </div>\n </header>\n </:header>\n <:content>\n <section data-main-scroll-container class=\"flex-auto max-w-2xl min-w-0 py-4 lg:max-w-none\">\n <Article>\n <Page>\n <:pending>\n <div class=\"fixed top-12 p-4 rounded z-50 transition border border-slate-800 duration-500 shadow-xl shadow-slate-900/5 bg-white/95 'dark:bg-slate-900/95 dark:backdrop-blur dark:[@supports(backdrop-filter:blur(0))]:bg-slate-900/75'\">\n Loading, Compiling, etc\n </div>\n </:pending>\n\n <:error as |error|>\n <section>\n {{yield error to=\"error\"}}\n </section>\n </:error>\n\n <:success as |prose|>\n <prose />\n {{(removeLoader)}}\n {{!-- this is probably really bad, and anti-patterny\n but ember doesn't have a good way to have libraries\n tie in to the URL without a bunch of setup -- which is maybe fine?\n needs some experimenting -- there is a bit of a disconnect with\n deriving data from the URL, and the timing of the model hooks.\n It might be possible to have an afterModel hook wait until the page is\n compiled.\n (that's why we have async state, because we're compiling, not loading)\n --}}\n {{resetScroll prose}}\n </:success>\n </Page>\n </Article>\n\n {{#if (has-block \"editLink\")}}\n\n <div class=\"flex justify-end pt-6 mt-12 border-t border-slate-200 dark:border-slate-800\">\n\n {{yield EditLink to=\"editLink\"}}\n </div>\n {{/if}}\n </section>\n </:content>\n\n</ResponsiveMenuLayout>", {
204
+ const PageLoader = setComponentTemplate(precompileTemplate("<div class=\"loading-page\" role=\"status\">\n {{yield}}\n</div>\n\n<style>\n @keyframes shimmer {\n 0% {\n background-position: -1000px 0;\n }\n 100% {\n background-position: 1000px 0;\n }\n }\n\n .loading-page {\n position: fixed;\n top: 0rem;\n padding: 0.5rem 1rem;\n background: linear-gradient(\n 90deg,\n rgba(40, 40, 50, 0.9),\n rgba(60, 60, 70, 0.9),\n rgba(40, 40, 50, 0.9)\n );\n background-size: 1000px 100%;\n animation: shimmer 2s infinite;\n filter: drop-shadow(0 0.5rem 0.5rem rgba(0, 0, 0, 0.8));\n color: white;\n right: 0;\n width: 100%;\n border-bottom-left-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .loading-page {\n animation: shimmer 10s infinite;\n }\n }\n</style>", {
205
+ strictMode: true
206
+ }), templateOnly());
207
+ function hasReason(error) {
208
+ return typeof error === 'object' && error !== null && 'reason' in error && typeof error.reason === 'string';
209
+ }
210
+ const PageError = setComponentTemplate(precompileTemplate("<div class=\"error\" data-page-error role=\"alert\">\n {{#if (hasReason @error)}}\n {{@error.reason}}\n <details>\n <summary>Original error</summary>\n <pre>{{@error.original.stack}}</pre>\n </details>\n {{else}}\n {{@error}}\n {{/if}}\n</div>", {
211
+ strictMode: true,
212
+ scope: () => ({
213
+ hasReason
214
+ })
215
+ }), templateOnly());
216
+ const PageLayout = setComponentTemplate(precompileTemplate("<ResponsiveMenuLayout>\n <:header as |Toggle|>\n <header class=\"page-header {{if isScrolled.current \"is-scrolled\"}}\" {{onWindowScroll}}>\n <div class=\"outer-content page-header__inner\">\n <div class=\"page-header__toggle\">\n <Toggle />\n </div>\n <div class=\"page-header__logo\">\n <a href=\"/\" aria-label=\"Home page\">\n {{yield to=\"logoLink\"}}\n </a>\n </div>\n <TopRight>\n {{yield to=\"topRight\"}}\n </TopRight>\n </div>\n </header>\n </:header>\n <:content>\n <section data-main-scroll-container class=\"page-content\">\n <Article>\n <Page>\n <:pending>\n <PageLoader>\n Loading, Compiling, etc\n </PageLoader>\n </:pending>\n\n <:error as |error|>\n <section>\n {{yield error to=\"error\"}}\n </section>\n </:error>\n\n <:success as |prose|>\n <prose />\n {{(removeLoader)}}\n {{resetScroll prose}}\n </:success>\n </Page>\n </Article>\n\n {{#if (has-block \"editLink\")}}\n\n <div class=\"edit-link-container\">\n\n {{yield EditLink to=\"editLink\"}}\n </div>\n {{/if}}\n </section>\n </:content>\n\n</ResponsiveMenuLayout>\n\n<style scoped>\n .page-header {\n position: sticky;\n top: 0;\n z-index: 50;\n transition: all 0.5s;\n box-shadow: 0 4px 6px -1px rgb(15 23 42 / 0.05);\n background-color: rgb(255 255 255 / 0.95);\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .page-header {\n box-shadow: none;\n background-color: rgb(2 2 14 / 0.95);\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .page-header.is-scrolled {\n backdrop-filter: blur(12px);\n }\n\n @supports (backdrop-filter: blur(0)) {\n :is(html[style*=\"color-scheme: dark\"]) .page-header.is-scrolled {\n background-color: rgb(2 2 14 / 0.75);\n }\n }\n\n .page-header__inner {\n display: flex;\n flex: none;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n\n .page-header__toggle {\n display: flex;\n margin-right: 1.5rem;\n }\n\n @media (min-width: 1024px) {\n .page-header__toggle {\n display: none;\n }\n }\n\n .page-header__logo {\n position: relative;\n display: flex;\n align-items: center;\n flex-grow: 1;\n flex-basis: 0;\n }\n\n .page-content {\n flex: 1 1 auto;\n max-width: 42rem;\n min-width: 0;\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n\n @media (min-width: 1024px) {\n .page-content {\n max-width: none;\n }\n }\n\n .edit-link-container {\n display: flex;\n justify-content: flex-end;\n padding-top: 1.5rem;\n margin-top: 3rem;\n border-top: 1px solid #e2e8f0;\n }\n\n :is(html[style*=\"color-scheme: dark\"]) .edit-link-container {\n border-color: #1e293b;\n }\n</style>", {
280
217
  strictMode: true,
281
218
  scope: () => ({
282
219
  ResponsiveMenuLayout,
@@ -285,24 +222,47 @@ const PageLayout = setComponentTemplate(precompileTemplate("<ResponsiveMenuLayou
285
222
  TopRight,
286
223
  Article,
287
224
  Page,
225
+ PageLoader,
288
226
  removeLoader,
289
227
  resetScroll,
290
228
  EditLink
291
229
  })
292
230
  }), templateOnly());
293
- const EditLink = setComponentTemplate(precompileTemplate("<Link class=\"edit-page flex\" href={{@href}}>\n {{yield}}\n</Link>", {
231
+ const EditLink = setComponentTemplate(precompileTemplate("<Link class=\"edit-page\" style=\"display: flex;\" href={{@href}}>\n {{yield}}\n</Link>", {
294
232
  strictMode: true,
295
233
  scope: () => ({
296
234
  Link
297
235
  })
298
236
  }), templateOnly());
299
- const TopRight = setComponentTemplate(precompileTemplate("<div class=\"relative flex justify-end gap-6 basis-0 sm:gap-8 md:flex-grow\">\n <ThemeToggle />\n {{yield}}\n</div>", {
237
+ const TopRight = setComponentTemplate(precompileTemplate("<div class=\"top-right\">\n <ThemeToggle />\n {{yield}}\n</div>\n\n<style scoped>\n .top-right {\n position: relative;\n display: flex;\n justify-content: flex-end;\n gap: 1.5rem;\n flex-basis: 0;\n }\n\n @media (min-width: 640px) {\n .top-right {\n gap: 2rem;\n }\n }\n\n @media (min-width: 768px) {\n .top-right {\n flex-grow: 1;\n }\n }\n</style>", {
300
238
  strictMode: true,
301
239
  scope: () => ({
302
240
  ThemeToggle
303
241
  })
304
242
  }), templateOnly());
305
243
 
244
+ const OopsError = setComponentTemplate(precompileTemplate("<div data-page-error class=\"adaptive-text\" style=\"border: 1px solid red; padding: 1rem; word-break: break-all;\">\n <h1>Oops!</h1><br />\n <PageError @error={{@error}} />\n\n <br />\n <br />\n {{yield}}\n</div>\n\n<style scoped>\n .adaptive-text {\n color: #0f172a;\n }\n :is(html[style*=\"color-scheme: dark\"]) .adaptive-text {\n color: white;\n }\n</style>", {
245
+ strictMode: true,
246
+ scope: () => ({
247
+ PageError
248
+ })
249
+ }), templateOnly());
250
+
251
+ const H2 = setComponentTemplate(precompileTemplate("<h2 style=\"font-size: 1.875rem; line-height: 2.25rem;\">{{yield}}</h2>", {
252
+ strictMode: true
253
+ }), templateOnly());
254
+
255
+ ;
256
+
257
+ const IndexPage = setComponentTemplate(precompileTemplate("<Hero class=\"index-hero gradient-background\">\n <header class=\"index-hero__header\">\n {{yield to=\"header\"}}\n </header>\n\n <div class=\"index-hero__body\">\n <div style=\"width: 66%; margin: 0 auto; transform: translateY(-20%);\" class=\"index-hero__grid\">\n <h1 style=\"filter: drop-shadow(3px 5px 0px rgba(0, 0, 0, 0.4));\">\n {{yield to=\"logo\"}}\n </h1>\n <p class=\"index-hero__tagline\">\n {{yield to=\"tagline\"}}\n </p>\n </div>\n {{yield to=\"callToAction\"}}\n </div>\n</Hero>\n\n{{yield to=\"content\"}}\n\n<hr />\n<footer style=\"padding: 3rem; width: 66%;\" class=\"index-footer\">\n {{yield to=\"footer\"}}\n</footer>\n\n<style scoped>\n .index-hero {\n box-shadow: 0 10px 15px -3px rgb(15 23 42 / 0.05);\n }\n\n .index-hero__header {\n position: absolute;\n right: 0;\n bottom: 0;\n z-index: 50;\n padding: 1rem;\n display: flex;\n align-items: center;\n }\n\n @media (min-width: 768px) {\n .index-hero__header {\n position: sticky;\n top: 0;\n }\n }\n\n .index-hero__body {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n justify-content: center;\n align-items: center;\n }\n\n .index-hero__grid {\n display: grid;\n gap: 1rem;\n }\n\n .index-hero__tagline {\n font-style: italic;\n color: white;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (min-width: 768px) {\n .index-hero__tagline {\n width: 50%;\n }\n }\n\n .index-footer {\n margin-left: auto;\n margin-right: auto;\n gap: 3rem;\n flex-wrap: wrap;\n display: flex;\n justify-content: space-between;\n }\n</style>", {
258
+ strictMode: true,
259
+ scope: () => ({
260
+ Hero
261
+ })
262
+ }), templateOnly());
263
+
264
+ ;
265
+
306
266
  ;
307
267
 
308
268
  ;
@@ -333,9 +293,9 @@ function syncBodyClass() {
333
293
  }
334
294
  }
335
295
 
336
- const Text = setComponentTemplate(precompileTemplate("<span class=\"dark:text-white text:slate-900\">{{yield}}</span>", {
296
+ const Text = setComponentTemplate(precompileTemplate("<span class=\"adaptive-text\">{{yield}}</span>\n\n<style scoped>\n .adaptive-text {\n color: #0f172a;\n }\n :is(html[style*=\"color-scheme: dark\"]) .adaptive-text {\n color: white;\n }\n</style>", {
337
297
  strictMode: true
338
298
  }), templateOnly());
339
299
 
340
- export { Article, Callout, H2, IndexPage, InternalLink, Link, OopsError, PageLayout, ResponsiveMenuLayout, Shell, Text, ThemeToggle, TopRight };
300
+ export { Article, Callout, H2, IndexPage, InternalLink, Link, OopsError, PageError, PageLayout, PageLoader, ResponsiveMenuLayout, Shell, Text, ThemeToggle, TopRight, hasReason };
341
301
  //# sourceMappingURL=index.js.map