@busiverse/ui 0.2.3 → 0.2.4

package/README.md

@@ -237,8 +237,12 @@ import { BusiverseBrandHead } from "@busiverse/ui";
 The package remains network-neutral: it does not call `fetch`, open sockets, or import remote fonts.
 
 
-## CSS ownership and app `index.css`
+## v0.2.4 social icon ownership
 
-`@busiverse/ui/styles.css` owns BUSIVERSE brand tokens, shared component CSS, logo/brand helpers, pricing explorer styles, shadcn-compatible CSS variables, and marketing utility classes.
+`@busiverse/ui` owns BUSIVERSE-approved social icon wrappers so separately deployed frontends do not import brand icons from `lucide-react`. Lucide is an outline UI-icon library and newer builds do not export brand icons such as `Github`, `Twitter`, or `Linkedin`. Use:
 
-Each separately deployed Vercel frontend may still need a tiny app `src/index.css` when it uses Tailwind utility classes in its own source files. That file should be treated as the Tailwind build entrypoint/compatibility bridge only. It should not redefine BUSIVERSE brand tokens or duplicate component styling.
+```tsx
+import { BusiverseGithubIcon, BusiverseXIcon, BusiverseLinkedInIcon, BusiverseMailIcon } from "@busiverse/ui";
+```
+
+The package remains network-neutral. The icons are inline SVG React components and do not fetch remote assets.

package/dist/components/index.d.ts

@@ -6,4 +6,5 @@ export * from "./forms";
 export * from "./feedback";
 export * from "./billing";
 export * from "./marketing";
+export * from "./social";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}

package/dist/components/social/SocialIcons.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export type BusiverseSocialIconName = "github" | "x" | "linkedin" | "mail";
+export interface BusiverseSocialIconProps extends Omit<React.SVGProps<SVGSVGElement>, "name"> {
+    name: BusiverseSocialIconName;
+    size?: number | string;
+    title?: string;
+}
+export interface BusiverseNamedSocialIconProps extends Omit<React.SVGProps<SVGSVGElement>, "name"> {
+    size?: number | string;
+    title?: string;
+}
+export declare function BusiverseSocialIcon({ name, size, title, className, ...props }: BusiverseSocialIconProps): React.JSX.Element;
+export declare function BusiverseGithubIcon(props: BusiverseNamedSocialIconProps): React.JSX.Element;
+export declare function BusiverseXIcon(props: BusiverseNamedSocialIconProps): React.JSX.Element;
+export declare function BusiverseLinkedInIcon(props: BusiverseNamedSocialIconProps): React.JSX.Element;
+export declare function BusiverseMailIcon(props: BusiverseNamedSocialIconProps): React.JSX.Element;
+//# sourceMappingURL=SocialIcons.d.ts.map

package/dist/components/social/SocialIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialIcons.d.ts","sourceRoot":"","sources":["../../../src/components/social/SocialIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,GAAG,GAAG,UAAU,GAAG,MAAM,CAAC;AAE3E,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAC3F,IAAI,EAAE,uBAAuB,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChG,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqBD,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,IAAS,EACT,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,qBAkB1B;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,6BAA6B,qBAEvE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,6BAA6B,qBAElE;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,6BAA6B,qBAEzE;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,6BAA6B,qBAErE"}

package/dist/components/social/index.d.ts

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

package/dist/components/social/index.d.ts.map

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

package/dist/index.js

@@ -8341,6 +8341,61 @@ function HeroSection({
   ] }) });
 }
 
+// src/components/social/SocialIcons.tsx
+import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+var paths = {
+  github: /* @__PURE__ */ jsx24(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 2.25c-5.52 0-10 4.48-10 10 0 4.42 2.87 8.17 6.84 9.5.5.09.68-.22.68-.48v-1.68c-2.78.6-3.37-1.34-3.37-1.34-.45-1.15-1.1-1.46-1.1-1.46-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.89 1.52 2.34 1.08 2.91.83.09-.64.35-1.08.63-1.33-2.22-.25-4.56-1.11-4.56-4.94 0-1.09.39-1.98 1.03-2.68-.1-.25-.45-1.27.1-2.65 0 0 .84-.27 2.75 1.02A9.58 9.58 0 0 1 12 7.14c.85 0 1.7.11 2.5.34 1.9-1.29 2.74-1.02 2.74-1.02.55 1.38.2 2.4.1 2.65.64.7 1.03 1.59 1.03 2.68 0 3.84-2.34 4.69-4.57 4.94.36.31.68.92.68 1.86v2.76c0 .27.18.58.69.48A10.01 10.01 0 0 0 22 12.25c0-5.52-4.48-10-10-10Z"
+    }
+  ),
+  x: /* @__PURE__ */ jsx24("path", { d: "M13.66 10.62 21.24 2h-1.8l-6.58 7.48L7.6 2H1.54l7.95 11.31L1.54 22h1.8l6.95-7.53L15.84 22h6.06l-8.24-11.38Zm-2.46 2.8-.8-1.12L4 3.33h2.74l5.17 7.24.8 1.12 6.72 9.42H16.7l-5.5-7.69Z" }),
+  linkedin: /* @__PURE__ */ jsx24("path", { d: "M5.34 8.25H2.7V21h2.64V8.25ZM5.52 4.3A1.53 1.53 0 1 0 2.46 4.3a1.53 1.53 0 0 0 3.06 0ZM21 13.68c0-3.42-1.83-5.01-4.28-5.01-1.97 0-2.86 1.08-3.35 1.84V8.25h-2.64V21h2.64v-6.31c0-1.66.31-3.28 2.38-3.28 2.04 0 2.07 1.91 2.07 3.38V21H21v-7.32Z" }),
+  mail: /* @__PURE__ */ jsx24("path", { d: "M4.5 5.75A2.5 2.5 0 0 0 2 8.25v7.5a2.5 2.5 0 0 0 2.5 2.5h15a2.5 2.5 0 0 0 2.5-2.5v-7.5a2.5 2.5 0 0 0-2.5-2.5h-15Zm.17 2h14.66L12 12.87 4.67 7.75Zm-.67 2v6c0 .28.22.5.5.5h15a.5.5 0 0 0 .5-.5v-6l-7.43 5.2a1 1 0 0 1-1.14 0L4 9.75Z" })
+};
+function BusiverseSocialIcon({
+  name,
+  size = 20,
+  title,
+  className,
+  ...props
+}) {
+  const labelled = Boolean(title || props["aria-label"]);
+  return /* @__PURE__ */ jsxs12(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: size,
+      height: size,
+      fill: "currentColor",
+      role: labelled ? "img" : "presentation",
+      "aria-hidden": labelled ? void 0 : true,
+      className: cn("busiverse-social-icon", className),
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        title ? /* @__PURE__ */ jsx24("title", { children: title }) : null,
+        paths[name]
+      ]
+    }
+  );
+}
+function BusiverseGithubIcon(props) {
+  return /* @__PURE__ */ jsx24(BusiverseSocialIcon, { name: "github", ...props });
+}
+function BusiverseXIcon(props) {
+  return /* @__PURE__ */ jsx24(BusiverseSocialIcon, { name: "x", ...props });
+}
+function BusiverseLinkedInIcon(props) {
+  return /* @__PURE__ */ jsx24(BusiverseSocialIcon, { name: "linkedin", ...props });
+}
+function BusiverseMailIcon(props) {
+  return /* @__PURE__ */ jsx24(BusiverseSocialIcon, { name: "mail", ...props });
+}
+
 // src/api/createGatewayClient.ts
 var GatewayApiError = class extends Error {
   status;
@@ -8387,10 +8442,10 @@ function createGatewayClient(options) {
 
 // src/auth/AuthSessionProvider.tsx
 import * as React8 from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var AuthContext = React8.createContext(null);
 function AuthSessionProvider({ children, session }) {
-  return /* @__PURE__ */ jsx24(AuthContext.Provider, { value: session, children });
+  return /* @__PURE__ */ jsx25(AuthContext.Provider, { value: session, children });
 }
 function useBusiverseAuth() {
   const value = React8.useContext(AuthContext);
@@ -8399,34 +8454,34 @@ function useBusiverseAuth() {
 }
 
 // src/auth/RequireAuth.tsx
-import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 function RequireAuth({ children }) {
   const auth = useBusiverseAuth();
-  if (auth.isLoading) return /* @__PURE__ */ jsx25("div", { className: "busiverse-loading-state", children: "Checking session\u2026" });
+  if (auth.isLoading) return /* @__PURE__ */ jsx26("div", { className: "busiverse-loading-state", children: "Checking session\u2026" });
   if (!auth.isAuthenticated) {
-    return /* @__PURE__ */ jsxs12("div", { className: "busiverse-auth-required", children: [
-      /* @__PURE__ */ jsx25("h1", { children: "Sign in required" }),
-      /* @__PURE__ */ jsx25("p", { children: "Use your BUSIVERSE account to continue." }),
-      /* @__PURE__ */ jsx25(Button, { onClick: () => void auth.signIn(), children: "Sign in" })
+    return /* @__PURE__ */ jsxs13("div", { className: "busiverse-auth-required", children: [
+      /* @__PURE__ */ jsx26("h1", { children: "Sign in required" }),
+      /* @__PURE__ */ jsx26("p", { children: "Use your BUSIVERSE account to continue." }),
+      /* @__PURE__ */ jsx26(Button, { onClick: () => void auth.signIn(), children: "Sign in" })
     ] });
   }
-  return /* @__PURE__ */ jsx25(Fragment2, { children });
+  return /* @__PURE__ */ jsx26(Fragment2, { children });
 }
 
 // src/auth/SignUpLink.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function SignUpLink({ signupUrl = "https://user.busiversehq.com/signup", children = "Create your Busiverse account", ...props }) {
-  return /* @__PURE__ */ jsx26("a", { href: signupUrl, ...props, children });
+  return /* @__PURE__ */ jsx27("a", { href: signupUrl, ...props, children });
 }
 
 // src/auth/UserMenu.tsx
-import { jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
 function UserMenu() {
   const auth = useBusiverseAuth();
-  if (!auth.isAuthenticated || !auth.user) return /* @__PURE__ */ jsx27(Button, { size: "sm", onClick: () => void auth.signIn(), children: "Sign in" });
-  return /* @__PURE__ */ jsxs13("div", { className: "busiverse-user-menu", children: [
-    /* @__PURE__ */ jsx27("span", { children: auth.user.name ?? auth.user.email ?? "User" }),
-    /* @__PURE__ */ jsx27(Button, { size: "sm", variant: "ghost", onClick: () => void auth.signOut(), children: "Sign out" })
+  if (!auth.isAuthenticated || !auth.user) return /* @__PURE__ */ jsx28(Button, { size: "sm", onClick: () => void auth.signIn(), children: "Sign in" });
+  return /* @__PURE__ */ jsxs14("div", { className: "busiverse-user-menu", children: [
+    /* @__PURE__ */ jsx28("span", { children: auth.user.name ?? auth.user.email ?? "User" }),
+    /* @__PURE__ */ jsx28(Button, { size: "sm", variant: "ghost", onClick: () => void auth.signOut(), children: "Sign out" })
   ] });
 }
 export {
@@ -8434,8 +8489,13 @@ export {
   AuthSessionProvider,
   Badge,
   BusiverseBrandHead,
+  BusiverseGithubIcon,
   BusiverseI18nProvider,
+  BusiverseLinkedInIcon,
   BusiverseLogo,
+  BusiverseMailIcon,
+  BusiverseSocialIcon,
+  BusiverseXIcon,
   Button,
   Card,
   CardContent,

package/dist/styles.css

@@ -39,36 +39,6 @@
   --motion-default: 200ms;
   --motion-slow: 300ms;
   --ease-standard: cubic-bezier(0.16,1,0.3,1);
-
-  /* Shadcn/Tailwind compatibility aliases used by existing Busiverse frontends. */
-  --background: 222 47% 4%;
-  --foreground: 0 0% 100%;
-  --card: 222 84% 5%;
-  --card-foreground: 0 0% 100%;
-  --popover: 222 47% 11%;
-  --popover-foreground: 0 0% 100%;
-  --primary: 217 91% 60%;
-  --primary-foreground: 0 0% 100%;
-  --secondary: 263 70% 50%;
-  --secondary-foreground: 0 0% 100%;
-  --muted: 215 25% 17%;
-  --muted-foreground: 214 16% 65%;
-  --accent: 258 90% 66%;
-  --accent-foreground: 0 0% 100%;
-  --destructive: 0 84% 60%;
-  --destructive-foreground: 0 0% 100%;
-  --border: 0 0% 100%;
-  --input: 0 0% 100%;
-  --ring: 217 91% 60%;
-  --radius: 0.75rem;
-  --sidebar-background: 222 47% 4%;
-  --sidebar-foreground: 214 32% 91%;
-  --sidebar-primary: 217 91% 60%;
-  --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 215 25% 17%;
-  --sidebar-accent-foreground: 0 0% 100%;
-  --sidebar-border: 0 0% 100%;
-  --sidebar-ring: 217 91% 60%;
   color-scheme: dark;
 }
 
@@ -283,42 +253,3 @@ img, svg { max-width: 100%; display: block; }
   .busiverse-pricing-grid { grid-template-columns: 1fr; }
   .busiverse-pricing-controls > input { max-width: none; }
 }
-
-/* Shared BUSIVERSE marketing utilities used by separately deployed frontends. */
-.text-gradient-blue-violet {
-  background: linear-gradient(90deg, var(--color-brand-blue), var(--color-brand-violet));
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-}
-.text-gradient-blue-cyan {
-  background: linear-gradient(90deg, var(--color-brand-blue), var(--color-brand-cyan));
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-}
-.text-gradient-violet-cyan {
-  background: linear-gradient(90deg, var(--color-brand-violet), var(--color-brand-cyan));
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-}
-.text-gradient-full {
-  background: linear-gradient(90deg, var(--color-brand-blue) 0%, var(--color-brand-violet) 50%, var(--color-brand-cyan) 100%);
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-}
-.bg-gradient-primary { background: linear-gradient(90deg, var(--color-brand-blue), var(--color-brand-violet)); }
-.bg-gradient-secondary { background: linear-gradient(90deg, var(--color-brand-blue), var(--color-brand-cyan)); }
-.bg-gradient-tertiary { background: linear-gradient(90deg, var(--color-brand-violet), var(--color-brand-cyan)); }
-.bg-gradient-full { background: linear-gradient(90deg, var(--color-brand-blue) 0%, var(--color-brand-violet) 50%, var(--color-brand-cyan) 100%); }
-.bg-gradient-hero { background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-brand-dark) 45%, var(--color-bg-secondary) 100%); }
-.glass-card { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.10); backdrop-filter: blur(16px); }
-.glass-card-hover { transition: transform 250ms var(--ease-standard), background 250ms, border-color 250ms; }
-.glass-card-hover:hover { background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.20); transform: translateY(-2px); }
-.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,6 +1,6 @@
 {
   "name": "@busiverse/ui",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "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.",
   "type": "module",