@busiverse/ui 0.2.5 → 0.2.7

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}

package/dist/index.js

@@ -8,12 +8,6 @@ import {
 } from "./chunk-SXD6EH2C.js";
 import {
   Badge,
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
   CurrencyAmount,
   DataTable,
   ServicePricingExplorer,
@@ -34,7 +28,7 @@ import {
   getServicePricingSummaries,
   getServicePricingSummary,
   labelCadence
-} from "./chunk-UU2CXC3N.js";
+} from "./chunk-ARMZUHU7.js";
 import {
   BusiverseI18nProvider,
   RegionSelector,
@@ -46,11 +40,27 @@ import {
   toRegionHeaders,
   useBusiverseI18n
 } from "./chunk-WDOMYE77.js";
+import {
+  HeroSection,
+  MarketingFeatureCard,
+  MarketingPricingCard,
+  MarketingSectionHeader
+} from "./chunk-3XY5ZSTX.js";
+import {
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle
+} from "./chunk-GRZVAWCA.js";
 import {
   BusiverseBrandHead,
-  BusiverseLogo,
   applyBusiverseBrandHead
-} from "./chunk-PTOKOI4Q.js";
+} from "./chunk-SZVGFEJG.js";
+import {
+  BusiverseLogo
+} from "./chunk-32FPZZH2.js";
 import {
   BusiverseGithubIcon,
   BusiverseLinkedInIcon,
@@ -62,14 +72,6 @@ import {
   cn
 } from "./chunk-PYZVP4NI.js";
 
-// src/tokens/motion.ts
-var busiverseMotion = {
-  fast: "150ms",
-  default: "200ms",
-  slow: "300ms",
-  easeStandard: "cubic-bezier(0.16, 1, 0.3, 1)"
-};
-
 // src/components/primitives/Input.tsx
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -242,25 +244,6 @@ function ForbiddenState({ description = "You do not have permission to access th
   return /* @__PURE__ */ jsx12(ErrorState, { title: "Access denied", description, action: /* @__PURE__ */ jsx12(Button, { variant: "secondary", children: "Go back" }) });
 }
 
-// src/components/marketing/HeroSection.tsx
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
-function HeroSection({
-  title = "Turn Ideas Into Operating Businesses",
-  subtitle = "BUSIVERSE combines AI automation, blockchain-backed trust, and modular business services to help teams launch and operate ventures faster.",
-  primaryCta = /* @__PURE__ */ jsx13(Button, { children: "Start Building" }),
-  secondaryCta = /* @__PURE__ */ jsx13(Button, { variant: "secondary", children: "Explore the Platform" })
-}) {
-  return /* @__PURE__ */ jsx13("section", { className: "busiverse-hero", children: /* @__PURE__ */ jsxs6("div", { className: "busiverse-hero-content", children: [
-    /* @__PURE__ */ jsx13(BusiverseLogo, { variant: "full", tone: "white", className: "busiverse-hero-logo" }),
-    /* @__PURE__ */ jsx13("h1", { children: title }),
-    /* @__PURE__ */ jsx13("p", { children: subtitle }),
-    /* @__PURE__ */ jsxs6("div", { className: "busiverse-hero-actions", children: [
-      primaryCta,
-      secondaryCta
-    ] })
-  ] }) });
-}
-
 // src/api/createGatewayClient.ts
 var GatewayApiError = class extends Error {
   status;
@@ -307,10 +290,10 @@ function createGatewayClient(options) {
 
 // src/auth/AuthSessionProvider.tsx
 import * as React4 from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var AuthContext = React4.createContext(null);
 function AuthSessionProvider({ children, session }) {
-  return /* @__PURE__ */ jsx14(AuthContext.Provider, { value: session, children });
+  return /* @__PURE__ */ jsx13(AuthContext.Provider, { value: session, children });
 }
 function useBusiverseAuth() {
   const value = React4.useContext(AuthContext);
@@ -319,36 +302,44 @@ function useBusiverseAuth() {
 }
 
 // src/auth/RequireAuth.tsx
-import { Fragment, jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 function RequireAuth({ children }) {
   const auth = useBusiverseAuth();
-  if (auth.isLoading) return /* @__PURE__ */ jsx15("div", { className: "busiverse-loading-state", children: "Checking session\u2026" });
+  if (auth.isLoading) return /* @__PURE__ */ jsx14("div", { className: "busiverse-loading-state", children: "Checking session\u2026" });
   if (!auth.isAuthenticated) {
-    return /* @__PURE__ */ jsxs7("div", { className: "busiverse-auth-required", children: [
-      /* @__PURE__ */ jsx15("h1", { children: "Sign in required" }),
-      /* @__PURE__ */ jsx15("p", { children: "Use your BUSIVERSE account to continue." }),
-      /* @__PURE__ */ jsx15(Button, { onClick: () => void auth.signIn(), children: "Sign in" })
+    return /* @__PURE__ */ jsxs6("div", { className: "busiverse-auth-required", children: [
+      /* @__PURE__ */ jsx14("h1", { children: "Sign in required" }),
+      /* @__PURE__ */ jsx14("p", { children: "Use your BUSIVERSE account to continue." }),
+      /* @__PURE__ */ jsx14(Button, { onClick: () => void auth.signIn(), children: "Sign in" })
     ] });
   }
-  return /* @__PURE__ */ jsx15(Fragment, { children });
+  return /* @__PURE__ */ jsx14(Fragment, { children });
 }
 
 // src/auth/SignUpLink.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function SignUpLink({ signupUrl = "https://user.busiversehq.com/signup", children = "Create your Busiverse account", ...props }) {
-  return /* @__PURE__ */ jsx16("a", { href: signupUrl, ...props, children });
+  return /* @__PURE__ */ jsx15("a", { href: signupUrl, ...props, children });
 }
 
 // src/auth/UserMenu.tsx
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 function UserMenu() {
   const auth = useBusiverseAuth();
-  if (!auth.isAuthenticated || !auth.user) return /* @__PURE__ */ jsx17(Button, { size: "sm", onClick: () => void auth.signIn(), children: "Sign in" });
-  return /* @__PURE__ */ jsxs8("div", { className: "busiverse-user-menu", children: [
-    /* @__PURE__ */ jsx17("span", { children: auth.user.name ?? auth.user.email ?? "User" }),
-    /* @__PURE__ */ jsx17(Button, { size: "sm", variant: "ghost", onClick: () => void auth.signOut(), children: "Sign out" })
+  if (!auth.isAuthenticated || !auth.user) return /* @__PURE__ */ jsx16(Button, { size: "sm", onClick: () => void auth.signIn(), children: "Sign in" });
+  return /* @__PURE__ */ jsxs7("div", { className: "busiverse-user-menu", children: [
+    /* @__PURE__ */ jsx16("span", { children: auth.user.name ?? auth.user.email ?? "User" }),
+    /* @__PURE__ */ jsx16(Button, { size: "sm", variant: "ghost", onClick: () => void auth.signOut(), children: "Sign out" })
   ] });
 }
+
+// src/tokens/motion.ts
+var busiverseMotion = {
+  fast: "150ms",
+  default: "200ms",
+  slow: "300ms",
+  easeStandard: "cubic-bezier(0.16, 1, 0.3, 1)"
+};
 export {
   AppShell,
   AuthSessionProvider,
@@ -377,6 +368,9 @@ export {
   GatewayApiError,
   HeroSection,
   Input,
+  MarketingFeatureCard,
+  MarketingPricingCard,
+  MarketingSectionHeader,
   PageHeader,
   RegionSelector,
   RequireAuth,

package/dist/styles.css

@@ -39,6 +39,15 @@
   --motion-default: 200ms;
   --motion-slow: 300ms;
   --ease-standard: cubic-bezier(0.16,1,0.3,1);
+  /* Legacy HSL variables used by existing BUSIVERSE frontends. */
+  --base-bg: 222 84% 2%;
+  --secondary-bg: 222 47% 7%;
+  --primary-blue: 217 91% 60%;
+  --primary-violet: 258 90% 66%;
+  --primary-cyan: 188 95% 43%;
+  --text-body: 210 40% 96%;
+  --text-muted: 215 20% 65%;
+  --text-disabled: 215 16% 47%;
   color-scheme: dark;
 }
 
@@ -253,3 +262,81 @@ img, svg { max-width: 100%; display: block; }
   .busiverse-pricing-grid { grid-template-columns: 1fr; }
   .busiverse-pricing-controls > input { max-width: none; }
 }
+
+
+/* Customer-facing marketing primitives */
+.busiverse-marketing-section-header {
+  max-width: 820px;
+  margin-inline: auto;
+  text-align: center;
+  margin-bottom: 56px;
+}
+.busiverse-marketing-section-header.is-left { margin-inline: 0; text-align: left; }
+.busiverse-marketing-eyebrow {
+  margin: 0 0 12px;
+  color: #A5F3FC;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: .12em;
+  font-size: 12px;
+}
+.busiverse-marketing-section-header h2 {
+  margin: 0;
+  font-family: var(--font-display);
+  font-size: clamp(34px, 5vw, 58px);
+  line-height: 1.08;
+  letter-spacing: -.02em;
+  color: #FFFFFF;
+}
+.busiverse-marketing-section-header p:not(.busiverse-marketing-eyebrow) {
+  margin: 18px auto 0;
+  color: #CBD5E1;
+  font-size: clamp(16px, 2vw, 20px);
+  line-height: 1.7;
+}
+.busiverse-marketing-feature-card {
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.busiverse-marketing-feature-card::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(135deg, rgba(59,130,246,.10), rgba(139,92,246,.06), rgba(6,182,212,.08));
+  opacity: .72;
+  pointer-events: none;
+}
+.busiverse-marketing-feature-card > * { position: relative; z-index: 1; }
+.busiverse-marketing-feature-topline { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; color: #A5F3FC; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
+.busiverse-marketing-feature-icon { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: rgba(59,130,246,.14); border: 1px solid rgba(59,130,246,.35); color: #BFDBFE; }
+.busiverse-marketing-feature-card h3 { margin: 0 0 10px; font-family: var(--font-display); color: #FFFFFF; font-size: 22px; line-height: 1.25; }
+.busiverse-marketing-feature-card p { margin: 0; color: #CBD5E1; line-height: 1.65; }
+.busiverse-marketing-feature-card ul, .busiverse-marketing-pricing-card ul { margin: 20px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
+.busiverse-marketing-feature-card li, .busiverse-marketing-pricing-card li { color: #F1F5F9; line-height: 1.45; display: flex; gap: 10px; align-items: flex-start; }
+.busiverse-marketing-feature-card li::before, .busiverse-marketing-pricing-card li::before { content: ""; width: 8px; height: 8px; margin-top: 7px; border-radius: 999px; background: linear-gradient(90deg,#3B82F6,#06B6D4); flex: 0 0 auto; }
+.busiverse-marketing-pricing-card { position: relative; overflow: hidden; height: 100%; display: flex; flex-direction: column; }
+.busiverse-marketing-pricing-card.is-featured { border-color: rgba(6,182,212,.45); background: linear-gradient(145deg, rgba(59,130,246,.14), rgba(139,92,246,.10), rgba(6,182,212,.10)); }
+.busiverse-marketing-pricing-ribbon { position: absolute; top: 18px; right: 18px; border: 1px solid rgba(6,182,212,.35); background: rgba(6,182,212,.14); color: #A5F3FC; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
+.busiverse-marketing-pricing-tagline { margin: 0 0 10px; color: #A5F3FC; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .10em; }
+.busiverse-marketing-pricing-card h3 { margin: 0; color: #FFFFFF; font-family: var(--font-display); font-size: 28px; }
+.busiverse-marketing-pricing-price { margin: 18px 0 12px; display: flex; align-items: baseline; gap: 8px; }
+.busiverse-marketing-pricing-price strong { font-family: var(--font-display); font-size: clamp(34px, 6vw, 52px); line-height: 1; color: #FFFFFF; }
+.busiverse-marketing-pricing-price span { color: #94A3B8; }
+.busiverse-marketing-pricing-description { margin: 0; color: #CBD5E1; line-height: 1.65; }
+.busiverse-marketing-pricing-button { width: 100%; margin-top: 24px; }
+.busiverse-marketing-pricing-card a.busiverse-marketing-pricing-button { display: inline-flex; }
+.busiverse-marketing-pricing-note { margin: 14px 0 0; color: #94A3B8; font-size: 13px; line-height: 1.5; }
+
+/* Legacy-compatible BUSIVERSE utility aliases used across existing frontends. */
+.bg-gradient-primary { background: linear-gradient(90deg, #2563EB 0%, #7C3AED 100%); }
+.bg-gradient-hero { background: linear-gradient(135deg, #020617 0%, #172554 45%, #0F172A 100%); }
+.glass-card { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.10); backdrop-filter: blur(16px); border-radius: 16px; }
+.text-gradient-full { background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 50%, #06B6D4 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
+.text-gradient-blue-violet { background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
+.text-gradient-violet-cyan { background: linear-gradient(90deg, #8B5CF6 0%, #06B6D4 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
+.text-gradient-blue-cyan { background: linear-gradient(90deg, #3B82F6 0%, #06B6D4 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
+.text-stats { font-family: var(--font-display); font-size: clamp(40px, 5vw, 60px); font-weight: 700; line-height: 1.1; }
+.font-heading { font-family: var(--font-display); }
+.animate-float { animation: busiverse-float 3s ease-in-out infinite; }
+@keyframes busiverse-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-16px); } }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@busiverse/ui",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "author": "Joel Julius Okoromi <okmarq@gmail.com> (https://busiversehq.com)",
-  "description": "BUSIVERSE shared React UI, design tokens, pricing, i18n, auth helpers, and product shell. Network-neutral core; Gateway transport is app-injected.",
+  "description": "BUSIVERSE shared React UI, design tokens, brand assets, marketing components, i18n, auth helpers, and product shell. Network-neutral core; Gateway transport is app-injected.",
   "type": "module",
   "sideEffects": [
     "./dist/styles.css"
@@ -25,23 +25,11 @@
       "import": "./dist/tailwind/index.js",
       "default": "./dist/tailwind/index.js"
     },
-    "./assets/*": "./dist/assets/*",
-    "./package.json": "./package.json",
-    "./assets": {
-      "types": "./dist/assets/index.d.ts",
-      "import": "./dist/assets/index.js",
-      "default": "./dist/assets/index.js"
-    },
     "./brand": {
       "types": "./dist/components/brand/index.d.ts",
       "import": "./dist/components/brand/index.js",
       "default": "./dist/components/brand/index.js"
     },
-    "./social": {
-      "types": "./dist/components/social/index.d.ts",
-      "import": "./dist/components/social/index.js",
-      "default": "./dist/components/social/index.js"
-    },
     "./i18n": {
       "types": "./dist/i18n/index.d.ts",
       "import": "./dist/i18n/index.js",
@@ -51,11 +39,28 @@
       "types": "./dist/components/billing/index.d.ts",
       "import": "./dist/components/billing/index.js",
       "default": "./dist/components/billing/index.js"
-    }
+    },
+    "./marketing": {
+      "types": "./dist/components/marketing/index.d.ts",
+      "import": "./dist/components/marketing/index.js",
+      "default": "./dist/components/marketing/index.js"
+    },
+    "./social": {
+      "types": "./dist/components/social/index.d.ts",
+      "import": "./dist/components/social/index.js",
+      "default": "./dist/components/social/index.js"
+    },
+    "./assets": {
+      "types": "./dist/assets/assets.d.ts",
+      "import": "./dist/assets/assets.js",
+      "default": "./dist/assets/assets.js"
+    },
+    "./assets/*": "./dist/assets/*",
+    "./package.json": "./package.json"
   },
   "scripts": {
     "clean": "node scripts/clean.mjs",
-    "build": "npm run clean && tsup src/index.ts src/tailwind/index.ts src/assets/index.ts src/components/brand/index.ts src/components/social/index.ts src/i18n/index.ts src/components/billing/index.ts --format esm --target es2022 && tsc -p tsconfig.build.json && node scripts/copy-static.mjs",
+    "build": "npm run clean && tsup src/index.ts src/tailwind/index.ts src/components/brand/index.ts src/i18n/index.ts src/components/billing/index.ts src/components/marketing/index.ts src/components/social/index.ts src/assets/assets.ts --format esm --target es2022 && tsc -p tsconfig.build.json && node scripts/copy-static.mjs",
     "typecheck": "tsc --noEmit",
     "pack:local": "npm pack",
     "prepublishOnly": "npm run typecheck && npm run build && npm pack --dry-run"

package/dist/assets/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./assets";
-//# sourceMappingURL=index.d.ts.map

package/dist/assets/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/assets/index.js

@@ -1,49 +0,0 @@
-// src/assets/assets.ts
-var busiverseAssets = {
-  logo: {
-    horizontal: {
-      white: new URL("./assets/logo/busiverse-horizontal---white.svg", import.meta.url).href,
-      black: new URL("./assets/logo/busiverse-horizontal---black.svg", import.meta.url).href,
-      color: new URL("./assets/logo/busiverse-horizontal---color.svg", import.meta.url).href
-    },
-    full: {
-      white: new URL("./assets/logo/busiverse-primary-full-logo---white.svg", import.meta.url).href,
-      black: new URL("./assets/logo/busiverse-primary-full-logo---black.svg", import.meta.url).href,
-      color: new URL("./assets/logo/busiverse-primary-full-logo---color.svg", import.meta.url).href
-    },
-    vertical: {
-      white: new URL("./assets/logo/busiverse-vertical---white.svg", import.meta.url).href,
-      black: new URL("./assets/logo/busiverse-vertical---black.svg", import.meta.url).href,
-      color: new URL("./assets/logo/busiverse-vertical---color.svg", import.meta.url).href
-    },
-    icon: {
-      white: new URL("./assets/icon/busiverse-icon-only---white.svg", import.meta.url).href,
-      black: new URL("./assets/icon/busiverse-icon-only---black.svg", import.meta.url).href,
-      color: new URL("./assets/icon/busiverse-icon-only---color.svg", import.meta.url).href
-    }
-  },
-  favicon: {
-    ico: new URL("./assets/favicon.io/favicon.ico", import.meta.url).href,
-    png16: new URL("./assets/favicon.io/favicon-16x16.png", import.meta.url).href,
-    png32: new URL("./assets/favicon.io/favicon-32x32.png", import.meta.url).href,
-    png96: new URL("./assets/favicon.io/favicon-96x96.png", import.meta.url).href,
-    appleTouchIcon: new URL("./assets/favicon.io/apple-touch-icon.png", import.meta.url).href,
-    androidChrome192: new URL("./assets/favicon.io/android-chrome-192x192.png", import.meta.url).href,
-    androidChrome512: new URL("./assets/favicon.io/android-chrome-512x512.png", import.meta.url).href,
-    androidIcon192: new URL("./assets/favicon.io/android-icon-192x192.png", import.meta.url).href,
-    msTile144: new URL("./assets/favicon.io/ms-icon-144x144.png", import.meta.url).href
-  },
-  social: {
-    xHeader: new URL("./assets/social/busiverse-twitter_x-header-2.7777777777777777x-darkbg.png", import.meta.url).href,
-    xProfile: new URL("./assets/social/busiverse-twitter_x-profile-picture-2.2222222222222223x-darkbg.png", import.meta.url).href,
-    linkedInCover: new URL("./assets/social/busiverse-linkedin-cover-photo-2.64x-darkbg.png", import.meta.url).href,
-    linkedInProfile: new URL("./assets/social/busiverse-linkedin-profile-picture-2.2222222222222223x-darkbg.png", import.meta.url).href,
-    facebookCover: new URL("./assets/social/busiverse-facebook-cover-photo-1.7333333333333334x-darkbg.png", import.meta.url).href,
-    facebookProfile: new URL("./assets/social/busiverse-facebook-profile-picture-1x-darkbg.png", import.meta.url).href,
-    instagramPost: new URL("./assets/social/busiverse-instagram-post-6x-darkbg.png", import.meta.url).href,
-    instagramProfile: new URL("./assets/social/busiverse-instagram-profile-picture-1.7777777777777777x-darkbg.png", import.meta.url).href
-  }
-};
-export {
-  busiverseAssets
-};