@lexibase/rdx-ui 1.0.0-beta.2 → 1.1.0

package/README.md

@@ -43,11 +43,8 @@ manual-copy guidance instead of a false success message.
 
 ## Base UI composition
 
-The shared components use `@base-ui/react`. Existing RDX colors, variants,
-dimensions and layout are preserved; `components.json` selects `base-nova` for
-future shadcn additions, without regenerating the existing theme.
-
-This beta changes the composition API: `asChild` is no longer supported.
+The shared components use `@base-ui/react` and the RDX theme.
+`components.json` selects shadcn/ui's `base-nova` style.
 Use `render` for interactive composition and `ButtonLink` for navigation:
 
 ```tsx
@@ -80,12 +77,12 @@ import Link from 'next/link'
 
 `ButtonLink` renders a Next.js link with button styling, not `role="button"`.
 `Button` renders a native button; use `type="submit"` explicitly for form submission.
-Menu actions use `onClick` instead of Radix's `onSelect`. Labels must be inside
-`DropdownMenuGroup`. Checkbox values are boolean, not the Radix `indeterminate`
-string; checkbox/radio items remain open unless `closeOnClick` is enabled.
+Menu actions use `onClick`. Labels must be inside `DropdownMenuGroup`.
+Checkbox values are boolean; checkbox/radio items remain open unless
+`closeOnClick` is enabled.
 Navigation items use `DropdownMenuLinkItem` (with `closeOnClick` when desired).
 Components accept Base UI state-aware `className` callbacks and `render` props.
-For custom CSS, replace Radix state selectors/variables with Base UI's
+For custom CSS, use Base UI's
 `data-open`, `data-closed`, `data-highlighted`, `data-popup-open`,
 `--available-height` and `--transform-origin`. `Separator` remains decorative by
 default; set `decorative={false}` for an accessible separator role.

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@lexibase/rdx-ui",
-  "version": "1.0.0-beta.2",
+  "version": "1.1.0",
   "type": "module",
   "engines": {
-    "node": ">=20.9"
+    "node": "^22.18.0 || ^24.11.0"
   },
   "description": "The shared RDX documentation theme and UI components.",
   "license": "MIT",
@@ -33,7 +33,7 @@
     "tailwind-merge": "^3.7.0",
     "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
-    "@lexibase/rdx-types": "1.0.0-beta.5"
+    "@lexibase/rdx-types": "1.1.0"
   },
   "peerDependencies": {
     "next": "^16.4.2",
@@ -64,8 +64,6 @@
     "./postcss-plugin": "./postcss-plugin.cjs",
     "./lib/*": "./src/lib/*.ts",
     "./components/*": "./src/components/*.tsx",
-    "./hooks/*": "./src/hooks/*.ts",
-    "./contenxts/*": "./src/contexts/*",
     "./providers/*": "./src/providers/*.tsx"
   },
   "scripts": {

package/src/components/footer-credit.tsx

@@ -0,0 +1,41 @@
+import type { ReactNode } from 'react'
+
+import { ButtonLink } from './button-link'
+
+/** Shared site identity and framework credit for documentation footers. */
+export function FooterCredit({
+  name,
+  since,
+  children,
+}: {
+  name: string
+  since?: number
+  children?: ReactNode
+}) {
+  const currentYear = new Date().getFullYear()
+  const years =
+    since !== undefined && since !== currentYear
+      ? `${since}–${currentYear}`
+      : currentYear
+
+  return (
+    <section className="flex items-center justify-center w-full py-5">
+      <p className="text-sm text-muted-foreground text-center">
+        &copy; {years} <strong>{name}</strong>
+        {children}
+        <span className="inline-block">
+          {' · Powered by '}
+          <ButtonLink
+            variant="link"
+            size="link"
+            href="https://github.com/lexibase/rdx"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            RDX
+          </ButtonLink>
+        </span>
+      </p>
+    </section>
+  )
+}

package/src/components/navbar.tsx

@@ -48,7 +48,7 @@ export function Navbar({
           {title !== '' && <span>{title}</span>}
         </ButtonLink>
       </div>
-      <div className="flex items-center md:gap-x-2 h-4">
+      <div className="flex items-center gap-x-1 md:gap-x-2 h-4">
         {search}
         {versionMenu}
         {docsLink ?? (

package/src/components/version-dropdown.tsx

@@ -86,20 +86,20 @@ export function VersionDropdown({
             data-rdx-version-trigger
             variant="outline"
             size="sm"
-            className="min-w-[134px] capitalize"
+            className="min-w-0 capitalize sm:min-w-[134px]"
             aria-label={`Documentation version: ${current.label}`}
           />
         }
       >
         {current.label}
         <DropdownMenuShortcut
-          className={
+          className={`ml-0 sm:ml-auto ${
             current.kind === 'live'
               ? 'text-blue-500'
               : current.kind === 'archived'
                 ? 'text-red-500'
                 : 'text-primary'
-          }
+          }`}
         >
           <VersionIcon kind={current.kind} />
         </DropdownMenuShortcut>
@@ -108,13 +108,15 @@ export function VersionDropdown({
         {live.length > 0 && (
           <>
             <DropdownMenuGroup>{live.map(item)}</DropdownMenuGroup>
-            <DropdownMenuSeparator />
+            {(active.length > 0 || archived.length > 0 || Boolean(footer)) && (
+              <DropdownMenuSeparator />
+            )}
           </>
         )}
         {active.map(item)}
         {archived.length > 0 && (
           <>
-            <DropdownMenuSeparator />
+            {active.length > 0 && <DropdownMenuSeparator />}
             <DropdownMenuGroup>
               <DropdownMenuLabel className="text-center py-px cursor-default">
                 Archived