opin-ui 0.0.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 (243) hide show
  1. package/README.md +5 -0
  2. package/css/aspen.css +39 -0
  3. package/css/black.css +39 -0
  4. package/css/catppuccin.css +49 -0
  5. package/css/dusk.css +47 -0
  6. package/css/emerald.css +39 -0
  7. package/css/generated/docs.css +1 -0
  8. package/css/generated/flux.css +1 -0
  9. package/css/generated/home.css +1 -0
  10. package/css/generated/notebook.css +1 -0
  11. package/css/generated/shared.css +1 -0
  12. package/css/lib/base.css +314 -0
  13. package/css/lib/default-colors.css +51 -0
  14. package/css/lib/shiki.css +108 -0
  15. package/css/neutral.css +7 -0
  16. package/css/ocean.css +44 -0
  17. package/css/preset-legacy.css +43 -0
  18. package/css/preset.css +11 -0
  19. package/css/purple.css +39 -0
  20. package/css/ruby.css +39 -0
  21. package/css/shadcn.css +36 -0
  22. package/css/solar.css +75 -0
  23. package/css/style.css +9 -0
  24. package/css/vitepress.css +65 -0
  25. package/dist/.translations/index.d.ts +49 -0
  26. package/dist/.translations/keys.js +49 -0
  27. package/dist/_virtual/_rolldown/runtime.js +13 -0
  28. package/dist/components/accordion.d.ts +23 -0
  29. package/dist/components/accordion.js +68 -0
  30. package/dist/components/banner.d.ts +33 -0
  31. package/dist/components/banner.js +85 -0
  32. package/dist/components/callout.d.ts +41 -0
  33. package/dist/components/callout.js +53 -0
  34. package/dist/components/card.d.ts +19 -0
  35. package/dist/components/card.js +38 -0
  36. package/dist/components/codeblock.d.ts +61 -0
  37. package/dist/components/codeblock.js +173 -0
  38. package/dist/components/codeblock.rsc.d.ts +20 -0
  39. package/dist/components/codeblock.rsc.js +22 -0
  40. package/dist/components/dialog/search-algolia.d.ts +36 -0
  41. package/dist/components/dialog/search-algolia.js +64 -0
  42. package/dist/components/dialog/search-default.d.ts +36 -0
  43. package/dist/components/dialog/search-default.js +58 -0
  44. package/dist/components/dialog/search-orama.d.ts +43 -0
  45. package/dist/components/dialog/search-orama.js +69 -0
  46. package/dist/components/dialog/search.d.ts +112 -0
  47. package/dist/components/dialog/search.js +350 -0
  48. package/dist/components/dynamic-codeblock.core.d.ts +34 -0
  49. package/dist/components/dynamic-codeblock.core.js +51 -0
  50. package/dist/components/dynamic-codeblock.d.ts +9 -0
  51. package/dist/components/dynamic-codeblock.js +17 -0
  52. package/dist/components/files.d.ts +34 -0
  53. package/dist/components/files.js +40 -0
  54. package/dist/components/github-info.d.ts +35 -0
  55. package/dist/components/github-info.js +75 -0
  56. package/dist/components/heading.d.ts +13 -0
  57. package/dist/components/heading.js +38 -0
  58. package/dist/components/image-zoom.d.ts +23 -0
  59. package/dist/components/image-zoom.js +32 -0
  60. package/dist/components/image-zoom2.css +71 -0
  61. package/dist/components/inline-toc.d.ts +14 -0
  62. package/dist/components/inline-toc.js +28 -0
  63. package/dist/components/sidebar/base.d.ts +131 -0
  64. package/dist/components/sidebar/base.js +274 -0
  65. package/dist/components/sidebar/link-item.d.ts +22 -0
  66. package/dist/components/sidebar/link-item.js +38 -0
  67. package/dist/components/sidebar/page-tree.d.ts +28 -0
  68. package/dist/components/sidebar/page-tree.js +71 -0
  69. package/dist/components/sidebar/tabs/dropdown.d.ts +16 -0
  70. package/dist/components/sidebar/tabs/dropdown.js +71 -0
  71. package/dist/components/sidebar/tabs/index.d.ts +11 -0
  72. package/dist/components/sidebar/tabs/index.js +46 -0
  73. package/dist/components/steps.d.ts +15 -0
  74. package/dist/components/steps.js +16 -0
  75. package/dist/components/tabs.d.ts +49 -0
  76. package/dist/components/tabs.js +88 -0
  77. package/dist/components/toc/clerk.d.ts +20 -0
  78. package/dist/components/toc/clerk.js +226 -0
  79. package/dist/components/toc/default.d.ts +23 -0
  80. package/dist/components/toc/default.js +259 -0
  81. package/dist/components/toc/index.d.ts +19 -0
  82. package/dist/components/toc/index.js +45 -0
  83. package/dist/components/type-table.d.ts +43 -0
  84. package/dist/components/type-table.js +117 -0
  85. package/dist/components/ui/accordion.d.ts +30 -0
  86. package/dist/components/ui/accordion.js +42 -0
  87. package/dist/components/ui/button.d.ts +11 -0
  88. package/dist/components/ui/button.js +20 -0
  89. package/dist/components/ui/collapsible.d.ts +15 -0
  90. package/dist/components/ui/collapsible.js +21 -0
  91. package/dist/components/ui/navigation-menu.d.ts +30 -0
  92. package/dist/components/ui/navigation-menu.js +41 -0
  93. package/dist/components/ui/popover.d.ts +15 -0
  94. package/dist/components/ui/popover.js +20 -0
  95. package/dist/components/ui/scroll-area.d.ts +22 -0
  96. package/dist/components/ui/scroll-area.js +34 -0
  97. package/dist/components/ui/tabs.d.ts +36 -0
  98. package/dist/components/ui/tabs.js +77 -0
  99. package/dist/contexts/i18n.d.ts +41 -0
  100. package/dist/contexts/i18n.js +37 -0
  101. package/dist/contexts/search.d.ts +73 -0
  102. package/dist/contexts/search.js +68 -0
  103. package/dist/contexts/tree.d.ts +20 -0
  104. package/dist/contexts/tree.js +38 -0
  105. package/dist/i18n.d.ts +16 -0
  106. package/dist/i18n.js +38 -0
  107. package/dist/layouts/docs/client.d.ts +34 -0
  108. package/dist/layouts/docs/client.js +92 -0
  109. package/dist/layouts/docs/index.d.ts +44 -0
  110. package/dist/layouts/docs/index.js +22 -0
  111. package/dist/layouts/docs/page/index.d.ts +115 -0
  112. package/dist/layouts/docs/page/index.js +124 -0
  113. package/dist/layouts/docs/page/slots/breadcrumb.d.ts +13 -0
  114. package/dist/layouts/docs/page/slots/breadcrumb.js +44 -0
  115. package/dist/layouts/docs/page/slots/container.d.ts +6 -0
  116. package/dist/layouts/docs/page/slots/container.js +17 -0
  117. package/dist/layouts/docs/page/slots/footer.d.ts +22 -0
  118. package/dist/layouts/docs/page/slots/footer.js +56 -0
  119. package/dist/layouts/docs/page/slots/toc.d.ts +62 -0
  120. package/dist/layouts/docs/page/slots/toc.js +182 -0
  121. package/dist/layouts/docs/slots/container.d.ts +6 -0
  122. package/dist/layouts/docs/slots/container.js +36 -0
  123. package/dist/layouts/docs/slots/header.d.ts +6 -0
  124. package/dist/layouts/docs/slots/header.js +38 -0
  125. package/dist/layouts/docs/slots/sidebar.d.ts +29 -0
  126. package/dist/layouts/docs/slots/sidebar.js +326 -0
  127. package/dist/layouts/flux/index.d.ts +73 -0
  128. package/dist/layouts/flux/index.js +146 -0
  129. package/dist/layouts/flux/page/index.d.ts +102 -0
  130. package/dist/layouts/flux/page/index.js +104 -0
  131. package/dist/layouts/flux/page/slots/breadcrumb.d.ts +13 -0
  132. package/dist/layouts/flux/page/slots/breadcrumb.js +44 -0
  133. package/dist/layouts/flux/page/slots/container.d.ts +6 -0
  134. package/dist/layouts/flux/page/slots/container.js +17 -0
  135. package/dist/layouts/flux/page/slots/footer.d.ts +22 -0
  136. package/dist/layouts/flux/page/slots/footer.js +56 -0
  137. package/dist/layouts/flux/page/slots/toc.d.ts +38 -0
  138. package/dist/layouts/flux/page/slots/toc.js +181 -0
  139. package/dist/layouts/flux/slots/container.d.ts +6 -0
  140. package/dist/layouts/flux/slots/container.js +13 -0
  141. package/dist/layouts/flux/slots/sidebar.d.ts +22 -0
  142. package/dist/layouts/flux/slots/sidebar.js +237 -0
  143. package/dist/layouts/flux/slots/tab-dropdown.d.ts +16 -0
  144. package/dist/layouts/flux/slots/tab-dropdown.js +85 -0
  145. package/dist/layouts/home/index.d.ts +28 -0
  146. package/dist/layouts/home/index.js +40 -0
  147. package/dist/layouts/home/navbar.d.ts +10 -0
  148. package/dist/layouts/home/navbar.js +34 -0
  149. package/dist/layouts/home/not-found.d.ts +7 -0
  150. package/dist/layouts/home/not-found.js +41 -0
  151. package/dist/layouts/home/slots/container.d.ts +6 -0
  152. package/dist/layouts/home/slots/container.js +13 -0
  153. package/dist/layouts/home/slots/header.d.ts +9 -0
  154. package/dist/layouts/home/slots/header.js +239 -0
  155. package/dist/layouts/notebook/client.d.ts +36 -0
  156. package/dist/layouts/notebook/client.js +69 -0
  157. package/dist/layouts/notebook/index.d.ts +37 -0
  158. package/dist/layouts/notebook/index.js +22 -0
  159. package/dist/layouts/notebook/page/index.d.ts +115 -0
  160. package/dist/layouts/notebook/page/index.js +124 -0
  161. package/dist/layouts/notebook/page/slots/breadcrumb.d.ts +13 -0
  162. package/dist/layouts/notebook/page/slots/breadcrumb.js +44 -0
  163. package/dist/layouts/notebook/page/slots/container.d.ts +6 -0
  164. package/dist/layouts/notebook/page/slots/container.js +17 -0
  165. package/dist/layouts/notebook/page/slots/footer.d.ts +22 -0
  166. package/dist/layouts/notebook/page/slots/footer.js +56 -0
  167. package/dist/layouts/notebook/page/slots/toc.d.ts +62 -0
  168. package/dist/layouts/notebook/page/slots/toc.js +181 -0
  169. package/dist/layouts/notebook/slots/container.d.ts +6 -0
  170. package/dist/layouts/notebook/slots/container.js +38 -0
  171. package/dist/layouts/notebook/slots/header.d.ts +6 -0
  172. package/dist/layouts/notebook/slots/header.js +194 -0
  173. package/dist/layouts/notebook/slots/sidebar.d.ts +30 -0
  174. package/dist/layouts/notebook/slots/sidebar.js +298 -0
  175. package/dist/layouts/shared/client.d.ts +44 -0
  176. package/dist/layouts/shared/client.js +84 -0
  177. package/dist/layouts/shared/index.d.ts +178 -0
  178. package/dist/layouts/shared/index.js +98 -0
  179. package/dist/layouts/shared/page-actions.d.ts +35 -0
  180. package/dist/layouts/shared/page-actions.js +195 -0
  181. package/dist/layouts/shared/slots/language-select.d.ts +18 -0
  182. package/dist/layouts/shared/slots/language-select.js +43 -0
  183. package/dist/layouts/shared/slots/search-trigger.d.ts +22 -0
  184. package/dist/layouts/shared/slots/search-trigger.js +53 -0
  185. package/dist/layouts/shared/slots/theme-switch.d.ts +13 -0
  186. package/dist/layouts/shared/slots/theme-switch.js +65 -0
  187. package/dist/legacy/layout.d.ts +36 -0
  188. package/dist/legacy/layout.js +44 -0
  189. package/dist/legacy/sidebar.d.ts +17 -0
  190. package/dist/legacy/sidebar.js +33 -0
  191. package/dist/mdx.d.ts +45 -0
  192. package/dist/mdx.js +70 -0
  193. package/dist/mdx.server.d.ts +15 -0
  194. package/dist/mdx.server.js +20 -0
  195. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/controlled.d.ts +31 -0
  196. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/controlled.js +461 -0
  197. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/index.d.ts +2 -0
  198. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/uncontrolled.d.ts +7 -0
  199. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/uncontrolled.js +17 -0
  200. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/adjust-svg-ids.js +53 -0
  201. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/compute-positioned-style.js +25 -0
  202. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/element-tests.js +12 -0
  203. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/get-div-img-style.js +45 -0
  204. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/get-img-alt.js +8 -0
  205. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/get-img-object-fit-style.js +55 -0
  206. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/get-img-regular-style.js +21 -0
  207. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/get-img-src.js +14 -0
  208. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/get-modal-img-transform.js +22 -0
  209. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/get-scale.js +27 -0
  210. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/get-style-ghost.js +31 -0
  211. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/get-style-modal-img.js +75 -0
  212. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/get-target-dimension.js +4 -0
  213. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/parse-position.js +7 -0
  214. package/dist/node_modules/.bun/react-medium-image-zoom@5.4.8_7492c01c6988791b/node_modules/react-medium-image-zoom/dist/utils/test-has-scalable-src.js +5 -0
  215. package/dist/og/takumi.d.ts +21 -0
  216. package/dist/og/takumi.js +91 -0
  217. package/dist/og.d.ts +22 -0
  218. package/dist/og.js +91 -0
  219. package/dist/page.d.ts +35 -0
  220. package/dist/page.js +33 -0
  221. package/dist/provider/base.d.ts +49 -0
  222. package/dist/provider/base.js +32 -0
  223. package/dist/provider/next.d.ts +20 -0
  224. package/dist/provider/next.js +17 -0
  225. package/dist/provider/react-router.d.ts +20 -0
  226. package/dist/provider/react-router.js +17 -0
  227. package/dist/provider/tanstack.d.ts +20 -0
  228. package/dist/provider/tanstack.js +17 -0
  229. package/dist/provider/waku.d.ts +20 -0
  230. package/dist/provider/waku.js +17 -0
  231. package/dist/style.css +3534 -0
  232. package/dist/tailwind/typography.d.ts +2 -0
  233. package/dist/tailwind/typography.js +2 -0
  234. package/dist/utils/cn.js +2 -0
  235. package/dist/utils/merge-refs.js +11 -0
  236. package/dist/utils/urls.js +15 -0
  237. package/dist/utils/use-copy-button.d.ts +6 -0
  238. package/dist/utils/use-copy-button.js +26 -0
  239. package/dist/utils/use-footer-items.d.ts +9 -0
  240. package/dist/utils/use-footer-items.js +24 -0
  241. package/dist/utils/use-is-scroll-top.d.ts +8 -0
  242. package/dist/utils/use-is-scroll-top.js +20 -0
  243. package/package.json +200 -0
@@ -0,0 +1,108 @@
1
+ .shiki:not(.not-fumadocs-codeblock *) {
2
+ --padding-left: calc(var(--spacing) * 4);
3
+ --padding-right: calc(var(--spacing) * 4);
4
+
5
+ code span {
6
+ color: var(--shiki-light);
7
+ font-style: var(--shiki-light-font-style);
8
+ }
9
+
10
+ .line {
11
+ position: relative;
12
+ padding-left: var(--padding-left);
13
+ padding-right: var(--padding-right);
14
+ }
15
+
16
+ .line:empty {
17
+ height: 1lh;
18
+ }
19
+
20
+ &.has-focused .line:not(.focused) {
21
+ filter: blur(2px);
22
+ transition: filter 200ms;
23
+ }
24
+
25
+ &.has-focused:hover .line:not(.focused) {
26
+ filter: blur(0);
27
+ }
28
+
29
+ .diff::before {
30
+ position: absolute;
31
+ left: calc(var(--spacing) * 1.5);
32
+ }
33
+
34
+ .diff.remove {
35
+ opacity: 0.7;
36
+ --fd-counter-color: var(--color-fd-diff-remove-symbol);
37
+ @apply bg-fd-diff-remove;
38
+ }
39
+
40
+ .diff.remove::before {
41
+ content: '-';
42
+ @apply text-fd-diff-remove-symbol;
43
+ }
44
+
45
+ .diff.add {
46
+ --fd-counter-color: var(--color-fd-diff-add-symbol);
47
+ @apply bg-fd-diff-add;
48
+ }
49
+
50
+ .diff.add::before {
51
+ content: '+';
52
+ @apply text-fd-diff-add-symbol;
53
+ }
54
+
55
+ .highlighted {
56
+ --fd-counter-color: var(--color-fd-primary);
57
+ @apply bg-fd-primary/10;
58
+ }
59
+
60
+ .highlighted::after {
61
+ position: absolute;
62
+ content: '';
63
+ @apply inset-y-0 left-0 border-l-2 border-fd-primary/50;
64
+ }
65
+
66
+ .highlighted-word {
67
+ padding: 1px;
68
+ @apply border -my-px border-fd-primary/30 bg-fd-primary/10 rounded-md font-medium;
69
+ }
70
+
71
+ &[data-line-numbers] .twoslash-meta-line {
72
+ padding-left: calc(var(--padding-left) + 7 * var(--spacing));
73
+ }
74
+
75
+ &[data-line-numbers] .line {
76
+ counter-increment: line;
77
+ padding-left: calc(var(--padding-left) + 7 * var(--spacing));
78
+ }
79
+
80
+ &[data-line-numbers] .line::after {
81
+ position: absolute;
82
+ content: counter(line);
83
+ color: color-mix(
84
+ in oklab,
85
+ var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%,
86
+ transparent
87
+ );
88
+ @apply inset-y-0 left-0 w-7 text-right;
89
+ }
90
+ }
91
+
92
+ .dark .shiki:not(.not-fumadocs-codeblock *) {
93
+ code span {
94
+ color: var(--shiki-dark);
95
+ font-style: var(--shiki-dark-font-style);
96
+ }
97
+ }
98
+
99
+ /* inline code */
100
+ code.shiki:not(.not-fumadocs-code *) span {
101
+ color: var(--shiki-light);
102
+ font-style: var(--shiki-light-font-style);
103
+ }
104
+
105
+ .dark code.shiki:not(.not-fumadocs-code *) span {
106
+ color: var(--shiki-dark);
107
+ font-style: var(--shiki-dark-font-style);
108
+ }
@@ -0,0 +1,7 @@
1
+ @import './lib/default-colors.css';
2
+
3
+ .dark #nd-sidebar {
4
+ --color-fd-muted: hsl(0, 0%, 16%);
5
+ --color-fd-secondary: hsl(0, 0%, 18%);
6
+ --color-fd-muted-foreground: hsl(0, 0%, 72%);
7
+ }
package/css/ocean.css ADDED
@@ -0,0 +1,44 @@
1
+ @import './lib/default-colors.css';
2
+
3
+ @theme {
4
+ --color-fd-background: hsl(0, 0%, 98%);
5
+ --color-fd-foreground: hsl(0, 0%, 3.9%);
6
+ --color-fd-muted: hsl(220, 90%, 96.1%);
7
+ --color-fd-muted-foreground: hsl(0, 0%, 45.1%);
8
+ --color-fd-popover: hsl(0, 0%, 98%);
9
+ --color-fd-popover-foreground: hsl(0, 0%, 15.1%);
10
+ --color-fd-card: hsl(220, 50%, 98%);
11
+ --color-fd-card-foreground: hsl(0, 0%, 3.9%);
12
+ --color-fd-border: hsl(220, 50%, 89.8%);
13
+ --color-fd-primary: hsl(210, 80%, 20.2%);
14
+ --color-fd-primary-foreground: hsl(0, 0%, 98%);
15
+ --color-fd-secondary: hsl(220, 90%, 96.1%);
16
+ --color-fd-secondary-foreground: hsl(0, 0%, 9%);
17
+ --color-fd-accent: hsl(220, 50%, 94.1%);
18
+ --color-fd-accent-foreground: hsl(0, 0%, 9%);
19
+ --color-fd-ring: hsl(220, 100%, 63.9%);
20
+ }
21
+
22
+ .dark {
23
+ --color-fd-background: hsl(220, 60%, 8%);
24
+ --color-fd-foreground: hsl(220, 60%, 94.5%);
25
+ --color-fd-muted: hsl(220, 50%, 10%);
26
+ --color-fd-muted-foreground: hsl(220, 30%, 65%);
27
+ --color-fd-popover: hsl(220, 50%, 10%);
28
+ --color-fd-popover-foreground: hsl(220, 60%, 94.5%);
29
+ --color-fd-card: hsla(220, 56%, 15%, 0.4);
30
+ --color-fd-card-foreground: hsl(220, 60%, 94.5%);
31
+ --color-fd-border: hsla(220, 50%, 50%, 0.2);
32
+ --color-fd-primary: hsl(205, 100%, 85%);
33
+ --color-fd-primary-foreground: hsl(0, 0%, 9%);
34
+ --color-fd-secondary: hsl(220, 50%, 20%);
35
+ --color-fd-secondary-foreground: hsl(220, 80%, 90%);
36
+ --color-fd-accent: hsl(220, 40%, 20%);
37
+ --color-fd-accent-foreground: hsl(220, 80%, 90%);
38
+ --color-fd-ring: hsl(205, 100%, 85%);
39
+ }
40
+
41
+ .dark body {
42
+ background-image: linear-gradient(rgba(5, 105, 255, 0.15), transparent 20rem, transparent);
43
+ background-repeat: no-repeat;
44
+ }
@@ -0,0 +1,43 @@
1
+ @import './lib/base.css';
2
+ @import './lib/shiki.css';
3
+
4
+ @plugin '../dist/tailwind/typography.js';
5
+
6
+ @import './generated/docs.css';
7
+ @import './generated/home.css';
8
+ @import './generated/notebook.css';
9
+ @import './generated/flux.css';
10
+
11
+ @import './generated/shared.css';
12
+
13
+ @theme {
14
+ --spacing-fd-container: 1400px;
15
+ --fd-page-width: 1200px;
16
+ --fd-sidebar-width: 0px;
17
+ --fd-toc-width: 0px;
18
+ --fd-layout-width: 1600px;
19
+ --fd-banner-height: 0px;
20
+ --fd-nav-height: 0px;
21
+ --fd-tocnav-height: 0px;
22
+ }
23
+
24
+ @layer base {
25
+ :root,
26
+ #nd-docs-layout {
27
+ --fd-layout-offset: max(calc(50vw - var(--fd-layout-width) / 2), 0px);
28
+ }
29
+ }
30
+
31
+ @utility container {
32
+ margin-inline: auto;
33
+ padding-inline: 1rem;
34
+
35
+ @apply 2xl:max-w-(--spacing-fd-container);
36
+ }
37
+
38
+ /* Apply styles to :root */
39
+ @custom-variant on-root {
40
+ :root:has(&) {
41
+ @slot;
42
+ }
43
+ }
package/css/preset.css ADDED
@@ -0,0 +1,11 @@
1
+ @import './lib/base.css';
2
+ @import './lib/shiki.css';
3
+
4
+ @plugin '../dist/tailwind/typography.js';
5
+
6
+ @import './generated/docs.css';
7
+ @import './generated/home.css';
8
+ @import './generated/notebook.css';
9
+ @import './generated/flux.css';
10
+
11
+ @import './generated/shared.css';
package/css/purple.css ADDED
@@ -0,0 +1,39 @@
1
+ @import './lib/default-colors.css';
2
+
3
+ @theme {
4
+ --color-fd-background: hsl(256, 100%, 96%);
5
+ --color-fd-primary: hsl(270, 100%, 52%);
6
+ --color-fd-border: hsla(270, 40%, 80%, 0.5);
7
+ --color-fd-accent: hsl(270, 40%, 88%);
8
+ --color-fd-accent-foreground: hsl(270, 100%, 20%);
9
+ --color-fd-muted: hsl(256, 60%, 94%);
10
+ --color-fd-muted-foreground: hsl(256, 50%, 50%);
11
+ --color-fd-foreground: hsl(256, 60%, 26%);
12
+ --color-fd-secondary: hsl(270, 60%, 90%);
13
+ --color-fd-secondary-foreground: hsl(256, 60%, 10%);
14
+ --color-fd-card: hsl(256, 60%, 92%);
15
+ --color-fd-card-foreground: hsl(256, 100%, 20%);
16
+ --color-fd-popover-foreground: hsl(256, 100%, 20%);
17
+ --color-fd-popover: hsl(256, 60%, 96%);
18
+ --color-fd-primary-foreground: hsl(270, 100%, 20%);
19
+ --color-fd-ring: hsl(270, 100%, 52%);
20
+ }
21
+
22
+ .dark {
23
+ --color-fd-background: hsl(256, 20%, 6%);
24
+ --color-fd-primary: hsl(270, 100%, 86%);
25
+ --color-fd-border: hsla(270, 50%, 40%, 0.3);
26
+ --color-fd-accent: hsl(256, 23%, 22%);
27
+ --color-fd-accent-foreground: hsl(270, 40%, 86%);
28
+ --color-fd-muted: hsl(256, 23%, 10%);
29
+ --color-fd-foreground: hsl(256, 60%, 90%);
30
+ --color-fd-muted-foreground: hsl(256, 50%, 75%);
31
+ --color-fd-secondary: hsl(270, 23%, 20%);
32
+ --color-fd-secondary-foreground: hsl(256, 60%, 90%);
33
+ --color-fd-card: hsl(256, 23%, 10%);
34
+ --color-fd-card-foreground: hsl(256, 60%, 90%);
35
+ --color-fd-popover-foreground: hsl(256, 60%, 90%);
36
+ --color-fd-popover: hsl(256, 23%, 6%);
37
+ --color-fd-primary-foreground: hsl(256, 60%, 6%);
38
+ --color-fd-ring: hsl(270, 100%, 86%);
39
+ }
package/css/ruby.css ADDED
@@ -0,0 +1,39 @@
1
+ @import './lib/default-colors.css';
2
+
3
+ @theme {
4
+ --color-fd-background: hsl(0, 0%, 98%);
5
+ --color-fd-foreground: hsl(350, 45%, 14%);
6
+ --color-fd-primary: hsl(348, 85%, 45%);
7
+ --color-fd-primary-foreground: hsl(0, 0%, 100%);
8
+ --color-fd-border: hsla(348, 40%, 60%, 0.25);
9
+ --color-fd-ring: hsl(348, 85%, 45%);
10
+ --color-fd-accent: hsl(348, 70%, 95%);
11
+ --color-fd-accent-foreground: hsl(348, 70%, 22%);
12
+ --color-fd-muted: hsl(0, 0%, 94%);
13
+ --color-fd-muted-foreground: hsl(348, 25%, 42%);
14
+ --color-fd-secondary: hsl(348, 55%, 92%);
15
+ --color-fd-secondary-foreground: hsl(348, 50%, 20%);
16
+ --color-fd-card: hsl(0, 0%, 100%);
17
+ --color-fd-card-foreground: hsl(350, 45%, 14%);
18
+ --color-fd-popover: hsl(0, 0%, 100%);
19
+ --color-fd-popover-foreground: hsl(350, 45%, 14%);
20
+ }
21
+
22
+ .dark {
23
+ --color-fd-background: hsl(350, 30%, 6%);
24
+ --color-fd-foreground: hsl(350, 30%, 92%);
25
+ --color-fd-primary: hsl(348, 90%, 62%);
26
+ --color-fd-primary-foreground: hsl(350, 30%, 8%);
27
+ --color-fd-border: hsla(348, 40%, 45%, 0.25);
28
+ --color-fd-ring: hsl(348, 90%, 62%);
29
+ --color-fd-accent: hsl(348, 35%, 16%);
30
+ --color-fd-accent-foreground: hsl(348, 70%, 82%);
31
+ --color-fd-muted: hsl(350, 25%, 11%);
32
+ --color-fd-muted-foreground: hsl(348, 25%, 65%);
33
+ --color-fd-secondary: hsl(348, 30%, 14%);
34
+ --color-fd-secondary-foreground: hsl(350, 30%, 92%);
35
+ --color-fd-card: hsl(350, 30%, 9%);
36
+ --color-fd-card-foreground: hsl(350, 30%, 92%);
37
+ --color-fd-popover: hsl(350, 30%, 8%);
38
+ --color-fd-popover-foreground: hsl(350, 30%, 92%);
39
+ }
package/css/shadcn.css ADDED
@@ -0,0 +1,36 @@
1
+ @import './lib/default-colors.css';
2
+
3
+ :root,
4
+ .dark {
5
+ --color-fd-background: var(--background);
6
+ --color-fd-foreground: var(--foreground);
7
+ --color-fd-muted: var(--muted);
8
+ --color-fd-muted-foreground: var(--muted-foreground);
9
+ --color-fd-popover: var(--popover);
10
+ --color-fd-popover-foreground: var(--popover-foreground);
11
+ --color-fd-card: var(--card);
12
+ --color-fd-card-foreground: var(--card-foreground);
13
+ --color-fd-border: var(--border);
14
+ --color-fd-primary: var(--primary);
15
+ --color-fd-primary-foreground: var(--primary-foreground);
16
+ --color-fd-secondary: var(--secondary);
17
+ --color-fd-secondary-foreground: var(--secondary-foreground);
18
+ --color-fd-accent: var(--accent);
19
+ --color-fd-accent-foreground: var(--accent-foreground);
20
+ --color-fd-ring: var(--ring);
21
+ }
22
+
23
+ #nd-sidebar {
24
+ background-color: var(--sidebar);
25
+ color: var(--sidebar-foreground);
26
+ border-color: var(--sidebar-border);
27
+
28
+ --color-fd-accent: var(--sidebar-accent);
29
+ --color-fd-accent-foreground: var(--sidebar-accent-foreground);
30
+ --color-fd-ring: var(--sidebar-ring);
31
+ --color-fd-primary-foreground: var(--sidebar-primary-foreground);
32
+ }
33
+
34
+ @theme static {
35
+ --color-fd-error: var(--destructive);
36
+ }
package/css/solar.css ADDED
@@ -0,0 +1,75 @@
1
+ @import './lib/default-colors.css';
2
+
3
+ @theme {
4
+ --color-fd-primary: oklch(0.487 0.083 262.691);
5
+ --color-fd-article: hsl(0, 0%, 97%);
6
+ }
7
+
8
+ :root {
9
+ letter-spacing: -0.25px;
10
+ }
11
+
12
+ .dark {
13
+ --color-fd-primary: oklch(0.902 0.0461 259.51);
14
+ --color-fd-article: hsl(0, 0%, 7.04%);
15
+ --color-fd-background: hsl(0, 0%, 5.04%);
16
+ }
17
+
18
+ @variant md {
19
+ #nd-docs-layout {
20
+ #nd-page {
21
+ @apply relative md:px-9 xl:px-12;
22
+ }
23
+
24
+ #nd-page:before {
25
+ content: '';
26
+ @apply absolute inset-0 bg-fd-article rounded-xl border shadow-xl m-4 mb-2 -z-1;
27
+ }
28
+
29
+ [data-toc-popover-trigger],
30
+ [data-toc-popover-content] {
31
+ @apply px-4;
32
+ }
33
+
34
+ [data-toc-popover] {
35
+ top: calc(var(--fd-docs-row-1) + 2.5 * var(--spacing));
36
+ @apply mx-4 mt-2.5;
37
+
38
+ header {
39
+ transform-origin: top center;
40
+ @apply border rounded-xl shadow-lg transition-[margin] has-data-[active=true]:-mx-2 has-data-[active=true]:bg-fd-popover/80;
41
+ }
42
+ }
43
+ }
44
+
45
+ #nd-notebook-layout {
46
+ #nd-page {
47
+ @apply relative md:px-9 xl:px-12;
48
+ }
49
+
50
+ #nd-page:before {
51
+ content: '';
52
+ @apply absolute inset-0 bg-fd-article rounded-xl border shadow-xl m-4 mb-2 -z-1;
53
+ }
54
+
55
+ [data-toc-popover-trigger],
56
+ [data-toc-popover-content] {
57
+ @apply px-4;
58
+ }
59
+
60
+ [data-toc-popover] {
61
+ top: calc(var(--fd-docs-row-2) + 2.5 * var(--spacing));
62
+ @apply mx-4 mt-2.5;
63
+
64
+ header {
65
+ transform-origin: top center;
66
+ @apply border rounded-xl shadow-lg transition-[margin] has-data-[active=true]:-mx-2 has-data-[active=true]:bg-fd-popover/80;
67
+ }
68
+ }
69
+ }
70
+ }
71
+
72
+ #nd-sidebar[data-collapsed='false'] {
73
+ border: none;
74
+ @apply bg-fd-background;
75
+ }
package/css/style.css ADDED
@@ -0,0 +1,9 @@
1
+ @import 'tailwindcss';
2
+ @import './neutral.css';
3
+ @import './preset.css';
4
+
5
+ @layer base {
6
+ body {
7
+ @apply flex flex-col min-h-screen;
8
+ }
9
+ }
@@ -0,0 +1,65 @@
1
+ @import './lib/default-colors.css';
2
+
3
+ @theme {
4
+ --color-fd-muted: hsl(0, 0%, 96.1%);
5
+ --color-fd-popover: hsl(0, 0%, 100%);
6
+ --color-fd-popover-foreground: hsl(0, 0%, 15.1%);
7
+ --color-fd-card-foreground: hsl(0, 0%, 3.9%);
8
+ --color-fd-border: hsl(0, 0%, 89.8%);
9
+ --color-fd-primary-foreground: hsl(0, 0%, 98%);
10
+ --color-fd-secondary-foreground: hsl(0, 0%, 9%);
11
+ --color-fd-accent: hsl(0, 0%, 94.1%);
12
+ --color-fd-ring: hsl(0, 0%, 63.9%);
13
+
14
+ --color-fd-background: hsl(0, 0%, 100%);
15
+ --color-fd-card: hsl(0, 0%, 100%);
16
+ --color-fd-foreground: hsl(240, 6%, 25%);
17
+ --color-fd-muted-foreground: hsl(240, 6%, 50%);
18
+ --color-fd-secondary: hsl(240, 6%, 97%);
19
+ --color-fd-accent-foreground: hsl(240, 6%, 25%);
20
+ --color-fd-primary: hsl(226, 55%, 45%);
21
+ }
22
+
23
+ .dark {
24
+ --color-fd-ring: hsl(234, 100%, 83%);
25
+ --color-fd-primary: hsl(234, 100%, 83%);
26
+ --color-fd-secondary-foreground: hsl(60, 100%, 98%);
27
+ --color-fd-card-foreground: hsl(60, 100%, 98%);
28
+ --color-fd-background: hsl(240, 7%, 11%);
29
+ --color-fd-foreground: hsl(60, 100%, 98%);
30
+ --color-fd-popover: hsl(240, 7%, 11%);
31
+ --color-fd-popover-foreground: hsl(60, 100%, 98%);
32
+ --color-fd-primary-foreground: hsl(240, 7%, 11%);
33
+ --color-fd-card: hsl(240, 7%, 11%);
34
+ --color-fd-muted: hsl(0, 0%, 13%);
35
+ --color-fd-border: hsl(240, 4%, 19%);
36
+ --color-fd-accent: hsl(0, 0%, 15%);
37
+ --color-fd-secondary: hsl(240, 4%, 9%);
38
+ --color-fd-accent-foreground: hsl(0, 0%, 100%);
39
+ --color-fd-muted-foreground: hsl(240, 4%, 65%);
40
+ }
41
+
42
+ .prose {
43
+ --tw-prose-body: color-mix(in oklab, var(--color-fd-foreground) 85%, transparent);
44
+ --tw-prose-headings: color-mix(in oklab, var(--color-fd-foreground) 85%, transparent);
45
+ --tw-prose-links: var(--color-fd-primary);
46
+ --tw-prose-code: var(--color-fd-primary);
47
+ }
48
+
49
+ .prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
50
+ border: none;
51
+ background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
52
+ }
53
+
54
+ #nd-sidebar {
55
+ background-color: hsl(240, 6%, 97%);
56
+ border-color: transparent;
57
+ }
58
+
59
+ .dark #nd-sidebar {
60
+ background-color: hsl(240, 4%, 9%);
61
+ }
62
+
63
+ button[data-search-full] {
64
+ background-color: var(--color-fd-background);
65
+ }
@@ -0,0 +1,49 @@
1
+ //#region src/.translations/index.d.ts
2
+ type Translations = {
3
+ "Back to Home(404 page)": string;
4
+ "Choose a language(language switcher)": string;
5
+ "Choose a language(language switcher)(aria-label)": string;
6
+ "Close Banner(banner)(aria-label)": string;
7
+ "Close Search(search dialog)(aria-label)": string;
8
+ "Collapse Sidebar(sidebar)(aria-label)": string;
9
+ "Copied Text(code block)(aria-label)": string;
10
+ "Copy Anchor Link(heading anchor)(aria-label)": string;
11
+ "Copy Link(accordion)(aria-label)": string;
12
+ "Copy Markdown(page actions)": string;
13
+ "Copy Text(code block)(aria-label)": string;
14
+ "Dark(theme switcher)(aria-label)": string;
15
+ "Default(type table)": string;
16
+ "Edit on GitHub(edit page)": string;
17
+ "Last updated on(page footer)": string;
18
+ "Light(theme switcher)(aria-label)": string;
19
+ "Next Page(pagination)": string;
20
+ "No Headings(table of contents)": string;
21
+ "No results found(search dialog)": string;
22
+ "On this page(table of contents)": string;
23
+ "Open Search(search trigger)(aria-label)": string;
24
+ "Open Sidebar(sidebar)(aria-label)": string;
25
+ "Open in ChatGPT(page actions)": string;
26
+ "Open in Claude(page actions)": string;
27
+ "Open in Cursor(page actions)": string;
28
+ "Open in GitHub(page actions)": string;
29
+ "Open in Scira AI(page actions)": string;
30
+ "Open(page actions)": string;
31
+ "Page Not Found(404 page)": string;
32
+ "Parameters(type table)": string;
33
+ "Previous Page(pagination)": string;
34
+ "Prop(type table)": string;
35
+ "Read {url}, I want to ask questions about it.(page actions)": string;
36
+ "Returns(type table)": string;
37
+ "Search(search dialog)": string;
38
+ "Search(search trigger)": string;
39
+ "System(theme switcher)(aria-label)": string;
40
+ "Table of Contents(inline table of contents)": string;
41
+ "The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.(404 page)": string;
42
+ "Toggle Menu(mobile menu)(aria-label)": string;
43
+ "Toggle Theme(theme switcher)(aria-label)": string;
44
+ "Type(type table)": string;
45
+ "View as Markdown(page actions)": string;
46
+ "displayName": string;
47
+ };
48
+ //#endregion
49
+ export { Translations };
@@ -0,0 +1,49 @@
1
+ //#region src/.translations/keys.json
2
+ var keys_default = [
3
+ "Back to Home(404 page)",
4
+ "Choose a language(language switcher)",
5
+ "Choose a language(language switcher)(aria-label)",
6
+ "Close Banner(banner)(aria-label)",
7
+ "Close Search(search dialog)(aria-label)",
8
+ "Collapse Sidebar(sidebar)(aria-label)",
9
+ "Copied Text(code block)(aria-label)",
10
+ "Copy Anchor Link(heading anchor)(aria-label)",
11
+ "Copy Link(accordion)(aria-label)",
12
+ "Copy Markdown(page actions)",
13
+ "Copy Text(code block)(aria-label)",
14
+ "Dark(theme switcher)(aria-label)",
15
+ "Default(type table)",
16
+ "Edit on GitHub(edit page)",
17
+ "Last updated on(page footer)",
18
+ "Light(theme switcher)(aria-label)",
19
+ "Next Page(pagination)",
20
+ "No Headings(table of contents)",
21
+ "No results found(search dialog)",
22
+ "On this page(table of contents)",
23
+ "Open Search(search trigger)(aria-label)",
24
+ "Open Sidebar(sidebar)(aria-label)",
25
+ "Open in ChatGPT(page actions)",
26
+ "Open in Claude(page actions)",
27
+ "Open in Cursor(page actions)",
28
+ "Open in GitHub(page actions)",
29
+ "Open in Scira AI(page actions)",
30
+ "Open(page actions)",
31
+ "Page Not Found(404 page)",
32
+ "Parameters(type table)",
33
+ "Previous Page(pagination)",
34
+ "Prop(type table)",
35
+ "Read {url}, I want to ask questions about it.(page actions)",
36
+ "Returns(type table)",
37
+ "Search(search dialog)",
38
+ "Search(search trigger)",
39
+ "System(theme switcher)(aria-label)",
40
+ "Table of Contents(inline table of contents)",
41
+ "The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.(404 page)",
42
+ "Toggle Menu(mobile menu)(aria-label)",
43
+ "Toggle Theme(theme switcher)(aria-label)",
44
+ "Type(type table)",
45
+ "View as Markdown(page actions)",
46
+ "displayName"
47
+ ];
48
+ //#endregion
49
+ export { keys_default as default };
@@ -0,0 +1,13 @@
1
+ //#region \0rolldown/runtime.js
2
+ var __defProp = Object.defineProperty;
3
+ var __exportAll = (all, no_symbols) => {
4
+ let target = {};
5
+ for (var name in all) __defProp(target, name, {
6
+ get: all[name],
7
+ enumerable: true
8
+ });
9
+ if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
10
+ return target;
11
+ };
12
+ //#endregion
13
+ export { __exportAll };
@@ -0,0 +1,23 @@
1
+ import { Accordion as Accordion$1, AccordionItem } from "./ui/accordion.js";
2
+ import { ComponentProps, ReactNode } from "react";
3
+
4
+ //#region src/components/accordion.d.ts
5
+ declare function Accordions({
6
+ type,
7
+ ref,
8
+ className,
9
+ defaultValue,
10
+ ...props
11
+ }: ComponentProps<typeof Accordion$1>): import("react").JSX.Element;
12
+ declare function Accordion({
13
+ title,
14
+ id,
15
+ value,
16
+ children,
17
+ ...props
18
+ }: Omit<ComponentProps<typeof AccordionItem>, 'value' | 'title'> & {
19
+ title: string | ReactNode;
20
+ value?: string;
21
+ }): import("react").JSX.Element;
22
+ //#endregion
23
+ export { Accordion, Accordions };