fumadocs-ui 16.6.6 → 16.6.7

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.
@@ -427,6 +427,7 @@
427
427
  @source inline("use");
428
428
  @source inline("useActiveAnchor");
429
429
  @source inline("useFooterItems");
430
+ @source inline("useI18n");
430
431
  @source inline("useIsScrollTop");
431
432
  @source inline("useLinkItems");
432
433
  @source inline("useMemo");
@@ -402,6 +402,7 @@
402
402
  @source inline("use");
403
403
  @source inline("useActiveAnchor");
404
404
  @source inline("useFooterItems");
405
+ @source inline("useI18n");
405
406
  @source inline("useLinkItems");
406
407
  @source inline("useMemo");
407
408
  @source inline("usePathname");
@@ -466,6 +466,7 @@
466
466
  @source inline("use");
467
467
  @source inline("useActiveAnchor");
468
468
  @source inline("useFooterItems");
469
+ @source inline("useI18n");
469
470
  @source inline("useIsScrollTop");
470
471
  @source inline("useLinkItems");
471
472
  @source inline("useMemo");
@@ -269,6 +269,7 @@
269
269
  @source inline("defaultTranslations");
270
270
  @source inline("defaultValue");
271
271
  @source inline("defaults");
272
+ @source inline("defineI18nUI");
272
273
  @source inline("defined");
273
274
  @source inline("delay");
274
275
  @source inline("dependencies");
@@ -1015,6 +1016,7 @@
1015
1016
  @source inline("use");
1016
1017
  @source inline("useCopyButton");
1017
1018
  @source inline("useDocsSearch");
1019
+ @source inline("useI18n");
1018
1020
  @source inline("useId");
1019
1021
  @source inline("useMediaQuery");
1020
1022
  @source inline("useMemo");
package/css/lib/shiki.css CHANGED
@@ -26,26 +26,6 @@
26
26
  filter: blur(0);
27
27
  }
28
28
 
29
- &[data-line-numbers] .twoslash-meta-line {
30
- padding-left: calc(var(--padding-left) + 7 * var(--spacing));
31
- }
32
-
33
- &[data-line-numbers] .line {
34
- counter-increment: line;
35
- padding-left: calc(var(--padding-left) + 7 * var(--spacing));
36
- }
37
-
38
- &[data-line-numbers] .line::after {
39
- position: absolute;
40
- content: counter(line);
41
- color: color-mix(
42
- in oklab,
43
- var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%,
44
- transparent
45
- );
46
- @apply top-0 left-4;
47
- }
48
-
49
29
  .diff::before {
50
30
  position: absolute;
51
31
  left: calc(var(--spacing) * 1.5);
@@ -75,14 +55,39 @@
75
55
  .highlighted {
76
56
  --fd-counter-color: var(--color-fd-primary);
77
57
  padding-left: calc(var(--padding-left) - 2px);
58
+ @apply bg-fd-primary/10;
59
+ }
78
60
 
79
- @apply border-l-2 border-fd-primary/50 bg-fd-primary/10;
61
+ .highlighted::after {
62
+ position: absolute;
63
+ content: '';
64
+ @apply inset-y-0 left-0 border-l-2 border-fd-primary/50;
80
65
  }
81
66
 
82
67
  .highlighted-word {
83
68
  padding: 1px;
84
69
  @apply border -my-px border-fd-primary/30 bg-fd-primary/10 rounded-md font-medium;
85
70
  }
71
+
72
+ &[data-line-numbers] .twoslash-meta-line {
73
+ padding-left: calc(var(--padding-left) + 7 * var(--spacing));
74
+ }
75
+
76
+ &[data-line-numbers] .line {
77
+ counter-increment: line;
78
+ padding-left: calc(var(--padding-left) + 7 * var(--spacing));
79
+ }
80
+
81
+ &[data-line-numbers] .line::after {
82
+ position: absolute;
83
+ content: counter(line);
84
+ color: color-mix(
85
+ in oklab,
86
+ var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%,
87
+ transparent
88
+ );
89
+ @apply inset-y-0 left-0 w-7 text-right;
90
+ }
86
91
  }
87
92
 
88
93
  .dark .shiki:not(.not-fumadocs-codeblock *) {
@@ -40,7 +40,7 @@ function SidebarTabsDropdown({ options, placeholder, className, ...props }) {
40
40
  children: [/* @__PURE__ */ jsx(AnimatePresence, {
41
41
  mode: "popLayout",
42
42
  children: /* @__PURE__ */ jsx(motion.span, {
43
- className: "flex w-full items-center text-nowrap gap-1.5",
43
+ className: "flex w-full min-w-0 overflow-hidden items-center text-nowrap gap-1.5",
44
44
  initial: {
45
45
  opacity: 0,
46
46
  y: "100%"
package/dist/style.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
@@ -309,6 +309,9 @@
309
309
  .inset-y-2 {
310
310
  inset-block: calc(var(--spacing) * 2);
311
311
  }
312
+ .start {
313
+ inset-inline-start: var(--spacing);
314
+ }
312
315
  .start-0 {
313
316
  inset-inline-start: calc(var(--spacing) * 0);
314
317
  }
@@ -349,7 +352,7 @@
349
352
  top: calc(var(--spacing) * 1.5);
350
353
  }
351
354
  .top-1\/2 {
352
- top: calc(1/2 * 100%);
355
+ top: calc(1 / 2 * 100%);
353
356
  }
354
357
  .top-2\.5 {
355
358
  top: calc(var(--spacing) * 2.5);
@@ -376,7 +379,7 @@
376
379
  bottom: calc(var(--spacing) * 26);
377
380
  }
378
381
  .left-1\/2 {
379
- left: calc(1/2 * 100%);
382
+ left: calc(1 / 2 * 100%);
380
383
  }
381
384
  .z-2 {
382
385
  z-index: 2;
@@ -1054,7 +1057,7 @@
1054
1057
  width: calc(var(--spacing) * 1.5);
1055
1058
  }
1056
1059
  .w-1\/4 {
1057
- width: calc(1/4 * 100%);
1060
+ width: calc(1 / 4 * 100%);
1058
1061
  }
1059
1062
  .w-4 {
1060
1063
  width: calc(var(--spacing) * 4);
@@ -1145,7 +1148,7 @@
1145
1148
  translate: var(--tw-translate-x) var(--tw-translate-y);
1146
1149
  }
1147
1150
  .-translate-x-1\/2 {
1148
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
1151
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
1149
1152
  translate: var(--tw-translate-x) var(--tw-translate-y);
1150
1153
  }
1151
1154
  .translate-x-2 {
@@ -1157,7 +1160,7 @@
1157
1160
  translate: var(--tw-translate-x) var(--tw-translate-y);
1158
1161
  }
1159
1162
  .-translate-y-1\/2 {
1160
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1163
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1161
1164
  translate: var(--tw-translate-x) var(--tw-translate-y);
1162
1165
  }
1163
1166
  .-translate-y-full {
@@ -2872,23 +2875,6 @@
2872
2875
  &.has-focused:hover .line:not(.focused) {
2873
2876
  filter: blur(0);
2874
2877
  }
2875
- &[data-line-numbers] .twoslash-meta-line {
2876
- padding-left: calc(var(--padding-left) + 7 * var(--spacing));
2877
- }
2878
- &[data-line-numbers] .line {
2879
- counter-increment: line;
2880
- padding-left: calc(var(--padding-left) + 7 * var(--spacing));
2881
- }
2882
- &[data-line-numbers] .line::after {
2883
- position: absolute;
2884
- content: counter(line);
2885
- color: var(--fd-counter-color, hsl(0, 0%, 45.1%));
2886
- @supports (color: color-mix(in lab, red, red)) {
2887
- color: color-mix( in oklab, var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%, transparent );
2888
- }
2889
- top: calc(var(--spacing) * 0);
2890
- left: calc(var(--spacing) * 4);
2891
- }
2892
2878
  .diff::before {
2893
2879
  position: absolute;
2894
2880
  left: calc(var(--spacing) * 1.5);
@@ -2913,16 +2899,22 @@
2913
2899
  .highlighted {
2914
2900
  --fd-counter-color: var(--color-fd-primary);
2915
2901
  padding-left: calc(var(--padding-left) - 2px);
2902
+ background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
2903
+ @supports (color: color-mix(in lab, red, red)) {
2904
+ background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
2905
+ }
2906
+ }
2907
+ .highlighted::after {
2908
+ position: absolute;
2909
+ content: '';
2910
+ inset-block: calc(var(--spacing) * 0);
2911
+ left: calc(var(--spacing) * 0);
2916
2912
  border-left-style: var(--tw-border-style);
2917
2913
  border-left-width: 2px;
2918
2914
  border-color: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
2919
2915
  @supports (color: color-mix(in lab, red, red)) {
2920
2916
  border-color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
2921
2917
  }
2922
- background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
2923
- @supports (color: color-mix(in lab, red, red)) {
2924
- background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
2925
- }
2926
2918
  }
2927
2919
  .highlighted-word {
2928
2920
  padding: 1px;
@@ -2941,6 +2933,25 @@
2941
2933
  --tw-font-weight: var(--font-weight-medium);
2942
2934
  font-weight: var(--font-weight-medium);
2943
2935
  }
2936
+ &[data-line-numbers] .twoslash-meta-line {
2937
+ padding-left: calc(var(--padding-left) + 7 * var(--spacing));
2938
+ }
2939
+ &[data-line-numbers] .line {
2940
+ counter-increment: line;
2941
+ padding-left: calc(var(--padding-left) + 7 * var(--spacing));
2942
+ }
2943
+ &[data-line-numbers] .line::after {
2944
+ position: absolute;
2945
+ content: counter(line);
2946
+ color: var(--fd-counter-color, hsl(0, 0%, 45.1%));
2947
+ @supports (color: color-mix(in lab, red, red)) {
2948
+ color: color-mix( in oklab, var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%, transparent );
2949
+ }
2950
+ inset-block: calc(var(--spacing) * 0);
2951
+ left: calc(var(--spacing) * 0);
2952
+ width: calc(var(--spacing) * 7);
2953
+ text-align: right;
2954
+ }
2944
2955
  }
2945
2956
  .dark .shiki:not(.not-fumadocs-codeblock *) {
2946
2957
  code span {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fumadocs-ui",
3
- "version": "16.6.6",
3
+ "version": "16.6.7",
4
4
  "description": "The Radix UI version of Fumadocs UI",
5
5
  "keywords": [
6
6
  "Docs",
@@ -117,30 +117,30 @@
117
117
  "@radix-ui/react-slot": "^1.2.4",
118
118
  "@radix-ui/react-tabs": "^1.1.13",
119
119
  "class-variance-authority": "^0.7.1",
120
- "lucide-react": "^0.570.0",
121
- "motion": "^12.34.0",
120
+ "lucide-react": "^0.575.0",
121
+ "motion": "^12.34.3",
122
122
  "next-themes": "^0.4.6",
123
- "react-medium-image-zoom": "^5.4.0",
123
+ "react-medium-image-zoom": "^5.4.1",
124
124
  "react-remove-scroll": "^2.7.2",
125
125
  "rehype-raw": "^7.0.0",
126
126
  "scroll-into-view-if-needed": "^3.1.0",
127
- "tailwind-merge": "^3.4.1",
127
+ "tailwind-merge": "^3.5.0",
128
128
  "unist-util-visit": "^5.1.0",
129
129
  "@fumadocs/tailwind": "0.0.2"
130
130
  },
131
131
  "devDependencies": {
132
- "@tailwindcss/cli": "^4.1.18",
132
+ "@tailwindcss/cli": "^4.2.1",
133
133
  "@types/hast": "^3.0.4",
134
- "@types/node": "^25.2.3",
134
+ "@types/node": "^25.3.1",
135
135
  "@types/react": "^19.2.14",
136
136
  "@types/react-dom": "^19.2.3",
137
- "tailwindcss": "^4.1.18",
138
- "tsdown": "^0.20.3",
137
+ "tailwindcss": "^4.2.1",
138
+ "tsdown": "0.20.3",
139
139
  "unified": "^11.0.5",
140
140
  "@fumadocs/cli": "1.2.4",
141
+ "tsconfig": "0.0.0",
141
142
  "eslint-config-custom": "0.0.0",
142
- "fumadocs-core": "16.6.6",
143
- "tsconfig": "0.0.0"
143
+ "fumadocs-core": "16.6.7"
144
144
  },
145
145
  "peerDependencies": {
146
146
  "@takumi-rs/image-response": "^0.68.17",
@@ -148,7 +148,7 @@
148
148
  "next": "16.x.x",
149
149
  "react": "^19.2.0",
150
150
  "react-dom": "^19.2.0",
151
- "fumadocs-core": "16.6.6"
151
+ "fumadocs-core": "16.6.7"
152
152
  },
153
153
  "peerDependenciesMeta": {
154
154
  "next": {