@nexub/react 1.1.0 → 1.2.0

package/dist/{chunk-AHZQQ7OT.js → chunk-DGJE5MX5.js}

@@ -7,7 +7,7 @@ import {
 import * as React from "react";
 import { NexubMark } from "@nexub/icons";
 import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var logoVariants = cva("inline-flex items-center gap-2", {
   variants: {
     size: {
@@ -26,9 +26,9 @@ var logoVariants = cva("inline-flex items-center gap-2", {
   }
 });
 var iconSizeMap = {
-  sm: "h-5 w-5",
-  md: "h-7 w-7",
-  lg: "h-9 w-9"
+  sm: "h-5 w-auto aspect-[78/56]",
+  md: "h-7 w-auto aspect-[78/56]",
+  lg: "h-9 w-auto aspect-[78/56]"
 };
 var wordmarkSizeMap = {
   sm: "text-base",
@@ -38,6 +38,8 @@ var wordmarkSizeMap = {
 var Logo = React.forwardRef(
   ({
     variant = "full",
+    mark = "color",
+    product,
     size = "md",
     tone = "default",
     className,
@@ -45,22 +47,25 @@ var Logo = React.forwardRef(
   }, ref) => {
     const resolvedSize = size ?? "md";
     const resolvedTone = tone ?? "default";
+    const full = variant === "full";
     return /* @__PURE__ */ jsxs(
       "span",
       {
         ref,
+        role: "img",
+        "aria-label": product ? `Nexub ${product}` : "Nexub",
         className: cn(logoVariants({ size: resolvedSize, tone: resolvedTone }), className),
-        "aria-label": "Nexub",
         ...rest,
         children: [
           /* @__PURE__ */ jsx(
             NexubMark,
             {
+              variant: mark,
               className: cn(iconSizeMap[resolvedSize], "shrink-0"),
               "aria-hidden": "true"
             }
           ),
-          variant === "full" && /* @__PURE__ */ jsx(
+          full && /* @__PURE__ */ jsx(
             "span",
             {
               className: cn(
@@ -69,7 +74,21 @@ var Logo = React.forwardRef(
               ),
               children: "nexub"
             }
-          )
+          ),
+          full && product && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "h-1/2 w-px shrink-0 bg-current opacity-25" }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  wordmarkSizeMap[resolvedSize],
+                  "font-medium tracking-tight leading-none whitespace-nowrap",
+                  resolvedTone === "inverse" ? "opacity-70" : "text-[var(--color-text-muted)]"
+                ),
+                children: product
+              }
+            )
+          ] })
         ]
       }
     );

package/dist/{chunk-S344IRK4.js → chunk-EVCTOIRS.js}

@@ -49,7 +49,10 @@ var Content2 = React.forwardRef(
       ref,
       className: cn(
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring-default)] focus-visible:ring-offset-2 ring-offset-[var(--color-ring-offset)]",
-        className
+        className,
+        // Radix hides inactive panels with the `hidden` attribute, which any
+        // display class (`flex`, `md:grid`…) overrides. !important always wins.
+        "data-[state=inactive]:!hidden"
       ),
       ...props
     }

package/dist/{chunk-V6GZZFTV.js → chunk-QRZV2FLW.js}

@@ -10,7 +10,7 @@ import { Command } from "cmdk";
 import { Search } from "@nexub/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Root2 = React.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(RadixDialog.Root, { ...props, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
-  /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: "fixed inset-0 z-[var(--z-modal)] bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0" }),
+  /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: "fixed inset-0 z-[var(--z-modal)] bg-[var(--color-overlay)] backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0" }),
   /* @__PURE__ */ jsx(
     RadixDialog.Content,
     {

package/dist/{chunk-2MKB5FQI.js → chunk-RIDDJUPA.js}

@@ -21,7 +21,7 @@ var Overlay2 = React.forwardRef(
       {
         ref,
         className: cn(
-          "fixed inset-0 z-[var(--z-modal)] bg-black/50 backdrop-blur-sm",
+          "fixed inset-0 z-[var(--z-modal)] bg-[var(--color-overlay)] backdrop-blur-sm",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
           "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
           className