@nexub/react 1.1.0 → 1.2.0

package/dist/{chunk-L6GBZ2HB.js → chunk-ZLSUVZM2.js}

@@ -17,7 +17,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

package/dist/components/AlertDialog/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   AlertDialog
-} from "../../chunk-L6GBZ2HB.js";
+} from "../../chunk-ZLSUVZM2.js";
 import "../../chunk-AT6RPKU3.js";
 export {
   AlertDialog

package/dist/components/CommandPalette/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   CommandPalette
-} from "../../chunk-V6GZZFTV.js";
+} from "../../chunk-QRZV2FLW.js";
 import "../../chunk-AT6RPKU3.js";
 export {
   CommandPalette

package/dist/components/Dialog/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   Dialog
-} from "../../chunk-2MKB5FQI.js";
+} from "../../chunk-RIDDJUPA.js";
 import "../../chunk-ROZVVWPV.js";
 import "../../chunk-AT6RPKU3.js";
 export {

package/dist/components/Drawer/index.js

@@ -2,7 +2,7 @@
 import {
   Drawer,
   Sheet
-} from "../../chunk-4BTP4464.js";
+} from "../../chunk-WCJNZ5ME.js";
 import "../../chunk-ROZVVWPV.js";
 import "../../chunk-AT6RPKU3.js";
 export {

package/dist/components/Logo/index.js

@@ -2,7 +2,7 @@
 import {
   Logo,
   logoVariants
-} from "../../chunk-AHZQQ7OT.js";
+} from "../../chunk-DGJE5MX5.js";
 import "../../chunk-AT6RPKU3.js";
 export {
   Logo,

package/dist/components/Tabs/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   Tabs
-} from "../../chunk-S344IRK4.js";
+} from "../../chunk-EVCTOIRS.js";
 import "../../chunk-AT6RPKU3.js";
 export {
   Tabs

package/dist/index.d.ts

@@ -512,7 +512,12 @@ declare const logoVariants: (props?: ({
     tone?: "default" | "inverse" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LogoProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof logoVariants> {
-    variant?: 'full' | 'mark';
+    /** `full` = mark + wordmark; `icon` = mark only. `mark` is the old name for `icon`. */
+    variant?: 'full' | 'icon' | 'mark';
+    /** `color` (default) = the official mark in brand colours; `mono` = `currentColor`. */
+    mark?: 'color' | 'mono';
+    /** Product name shown after the wordmark, e.g. "Command Hub". Ignored for `variant="icon"`. */
+    product?: string;
 }
 declare const Logo: React.ForwardRefExoticComponent<LogoProps & React.RefAttributes<HTMLSpanElement>>;
 
@@ -645,7 +650,7 @@ declare const Drawer: {
     Root: typeof vaul.Root;
     Trigger: React.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
     Portal: typeof vaul.Portal;
-    Overlay: React.ForwardRefExoticComponent<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Overlay: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement> & {
         side?: "left" | "right" | "top" | "bottom";
         surface?: SurfaceValue;
@@ -660,7 +665,7 @@ declare const Sheet: {
     Root: typeof vaul.Root;
     Trigger: React.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
     Portal: typeof vaul.Portal;
-    Overlay: React.ForwardRefExoticComponent<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Overlay: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Content: React.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement> & {
         side?: "left" | "right" | "top" | "bottom";
         surface?: SurfaceValue;

package/dist/index.js

@@ -1,11 +1,11 @@
 'use client';
-import {
-  Toolbar
-} from "./chunk-OZPPL76D.js";
 import {
   Provider,
   Tooltip
 } from "./chunk-46CFSBEO.js";
+import {
+  Toolbar
+} from "./chunk-OZPPL76D.js";
 import {
   TopNav
 } from "./chunk-BTZW34TX.js";
@@ -23,24 +23,24 @@ import {
 import {
   TextGradient
 } from "./chunk-HW3I7I3R.js";
-import {
-  Textarea,
-  textareaVariants
-} from "./chunk-W4IEXUD4.js";
 import {
   ThemeProvider,
   useTheme
 } from "./chunk-YAGVMERC.js";
+import {
+  Textarea,
+  textareaVariants
+} from "./chunk-W4IEXUD4.js";
 import {
   Toast,
   Toaster,
   toast,
   useToastStore
 } from "./chunk-IHW2L532.js";
-import "./chunk-YJU4ZRQZ.js";
 import {
   ToggleGroup
 } from "./chunk-K7CUCLLI.js";
+import "./chunk-YJU4ZRQZ.js";
 import {
   Toggle,
   toggleVariants
@@ -71,7 +71,7 @@ import {
 } from "./chunk-ELC2NBGH.js";
 import {
   Tabs
-} from "./chunk-S344IRK4.js";
+} from "./chunk-EVCTOIRS.js";
 import {
   Rating,
   ratingVariants,
@@ -104,8 +104,11 @@ import {
   Sidebar
 } from "./chunk-4NGB7XIM.js";
 import {
-  NavigationMenu
-} from "./chunk-7W2YDJ5W.js";
+  Collapse,
+  Fade,
+  Scale,
+  Slide
+} from "./chunk-FS4XKWFA.js";
 import {
   NumberInput
 } from "./chunk-52KTX5A7.js";
@@ -118,14 +121,14 @@ import {
 import {
   PasswordInput
 } from "./chunk-XNDCVVNE.js";
-import {
-  Popover
-} from "./chunk-UALYS4XI.js";
 import {
   Progress,
   progressFillVariants,
   progressTrackVariants
 } from "./chunk-BYF223HT.js";
+import {
+  Popover
+} from "./chunk-UALYS4XI.js";
 import {
   RadioGroup
 } from "./chunk-WPPNDU2E.js";
@@ -137,13 +140,13 @@ import {
   inputWrapperVariants
 } from "./chunk-CVBAWKNG.js";
 import "./chunk-KLTQJZOX.js";
+import "./chunk-EV43I5J6.js";
 import {
   KeyboardShortcut
 } from "./chunk-I5Z3A7N3.js";
 import {
   Kbd
 } from "./chunk-PER3O4FD.js";
-import "./chunk-EV43I5J6.js";
 import {
   Link,
   linkVariants
@@ -151,16 +154,13 @@ import {
 import {
   Logo,
   logoVariants
-} from "./chunk-AHZQQ7OT.js";
+} from "./chunk-DGJE5MX5.js";
 import {
   Menubar
 } from "./chunk-MY6XUJ5P.js";
 import {
-  Collapse,
-  Fade,
-  Scale,
-  Slide
-} from "./chunk-FS4XKWFA.js";
+  NavigationMenu
+} from "./chunk-7W2YDJ5W.js";
 import "./chunk-ADO2DB6Q.js";
 import {
   FormField
@@ -239,11 +239,11 @@ import {
 } from "./chunk-TCTFQYLH.js";
 import {
   Dialog
-} from "./chunk-2MKB5FQI.js";
+} from "./chunk-RIDDJUPA.js";
 import {
   Drawer,
   Sheet
-} from "./chunk-4BTP4464.js";
+} from "./chunk-WCJNZ5ME.js";
 import {
   Card,
   cardVariants
@@ -253,13 +253,13 @@ import {
   CheckList,
   CheckListItem
 } from "./chunk-PANDAMD2.js";
-import {
-  Checkbox
-} from "./chunk-VPZCQFVY.js";
 import {
   Chip,
   chipVariants
 } from "./chunk-DAXDAFNG.js";
+import {
+  Checkbox
+} from "./chunk-VPZCQFVY.js";
 import {
   Code
 } from "./chunk-DEH2Z27F.js";
@@ -269,7 +269,7 @@ import {
 import "./chunk-HY3JWSG4.js";
 import {
   CommandPalette
-} from "./chunk-V6GZZFTV.js";
+} from "./chunk-QRZV2FLW.js";
 import {
   AvatarGroup,
   avatarGroupVariants
@@ -308,7 +308,7 @@ import {
 } from "./chunk-24CZFBTG.js";
 import {
   AlertDialog
-} from "./chunk-L6GBZ2HB.js";
+} from "./chunk-ZLSUVZM2.js";
 import {
   AppShell
 } from "./chunk-KZW37FQZ.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/react",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
   "type": "module",
   "license": "MIT",
@@ -67,13 +67,12 @@
     "date-fns": "^4.1.0",
     "react-day-picker": "^9.14.0",
     "tailwind-merge": "^2.5.4",
-    "vaul": "^1.1.2",
-    "@nexub/icons": "1.1.0"
+    "@nexub/icons": "1.2.0"
   },
   "peerDependencies": {
     "react": ">=18 <20",
     "react-dom": ">=18 <20",
-    "@nexub/tokens": "^1.1.0"
+    "@nexub/tokens": "^1.2.0"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "8.6.14",
@@ -93,9 +92,10 @@
     "tailwindcss": "^3.4.0",
     "tsup": "^8.3.5",
     "typescript": "^5.6.3",
+    "vaul": "1.1.2",
     "vitest": "^2.1.8",
-    "@nexub/themes": "1.1.0",
-    "@nexub/tokens": "1.1.0"
+    "@nexub/themes": "1.2.0",
+    "@nexub/tokens": "1.2.0"
   },
   "scripts": {
     "build": "tsup",

package/dist/chunk-4BTP4464.js

@@ -1,92 +0,0 @@
-'use client';
-import {
-  glassSurfaceClass
-} from "./chunk-ROZVVWPV.js";
-import {
-  cn
-} from "./chunk-AT6RPKU3.js";
-
-// src/components/Drawer/Drawer.tsx
-import * as React from "react";
-import { Drawer as VaulDrawer } from "vaul";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Root = VaulDrawer.Root;
-var Trigger = VaulDrawer.Trigger;
-var Portal = VaulDrawer.Portal;
-var Close = VaulDrawer.Close;
-var Overlay = VaulDrawer.Overlay;
-var Content = React.forwardRef(({ className, children, side = "right", surface = "solid", ...props }, ref) => {
-  const sideMap = {
-    right: "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l",
-    left: "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r",
-    top: "inset-x-0 top-0 w-full border-b",
-    bottom: "inset-x-0 bottom-0 w-full border-t rounded-t-2xl"
-  };
-  return /* @__PURE__ */ jsxs(
-    VaulDrawer.Content,
-    {
-      ref,
-      className: cn(
-        "fixed z-[var(--z-modal)] flex flex-col bg-[var(--color-bg-default)] shadow-xl focus:outline-none",
-        sideMap[side],
-        surface === "glass" && glassSurfaceClass,
-        className
-      ),
-      "data-material": surface === "glass" ? "glass" : void 0,
-      ...props,
-      children: [
-        side === "bottom" && /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-20 rounded-full bg-[var(--color-border-default)]" }),
-        children
-      ]
-    }
-  );
-});
-Content.displayName = "Drawer.Content";
-var Title = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    VaulDrawer.Title,
-    {
-      ref,
-      className: cn("text-lg font-semibold text-[var(--color-text-primary)]", className),
-      ...props
-    }
-  )
-);
-Title.displayName = "Drawer.Title";
-var Description = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    VaulDrawer.Description,
-    {
-      ref,
-      className: cn("text-sm text-[var(--color-text-muted)]", className),
-      ...props
-    }
-  )
-);
-Description.displayName = "Drawer.Description";
-var Header = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-1.5 p-6", className), ...props })
-);
-Header.displayName = "Drawer.Header";
-var Footer = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mt-auto flex flex-col gap-2 p-6", className), ...props })
-);
-Footer.displayName = "Drawer.Footer";
-var Drawer = {
-  Root,
-  Trigger,
-  Portal,
-  Overlay,
-  Content,
-  Close,
-  Title,
-  Description,
-  Header,
-  Footer
-};
-var Sheet = Drawer;
-
-export {
-  Drawer,
-  Sheet
-};