@choice-ui/react 1.8.1 → 1.8.3

package/dist/components/button/src/tv.js

@@ -239,6 +239,13 @@ const buttonTv = tcv({
       loading: false,
       variant: "dark",
       class: { button: "active:bg-gray-600" }
+    },
+    {
+      disabled: false,
+      loading: false,
+      variant: "secondary",
+      active: false,
+      class: { button: "hover:bg-secondary-background" }
     }
   ],
   defaultVariants: {

package/dist/components/menus/src/context/menu-context-item.d.ts

@@ -2,6 +2,7 @@ import { MenuItemProps } from '../components/menu-item';
 export interface MenuContextItemProps extends MenuItemProps {
     customActive?: boolean;
     exclusiveIndex?: number;
+    href?: string;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
     onMouseUp?: (e: React.MouseEvent<HTMLButtonElement>) => void;

package/dist/components/menus/src/context/menu-context-item.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { Check } from "@choiceform/icons-react";
+import { Check, Launch } from "@choiceform/icons-react";
 import { useListItem, useFloatingTree } from "@floating-ui/react";
 import { memo, forwardRef, useContext, useMemo, startTransition, useCallback } from "react";
 import { useEventCallback } from "usehooks-ts";
@@ -15,7 +15,9 @@ const MenuContextItem = memo(
         size,
         shortcut,
         prefixElement,
+        suffixElement,
         variant,
+        href,
         onClick,
         onMouseUp,
         onTouchStart,
@@ -80,6 +82,13 @@ const MenuContextItem = memo(
         }),
         [shortcut == null ? void 0 : shortcut.modifier, shortcut == null ? void 0 : shortcut.keys]
       );
+      const suffixConfig = useMemo(() => {
+        if (suffixElement !== void 0) return suffixElement;
+        if (href) {
+          return /* @__PURE__ */ jsx(Launch, { className: "h-3 w-3" });
+        }
+        return void 0;
+      }, [suffixElement, href]);
       const combinedRef = useCallback(
         (node) => {
           item.ref(node);
@@ -102,6 +111,7 @@ const MenuContextItem = memo(
           disabled,
           selected,
           prefixElement: prefixConfig,
+          suffixElement: suffixConfig,
           shortcut: shortcutConfig,
           variant,
           size,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@choice-ui/react",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "description": "A desktop-first React UI component library built for professional desktop applications with comprehensive documentation",
   "sideEffects": false,
   "type": "module",