@theguild/components 8.2.0-alpha-20250103134517-7241e5d50a127ba369dfaaacfd133dea72b9c87d → 8.2.0-alpha-20250103141522-0f0514ca373add829e5ba2d8422426460c6240a5

package/dist/components/dropdown.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useId, useRef, useState } from "react";
 import { cn } from "../cn";

package/dist/components/version-dropdown.js

@@ -1,16 +1,29 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../cn";
 import { Dropdown, DropdownContent, DropdownItem, DropdownTrigger } from "./dropdown";
+import { CaretSlimIcon, CheckIcon } from "./icons";
 function VersionDropdown({ currentVersion, versions }) {
   return /* @__PURE__ */ jsxs(Dropdown, { type: "hover", className: "relative", children: [
-    /* @__PURE__ */ jsx(DropdownTrigger, { className: "hive-focus cursor-default rounded p-3 font-medium leading-normal text-green-800 aria-expanded:text-green-1000 dark:text-neutral-300 dark:aria-expanded:text-neutral-100", children: currentVersion }),
-    /* @__PURE__ */ jsx(DropdownContent, { className: "absolute left-full min-w-16 -translate-x-full translate-y-2 rounded-xl border border-beige-200 bg-white p-1 shadow-[0px_16px_32px_-12px_rgba(14,18,27,0.10)] transition ease-in-out data-[state=closed]:translate-y-0 data-[state=closed]:scale-95 data-[state=closed]:opacity-0 data-[state=open]:fade-in-90 dark:border-neutral-800 dark:bg-neutral-900", children: versions.map((version) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(DropdownTrigger, { className: "hive-focus flex cursor-default items-center gap-1 py-2 font-medium leading-normal text-green-800 aria-expanded:text-green-1000 dark:text-neutral-300 dark:aria-expanded:text-neutral-100", children: [
+      currentVersion,
+      " ",
+      /* @__PURE__ */ jsx(CaretSlimIcon, { className: "size-3.5" })
+    ] }),
+    /* @__PURE__ */ jsx(DropdownContent, { className: "absolute left-full min-w-16 -translate-x-full translate-y-2 rounded-xl border border-beige-200 bg-white p-1 shadow-[0px_16px_32px_-12px_rgba(14,18,27,0.10)] transition ease-in-out data-[state=closed]:pointer-events-none data-[state=closed]:translate-y-0 data-[state=closed]:scale-95 data-[state=closed]:opacity-0 data-[state=open]:fade-in-90 dark:border-neutral-800 dark:bg-neutral-900", children: versions.map((version) => /* @__PURE__ */ jsxs(
       DropdownItem,
       {
         href: version.href,
         onClick: version.onClick,
-        className: "block whitespace-nowrap rounded p-2 text-green-800 transition-colors hover:bg-beige-100 hover:text-green-1000 dark:text-neutral-300 dark:hover:bg-neutral-800/50 dark:hover:text-neutral-100",
-        children: version.label ?? version.value
+        className: cn(
+          "flex items-center justify-between gap-1 whitespace-nowrap rounded p-2 text-green-800 transition-colors hover:bg-beige-100 hover:text-green-1000 dark:text-neutral-300 dark:hover:bg-neutral-800/50 dark:hover:text-neutral-100",
+          version.value === currentVersion && "pointer-events-none font-medium"
+        ),
+        children: [
+          version.label ?? version.value,
+          " ",
+          version.value === currentVersion && /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+        ]
       },
       version.value
     )) })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theguild/components",
-  "version": "8.2.0-alpha-20250103134517-7241e5d50a127ba369dfaaacfd133dea72b9c87d",
+  "version": "8.2.0-alpha-20250103141522-0f0514ca373add829e5ba2d8422426460c6240a5",
   "repository": {
     "url": "https://github.com/the-guild-org/docs",
     "directory": "packages/components"