@busiverse/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,606 @@
+import {
+  busiverseColors,
+  busiverseContainers,
+  busiverseRadius,
+  busiverseSpacing,
+  busiverseTypography
+} from "./chunk-BEOTRCGO.js";
+
+// src/tokens/motion.ts
+var busiverseMotion = {
+  fast: "150ms",
+  default: "200ms",
+  slow: "300ms",
+  easeStandard: "cubic-bezier(0.16, 1, 0.3, 1)"
+};
+
+// 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,
+    appleTouchIcon: new URL("./assets/favicon.io/apple-touch-icon.png", import.meta.url).href
+  }
+};
+
+// src/utils/cn.ts
+function cn(...values) {
+  const out = [];
+  const push = (value) => {
+    if (!value) return;
+    if (typeof value === "string" || typeof value === "number") {
+      out.push(String(value));
+      return;
+    }
+    if (Array.isArray(value)) {
+      value.forEach(push);
+      return;
+    }
+    Object.entries(value).forEach(([key, enabled]) => {
+      if (enabled) out.push(key);
+    });
+  };
+  values.forEach(push);
+  return out.join(" ");
+}
+
+// src/components/brand/BusiverseLogo.tsx
+import { jsx } from "react/jsx-runtime";
+var icon_white = `<svg width="100" height="100" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><circle cx="90" cy="90" r="16" fill="#FFFFFF"/><circle cx="50" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#FFFFFF" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#FFFFFF" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#FFFFFF" stroke-width="1.5" fill="none" opacity="0.2"/></svg>`;
+var icon_black = `<svg width="100" height="100" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><circle cx="90" cy="90" r="16" fill="#000000"/><circle cx="50" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#000000" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#000000" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#000000" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#000000" stroke-width="1.5" fill="none" opacity="0.2"/></svg>`;
+var icon_color = `<svg width="100" height="100" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><circle cx="90" cy="90" r="16" fill="#3B82F6"/><circle cx="50" cy="50" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#06B6D4" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#06B6D4" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#3B82F6" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#8B5CF6" stroke-width="1.5" fill="none" opacity="0.2"/></svg>`;
+var horizontal_white = `<svg width="300" height="75" viewBox="0 0 800 200" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(20, 10)"><circle cx="90" cy="90" r="16" fill="#FFFFFF"/><circle cx="50" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#FFFFFF" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#FFFFFF" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#FFFFFF" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="240" y="120" font-family="Space Grotesk, sans-serif" font-size="64" font-weight="700" fill="#FFFFFF" letter-spacing="-0.02em">BUSIVERSE</text></svg>`;
+var horizontal_black = `<svg width="300" height="75" viewBox="0 0 800 200" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(20, 10)"><circle cx="90" cy="90" r="16" fill="#000000"/><circle cx="50" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#000000" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#000000" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#000000" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#000000" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="240" y="120" font-family="Space Grotesk, sans-serif" font-size="64" font-weight="700" fill="#000000" letter-spacing="-0.02em">BUSIVERSE</text></svg>`;
+var horizontal_color = `<svg width="300" height="75" viewBox="0 0 800 200" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(20, 10)"><circle cx="90" cy="90" r="16" fill="#3B82F6"/><circle cx="50" cy="50" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#06B6D4" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#06B6D4" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#3B82F6" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#8B5CF6" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="240" y="120" font-family="Space Grotesk, sans-serif" font-size="64" font-weight="700" fill="#0F172A" letter-spacing="-0.02em">BUSIVERSE</text></svg>`;
+var full_white = `<svg width="200" height="60" viewBox="0 0 600 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g id="icon"><circle cx="90" cy="90" r="16" fill="#FFFFFF"/><circle cx="50" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#FFFFFF" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#FFFFFF" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#FFFFFF" stroke-width="1.5" fill="none" opacity="0.2"/></g><g id="wordmark"><text x="190" y="105" font-family="Space Grotesk, sans-serif" font-size="52" font-weight="700" fill="#FFFFFF" letter-spacing="-0.02em">BUSIVERSE</text><text x="190" y="130" font-family="Inter, sans-serif" font-size="14" font-weight="500" fill="#FFFFFF" opacity="0.7" letter-spacing="0.05em">TURN IDEAS INTO OPERATING BUSINESSES</text></g></svg>`;
+var full_black = `<svg width="200" height="60" viewBox="0 0 600 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g id="icon"><circle cx="90" cy="90" r="16" fill="#000000"/><circle cx="50" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#000000" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#000000" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#000000" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#000000" stroke-width="1.5" fill="none" opacity="0.2"/></g><g id="wordmark"><text x="190" y="105" font-family="Space Grotesk, sans-serif" font-size="52" font-weight="700" fill="#000000" letter-spacing="-0.02em">BUSIVERSE</text><text x="190" y="130" font-family="Inter, sans-serif" font-size="14" font-weight="500" fill="#000000" opacity="0.7" letter-spacing="0.05em">TURN IDEAS INTO OPERATING BUSINESSES</text></g></svg>`;
+var full_color = `<svg width="200" height="60" viewBox="0 0 600 180" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g id="icon"><circle cx="90" cy="90" r="16" fill="#3B82F6"/><circle cx="50" cy="50" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#06B6D4" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#06B6D4" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#3B82F6" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#8B5CF6" stroke-width="1.5" fill="none" opacity="0.2"/></g><g id="wordmark"><text x="190" y="105" font-family="Space Grotesk, sans-serif" font-size="52" font-weight="700" fill="#0F172A" letter-spacing="-0.02em">BUSIVERSE</text><text x="190" y="130" font-family="Inter, sans-serif" font-size="14" font-weight="500" fill="#0F172A" opacity="0.7" letter-spacing="0.05em">TURN IDEAS INTO OPERATING BUSINESSES</text></g></svg>`;
+var vertical_white = `<svg width="200" height="300" viewBox="0 0 400 600" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(110, 40)"><circle cx="90" cy="90" r="16" fill="#FFFFFF"/><circle cx="50" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#FFFFFF" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#FFFFFF" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#FFFFFF" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#FFFFFF" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#FFFFFF" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#FFFFFF" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="200" y="350" font-family="Space Grotesk, sans-serif" font-size="48" font-weight="700" fill="#FFFFFF" letter-spacing="-0.02em" text-anchor="middle">BUSIVERSE</text><text x="200" y="390" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#FFFFFF" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">TURN IDEAS INTO</text><text x="200" y="410" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#FFFFFF" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">OPERATING BUSINESSES</text></svg>`;
+var vertical_black = `<svg width="200" height="300" viewBox="0 0 400 600" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(110, 40)"><circle cx="90" cy="90" r="16" fill="#000000"/><circle cx="50" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#000000" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#000000" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#000000" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#000000" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#000000" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#000000" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#000000" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#000000" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="200" y="350" font-family="Space Grotesk, sans-serif" font-size="48" font-weight="700" fill="#000000" letter-spacing="-0.02em" text-anchor="middle">BUSIVERSE</text><text x="200" y="390" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#000000" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">TURN IDEAS INTO</text><text x="200" y="410" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#000000" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">OPERATING BUSINESSES</text></svg>`;
+var vertical_color = `<svg width="200" height="300" viewBox="0 0 400 600" fill="none" xmlns="http://www.w3.org/2000/svg" class=""><g transform="translate(110, 40)"><circle cx="90" cy="90" r="16" fill="#3B82F6"/><circle cx="50" cy="50" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="130" cy="50" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="50" cy="130" r="10" fill="#06B6D4" opacity="0.9"/><circle cx="130" cy="130" r="10" fill="#8B5CF6" opacity="0.9"/><circle cx="30" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="150" cy="90" r="8" fill="#3B82F6" opacity="0.7"/><circle cx="90" cy="30" r="8" fill="#06B6D4" opacity="0.7"/><circle cx="90" cy="150" r="8" fill="#06B6D4" opacity="0.7"/><line x1="90" y1="90" x2="50" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="50" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="50" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="130" y2="130" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="30" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="150" y2="90" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="30" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><line x1="90" y1="90" x2="90" y2="150" stroke="#3B82F6" stroke-width="2" opacity="0.4"/><circle cx="90" cy="90" r="65" stroke="#3B82F6" stroke-width="2.5" fill="none" opacity="0.3"/><circle cx="90" cy="90" r="75" stroke="#8B5CF6" stroke-width="1.5" fill="none" opacity="0.2"/></g><text x="200" y="350" font-family="Space Grotesk, sans-serif" font-size="48" font-weight="700" fill="#0F172A" letter-spacing="-0.02em" text-anchor="middle">BUSIVERSE</text><text x="200" y="390" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#0F172A" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">TURN IDEAS INTO</text><text x="200" y="410" font-family="Inter, sans-serif" font-size="12" font-weight="500" fill="#0F172A" opacity="0.7" letter-spacing="0.08em" text-anchor="middle">OPERATING BUSINESSES</text></svg>`;
+var svgMap = {
+  icon: { white: icon_white, black: icon_black, color: icon_color },
+  horizontal: { white: horizontal_white, black: horizontal_black, color: horizontal_color },
+  full: { white: full_white, black: full_black, color: full_color },
+  vertical: { white: vertical_white, black: vertical_black, color: vertical_color }
+};
+function BusiverseLogo({ variant = "horizontal", tone = "white", label = "BUSIVERSE", className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      role: "img",
+      "aria-label": label,
+      className: cn("busiverse-logo", className),
+      dangerouslySetInnerHTML: { __html: svgMap[variant][tone] },
+      ...props
+    }
+  );
+}
+
+// src/components/primitives/Button.tsx
+import * as React from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var variants = {
+  primary: "busiverse-btn-primary",
+  secondary: "busiverse-btn-secondary",
+  ghost: "busiverse-btn-ghost",
+  danger: "busiverse-btn-danger",
+  success: "busiverse-btn-success",
+  link: "busiverse-btn-link"
+};
+var sizes = {
+  sm: "busiverse-btn-sm",
+  md: "busiverse-btn-md",
+  lg: "busiverse-btn-lg"
+};
+var Button = React.forwardRef(function Button2({ className, variant = "primary", size = "md", isLoading, children, disabled, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      className: cn("busiverse-focus-ring busiverse-btn", variants[variant], sizes[size], className),
+      disabled: disabled || isLoading,
+      "aria-busy": isLoading || void 0,
+      ...props,
+      children: [
+        isLoading && /* @__PURE__ */ jsx2("span", { className: "busiverse-spinner", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx2("span", { children })
+      ]
+    }
+  );
+});
+
+// src/components/primitives/Card.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Card({ className, interactive, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { className: cn("busiverse-card", interactive && "busiverse-card-interactive", className), ...props });
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { className: cn("busiverse-card-header", className), ...props });
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("h3", { className: cn("busiverse-card-title", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("p", { className: cn("busiverse-card-description", className), ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { className: cn("busiverse-card-content", className), ...props });
+}
+
+// src/components/primitives/Badge.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Badge({ className, tone = "blue", ...props }) {
+  return /* @__PURE__ */ jsx4("span", { className: cn("busiverse-badge", `busiverse-badge-${tone}`, className), ...props });
+}
+
+// src/components/primitives/Input.tsx
+import * as React2 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Input = React2.forwardRef(function Input2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx5("input", { ref, className: cn("busiverse-focus-ring busiverse-input", className), ...props });
+});
+
+// src/components/primitives/Select.tsx
+import * as React3 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Select = React3.forwardRef(function Select2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx6("select", { ref, className: cn("busiverse-focus-ring busiverse-input", className), ...props });
+});
+
+// src/components/primitives/Textarea.tsx
+import * as React4 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Textarea = React4.forwardRef(function Textarea2({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx7("textarea", { ref, className: cn("busiverse-focus-ring busiverse-input busiverse-textarea", className), ...props });
+});
+
+// src/components/primitives/Skeleton.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("div", { className: cn("busiverse-skeleton", className), ...props });
+}
+
+// src/registry/services.ts
+var busiverseServices = [
+  { key: "account", name: "Account", category: "finance", frontendHost: "account.busiversehq.com", apiPrefix: "/account/api/v1", description: "Billing, ledger, invoices, subscriptions, and accounting." },
+  { key: "ai", name: "AI", category: "intelligence", frontendHost: "ai.busiversehq.com", apiPrefix: "/ai/api/v1", description: "AI agents, automation, copilots, and approved execution.", usesTimeSeries: true },
+  { key: "authentication", name: "Authentication", category: "security", frontendHost: "authentication.busiversehq.com", apiPrefix: "/authentication/api/v1", description: "OAuth2/OIDC, MFA, sessions, clients, and identity security.", usesTimeSeries: true },
+  { key: "authorization", name: "Authorization", category: "security", frontendHost: "authorization.busiversehq.com", apiPrefix: "/authorization/api/v1", description: "ABAC policy, access decisions, simulations, and reviews.", usesTimeSeries: true },
+  { key: "bank", name: "Bank", category: "finance", frontendHost: "bank.busiversehq.com", apiPrefix: "/bank/api/v1", description: "Bank accounts, transfers, escrow, cards, loans, and settlement." },
+  { key: "blockchain", name: "Blockchain", category: "blockchain", frontendHost: "blockchain.busiversehq.com", apiPrefix: "/blockchain/api/v1", description: "Proofs, blocks, transaction status, history, and explorer APIs.", usesTimeSeries: true },
+  { key: "business", name: "Business", category: "business", frontendHost: "business.busiversehq.com", apiPrefix: "/business/api/v1", description: "Business records, workspaces, departments, and operations." },
+  { key: "business-plan", name: "Business Plan", category: "business", frontendHost: "business-plan.busiversehq.com", apiPrefix: "/business-plan/api/v1", description: "Business plans, projections, assumptions, and investor-ready exports." },
+  { key: "communication", name: "Communication", category: "operations", frontendHost: "communication.busiversehq.com", apiPrefix: "/communication/api/v1", description: "Email, SMS, push, in-app, campaigns, notifications, and webhooks.", usesTimeSeries: true },
+  { key: "employee", name: "Employee", category: "business", frontendHost: "employee.busiversehq.com", apiPrefix: "/employee/api/v1", description: "Employment lifecycle, employee records, payroll context, and AI employees." },
+  { key: "job", name: "Job", category: "business", frontendHost: "job.busiversehq.com", apiPrefix: "/job/api/v1", description: "Jobs, applications, interviews, offers, and candidate matching." },
+  { key: "location", name: "Location", category: "operations", frontendHost: "location.busiversehq.com", apiPrefix: "/location/api/v1", description: "Countries, regions, addresses, geocoding, and pricing context." },
+  { key: "logistics", name: "Logistics", category: "commerce", frontendHost: "logistics.busiversehq.com", apiPrefix: "/logistics/api/v1", description: "Shipments, delivery, vehicles, transport, and fulfillment." },
+  { key: "marketplace", name: "Marketplace", category: "commerce", frontendHost: "marketplace.busiversehq.com", apiPrefix: "/marketplace/api/v1", description: "Listings, orders, auctions, bids, vendor stores, and commerce." },
+  { key: "mint", name: "Mint", category: "finance", frontendHost: "mint.busiversehq.com", apiPrefix: "/mint/api/v1", description: "Currency, monetary rules, reserves, settlement, and policy." },
+  { key: "ml", name: "ML", category: "intelligence", frontendHost: "ml.busiversehq.com", apiPrefix: "/ml/api/v1", description: "Training, experiments, feature engineering, evaluation, and agent training.", usesTimeSeries: true },
+  { key: "project", name: "Project", category: "business", frontendHost: "project.busiversehq.com", apiPrefix: "/project/api/v1", description: "Projects, tasks, milestones, budgets, teams, and deliverables." },
+  { key: "registry", name: "Registry", category: "developer", frontendHost: "registry.busiversehq.com", apiPrefix: "/registry/api/v1", description: "Legacy registry frontend retained for migration/reference." },
+  { key: "scraper", name: "Scraper", category: "intelligence", frontendHost: "scraper.busiversehq.com", apiPrefix: "/scraper/api/v1", description: "Data acquisition, scheduled feeds, connectors, and datasets.", usesTimeSeries: true },
+  { key: "storage", name: "Storage", category: "core", frontendHost: "storage.busiversehq.com", apiPrefix: "/storage/api/v1", description: "Object custody, files, assets, evidence packs, backups, and retention." },
+  { key: "template", name: "Template", category: "business", frontendHost: "template.busiversehq.com", apiPrefix: "/template/api/v1", description: "Templates, rendering, previews, versions, and branded exports." },
+  { key: "user", name: "User", category: "core", frontendHost: "user.busiversehq.com", apiPrefix: "/user/api/v1", description: "Human profile, preferences, memberships, and signup entry." }
+];
+function getBusiverseService(key) {
+  return busiverseServices.find((service) => service.key === key);
+}
+
+// src/components/layout/AppShell.tsx
+import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
+function AppShell({ children, service, navigation, rightSlot, className }) {
+  const current = getBusiverseService(service);
+  const nav = navigation ?? [
+    { label: "Dashboard", href: "/" },
+    { label: "Records", href: "/records" },
+    { label: "Billing", href: "/billing" },
+    { label: "Settings", href: "/settings" }
+  ];
+  return /* @__PURE__ */ jsxs2("div", { className: cn("busiverse-app-shell", className), children: [
+    /* @__PURE__ */ jsxs2("aside", { className: "busiverse-sidebar", children: [
+      /* @__PURE__ */ jsxs2("a", { className: "busiverse-sidebar-brand", href: "/", children: [
+        /* @__PURE__ */ jsx9(BusiverseLogo, { variant: "icon", tone: "color", className: "busiverse-sidebar-logo" }),
+        /* @__PURE__ */ jsx9("span", { children: current?.name ?? "BUSIVERSE" })
+      ] }),
+      /* @__PURE__ */ jsx9("nav", { className: "busiverse-sidebar-nav", "aria-label": "Service navigation", children: nav.map((item) => /* @__PURE__ */ jsx9("a", { href: item.href, className: cn("busiverse-sidebar-link", item.active && "is-active"), children: item.label }, item.href)) }),
+      /* @__PURE__ */ jsxs2("div", { className: "busiverse-sidebar-services", children: [
+        /* @__PURE__ */ jsx9("span", { className: "busiverse-sidebar-kicker", children: "Ecosystem" }),
+        busiverseServices.slice(0, 8).map((item) => /* @__PURE__ */ jsx9("a", { href: `https://${item.frontendHost}`, className: "busiverse-sidebar-service-link", children: item.name }, item.key))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "busiverse-main-panel", children: [
+      /* @__PURE__ */ jsxs2("header", { className: "busiverse-topbar", children: [
+        /* @__PURE__ */ jsx9(BusiverseLogo, { variant: "horizontal", tone: "white", className: "busiverse-topbar-logo" }),
+        /* @__PURE__ */ jsx9("div", { className: "busiverse-topbar-right", children: rightSlot })
+      ] }),
+      /* @__PURE__ */ jsx9("main", { id: "main", className: "busiverse-main-content", children })
+    ] })
+  ] });
+}
+
+// src/components/layout/PageHeader.tsx
+import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+function PageHeader({ title, description, eyebrow, action, className }) {
+  return /* @__PURE__ */ jsxs3("div", { className: cn("busiverse-page-header", className), children: [
+    /* @__PURE__ */ jsxs3("div", { children: [
+      eyebrow && /* @__PURE__ */ jsx10("p", { className: "busiverse-eyebrow", children: eyebrow }),
+      /* @__PURE__ */ jsx10("h1", { children: title }),
+      description && /* @__PURE__ */ jsx10("p", { children: description })
+    ] }),
+    action && /* @__PURE__ */ jsx10("div", { className: "busiverse-page-header-action", children: action })
+  ] });
+}
+
+// src/components/layout/ContentContainer.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function ContentContainer({ className, ...props }) {
+  return /* @__PURE__ */ jsx11("div", { className: cn("busiverse-container", className), ...props });
+}
+
+// src/components/data/DataTable.tsx
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+function getCellValue(row, key) {
+  const value = row[String(key)];
+  if (value == null) return "\u2014";
+  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") return String(value);
+  return JSON.stringify(value);
+}
+function DataTable({ rows, columns, getRowKey, isLoading, emptyState, className, dense }) {
+  if (isLoading) return /* @__PURE__ */ jsx12("div", { className: "busiverse-table-state", children: "Loading records\u2026" });
+  if (!rows.length) return /* @__PURE__ */ jsx12("div", { className: "busiverse-table-state", children: emptyState ?? "No records found." });
+  return /* @__PURE__ */ jsx12("div", { className: cn("busiverse-table-wrap", className), children: /* @__PURE__ */ jsxs4("table", { className: cn("busiverse-table", dense && "is-dense"), children: [
+    /* @__PURE__ */ jsx12("thead", { children: /* @__PURE__ */ jsx12("tr", { children: columns.map((column) => /* @__PURE__ */ jsx12("th", { style: { width: column.width, textAlign: column.align }, children: column.header }, String(column.key))) }) }),
+    /* @__PURE__ */ jsx12("tbody", { children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx12("tr", { children: columns.map((column) => /* @__PURE__ */ jsx12("td", { style: { textAlign: column.align }, children: column.render ? column.render(row, rowIndex) : getCellValue(row, column.key) }, String(column.key))) }, getRowKey?.(row, rowIndex) ?? rowIndex)) })
+  ] }) });
+}
+
+// src/components/data/TimeSeriesTable.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+function formatTimestamp(value, locale, timeZone, granularity) {
+  const date = new Date(String(value));
+  const base = { timeZone };
+  const options = granularity === "second" ? { ...base, dateStyle: "medium", timeStyle: "medium" } : granularity === "minute" || granularity === "hour" ? { ...base, dateStyle: "medium", timeStyle: "short" } : granularity === "year" ? { ...base, year: "numeric" } : granularity === "month" ? { ...base, year: "numeric", month: "short" } : { ...base, dateStyle: "medium" };
+  return new Intl.DateTimeFormat(locale, options).format(date);
+}
+function TimeSeriesTable({
+  rows,
+  timestampKey,
+  valueColumns,
+  locale = "en-NG",
+  timeZone = "Africa/Lagos",
+  granularity = "minute",
+  isLoading
+}) {
+  const columns = [
+    {
+      key: String(timestampKey),
+      header: "Time",
+      render: (row) => formatTimestamp(row[String(timestampKey)], locale, timeZone, granularity)
+    },
+    ...valueColumns.map((key) => ({
+      key: String(key),
+      header: String(key),
+      align: "right",
+      render: (row) => {
+        const value = row[String(key)];
+        return typeof value === "number" ? new Intl.NumberFormat(locale, { maximumFractionDigits: 3 }).format(value) : String(value ?? "\u2014");
+      }
+    }))
+  ];
+  return /* @__PURE__ */ jsx13(DataTable, { rows, columns, isLoading, dense: true });
+}
+
+// src/components/data/StatCard.tsx
+import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+function StatCard({ label, value, helper }) {
+  return /* @__PURE__ */ jsxs5(Card, { className: "busiverse-stat-card", children: [
+    /* @__PURE__ */ jsx14("span", { children: label }),
+    /* @__PURE__ */ jsx14("strong", { children: value }),
+    helper && /* @__PURE__ */ jsx14("small", { children: helper })
+  ] });
+}
+
+// src/components/data/StatusPill.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var toneByStatus = {
+  active: "success",
+  healthy: "success",
+  running: "success",
+  pending: "warning",
+  warning: "warning",
+  failed: "danger",
+  error: "danger",
+  disabled: "slate"
+};
+function StatusPill({ status }) {
+  const key = status.toLowerCase();
+  return /* @__PURE__ */ jsx15(Badge, { tone: toneByStatus[key] ?? "blue", children: status });
+}
+
+// src/components/forms/Field.tsx
+import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
+function Field({ label, htmlFor, hint, error, children, className }) {
+  return /* @__PURE__ */ jsxs6("div", { className: cn("busiverse-field", className), children: [
+    /* @__PURE__ */ jsx16("label", { htmlFor, children: label }),
+    children,
+    hint && !error && /* @__PURE__ */ jsx16("p", { className: "busiverse-field-hint", children: hint }),
+    error && /* @__PURE__ */ jsx16("p", { className: "busiverse-field-error", children: error })
+  ] });
+}
+
+// src/components/feedback/States.tsx
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
+function EmptyState({ title, description, action }) {
+  return /* @__PURE__ */ jsxs7(Card, { className: "busiverse-state", children: [
+    /* @__PURE__ */ jsx17("h2", { children: title }),
+    description && /* @__PURE__ */ jsx17("p", { children: description }),
+    action
+  ] });
+}
+function ErrorState({ title = "Something went wrong", description, action }) {
+  return /* @__PURE__ */ jsxs7(Card, { className: "busiverse-state busiverse-state-error", children: [
+    /* @__PURE__ */ jsx17("h2", { children: title }),
+    description && /* @__PURE__ */ jsx17("p", { children: description }),
+    action
+  ] });
+}
+function ForbiddenState({ description = "You do not have permission to access this resource." }) {
+  return /* @__PURE__ */ jsx17(ErrorState, { title: "Access denied", description, action: /* @__PURE__ */ jsx17(Button, { variant: "secondary", children: "Go back" }) });
+}
+
+// src/i18n/format.ts
+function formatCurrency(amount, region, options) {
+  return new Intl.NumberFormat(region.locale, { style: "currency", currency: region.currencyCode, ...options }).format(amount);
+}
+function formatNumber(value, locale = "en-NG", options) {
+  return new Intl.NumberFormat(locale, options).format(value);
+}
+function formatDate(value, region, options) {
+  return new Intl.DateTimeFormat(region.locale, { timeZone: region.timeZone, dateStyle: "medium", timeStyle: "short", ...options }).format(new Date(value));
+}
+function toRegionHeaders(region) {
+  return {
+    "Accept-Language": region.locale,
+    "X-Busiverse-Country": region.countryCode,
+    "X-Busiverse-Region": region.regionCode ?? region.countryCode,
+    "X-Busiverse-Currency": region.currencyCode,
+    "X-Busiverse-Timezone": region.timeZone
+  };
+}
+
+// src/components/billing/CurrencyAmount.tsx
+import { Fragment, jsx as jsx18 } from "react/jsx-runtime";
+function CurrencyAmount({ amount, currency = "NGN", locale = "en-NG", minimumFractionDigits, maximumFractionDigits }) {
+  const region = { locale, currencyCode: currency };
+  return /* @__PURE__ */ jsx18(Fragment, { children: formatCurrency(amount, region, { minimumFractionDigits, maximumFractionDigits }) });
+}
+
+// src/components/billing/UsageQuotaBar.tsx
+import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+function UsageQuotaBar({ used, limit, label }) {
+  const percent = limit > 0 ? Math.min(100, Math.round(used / limit * 100)) : 0;
+  return /* @__PURE__ */ jsxs8("div", { className: "busiverse-quota", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "busiverse-quota-row", children: [
+      /* @__PURE__ */ jsx19("span", { children: label }),
+      /* @__PURE__ */ jsxs8("span", { children: [
+        used.toLocaleString(),
+        " / ",
+        limit.toLocaleString()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx19("div", { className: "busiverse-quota-track", children: /* @__PURE__ */ jsx19("div", { className: "busiverse-quota-fill", style: { width: `${percent}%` } }) })
+  ] });
+}
+
+// src/components/marketing/HeroSection.tsx
+import { jsx as jsx20, jsxs as jsxs9 } 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__ */ jsx20(Button, { children: "Start Building" }),
+  secondaryCta = /* @__PURE__ */ jsx20(Button, { variant: "secondary", children: "Explore the Platform" })
+}) {
+  return /* @__PURE__ */ jsx20("section", { className: "busiverse-hero", children: /* @__PURE__ */ jsxs9("div", { className: "busiverse-hero-content", children: [
+    /* @__PURE__ */ jsx20(BusiverseLogo, { variant: "full", tone: "white", className: "busiverse-hero-logo" }),
+    /* @__PURE__ */ jsx20("h1", { children: title }),
+    /* @__PURE__ */ jsx20("p", { children: subtitle }),
+    /* @__PURE__ */ jsxs9("div", { className: "busiverse-hero-actions", children: [
+      primaryCta,
+      secondaryCta
+    ] })
+  ] }) });
+}
+
+// src/api/createGatewayClient.ts
+var GatewayApiError = class extends Error {
+  status;
+  body;
+  constructor(status, body, message = `Gateway request failed with ${status}`) {
+    super(message);
+    this.name = "GatewayApiError";
+    this.status = status;
+    this.body = body;
+  }
+};
+async function parseBody(response) {
+  const contentType = response.headers.get("content-type") ?? "";
+  if (contentType.includes("application/json")) return response.json();
+  return response.text();
+}
+function createGatewayClient(options) {
+  const request = async (path, init = {}) => {
+    const token = typeof options.getAccessToken === "function" ? await options.getAccessToken() : options.getAccessToken;
+    const region = init.region ?? options.region;
+    const headers = new Headers(options.defaultHeaders);
+    headers.set("Accept", "application/json");
+    if (!(init.body instanceof FormData)) headers.set("Content-Type", "application/json");
+    if (token) headers.set("Authorization", `Bearer ${token}`);
+    if (init.idempotencyKey) headers.set("Idempotency-Key", init.idempotencyKey);
+    if (init.correlationId) headers.set("X-Correlation-Id", init.correlationId);
+    if (region) Object.entries(toRegionHeaders(region)).forEach(([key, value]) => headers.set(key, value));
+    new Headers(init.headers).forEach((value, key) => headers.set(key, value));
+    const response = await fetch(new URL(path, options.baseUrl).toString(), { ...init, headers });
+    if (response.status === 401) options.onUnauthorized?.();
+    if (!response.ok) throw new GatewayApiError(response.status, await parseBody(response));
+    if (response.status === 204) return void 0;
+    return parseBody(response);
+  };
+  return {
+    request,
+    get: (path, init) => request(path, { ...init, method: "GET" }),
+    post: (path, body, init) => request(path, { ...init, method: "POST", body: body instanceof FormData ? body : JSON.stringify(body ?? {}) }),
+    put: (path, body, init) => request(path, { ...init, method: "PUT", body: body instanceof FormData ? body : JSON.stringify(body ?? {}) }),
+    patch: (path, body, init) => request(path, { ...init, method: "PATCH", body: body instanceof FormData ? body : JSON.stringify(body ?? {}) }),
+    delete: (path, init) => request(path, { ...init, method: "DELETE" })
+  };
+}
+
+// src/auth/AuthSessionProvider.tsx
+import * as React5 from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var AuthContext = React5.createContext(null);
+function AuthSessionProvider({ children, session }) {
+  return /* @__PURE__ */ jsx21(AuthContext.Provider, { value: session, children });
+}
+function useBusiverseAuth() {
+  const value = React5.useContext(AuthContext);
+  if (!value) throw new Error("useBusiverseAuth must be used inside AuthSessionProvider");
+  return value;
+}
+
+// src/auth/RequireAuth.tsx
+import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
+function RequireAuth({ children }) {
+  const auth = useBusiverseAuth();
+  if (auth.isLoading) return /* @__PURE__ */ jsx22("div", { className: "busiverse-loading-state", children: "Checking session\u2026" });
+  if (!auth.isAuthenticated) {
+    return /* @__PURE__ */ jsxs10("div", { className: "busiverse-auth-required", children: [
+      /* @__PURE__ */ jsx22("h1", { children: "Sign in required" }),
+      /* @__PURE__ */ jsx22("p", { children: "Use your BUSIVERSE account to continue." }),
+      /* @__PURE__ */ jsx22(Button, { onClick: () => void auth.signIn(), children: "Sign in" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx22(Fragment2, { children });
+}
+
+// src/auth/SignUpLink.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+function SignUpLink({ signupUrl = "https://user.busiversehq.com/signup", children = "Create your Busiverse account", ...props }) {
+  return /* @__PURE__ */ jsx23("a", { href: signupUrl, ...props, children });
+}
+
+// src/auth/UserMenu.tsx
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+function UserMenu() {
+  const auth = useBusiverseAuth();
+  if (!auth.isAuthenticated || !auth.user) return /* @__PURE__ */ jsx24(Button, { size: "sm", onClick: () => void auth.signIn(), children: "Sign in" });
+  return /* @__PURE__ */ jsxs11("div", { className: "busiverse-user-menu", children: [
+    /* @__PURE__ */ jsx24("span", { children: auth.user.name ?? auth.user.email ?? "User" }),
+    /* @__PURE__ */ jsx24(Button, { size: "sm", variant: "ghost", onClick: () => void auth.signOut(), children: "Sign out" })
+  ] });
+}
+
+// src/i18n/BusiverseI18nProvider.tsx
+import * as React6 from "react";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var defaultRegion = {
+  locale: "en-NG",
+  countryCode: "NG",
+  regionCode: "NG-LA",
+  currencyCode: "NGN",
+  timeZone: "Africa/Lagos"
+};
+var I18nContext = React6.createContext(null);
+function BusiverseI18nProvider({ children, initialRegion, bundles = {} }) {
+  const [region, setRegion] = React6.useState({ ...defaultRegion, ...initialRegion });
+  const t = React6.useCallback((key, fallback, vars) => {
+    const value = bundles[region.locale]?.[key] ?? bundles[region.locale.split("-")[0]]?.[key] ?? fallback ?? key;
+    if (!vars) return value;
+    return Object.entries(vars).reduce((acc, [name, val]) => acc.replaceAll(`{${name}}`, String(val)), value);
+  }, [bundles, region.locale]);
+  return /* @__PURE__ */ jsx25(I18nContext.Provider, { value: { region, bundles, setRegion, t }, children });
+}
+function useBusiverseI18n() {
+  const ctx = React6.useContext(I18nContext);
+  if (!ctx) throw new Error("useBusiverseI18n must be used inside BusiverseI18nProvider");
+  return ctx;
+}
+export {
+  AppShell,
+  AuthSessionProvider,
+  Badge,
+  BusiverseI18nProvider,
+  BusiverseLogo,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  ContentContainer,
+  CurrencyAmount,
+  DataTable,
+  EmptyState,
+  ErrorState,
+  Field,
+  ForbiddenState,
+  GatewayApiError,
+  HeroSection,
+  Input,
+  PageHeader,
+  RequireAuth,
+  Select,
+  SignUpLink,
+  Skeleton,
+  StatCard,
+  StatusPill,
+  Textarea,
+  TimeSeriesTable,
+  UsageQuotaBar,
+  UserMenu,
+  busiverseAssets,
+  busiverseColors,
+  busiverseContainers,
+  busiverseMotion,
+  busiverseRadius,
+  busiverseServices,
+  busiverseSpacing,
+  busiverseTypography,
+  cn,
+  createGatewayClient,
+  formatCurrency,
+  formatDate,
+  formatNumber,
+  getBusiverseService,
+  toRegionHeaders,
+  useBusiverseAuth,
+  useBusiverseI18n
+};
+//# sourceMappingURL=index.js.map