@nexub/react 2.8.0 → 3.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/react",
-  "version": "2.8.0",
+  "version": "3.0.0",
   "description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
   "type": "module",
   "license": "MIT",
@@ -71,13 +71,13 @@
     "date-fns": "^4.4.0",
     "react-day-picker": "^10.0.2",
     "tailwind-merge": "^3.7.0",
-    "@nexub/core": "2.8.0",
-    "@nexub/icons": "2.8.0"
+    "@nexub/core": "3.0.0",
+    "@nexub/icons": "3.0.0"
   },
   "peerDependencies": {
     "react": ">=18 <20",
     "react-dom": ">=18 <20",
-    "@nexub/tokens": "^2.8.0"
+    "@nexub/tokens": "^3.0.0"
   },
   "devDependencies": {
     "@playwright/test": "1.64.0",
@@ -103,8 +103,8 @@
     "vaul": "1.1.2",
     "vite": "^8.3.5",
     "vitest": "^5.0.5",
-    "@nexub/themes": "2.8.0",
-    "@nexub/tokens": "2.8.0"
+    "@nexub/themes": "3.0.0",
+    "@nexub/tokens": "3.0.0"
   },
   "scripts": {
     "build": "tsup && node scripts/check-dts.mjs && tailwindcss -i src/styles.css -o dist/styles.css --minify && cp -R ../themes/src/fonts dist/fonts",

package/dist/chunk-CQQ5UAO3.js

@@ -1,91 +0,0 @@
-'use client';
-import {
-  warnDeprecated
-} from "./chunk-VLME3JFF.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Banner/Banner.tsx
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var bannerVariants = cva(
-  [
-    "relative flex gap-3 border-s-4 px-4 py-3",
-    "w-full"
-    // No border-radius — full-width banner
-  ],
-  {
-    variants: {
-      tone: {
-        neutral: "bg-[var(--color-surface-container-low)] border-s-[var(--color-outline)] text-[var(--color-on-surface)]",
-        info: "bg-[var(--color-info-container)] border-s-[var(--color-info)] text-[var(--color-on-info-container)]",
-        success: "bg-[var(--color-success-container)] border-s-[var(--color-success)] text-[var(--color-on-success-container)]",
-        warning: "bg-[var(--color-warning-container)] border-s-[var(--color-warning)] text-[var(--color-on-warning-container)]",
-        danger: "bg-[var(--color-error-container)] border-s-[var(--color-error)] text-[var(--color-on-error-container)]",
-        leap: "bg-[var(--color-leap-container)] border-s-[var(--color-leap)] text-[var(--color-on-leap-container)]",
-        bookub: "bg-[var(--color-bookub-container)] border-s-[var(--color-bookub)] text-[var(--color-on-bookub-container)]",
-        payub: "bg-[var(--color-payub-container)] border-s-[var(--color-payub)] text-[var(--color-on-payub-container)]",
-        founderub: "bg-[var(--color-founderub-container)] border-s-[var(--color-founderub)] text-[var(--color-on-founderub-container)]"
-      }
-    },
-    defaultVariants: {
-      tone: "neutral"
-    }
-  }
-);
-var Banner = React.forwardRef(
-  ({
-    className,
-    tone = "neutral",
-    title,
-    icon,
-    action,
-    onClose,
-    children,
-    ...props
-  }, ref) => {
-    warnDeprecated("Banner", "Alert");
-    const messages = useNexubMessages();
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        role: "status",
-        className: cn(bannerVariants({ tone }), className),
-        "data-tone": tone,
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 mt-0.5 inline-flex items-start", "aria-hidden": "true", children: icon }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-            title && /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm mb-0.5", children: title }),
-            children && /* @__PURE__ */ jsx("div", { className: "text-sm opacity-90", children }),
-            action && /* @__PURE__ */ jsx("div", { className: "mt-2", children: action })
-          ] }),
-          onClose && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": messages.dismissBanner,
-              onClick: onClose,
-              className: cn(
-                "nx-state-layer shrink-0 inline-flex items-center justify-center rounded-full w-6 h-6"
-              ),
-              children: /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M10 2L2 10M2 2l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Banner.displayName = "Banner";
-
-export {
-  bannerVariants,
-  Banner
-};

package/dist/chunk-PXISQY4H.js

@@ -1,59 +0,0 @@
-'use client';
-import {
-  warnDeprecated
-} from "./chunk-VLME3JFF.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Tag/Tag.tsx
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var tagVariants = cva(
-  "inline-flex items-center rounded-shape-min font-medium select-none whitespace-nowrap",
-  {
-    variants: {
-      size: {
-        sm: "px-1.5 py-0.5 text-xs",
-        md: "px-2 py-0.5 text-xs",
-        lg: "px-2.5 py-1 text-sm"
-      },
-      tone: {
-        neutral: "bg-[var(--color-surface-container-high)] text-[var(--color-on-surface-variant)]",
-        info: "bg-[var(--color-info-container)] text-[var(--color-on-info-container)]",
-        success: "bg-[var(--color-success-container)] text-[var(--color-on-success-container)]",
-        warning: "bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)]",
-        danger: "bg-[var(--color-error-container)] text-[var(--color-on-error-container)]",
-        leap: "bg-[var(--color-leap-container)] text-[var(--color-on-leap-container)]",
-        bookub: "bg-[var(--color-bookub-container)] text-[var(--color-on-bookub-container)]",
-        payub: "bg-[var(--color-payub-container)] text-[var(--color-on-payub-container)]",
-        founderub: "bg-[var(--color-founderub-container)] text-[var(--color-on-founderub-container)]"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      tone: "neutral"
-    }
-  }
-);
-var Tag = React.forwardRef(
-  ({ className, size, tone = "neutral", children, ...props }, ref) => {
-    warnDeprecated("Tag", "Badge");
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        ref,
-        className: cn(tagVariants({ size, tone }), className),
-        ...props,
-        children
-      }
-    );
-  }
-);
-Tag.displayName = "Tag";
-
-export {
-  tagVariants,
-  Tag
-};

package/dist/chunk-VLME3JFF.js

@@ -1,20 +0,0 @@
-'use client';
-
-// src/utils/deprecated.ts
-var warned = /* @__PURE__ */ new Set();
-function warnDeprecated(name, replacement) {
-  try {
-    if (process.env.NODE_ENV === "production") return;
-  } catch {
-    return;
-  }
-  if (warned.has(name)) return;
-  warned.add(name);
-  console.warn(
-    `[@nexub/react] ${name} is deprecated and will be removed in 3.0. Use ${replacement} instead.`
-  );
-}
-
-export {
-  warnDeprecated
-};

package/dist/chunk-XIKO5XFW.js

@@ -1,89 +0,0 @@
-'use client';
-import {
-  warnDeprecated
-} from "./chunk-VLME3JFF.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/StatusPill/StatusPill.tsx
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var statusPillVariants = cva(
-  "inline-flex items-center gap-1.5 rounded-shape-control px-2.5 py-1 text-xs font-medium select-none",
-  {
-    variants: {
-      tone: {
-        neutral: "bg-[var(--color-surface-container-high)] text-[var(--color-on-surface-variant)] border border-[var(--color-outline-variant)]",
-        info: "bg-[var(--color-info-container)] text-[var(--color-on-info-container)] border border-[color-mix(in_srgb,var(--color-info)_35%,transparent)]",
-        success: "bg-[var(--color-success-container)] text-[var(--color-on-success-container)] border border-[color-mix(in_srgb,var(--color-success)_35%,transparent)]",
-        warning: "bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)] border border-[color-mix(in_srgb,var(--color-warning)_35%,transparent)]",
-        danger: "bg-[var(--color-error-container)] text-[var(--color-on-error-container)] border border-[color-mix(in_srgb,var(--color-error)_35%,transparent)]",
-        leap: "bg-[var(--color-leap-container)] text-[var(--color-on-leap-container)] border border-[color-mix(in_srgb,var(--color-leap)_35%,transparent)]",
-        bookub: "bg-[var(--color-bookub-container)] text-[var(--color-on-bookub-container)] border border-[color-mix(in_srgb,var(--color-bookub)_35%,transparent)]",
-        payub: "bg-[var(--color-payub-container)] text-[var(--color-on-payub-container)] border border-[color-mix(in_srgb,var(--color-payub)_35%,transparent)]",
-        founderub: "bg-[var(--color-founderub-container)] text-[var(--color-on-founderub-container)] border border-[color-mix(in_srgb,var(--color-founderub)_35%,transparent)]"
-      }
-    },
-    defaultVariants: {
-      tone: "neutral"
-    }
-  }
-);
-var dotColorMap = {
-  neutral: "bg-[var(--color-outline)]",
-  info: "bg-[var(--color-info)]",
-  success: "bg-[var(--color-success)]",
-  warning: "bg-[var(--color-warning)]",
-  danger: "bg-[var(--color-error)]",
-  leap: "bg-[var(--color-leap)]",
-  bookub: "bg-[var(--color-bookub)]",
-  payub: "bg-[var(--color-payub)]",
-  founderub: "bg-[var(--color-founderub)]"
-};
-var pulseTones = ["success", "info"];
-var StatusPill = React.forwardRef(
-  ({ className, tone = "neutral", label, dot = false, ...props }, ref) => {
-    warnDeprecated("StatusPill", "Badge");
-    const shouldPulse = dot && pulseTones.includes(tone);
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        ref,
-        className: cn(statusPillVariants({ tone }), className),
-        ...props,
-        children: [
-          dot && /* @__PURE__ */ jsxs("span", { className: "relative inline-flex h-2 w-2 shrink-0", children: [
-            shouldPulse && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",
-                  dotColorMap[tone]
-                ),
-                "aria-hidden": "true"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "relative inline-flex rounded-full h-2 w-2",
-                  dotColorMap[tone]
-                )
-              }
-            )
-          ] }),
-          label
-        ]
-      }
-    );
-  }
-);
-StatusPill.displayName = "StatusPill";
-
-export {
-  statusPillVariants,
-  StatusPill
-};

package/dist/chunk-Z46ISXJ6.js

@@ -1,57 +0,0 @@
-'use client';
-import {
-  warnDeprecated
-} from "./chunk-VLME3JFF.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Callout/Callout.tsx
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var calloutVariants = cva(
-  "flex gap-2.5 rounded-shape-container px-3 py-2.5 text-sm",
-  {
-    variants: {
-      tone: {
-        neutral: "bg-[var(--color-surface-container-low)] text-[var(--color-on-surface)]",
-        info: "bg-[var(--color-info-container)] text-[var(--color-on-info-container)]",
-        success: "bg-[var(--color-success-container)] text-[var(--color-on-success-container)]",
-        warning: "bg-[var(--color-warning-container)] text-[var(--color-on-warning-container)]",
-        danger: "bg-[var(--color-error-container)] text-[var(--color-on-error-container)]",
-        leap: "bg-[var(--color-leap-container)] text-[var(--color-on-leap-container)]",
-        bookub: "bg-[var(--color-bookub-container)] text-[var(--color-on-bookub-container)]",
-        payub: "bg-[var(--color-payub-container)] text-[var(--color-on-payub-container)]",
-        founderub: "bg-[var(--color-founderub-container)] text-[var(--color-on-founderub-container)]"
-      }
-    },
-    defaultVariants: {
-      tone: "neutral"
-    }
-  }
-);
-var Callout = React.forwardRef(
-  ({ className, tone = "neutral", icon, children, ...props }, ref) => {
-    warnDeprecated("Callout", "Alert");
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(calloutVariants({ tone }), className),
-        "data-tone": tone,
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 mt-0.5 inline-flex", "aria-hidden": "true", children: icon }),
-          /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children })
-        ]
-      }
-    );
-  }
-);
-Callout.displayName = "Callout";
-
-export {
-  calloutVariants,
-  Callout
-};

package/dist/components/Banner/index.js

@@ -1,12 +0,0 @@
-'use client';
-import {
-  Banner,
-  bannerVariants
-} from "../../chunk-CQQ5UAO3.js";
-import "../../chunk-VLME3JFF.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
-export {
-  Banner,
-  bannerVariants
-};

package/dist/components/Callout/index.js

@@ -1,11 +0,0 @@
-'use client';
-import {
-  Callout,
-  calloutVariants
-} from "../../chunk-Z46ISXJ6.js";
-import "../../chunk-VLME3JFF.js";
-import "../../chunk-WRVFNYO3.js";
-export {
-  Callout,
-  calloutVariants
-};

package/dist/components/StatusPill/index.js

@@ -1,11 +0,0 @@
-'use client';
-import {
-  StatusPill,
-  statusPillVariants
-} from "../../chunk-XIKO5XFW.js";
-import "../../chunk-VLME3JFF.js";
-import "../../chunk-WRVFNYO3.js";
-export {
-  StatusPill,
-  statusPillVariants
-};

package/dist/components/Tag/index.js

@@ -1,11 +0,0 @@
-'use client';
-import {
-  Tag,
-  tagVariants
-} from "../../chunk-PXISQY4H.js";
-import "../../chunk-VLME3JFF.js";
-import "../../chunk-WRVFNYO3.js";
-export {
-  Tag,
-  tagVariants
-};

package/dist/{chunk-FRGFO4DS.js → chunk-FT73REUG.js}

@@ -1,13 +1,13 @@
 'use client';
-import {
-  HelperText
-} from "./chunk-QKGQBJ4U.js";
 import {
   Label
 } from "./chunk-BM5PGGK2.js";
 import {
   FormError
 } from "./chunk-H2X6MSNY.js";
+import {
+  HelperText
+} from "./chunk-QKGQBJ4U.js";
 import {
   cn
 } from "./chunk-WRVFNYO3.js";