@nexa-stack/framework 1.1.0 → 1.1.1

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 (141) hide show
  1. package/README.md +5 -7
  2. package/bin/nexa.ts +25 -11
  3. package/docs/UI_RULES.md +19 -0
  4. package/package.json +4 -15
  5. package/packages/core/src/app.ts +1 -1
  6. package/public/admin-assets/nexa.umd.js +80 -0
  7. package/public/admin.html +6 -4
  8. package/public/app.html +19 -0
  9. package/public/index.html +22 -66
  10. package/public/assets/blog-CGOdzgkO.js +0 -1
  11. package/public/assets/blog-ML7LFtff.js +0 -1
  12. package/public/assets/components-B_D1ccvJ.js +0 -50
  13. package/public/assets/components-C67m2tNE.js +0 -1
  14. package/public/assets/components-DCNIrNdJ.js +0 -50
  15. package/public/assets/components-DZ9oc9zI.js +0 -1
  16. package/public/assets/contact-CAfovn36.js +0 -1
  17. package/public/assets/contact-bMUqmce3.js +0 -1
  18. package/public/assets/docs-B92Otuxs.js +0 -20
  19. package/public/assets/docs-BGOHuCe3.js +0 -20
  20. package/public/assets/docs-BUkg7Pd2.css +0 -1
  21. package/public/assets/echarts-mount-DdBiYEc1.js +0 -19
  22. package/public/assets/echarts-mount-kJrXh_za.js +0 -19
  23. package/public/assets/echarts-nexa-BsAEVjT0.js +0 -1
  24. package/public/assets/integration-BNpFB3SL.js +0 -1
  25. package/public/assets/integration-Br6tmvWh.js +0 -1
  26. package/public/assets/integration-D7vdPco_.js +0 -1
  27. package/public/assets/main-BBkehs0N.js +0 -1
  28. package/public/assets/main-Cx_-Fq0O.css +0 -1
  29. package/public/assets/main-ny0uOGg1.js +0 -1
  30. package/public/assets/src-B4_Kaae6.css +0 -1
  31. package/public/assets/src-BfdoaLcc.js +0 -1
  32. package/public/assets/src-D__MdyFu.js +0 -1
  33. package/public/cards/README.md +0 -17
  34. package/public/cards/bloom.jpg +0 -0
  35. package/public/compare.html +0 -66
  36. package/public/docs.html +0 -315
  37. package/public/favicon.svg +0 -11
  38. package/public/nexa-hero-sculpture-1280.png +0 -0
  39. package/public/nexa-hero-sculpture-640.png +0 -0
  40. package/public/nexa-hero-sculpture-960.png +0 -0
  41. package/public/nexa-hero-sculpture.png +0 -0
  42. package/public/nexa-hero-sculpture.webp +0 -0
  43. package/public/nexa-mark-24.png +0 -0
  44. package/public/nexa-mark-256.png +0 -0
  45. package/public/nexa-mark-32.png +0 -0
  46. package/public/nexa-mark-40.png +0 -0
  47. package/public/nexa-mark-48.png +0 -0
  48. package/public/nexa-mark-512.png +0 -0
  49. package/public/nexa-mark-64.png +0 -0
  50. package/public/nexa-mark-96.png +0 -0
  51. package/public/nexa-mark-apple.png +0 -0
  52. package/public/nexa-mark-product-256.png +0 -0
  53. package/public/nexa-mark-product.png +0 -0
  54. package/public/nexa-mark-source.png +0 -0
  55. package/public/nexa-mark-trim.png +0 -0
  56. package/public/nexa-mark.png +0 -0
  57. package/public/nexa-mark.webp +0 -0
  58. package/public/nexa-palette-vision.png +0 -0
  59. package/public/nexa-wordmark.png +0 -0
  60. package/public/nexa-wordmark.webp +0 -0
  61. package/public/og.png +0 -0
  62. package/public/site/about.html +0 -101
  63. package/public/site/blog.html +0 -87
  64. package/public/site/components.html +0 -251
  65. package/public/site/contact.html +0 -72
  66. package/public/site/docs/buttons.html +0 -157
  67. package/public/site/docs/cards.html +0 -159
  68. package/public/site/docs/colors.html +0 -216
  69. package/public/site/docs/commands.html +0 -170
  70. package/public/site/docs/data.html +0 -122
  71. package/public/site/docs/feedback.html +0 -111
  72. package/public/site/docs/forms.html +0 -117
  73. package/public/site/docs/icons.html +0 -125
  74. package/public/site/docs/index.html +0 -82
  75. package/public/site/docs/installation.html +0 -83
  76. package/public/site/docs/layout.html +0 -116
  77. package/public/site/docs/media.html +0 -96
  78. package/public/site/docs/navigation.html +0 -122
  79. package/public/site/docs/overlays.html +0 -95
  80. package/public/site/docs/pickers.html +0 -126
  81. package/public/site/docs/sections.html +0 -111
  82. package/public/site/docs/typography.html +0 -97
  83. package/public/site/docs/usage.html +0 -76
  84. package/public/site/features.html +0 -107
  85. package/public/site/index.html +0 -117
  86. package/public/site/integration.html +0 -43
  87. package/public/site/pricing.html +0 -87
  88. package/ui/cards/README.md +0 -17
  89. package/ui/cards/bloom.jpg +0 -0
  90. package/ui/echarts-mount-DWNKcqeo.js +0 -22945
  91. package/ui/echarts-nexa-BY8eW9ug.js +0 -456
  92. package/ui/favicon.svg +0 -11
  93. package/ui/nexa-hero-sculpture-1280.png +0 -0
  94. package/ui/nexa-hero-sculpture-640.png +0 -0
  95. package/ui/nexa-hero-sculpture-960.png +0 -0
  96. package/ui/nexa-hero-sculpture.png +0 -0
  97. package/ui/nexa-hero-sculpture.webp +0 -0
  98. package/ui/nexa-mark-24.png +0 -0
  99. package/ui/nexa-mark-256.png +0 -0
  100. package/ui/nexa-mark-32.png +0 -0
  101. package/ui/nexa-mark-40.png +0 -0
  102. package/ui/nexa-mark-48.png +0 -0
  103. package/ui/nexa-mark-512.png +0 -0
  104. package/ui/nexa-mark-64.png +0 -0
  105. package/ui/nexa-mark-96.png +0 -0
  106. package/ui/nexa-mark-apple.png +0 -0
  107. package/ui/nexa-mark-product-256.png +0 -0
  108. package/ui/nexa-mark-product.png +0 -0
  109. package/ui/nexa-mark-source.png +0 -0
  110. package/ui/nexa-mark-trim.png +0 -0
  111. package/ui/nexa-mark.png +0 -0
  112. package/ui/nexa-mark.webp +0 -0
  113. package/ui/nexa-palette-vision.png +0 -0
  114. package/ui/nexa-wordmark.png +0 -0
  115. package/ui/nexa-wordmark.webp +0 -0
  116. package/ui/nexa.js +0 -2971
  117. package/ui/nexa.umd.js +0 -80
  118. package/ui/og.png +0 -0
  119. package/ui/types/components/art.d.ts +0 -11
  120. package/ui/types/components/card-layouts.d.ts +0 -11
  121. package/ui/types/components/card.d.ts +0 -11
  122. package/ui/types/components/charts.d.ts +0 -7
  123. package/ui/types/components/extra.d.ts +0 -2
  124. package/ui/types/components/helpers.d.ts +0 -18
  125. package/ui/types/components/icons.d.ts +0 -24
  126. package/ui/types/components/index.d.ts +0 -2
  127. package/ui/types/components/pickers.d.ts +0 -8
  128. package/ui/types/components/structure.d.ts +0 -2
  129. package/ui/types/core/behaviors.d.ts +0 -2
  130. package/ui/types/core/brand-assets.d.ts +0 -44
  131. package/ui/types/core/colormap.d.ts +0 -49
  132. package/ui/types/core/echarts-mount.d.ts +0 -5
  133. package/ui/types/core/echarts-nexa.d.ts +0 -71
  134. package/ui/types/core/parser.d.ts +0 -11
  135. package/ui/types/core/registry.d.ts +0 -13
  136. package/ui/types/core/renderer.d.ts +0 -14
  137. package/ui/types/core/schema.d.ts +0 -8
  138. package/ui/types/core/toast.d.ts +0 -11
  139. package/ui/types/core/validate.d.ts +0 -1
  140. package/ui/types/index.d.ts +0 -50
  141. /package/{ui → public/admin-assets}/nexa.css +0 -0
package/public/site/docs/icons.html DELETED
@@ -1,125 +0,0 @@
1
- <!doctype html>
2
- <html lang="en" dir="ltr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width,initial-scale=1">
6
- <title>Icons - Nexa Docs</title>
7
- <link rel="icon" href="/favicon.svg" type="image/svg+xml">
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
11
- <style>
12
- /* Inline boot: hide chrome until docs.ts adds .doc-ready (stops HTML flicker) */
13
- html:not(.doc-ready) body.doc-body > .doc-shell,
14
- html:not(.doc-ready) body.doc-body > .nexa-host { opacity: 0; }
15
- html { background: #F7F9FC; }
16
- </style>
17
- <script type="module" crossorigin src="/assets/components-B_D1ccvJ.js"></script>
18
- <script type="module" crossorigin src="/assets/docs-BGOHuCe3.js"></script>
19
- <link rel="stylesheet" crossorigin href="/assets/docs-BUkg7Pd2.css">
20
- </head>
21
- <body class="doc-body" nexa="luxury light brand font-inter essential">
22
-
23
- <header
24
- nexa="header vision dock"
25
- logo-href="/site/index.html"
26
- links="Docs|/site/docs/index.html,Home|/site/index.html,Components|/site/components.html,Features|/site/features.html,Pricing|/site/pricing.html,About|/site/about.html,Blog|/site/blog.html,Contact|/site/contact.html"
27
- cta="Start free"
28
- cta-href="/site/pricing.html"></header>
29
-
30
- <div class="doc-progress" data-doc-progress></div>
31
- <div class="doc-shell">
32
- <button class="doc-menu-toggle" type="button" data-doc-menu aria-expanded="false" aria-controls="doc-side">Browse docs <span>⌄</span></button>
33
- <aside class="doc-side" id="doc-side" data-doc-side></aside>
34
- <main class="doc-main">
35
- <div class="doc-crumb"><a href="/site/docs/index.html">Documentation</a><span>/</span><span>Icons</span></div>
36
- <div class="doc-page-head">
37
- <div><h1>Icons</h1><p class="doc-lead">Lucide icons via <code>nexa="ico …"</code>. Pass the name in the command or with <code>name="…"</code>.</p></div>
38
- <button type="button" class="doc-search" data-doc-search aria-label="Search documentation"><span>Search docs</span><kbd>⌘ K</kbd></button>
39
- </div>
40
-
41
-
42
- <h3>Usage</h3>
43
-
44
- <div class="doc-example">
45
- <div class="doc-opts-wrap"><div class="doc-opts"><span class="doc-opt-cmd"><code>ico</code></span><span class="doc-opt is-mod">regular</span><span class="doc-opt is-mod">bold</span><span class="doc-opt is-mod">thin</span><span class="doc-opt is-mod">fill</span><span class="doc-opt is-mod">filled</span><span class="doc-opt is-mod">solid</span><span class="doc-opt is-mod">outline</span><span class="doc-opt is-mod">light</span><span class="doc-opt is-mod">fat</span><span class="doc-opt is-mod">full</span><span class="doc-opt is-mod">sm</span><span class="doc-opt is-mod">md</span><span class="doc-opt is-mod">lg</span><span class="doc-opt is-mod">xl</span><span class="doc-opt is-mod">small</span><span class="doc-opt is-mod">medium</span><span class="doc-opt is-mod">large</span><span class="doc-opt is-mod">compact</span><span class="doc-opt is-mod">tall</span></div></div>
46
- <div class="doc-preview">
47
- <div class="doc-demo"><span class="doc-demo-label">zap</span><span nexa="ico bold" name="zap"></span></div>
48
- <div class="doc-demo"><span class="doc-demo-label">sparkles</span><span nexa="ico bold" name="sparkles"></span></div>
49
- <div class="doc-demo"><span class="doc-demo-label">fill</span><span nexa="ico fill" name="heart"></span></div>
50
- <div class="doc-demo"><span class="doc-demo-label">thin lg</span><span nexa="ico thin lg" name="rocket"></span></div>
51
- </div>
52
- <div class="doc-code">
53
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="ico-basic">Copy</button></div>
54
- <pre><code id="ico-basic">&lt;span nexa="ico bold" name="zap"&gt;&lt;/span&gt;
55
- &lt;span nexa="ico bold" name="sparkles"&gt;&lt;/span&gt;
56
- &lt;span nexa="ico fill" name="heart"&gt;&lt;/span&gt;
57
- &lt;span nexa="ico thin lg" name="rocket"&gt;&lt;/span&gt;
58
-
59
- &lt;!-- name can live in the command --&gt;
60
- &lt;span nexa="ico bold zap"&gt;&lt;/span&gt;</code></pre>
61
- </div>
62
- </div>
63
-
64
- <h3>Weight & size</h3>
65
-
66
- <div class="doc-example">
67
- <div class="doc-opts-wrap"><div class="doc-opts"><span class="doc-opt-cmd"><code>ico</code></span><span class="doc-opt is-mod">regular</span><span class="doc-opt is-mod">bold</span><span class="doc-opt is-mod">thin</span><span class="doc-opt is-mod">fill</span><span class="doc-opt is-mod">filled</span><span class="doc-opt is-mod">solid</span><span class="doc-opt is-mod">outline</span><span class="doc-opt is-mod">light</span><span class="doc-opt is-mod">fat</span><span class="doc-opt is-mod">full</span><span class="doc-opt is-mod">sm</span><span class="doc-opt is-mod">md</span><span class="doc-opt is-mod">lg</span><span class="doc-opt is-mod">xl</span><span class="doc-opt is-mod">small</span><span class="doc-opt is-mod">medium</span><span class="doc-opt is-mod">large</span><span class="doc-opt is-mod">compact</span><span class="doc-opt is-mod">tall</span></div></div>
68
- <div class="doc-preview">
69
- <div class="doc-demo"><span class="doc-demo-label">thin</span><span nexa="ico thin" name="star"></span></div>
70
- <div class="doc-demo"><span class="doc-demo-label">regular</span><span nexa="ico regular" name="star"></span></div>
71
- <div class="doc-demo"><span class="doc-demo-label">bold</span><span nexa="ico bold" name="star"></span></div>
72
- <div class="doc-demo"><span class="doc-demo-label">fill</span><span nexa="ico fill" name="star"></span></div>
73
- <div class="doc-demo"><span class="doc-demo-label">sm</span><span nexa="ico bold sm" name="star"></span></div>
74
- <div class="doc-demo"><span class="doc-demo-label">xl</span><span nexa="ico bold xl" name="star"></span></div>
75
- </div>
76
- <div class="doc-code">
77
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="ico-weights">Copy</button></div>
78
- <pre><code id="ico-weights">&lt;span nexa="ico thin" name="star"&gt;&lt;/span&gt;
79
- &lt;span nexa="ico regular" name="star"&gt;&lt;/span&gt;
80
- &lt;span nexa="ico bold" name="star"&gt;&lt;/span&gt;
81
- &lt;span nexa="ico fill" name="star"&gt;&lt;/span&gt;
82
- &lt;span nexa="ico bold sm" name="star"&gt;&lt;/span&gt;
83
- &lt;span nexa="ico bold xl" name="star"&gt;&lt;/span&gt;</code></pre>
84
- </div>
85
- </div>
86
-
87
- <h2>On cards</h2>
88
- <p>Pass <code>icon="zap"</code> on card layouts that support glyphs.</p>
89
-
90
-
91
-
92
- <div class="doc-example">
93
- <div class="doc-opts-wrap"><div class="doc-opts"><span class="doc-opt-cmd"><code>card</code></span><span class="doc-opt-tag"><code>c</code></span><span class="doc-opt is-mod">plain</span><span class="doc-opt is-mod">bordered</span><span class="doc-opt is-mod">elevated</span><span class="doc-opt is-mod">glass</span><span class="doc-opt is-mod">horizontal</span><span class="doc-opt is-mod">square</span><span class="doc-opt is-mod">interactive</span><span class="doc-opt is-mod">media</span><span class="doc-opt is-mod">icon</span><span class="doc-opt is-mod">metric</span><span class="doc-opt is-mod">profile</span><span class="doc-opt is-mod">cover</span><span class="doc-opt is-mod">product</span><span class="doc-opt is-mod">video</span><span class="doc-opt is-mod">event</span><span class="doc-opt is-mod">promo</span><span class="doc-opt is-mod">pricing</span><span class="doc-opt is-mod">analytics</span><span class="doc-opt is-mod">quote</span><span class="doc-opt is-mod">tasks</span><span class="doc-opt is-mod">feature</span><span class="doc-opt is-mod">soft</span><span class="doc-opt is-mod">fade</span><span class="doc-opt is-mod">slide</span><span class="doc-opt is-mod">zoom</span><span class="doc-opt is-mod">bounce</span><span class="doc-opt is-mod">float</span><span class="doc-opt is-mod">glow</span><span class="doc-opt is-more">+9 · <a href="/site/docs/commands.html">all →</a></span></div></div>
94
- <div class="doc-preview">
95
- <div class="doc-demo"><span class="doc-demo-label">icon card</span><article nexa="card icon" title="Spark" text="Icon layout." icon="sparkles" style="width:200px"></article></div>
96
- <div class="doc-demo"><span class="doc-demo-label">feature</span><article nexa="card feature" title="Fast" text="Ship quicker." icon="zap" style="width:200px"></article></div>
97
- </div>
98
- <div class="doc-code">
99
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="ico-card">Copy</button></div>
100
- <pre><code id="ico-card">&lt;article nexa="card icon" title="Spark" text="Icon layout." icon="sparkles"&gt;&lt;/article&gt;
101
- &lt;article nexa="card feature" title="Fast" text="Ship quicker." icon="zap"&gt;&lt;/article&gt;</code></pre>
102
- </div>
103
- </div>
104
-
105
- <h2>Catalog</h2>
106
- <p>Every registered icon name (aliases collapsed).</p>
107
- <div class="doc-example">
108
- <div class="doc-preview is-stack">
109
- <div class="doc-icon-grid" data-doc-icons></div>
110
- </div>
111
- <div class="doc-code">
112
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="ico-cat">Copy</button></div>
113
- <pre><code id="ico-cat">&lt;span nexa="ico bold" name="zap"&gt;&lt;/span&gt;
114
- &lt;!-- Full list: listNexaIconNames() in src/components/icons.ts --&gt;</code></pre>
115
- </div>
116
- </div>
117
- </main>
118
- <aside class="doc-outline" data-doc-outline aria-label="On this page"></aside>
119
- </div>
120
- <dialog class="doc-search-dialog" data-doc-dialog aria-label="Search documentation">
121
- <div class="doc-search-box"><span aria-hidden="true">⌕</span><input data-doc-search-input type="search" placeholder="Search pages and components" autocomplete="off"><kbd>Esc</kbd></div>
122
- <div class="doc-search-results" data-doc-search-results></div>
123
- </dialog>
124
- </body>
125
- </html>
package/public/site/docs/index.html DELETED
@@ -1,82 +0,0 @@
1
- <!doctype html>
2
- <html lang="en" dir="ltr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width,initial-scale=1">
6
- <title>Introduction - Nexa Docs</title>
7
- <link rel="icon" href="/favicon.svg" type="image/svg+xml">
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
11
- <style>
12
- /* Inline boot: hide chrome until docs.ts adds .doc-ready (stops HTML flicker) */
13
- html:not(.doc-ready) body.doc-body > .doc-shell,
14
- html:not(.doc-ready) body.doc-body > .nexa-host { opacity: 0; }
15
- html { background: #F7F9FC; }
16
- </style>
17
- <script type="module" crossorigin src="/assets/components-B_D1ccvJ.js"></script>
18
- <script type="module" crossorigin src="/assets/docs-BGOHuCe3.js"></script>
19
- <link rel="stylesheet" crossorigin href="/assets/docs-BUkg7Pd2.css">
20
- </head>
21
- <body class="doc-body" nexa="luxury light brand font-inter essential">
22
-
23
- <header
24
- nexa="header vision dock"
25
- logo-href="/site/index.html"
26
- links="Docs|/site/docs/index.html,Home|/site/index.html,Components|/site/components.html,Features|/site/features.html,Pricing|/site/pricing.html,About|/site/about.html,Blog|/site/blog.html,Contact|/site/contact.html"
27
- cta="Start free"
28
- cta-href="/site/pricing.html"></header>
29
-
30
- <div class="doc-progress" data-doc-progress></div>
31
- <div class="doc-shell">
32
- <button class="doc-menu-toggle" type="button" data-doc-menu aria-expanded="false" aria-controls="doc-side">Browse docs <span>⌄</span></button>
33
- <aside class="doc-side" id="doc-side" data-doc-side></aside>
34
- <main class="doc-main">
35
- <div class="doc-crumb"><a href="/site/docs/index.html">Documentation</a><span>/</span><span>Nexa documentation</span></div>
36
- <div class="doc-page-head">
37
- <div><h1>Nexa documentation</h1><p class="doc-lead">Official docs for the Nexa UI engine — short <code>nexa</code> commands, Vanilla TypeScript, no React required.</p></div>
38
- <button type="button" class="doc-search" data-doc-search aria-label="Search documentation"><span>Search docs</span><kbd>⌘ K</kbd></button>
39
- </div>
40
-
41
- <div class="doc-callout">Live preview on top (variants side by side), colored HTML underneath. Foundation pages cover <a href="/site/docs/colors.html">colors &amp; maps</a>, <a href="/site/docs/typography.html">fonts</a>, and <a href="/site/docs/icons.html">icons</a>.</div>
42
-
43
- <h2>What is Nexa?</h2>
44
- <p>Nexa turns human-readable attributes into finished UI: headers, heroes, cards, forms, overlays, charts, and page sections.</p>
45
-
46
- <h3>Quick example</h3>
47
- <p>Button variants in one preview — code for all of them below.</p>
48
- <div class="doc-example">
49
- <div class="doc-opts-wrap"><div class="doc-opts"><span class="doc-opt-cmd"><code>button</code></span><span class="doc-opt-tag"><code>btn</code></span><span class="doc-opt is-mod">primary</span><span class="doc-opt is-mod">secondary</span><span class="doc-opt is-mod">outline</span><span class="doc-opt is-mod">ghost</span><span class="doc-opt is-mod">danger</span><span class="doc-opt is-mod">blue</span><span class="doc-opt is-mod">purple</span><span class="doc-opt is-mod">gold</span><span class="doc-opt is-mod">green</span><span class="doc-opt is-mod">orange</span><span class="doc-opt is-mod">black</span><span class="doc-opt is-mod">glass</span><span class="doc-opt is-mod">small</span><span class="doc-opt is-mod">medium</span><span class="doc-opt is-mod">large</span><span class="doc-opt is-mod">compact</span><span class="doc-opt is-mod">sm</span><span class="doc-opt is-mod">block</span><span class="doc-opt is-mod">disabled</span><span class="doc-opt is-mod">loading</span><span class="doc-opt is-mod">round</span><span class="doc-opt is-mod">rounded</span><span class="doc-opt is-mod">pill</span><span class="doc-opt is-mod">sharp</span><span class="doc-opt is-mod">shadow</span><span class="doc-opt is-mod">soft</span><span class="doc-opt is-mod">strong</span><span class="doc-opt is-mod">s</span><span class="doc-opt is-more">+1 · <a href="/site/docs/commands.html">all →</a></span></div></div>
50
- <div class="doc-preview">
51
- <div class="doc-demo"><span class="doc-demo-label">primary</span><button nexa="btn primary">Primary</button></div>
52
- <div class="doc-demo"><span class="doc-demo-label">outline</span><button nexa="btn outline">Outline</button></div>
53
- <div class="doc-demo"><span class="doc-demo-label">ghost</span><button nexa="btn ghost">Ghost</button></div>
54
- <div class="doc-demo"><span class="doc-demo-label">pill</span><button nexa="btn primary pill">Start free</button></div>
55
- </div>
56
- <div class="doc-code">
57
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="intro-btn">Copy</button></div>
58
- <pre><code id="intro-btn">&lt;button nexa="btn primary"&gt;Primary&lt;/button&gt;
59
- &lt;button nexa="btn outline"&gt;Outline&lt;/button&gt;
60
- &lt;button nexa="btn ghost"&gt;Ghost&lt;/button&gt;
61
- &lt;button nexa="btn primary pill"&gt;Start free&lt;/button&gt;</code></pre>
62
- </div>
63
- </div>
64
-
65
- <h2>Browse</h2>
66
-
67
- <ul>
68
- <li><a href="/site/docs/colors.html">Colors &amp; maps</a> — hue families, brand scale, <code>map #hex</code></li>
69
- <li><a href="/site/docs/typography.html">Typography</a> — <code>font-inter</code>, <code>font-dm</code>, tokens</li>
70
- <li><a href="/site/docs/icons.html">Icons</a> — full Lucide catalog</li>
71
- <li><a href="/site/docs/layout.html">Layout</a> · <a href="/site/docs/sections.html">Sections</a> · <a href="/site/docs/cards.html">Cards</a></li>
72
- <li><a href="/site/docs/buttons.html">Buttons</a> · <a href="/site/docs/forms.html">Forms</a> · <a href="/site/docs/overlays.html">Overlays</a> · …</li>
73
- </ul>
74
- </main>
75
- <aside class="doc-outline" data-doc-outline aria-label="On this page"></aside>
76
- </div>
77
- <dialog class="doc-search-dialog" data-doc-dialog aria-label="Search documentation">
78
- <div class="doc-search-box"><span aria-hidden="true">⌕</span><input data-doc-search-input type="search" placeholder="Search pages and components" autocomplete="off"><kbd>Esc</kbd></div>
79
- <div class="doc-search-results" data-doc-search-results></div>
80
- </dialog>
81
- </body>
82
- </html>
package/public/site/docs/installation.html DELETED
@@ -1,83 +0,0 @@
1
- <!doctype html>
2
- <html lang="en" dir="ltr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width,initial-scale=1">
6
- <title>Installation - Nexa Docs</title>
7
- <link rel="icon" href="/favicon.svg" type="image/svg+xml">
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
11
- <style>
12
- /* Inline boot: hide chrome until docs.ts adds .doc-ready (stops HTML flicker) */
13
- html:not(.doc-ready) body.doc-body > .doc-shell,
14
- html:not(.doc-ready) body.doc-body > .nexa-host { opacity: 0; }
15
- html { background: #F7F9FC; }
16
- </style>
17
- <script type="module" crossorigin src="/assets/components-B_D1ccvJ.js"></script>
18
- <script type="module" crossorigin src="/assets/docs-BGOHuCe3.js"></script>
19
- <link rel="stylesheet" crossorigin href="/assets/docs-BUkg7Pd2.css">
20
- </head>
21
- <body class="doc-body" nexa="luxury light brand font-inter essential">
22
-
23
- <header
24
- nexa="header vision dock"
25
- logo-href="/site/index.html"
26
- links="Docs|/site/docs/index.html,Home|/site/index.html,Components|/site/components.html,Features|/site/features.html,Pricing|/site/pricing.html,About|/site/about.html,Blog|/site/blog.html,Contact|/site/contact.html"
27
- cta="Start free"
28
- cta-href="/site/pricing.html"></header>
29
-
30
- <div class="doc-progress" data-doc-progress></div>
31
- <div class="doc-shell">
32
- <button class="doc-menu-toggle" type="button" data-doc-menu aria-expanded="false" aria-controls="doc-side">Browse docs <span>⌄</span></button>
33
- <aside class="doc-side" id="doc-side" data-doc-side></aside>
34
- <main class="doc-main">
35
- <div class="doc-crumb"><a href="/site/docs/index.html">Documentation</a><span>/</span><span>Installation</span></div>
36
- <div class="doc-page-head">
37
- <div><h1>Installation</h1><p class="doc-lead">Add Nexa to a Vite app or any static HTML host.</p></div>
38
- <button type="button" class="doc-search" data-doc-search aria-label="Search documentation"><span>Search docs</span><kbd>⌘ K</kbd></button>
39
- </div>
40
-
41
-
42
- <h2>Vite</h2>
43
- <p>From the repo root:</p>
44
- <div class="doc-example">
45
- <div class="doc-preview is-stack"><p style="margin:0;font-family:ui-monospace,monospace;font-size:.9rem">npm install<br>npm run dev</p></div>
46
- <div class="doc-code">
47
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="inst-npm">Copy</button></div>
48
- <pre><code id="inst-npm">npm install
49
- npm run dev</code></pre>
50
- </div>
51
- </div>
52
- <p>Docs open at <code>http://localhost:5174/site/docs/</code>.</p>
53
-
54
- <h2>Mount</h2>
55
- <p>Register components then mount once.</p>
56
-
57
-
58
-
59
- <div class="doc-example">
60
-
61
- <div class="doc-preview is-stack">
62
- <p style="margin:0;color:#64748B;font-size:.9rem">See code below — runs in your app entry.</p>
63
- </div>
64
- <div class="doc-code">
65
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="inst-mount">Copy</button></div>
66
- <pre><code id="inst-mount">import {createNexa} from './src/core/renderer';
67
- import {registry} from './src/core/registry';
68
- import {registerPrototypeComponents} from './src/components';
69
-
70
- registerPrototypeComponents(registry);
71
- createNexa({registry}).mount();</code></pre>
72
- </div>
73
- </div>
74
- <p>Theme on <code>&lt;body&gt;</code>: <code>nexa="luxury light brand font-inter essential"</code></p>
75
- </main>
76
- <aside class="doc-outline" data-doc-outline aria-label="On this page"></aside>
77
- </div>
78
- <dialog class="doc-search-dialog" data-doc-dialog aria-label="Search documentation">
79
- <div class="doc-search-box"><span aria-hidden="true">⌕</span><input data-doc-search-input type="search" placeholder="Search pages and components" autocomplete="off"><kbd>Esc</kbd></div>
80
- <div class="doc-search-results" data-doc-search-results></div>
81
- </dialog>
82
- </body>
83
- </html>
package/public/site/docs/layout.html DELETED
@@ -1,116 +0,0 @@
1
- <!doctype html>
2
- <html lang="en" dir="ltr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width,initial-scale=1">
6
- <title>Layout - Nexa Docs</title>
7
- <link rel="icon" href="/favicon.svg" type="image/svg+xml">
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
11
- <style>
12
- /* Inline boot: hide chrome until docs.ts adds .doc-ready (stops HTML flicker) */
13
- html:not(.doc-ready) body.doc-body > .doc-shell,
14
- html:not(.doc-ready) body.doc-body > .nexa-host { opacity: 0; }
15
- html { background: #F7F9FC; }
16
- </style>
17
- <script type="module" crossorigin src="/assets/components-B_D1ccvJ.js"></script>
18
- <script type="module" crossorigin src="/assets/docs-BGOHuCe3.js"></script>
19
- <link rel="stylesheet" crossorigin href="/assets/docs-BUkg7Pd2.css">
20
- </head>
21
- <body class="doc-body" nexa="luxury light brand font-inter essential">
22
-
23
- <header
24
- nexa="header vision dock"
25
- logo-href="/site/index.html"
26
- links="Docs|/site/docs/index.html,Home|/site/index.html,Components|/site/components.html,Features|/site/features.html,Pricing|/site/pricing.html,About|/site/about.html,Blog|/site/blog.html,Contact|/site/contact.html"
27
- cta="Start free"
28
- cta-href="/site/pricing.html"></header>
29
-
30
- <div class="doc-progress" data-doc-progress></div>
31
- <div class="doc-shell">
32
- <button class="doc-menu-toggle" type="button" data-doc-menu aria-expanded="false" aria-controls="doc-side">Browse docs <span>⌄</span></button>
33
- <aside class="doc-side" id="doc-side" data-doc-side></aside>
34
- <main class="doc-main">
35
- <div class="doc-crumb"><a href="/site/docs/index.html">Documentation</a><span>/</span><span>Layout</span></div>
36
- <div class="doc-page-head">
37
- <div><h1>Layout</h1><p class="doc-lead">Container, stack, grid, header, hero, footer, divider.</p></div>
38
- <button type="button" class="doc-search" data-doc-search aria-label="Search documentation"><span>Search docs</span><kbd>⌘ K</kbd></button>
39
- </div>
40
-
41
-
42
- <h3>Container, stack, grid</h3>
43
-
44
- <div class="doc-example">
45
- <div class="doc-opts-wrap"><div class="doc-opts"><span class="doc-opt-cmd"><code>container</code></span><span class="doc-opt is-mod">narrow</span></div><div class="doc-opts"><span class="doc-opt-cmd"><code>stack</code></span><span class="doc-opt is-mod">gap-none</span><span class="doc-opt is-mod">gap-small</span><span class="doc-opt is-mod">gap-medium</span><span class="doc-opt is-mod">gap-large</span></div><div class="doc-opts"><span class="doc-opt-cmd"><code>grid</code></span><span class="doc-opt is-mod">square</span><span class="doc-opt is-mod">landscape</span><span class="doc-opt is-mod">gap-none</span><span class="doc-opt is-mod">gap-small</span><span class="doc-opt is-mod">gap-medium</span><span class="doc-opt is-mod">gap-large</span><span class="doc-opt is-mod">cols-1</span><span class="doc-opt is-mod">cols-2</span><span class="doc-opt is-mod">cols-3</span><span class="doc-opt is-mod">cols-4</span><span class="doc-opt is-mod">cols-6</span><span class="doc-opt is-mod">auto-fit</span><span class="doc-opt is-mod">masonry</span></div></div>
46
- <div class="doc-preview is-stack">
47
- <div nexa="container" style="width:100%;border:1px dashed #CBD5E1;padding:12px;border-radius:8px">
48
- <div nexa="stack gap-medium">
49
- <div nexa="grid cols-3 gap-medium">
50
- <div style="background:#EEF2FF;padding:12px;border-radius:8px;text-align:center">A</div>
51
- <div style="background:#EEF2FF;padding:12px;border-radius:8px;text-align:center">B</div>
52
- <div style="background:#EEF2FF;padding:12px;border-radius:8px;text-align:center">C</div>
53
- </div>
54
- </div>
55
- </div>
56
- </div>
57
- <div class="doc-code">
58
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="lay-struct">Copy</button></div>
59
- <pre><code id="lay-struct">&lt;div nexa="container"&gt;
60
- &lt;div nexa="stack gap-medium"&gt;
61
- &lt;div nexa="grid cols-3 gap-medium"&gt;…&lt;/div&gt;
62
- &lt;/div&gt;
63
- &lt;/div&gt;</code></pre>
64
- </div>
65
- </div>
66
-
67
- <h3>Header</h3>
68
- <p>Official vision header — mark + wordmark are filled automatically.</p>
69
- <div class="doc-example">
70
- <div class="doc-opts-wrap"><div class="doc-opts"><span class="doc-opt-cmd"><code>header</code></span><span class="doc-opt-tag"><code>hdr</code></span><span class="doc-opt is-mod">simple</span><span class="doc-opt is-mod">vision</span><span class="doc-opt is-mod">float</span><span class="doc-opt is-mod">bar</span><span class="doc-opt is-mod">dock</span><span class="doc-opt is-mod">mega</span><span class="doc-opt is-mod">glass</span><span class="doc-opt is-mod">transparent</span><span class="doc-opt is-mod">overlay</span><span class="doc-opt is-mod">static</span><span class="doc-opt is-mod">sticky</span><span class="doc-opt is-mod">fixed</span><span class="doc-opt is-mod">light</span><span class="doc-opt is-mod">dark</span><span class="doc-opt is-mod">s</span><span class="doc-opt is-mod">g</span><span class="doc-opt is-mod">shadow</span><span class="doc-opt is-mod">soft</span><span class="doc-opt is-mod">strong</span><span class="doc-opt is-mod">sm</span><span class="doc-opt is-mod">lg</span><span class="doc-opt is-mod">compact</span><span class="doc-opt is-mod">tall</span></div></div>
71
- <div class="doc-preview is-stack">
72
- <header nexa="header vision" logo-href="/site/index.html" links="Docs|# ,Pricing|# " cta="Start free" style="position:relative;width:100%"></header>
73
- </div>
74
- <div class="doc-code">
75
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="lay-header">Copy</button></div>
76
- <pre><code id="lay-header">&lt;header nexa="header vision dock"
77
- links="Docs,Home" cta="Start free"&gt;&lt;/header&gt;</code></pre>
78
- </div>
79
- </div>
80
-
81
- <h3>Hero</h3>
82
-
83
- <div class="doc-example">
84
- <div class="doc-opts-wrap"><div class="doc-opts"><span class="doc-opt-cmd"><code>hero</code></span><span class="doc-opt is-mod">centered</span><span class="doc-opt is-mod">split</span><span class="doc-opt is-mod">image-left</span><span class="doc-opt is-mod">image-right</span><span class="doc-opt is-mod">minimal</span><span class="doc-opt is-mod">vision</span><span class="doc-opt is-mod">small</span><span class="doc-opt is-mod">medium</span><span class="doc-opt is-mod">large</span><span class="doc-opt is-mod">fullscreen</span></div></div>
85
- <div class="doc-preview is-stack">
86
- <section nexa="hero vision split" eyebrow="NEXA" title="Modern|interfaces" text="Short commands. Finished UI." cta="Docs" cta-href="/site/docs/index.html" style="width:100%"></section>
87
- </div>
88
- <div class="doc-code">
89
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="lay-hero">Copy</button></div>
90
- <pre><code id="lay-hero">&lt;section nexa="hero vision split"
91
- title="Modern|interfaces"
92
- cta="Docs" cta-href="/site/docs/index.html"&gt;&lt;/section&gt;</code></pre>
93
- </div>
94
- </div>
95
-
96
- <h3>Footer</h3>
97
-
98
- <div class="doc-example">
99
- <div class="doc-opts-wrap"><div class="doc-opts"><span class="doc-opt-cmd"><code>footer</code></span><span class="doc-opt-tag"><code>foot</code></span><span class="doc-opt is-mod">dark</span><span class="doc-opt is-mod">mega</span><span class="doc-opt is-mod">simple</span><span class="doc-opt is-mod">light</span></div></div>
100
- <div class="doc-preview is-stack">
101
- <footer nexa="footer dark" logo="Nexa" logo-image="/nexa-mark.png" copy="© 2026 Nexa" style="width:100%"></footer>
102
- </div>
103
- <div class="doc-code">
104
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="lay-footer">Copy</button></div>
105
- <pre><code id="lay-footer">&lt;footer nexa="footer dark"&gt;&lt;/footer&gt;</code></pre>
106
- </div>
107
- </div>
108
- </main>
109
- <aside class="doc-outline" data-doc-outline aria-label="On this page"></aside>
110
- </div>
111
- <dialog class="doc-search-dialog" data-doc-dialog aria-label="Search documentation">
112
- <div class="doc-search-box"><span aria-hidden="true">⌕</span><input data-doc-search-input type="search" placeholder="Search pages and components" autocomplete="off"><kbd>Esc</kbd></div>
113
- <div class="doc-search-results" data-doc-search-results></div>
114
- </dialog>
115
- </body>
116
- </html>
package/public/site/docs/media.html DELETED
@@ -1,96 +0,0 @@
1
- <!doctype html>
2
- <html lang="en" dir="ltr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width,initial-scale=1">
6
- <title>Media - Nexa Docs</title>
7
- <link rel="icon" href="/favicon.svg" type="image/svg+xml">
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
11
- <style>
12
- /* Inline boot: hide chrome until docs.ts adds .doc-ready (stops HTML flicker) */
13
- html:not(.doc-ready) body.doc-body > .doc-shell,
14
- html:not(.doc-ready) body.doc-body > .nexa-host { opacity: 0; }
15
- html { background: #F7F9FC; }
16
- </style>
17
- <script type="module" crossorigin src="/assets/components-B_D1ccvJ.js"></script>
18
- <script type="module" crossorigin src="/assets/docs-BGOHuCe3.js"></script>
19
- <link rel="stylesheet" crossorigin href="/assets/docs-BUkg7Pd2.css">
20
- </head>
21
- <body class="doc-body" nexa="luxury light brand font-inter essential">
22
-
23
- <header
24
- nexa="header vision dock"
25
- logo-href="/site/index.html"
26
- links="Docs|/site/docs/index.html,Home|/site/index.html,Components|/site/components.html,Features|/site/features.html,Pricing|/site/pricing.html,About|/site/about.html,Blog|/site/blog.html,Contact|/site/contact.html"
27
- cta="Start free"
28
- cta-href="/site/pricing.html"></header>
29
-
30
- <div class="doc-progress" data-doc-progress></div>
31
- <div class="doc-shell">
32
- <button class="doc-menu-toggle" type="button" data-doc-menu aria-expanded="false" aria-controls="doc-side">Browse docs <span>⌄</span></button>
33
- <aside class="doc-side" id="doc-side" data-doc-side></aside>
34
- <main class="doc-main">
35
- <div class="doc-crumb"><a href="/site/docs/index.html">Documentation</a><span>/</span><span>Media</span></div>
36
- <div class="doc-page-head">
37
- <div><h1>Media</h1><p class="doc-lead">Avatar, figure, carousel, icon, divider.</p></div>
38
- <button type="button" class="doc-search" data-doc-search aria-label="Search documentation"><span>Search docs</span><kbd>⌘ K</kbd></button>
39
- </div>
40
-
41
-
42
- <h3>Avatar & ico</h3>
43
-
44
- <div class="doc-example">
45
- <div class="doc-opts-wrap"><div class="doc-opts"><span class="doc-opt-cmd"><code>avatar</code></span><span class="doc-opt is-mod">male</span><span class="doc-opt is-mod">user</span><span class="doc-opt is-mod">small</span><span class="doc-opt is-mod">large</span><span class="doc-opt is-mod">sm</span><span class="doc-opt is-mod">lg</span></div><div class="doc-opts"><span class="doc-opt-cmd"><code>ico</code></span><span class="doc-opt is-mod">regular</span><span class="doc-opt is-mod">bold</span><span class="doc-opt is-mod">thin</span><span class="doc-opt is-mod">fill</span><span class="doc-opt is-mod">filled</span><span class="doc-opt is-mod">solid</span><span class="doc-opt is-mod">outline</span><span class="doc-opt is-mod">light</span><span class="doc-opt is-mod">fat</span><span class="doc-opt is-mod">full</span><span class="doc-opt is-mod">sm</span><span class="doc-opt is-mod">md</span><span class="doc-opt is-mod">lg</span><span class="doc-opt is-mod">xl</span><span class="doc-opt is-mod">small</span><span class="doc-opt is-mod">medium</span><span class="doc-opt is-mod">large</span><span class="doc-opt is-mod">compact</span><span class="doc-opt is-mod">tall</span></div></div>
46
- <div class="doc-preview">
47
- <div class="doc-demo"><span class="doc-demo-label">avatar</span><div nexa="avatar" name="NX"></div></div>
48
- <div class="doc-demo"><span class="doc-demo-label">large</span><div nexa="avatar large" name="AL"></div></div>
49
- <div class="doc-demo"><span class="doc-demo-label">ico</span><span nexa="ico bold" name="sparkles"></span></div>
50
- <div class="doc-demo"><span class="doc-demo-label">ico lg</span><span nexa="ico bold lg" name="zap"></span></div>
51
- </div>
52
- <div class="doc-code">
53
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="media-av">Copy</button></div>
54
- <pre><code id="media-av">&lt;div nexa="avatar" name="NX"&gt;&lt;/div&gt;
55
- &lt;div nexa="avatar large" name="AL"&gt;&lt;/div&gt;
56
- &lt;span nexa="ico bold" name="sparkles"&gt;&lt;/span&gt;
57
- &lt;span nexa="ico bold lg" name="zap"&gt;&lt;/span&gt;</code></pre>
58
- </div>
59
- </div>
60
-
61
- <h3>Figure & divider</h3>
62
-
63
- <div class="doc-example">
64
- <div class="doc-opts-wrap"><div class="doc-opts"><span class="doc-opt-cmd"><code>figure</code></span><span class="doc-opt is-mod">ratio-1x1</span><span class="doc-opt is-mod">ratio-4x3</span><span class="doc-opt is-mod">ratio-16x9</span><span class="doc-opt is-mod">ratio-21x9</span></div><div class="doc-opts"><span class="doc-opt-cmd"><code>divider</code></span></div></div>
65
- <div class="doc-preview">
66
- <div class="doc-demo"><span class="doc-demo-label">figure</span><figure nexa="figure ratio-16x9" image="/cards/bloom.jpg" caption="Bloom" style="min-width:240px;margin:0"></figure></div>
67
- <div class="doc-demo"><span class="doc-demo-label">divider</span><div nexa="divider" style="min-width:160px"></div></div>
68
- </div>
69
- <div class="doc-code">
70
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="media-fig">Copy</button></div>
71
- <pre><code id="media-fig">&lt;figure nexa="figure ratio-16x9" image="/cards/bloom.jpg" caption="Bloom"&gt;&lt;/figure&gt;
72
- &lt;div nexa="divider"&gt;&lt;/div&gt;</code></pre>
73
- </div>
74
- </div>
75
-
76
- <h3>Carousel</h3>
77
-
78
- <div class="doc-example">
79
- <div class="doc-opts-wrap"><div class="doc-opts"><span class="doc-opt-cmd"><code>carousel</code></span><span class="doc-opt is-mod">autoplay</span><span class="doc-opt is-mod">auto</span></div></div>
80
- <div class="doc-preview">
81
- <div class="doc-demo"><span class="doc-demo-label">carousel</span><div nexa="carousel" slides="One|First slide.;Two|Second slide.;Three|Third slide." style="min-width:280px"></div></div>
82
- </div>
83
- <div class="doc-code">
84
- <div class="doc-code-bar"><button type="button" class="doc-copy" data-copy="media-car">Copy</button></div>
85
- <pre><code id="media-car">&lt;div nexa="carousel" slides="One|First slide.;Two|Second slide.;Three|Third slide."&gt;&lt;/div&gt;</code></pre>
86
- </div>
87
- </div>
88
- </main>
89
- <aside class="doc-outline" data-doc-outline aria-label="On this page"></aside>
90
- </div>
91
- <dialog class="doc-search-dialog" data-doc-dialog aria-label="Search documentation">
92
- <div class="doc-search-box"><span aria-hidden="true">⌕</span><input data-doc-search-input type="search" placeholder="Search pages and components" autocomplete="off"><kbd>Esc</kbd></div>
93
- <div class="doc-search-results" data-doc-search-results></div>
94
- </dialog>
95
- </body>
96
- </html>