diff --git a/apps/v4/content/docs/(root)/figma.mdx b/apps/v4/content/docs/(root)/figma.mdx index 9a8bc9f93f..3a07273b34 100644 --- a/apps/v4/content/docs/(root)/figma.mdx +++ b/apps/v4/content/docs/(root)/figma.mdx @@ -10,7 +10,8 @@ description: Every component recreated in Figma. With customizable props, typogr ## Free -- [Obra shadcn/ui](https://www.figma.com/community/file/1514746685758799870/obra-shadcn-ui) by [Obra Studio](https://obra.studio/) - Carefully crafted kit designed in the philosophy of shadcn, tracks v4, MIT licensed +- [Obra shadcn/ui](https://www.figma.com/community/file/1514746685758799870/obra-shadcn-ui) by [Obra Studio](https://obra.studio/) - Carefully crafted shadcn/ui kit, MIT licensed, maintained by team of designers, with free design to code plugin +- [shadcn/ui components](https://www.figma.com/community/file/1342715840824755935) by [Sitsiilia Bergmann](https://x.com/sitsiilia) - A well-structured component library aligned with the shadcn component system, regularly maintained. - [shadcn/ui design system](https://www.figma.com/community/file/1203061493325953101) by [Pietro Schirano](https://twitter.com/skirano) - A design companion for shadcn/ui. Each component was painstakingly crafted to perfectly match the code implementation. ## Paid diff --git a/apps/v4/content/docs/components/base/dropdown-menu.mdx b/apps/v4/content/docs/components/base/dropdown-menu.mdx index aa9f1250dc..209f01f97e 100644 --- a/apps/v4/content/docs/components/base/dropdown-menu.mdx +++ b/apps/v4/content/docs/components/base/dropdown-menu.mdx @@ -5,8 +5,8 @@ featured: true base: base component: true links: - doc: https://base-ui.com/react/components/dropdown-menu - api: https://base-ui.com/react/components/dropdown-menu#api-reference + doc: https://base-ui.com/react/components/menu + api: https://base-ui.com/react/components/menu#api-reference --- Install the following dependencies: ```bash -npm install @base-ui-components/react +npm install @base-ui/react ``` Copy and paste the following code into your project. @@ -45,6 +45,7 @@ npm install @base-ui-components/react Update the import paths to match your project setup. diff --git a/apps/v4/lib/highlight-code.ts b/apps/v4/lib/highlight-code.ts index 84c4f5e6df..c8ef1190d5 100644 --- a/apps/v4/lib/highlight-code.ts +++ b/apps/v4/lib/highlight-code.ts @@ -87,7 +87,7 @@ export async function highlightCode(code: string, language: string = "tsx") { { pre(node) { node.properties["class"] = - "no-scrollbar min-w-0 overflow-x-auto overscroll-none px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent" + "no-scrollbar min-w-0 overflow-x-auto overflow-y-auto overscroll-x-contain overscroll-y-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent" }, code(node) { node.properties["data-line-numbers"] = "" diff --git a/apps/v4/mdx-components.tsx b/apps/v4/mdx-components.tsx index 6a5286f09f..e3cf3445d7 100644 --- a/apps/v4/mdx-components.tsx +++ b/apps/v4/mdx-components.tsx @@ -190,7 +190,7 @@ export const mdxComponents = { return ( 
"
   },
   {
@@ -503,6 +503,13 @@
     "description": "Roi UI is a library that offers UI components and blocks built with Base UI primitives. Some blocks and components use motion (framer). Everything is open-source and will be forever.",
     "logo": ""
   },
+  {
+    "name": "@satoriui",
+    "homepage": "https://satoriui.site",
+    "url": "https://satoriui.site/r/{name}.json",
+    "description": "A comprehensive suite of high-fidelity interaction components. It offers motion-driven components that designed with motion-react and tailwindcss, that blends seamlessly.",
+    "logo": ""
+  },
   {
     "name": "@solaceui",
     "homepage": "https://www.solaceui.com",
@@ -706,6 +713,20 @@
     "description": "AnimBits is a collection animated UI components for React that use Framer Motion. The components provided include buttons, cards, text, icons, lists, loaders, and page transitions, animation hooks all of which have general-purpose effects that are not flashy and easy on the eyes, making them easy to use.",
     "logo": ""
   },
+  {
+    "name": "@shadcn-space",
+    "homepage": "https://shadcnspace.com",
+    "url": "https://shadcnspace.com/r/{name}.json",
+    "description": "ShadcnSpace is a collection of extra-ordinary, highly customizable shadcn/ui components, blocks, and themes to build modern UIs with speed and clarity.",
+    "logo": ""
+  },
+  {
+    "name": "@shadcn-dashboard",
+    "homepage": "https://shadcn-dashboard.com",
+    "url": "https://shadcn-dashboard.com/r/{name}.json",
+    "description": "ShadcnDashboard is a collection of modern, production-ready dashboard layouts, components, and UI patterns built on top of shadcn/ui and Tailwind CSS. It’s designed to help developers build clean, scalable, and data-driven dashboards faster—without compromising on performance, accessibility, or customization.",
+    "logo": ""
+  },
   {
     "name": "@icons-animated",
     "homepage": "https://icons.lndev.me",