@busiverse/ui 0.2.2 → 0.2.4

package/README.md

@@ -235,3 +235,14 @@ import { BusiverseBrandHead } from "@busiverse/ui";
 ```
 
 The package remains network-neutral: it does not call `fetch`, open sockets, or import remote fonts.
+
+
+## v0.2.4 social icon ownership
+
+`@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:
+
+```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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@busiverse/ui",
-  "version": "0.2.2",
+  "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",