fumadocs-ui 12.1.3 → 12.2.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 (34) hide show
  1. package/dist/{chunk-MXPAPA74.js → chunk-3WVIP3N5.js} +1 -1
  2. package/dist/{chunk-H5USAX5W.js → chunk-CPOVVDVF.js} +0 -1
  3. package/dist/{chunk-BHP6OUWK.js → chunk-G7WCPUM7.js} +1 -1
  4. package/dist/{chunk-U4G4ZLRB.js → chunk-Q3FSJZ3E.js} +1 -1
  5. package/dist/{chunk-IOZPSMRL.js → chunk-XVCWFZ3A.js} +3 -3
  6. package/dist/components/accordion.js +2 -2
  7. package/dist/components/api.js +25 -15
  8. package/dist/components/banner.d.ts +5 -0
  9. package/dist/components/banner.js +72 -0
  10. package/dist/components/callout.d.ts +1 -1
  11. package/dist/components/codeblock.js +2 -2
  12. package/dist/components/dialog/search-algolia.js +2 -2
  13. package/dist/components/dialog/search-default.js +2 -2
  14. package/dist/components/dialog/search.js +2 -2
  15. package/dist/components/layout/language-toggle.js +1 -1
  16. package/dist/components/layout/root-toggle.js +1 -1
  17. package/dist/components/roll-button.js +4 -4
  18. package/dist/docs.client.d.ts +2 -2
  19. package/dist/docs.client.js +26 -19
  20. package/dist/{layout-DAwDgfTa.d.ts → layout-C2Cxe6NB.d.ts} +5 -1
  21. package/dist/layout.client.d.ts +1 -1
  22. package/dist/layout.client.js +4 -4
  23. package/dist/layout.d.ts +1 -1
  24. package/dist/layout.js +4 -3
  25. package/dist/mdx.client.js +2 -2
  26. package/dist/page.client.d.ts +2 -2
  27. package/dist/page.client.js +62 -66
  28. package/dist/page.d.ts +1 -1
  29. package/dist/page.js +32 -19
  30. package/dist/style.css +1 -1
  31. package/dist/tailwind-plugin.cjs +10 -12
  32. package/dist/tailwind-plugin.js +10 -12
  33. package/dist/twoslash.css +1 -1
  34. package/package.json +2 -2
@@ -342,6 +342,14 @@ var animations = {
342
342
  from: { opacity: "1", transform: "scale(1) translateY(0)" },
343
343
  to: { opacity: "0", transform: "scale(0.95) translateY(-10px)" }
344
344
  },
345
+ "sidebar-collapse": {
346
+ // retain the current styles until collapsed
347
+ "0%, 100%": {
348
+ top: "0",
349
+ height: "100dvh",
350
+ "border-radius": "none"
351
+ }
352
+ },
345
353
  "fade-in": {
346
354
  from: { opacity: "0" },
347
355
  to: { opacity: "1" }
@@ -360,7 +368,8 @@ var animations = {
360
368
  "collapsible-down": "collapsible-down 150ms ease-out",
361
369
  "collapsible-up": "collapsible-up 150ms ease-out",
362
370
  "accordion-down": "accordion-down 200ms ease-out",
363
- "accordion-up": "accordion-up 200ms ease-out"
371
+ "accordion-up": "accordion-up 200ms ease-out",
372
+ "sidebar-collapse": "sidebar-collapse 150ms"
364
373
  }
365
374
  };
366
375
 
@@ -465,17 +474,6 @@ var docsUi = import_plugin.default.withOptions(
465
474
  body: {
466
475
  "background-color": `theme('colors.background')`,
467
476
  color: `theme('colors.foreground')`
468
- },
469
- "@screen md": {
470
- "#nd-sidebar[data-collapse=true][data-hover=true]": {
471
- transform: "translateX(0)"
472
- },
473
- "#nd-sidebar[data-collapse=true][data-hover=false]": {
474
- transform: "translateX(calc(-100% - 1rem))"
475
- },
476
- "[dir=rtl] #nd-sidebar[data-collapse=true][data-hover=false]": {
477
- transform: "translateX(calc(100% + 1rem))"
478
- }
479
477
  }
480
478
  });
481
479
  if (css) addBase(css);
@@ -308,6 +308,14 @@ var animations = {
308
308
  from: { opacity: "1", transform: "scale(1) translateY(0)" },
309
309
  to: { opacity: "0", transform: "scale(0.95) translateY(-10px)" }
310
310
  },
311
+ "sidebar-collapse": {
312
+ // retain the current styles until collapsed
313
+ "0%, 100%": {
314
+ top: "0",
315
+ height: "100dvh",
316
+ "border-radius": "none"
317
+ }
318
+ },
311
319
  "fade-in": {
312
320
  from: { opacity: "0" },
313
321
  to: { opacity: "1" }
@@ -326,7 +334,8 @@ var animations = {
326
334
  "collapsible-down": "collapsible-down 150ms ease-out",
327
335
  "collapsible-up": "collapsible-up 150ms ease-out",
328
336
  "accordion-down": "accordion-down 200ms ease-out",
329
- "accordion-up": "accordion-up 200ms ease-out"
337
+ "accordion-up": "accordion-up 200ms ease-out",
338
+ "sidebar-collapse": "sidebar-collapse 150ms"
330
339
  }
331
340
  };
332
341
 
@@ -431,17 +440,6 @@ var docsUi = plugin.withOptions(
431
440
  body: {
432
441
  "background-color": `theme('colors.background')`,
433
442
  color: `theme('colors.foreground')`
434
- },
435
- "@screen md": {
436
- "#nd-sidebar[data-collapse=true][data-hover=true]": {
437
- transform: "translateX(0)"
438
- },
439
- "#nd-sidebar[data-collapse=true][data-hover=false]": {
440
- transform: "translateX(calc(-100% - 1rem))"
441
- },
442
- "[dir=rtl] #nd-sidebar[data-collapse=true][data-hover=false]": {
443
- transform: "translateX(calc(100% + 1rem))"
444
- }
445
443
  }
446
444
  });
447
445
  if (css) addBase(css);
package/dist/twoslash.css CHANGED
@@ -1 +1 @@
1
- :root{--twoslash-error-color:#d45656;--twoslash-error-bg:rgba(212,86,86,.125);--twoslash-tag-color:#3772cf;--twoslash-tag-bg:rgba(55,114,207,.125);--twoslash-tag-warn-color:#c37d0d;--twoslash-tag-warn-bg:rgba(195,125,13,.125);--twoslash-tag-annotate-color:#1ba673;--twoslash-tag-annotate-bg:rgba(27,166,115,.125)}.twoslash-query-presisted .twoslash-popup-container,.twoslash-completion-list{-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:normal;background-color:hsl(var(--popover));color:hsl(var(--popover-foreground));z-index:10;border-width:1px;border-radius:6px;flex-direction:column;width:20rem;padding:8px;display:flex;position:absolute;top:0;left:0;transform:translateY(16px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.twoslash-query-presisted .twoslash-popup-container:hover,.twoslash-completion-list:hover{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}.twoslash-popup-arrow{pointer-events:none;background-color:hsl(var(--popover));border-top-width:1px;border-right-width:1px;width:6px;height:6px;position:absolute;top:-4px;left:1em;transform:rotate(-45deg)}.twoslash-popup-docs-tag{flex-direction:column;gap:.5em;display:flex}.twoslash-popup-docs-tag-name{font-weight:600}.twoslash-popup-code{font-size:14px;display:block!important}.twoslash-popup-code .line{padding-left:0!important}.twoslash-popup-docs,.twoslash-popup-docs-tags{color:hsl(var(--muted-foreground))!important;margin-top:8px!important;font-size:14px!important;line-height:20px!important}.twoslash:hover .twoslash-hover{border-color:currentColor}.twoslash .twoslash-hover{border-color:transparent;border-bottom-style:dotted;border-bottom-width:1px;transition:border .3s;position:relative}.twoslash .twoslash-error-line{background-color:var(--twoslash-error-bg);border-left:3px solid var(--twoslash-error-color);color:var(--twoslash-error-color);margin:.2em 0;padding:6px 12px;position:relative}.twoslash .twoslash-error{-webkit-text-decoration:wavy underline var(--twoslash-error-color);text-decoration:wavy underline var(--twoslash-error-color);padding-bottom:2px}.twoslash .twoslash-completion-cursor{position:relative}.twoslash-completion-list:before{content:" ";background-color:hsl(var(--foreground));width:1px;height:1em;position:absolute;top:-1.2em;left:-1px}.twoslash-completion-list li{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;font-size:13px;display:inline-flex;overflow:hidden}.twoslash-completion-list li span.twoslash-completions-unmatched{color:hsl(var(--muted-foreground))}.twoslash-completion-list .deprecated{opacity:.5;text-decoration:line-through}.twoslash-completion-list .twoslash-completions-icon{color:hsl(var(--muted-foreground));flex:none;width:1em}.twoslash .twoslash-tag-line{background-color:var(--twoslash-tag-bg);border-left:3px solid var(--twoslash-tag-color);color:var(--twoslash-tag-color);align-items:center;gap:.3em;margin:.2em 0;padding:6px 10px;display:flex;position:relative}.twoslash .twoslash-tag-line .twoslash-tag-icon{color:inherit;width:1.1em}.twoslash .twoslash-tag-line.twoslash-tag-error-line{background-color:var(--twoslash-error-bg);border-left:3px solid var(--twoslash-error-color);color:var(--twoslash-error-color)}.twoslash .twoslash-tag-line.twoslash-tag-warn-line{background-color:var(--twoslash-tag-warn-bg);border-left:3px solid var(--twoslash-tag-warn-color);color:var(--twoslash-tag-warn-color)}.twoslash .twoslash-tag-line.twoslash-tag-annotate-line{background-color:var(--twoslash-tag-annotate-bg);border-left:3px solid var(--twoslash-tag-annotate-color);color:var(--twoslash-tag-annotate-color)}@media (prefers-reduced-motion:reduce){.twoslash *{transition:none!important}}
1
+ :root{--twoslash-error-color:#d45656;--twoslash-error-bg:rgba(212,86,86,.125);--twoslash-tag-color:#3772cf;--twoslash-tag-bg:rgba(55,114,207,.125);--twoslash-tag-warn-color:#c37d0d;--twoslash-tag-warn-bg:rgba(195,125,13,.125);--twoslash-tag-annotate-color:#1ba673;--twoslash-tag-annotate-bg:rgba(27,166,115,.125)}.twoslash-query-presisted .twoslash-popup-container,.twoslash-completion-list{-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:normal;background-color:hsl(var(--popover));color:hsl(var(--popover-foreground));z-index:8;border-width:1px;border-radius:6px;flex-direction:column;width:20rem;padding:8px;display:flex;position:absolute;top:0;left:0;transform:translateY(16px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.twoslash-query-presisted .twoslash-popup-container:hover,.twoslash-completion-list:hover{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}.twoslash-popup-arrow{pointer-events:none;background-color:hsl(var(--popover));border-top-width:1px;border-right-width:1px;width:6px;height:6px;position:absolute;top:-4px;left:1em;transform:rotate(-45deg)}.twoslash-popup-docs-tag{flex-direction:column;gap:.5em;display:flex}.twoslash-popup-docs-tag-name{font-weight:600}.twoslash-popup-code{font-size:14px;display:block!important}.twoslash-popup-code .line{padding-left:0!important}.twoslash-popup-docs,.twoslash-popup-docs-tags{color:hsl(var(--muted-foreground))!important;margin-top:8px!important;font-size:14px!important;line-height:20px!important}.twoslash:hover .twoslash-hover{border-color:currentColor}.twoslash .twoslash-hover{border-color:transparent;border-bottom-style:dotted;border-bottom-width:1px;transition:border .3s;position:relative}.twoslash .twoslash-error-line{background-color:var(--twoslash-error-bg);border-left:3px solid var(--twoslash-error-color);color:var(--twoslash-error-color);margin:.2em 0;padding:6px 12px;position:relative}.twoslash .twoslash-error{-webkit-text-decoration:wavy underline var(--twoslash-error-color);text-decoration:wavy underline var(--twoslash-error-color);padding-bottom:2px}.twoslash .twoslash-completion-cursor{position:relative}.twoslash-completion-list:before{content:" ";background-color:hsl(var(--foreground));width:1px;height:1em;position:absolute;top:-1.2em;left:-1px}.twoslash-completion-list li{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;font-size:13px;display:inline-flex;overflow:hidden}.twoslash-completion-list li span.twoslash-completions-unmatched{color:hsl(var(--muted-foreground))}.twoslash-completion-list .deprecated{opacity:.5;text-decoration:line-through}.twoslash-completion-list .twoslash-completions-icon{color:hsl(var(--muted-foreground));flex:none;width:1em}.twoslash .twoslash-tag-line{background-color:var(--twoslash-tag-bg);border-left:3px solid var(--twoslash-tag-color);color:var(--twoslash-tag-color);align-items:center;gap:.3em;margin:.2em 0;padding:6px 10px;display:flex;position:relative}.twoslash .twoslash-tag-line .twoslash-tag-icon{color:inherit;width:1.1em}.twoslash .twoslash-tag-line.twoslash-tag-error-line{background-color:var(--twoslash-error-bg);border-left:3px solid var(--twoslash-error-color);color:var(--twoslash-error-color)}.twoslash .twoslash-tag-line.twoslash-tag-warn-line{background-color:var(--twoslash-tag-warn-bg);border-left:3px solid var(--twoslash-tag-warn-color);color:var(--twoslash-tag-warn-color)}.twoslash .twoslash-tag-line.twoslash-tag-annotate-line{background-color:var(--twoslash-tag-annotate-bg);border-left:3px solid var(--twoslash-tag-annotate-color);color:var(--twoslash-tag-annotate-color)}@media (prefers-reduced-motion:reduce){.twoslash *{transition:none!important}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fumadocs-ui",
3
- "version": "12.1.3",
3
+ "version": "12.2.1",
4
4
  "description": "The framework for building a documentation website in Next.js",
5
5
  "keywords": [
6
6
  "NextJs",
@@ -95,7 +95,7 @@
95
95
  "next-themes": "^0.3.0",
96
96
  "react-medium-image-zoom": "^5.2.4",
97
97
  "tailwind-merge": "^2.3.0",
98
- "fumadocs-core": "12.1.3"
98
+ "fumadocs-core": "12.2.1"
99
99
  },
100
100
  "devDependencies": {
101
101
  "@algolia/client-search": "^4.23.3",