@busiverse/ui 0.2.5 → 0.2.8

package/dist/{chunk-UU2CXC3N.js → chunk-MPBOCUY4.js}

@@ -5,65 +5,76 @@ import {
   getSupportedRegion,
   useBusiverseI18n
 } from "./chunk-WDOMYE77.js";
+import {
+  Button
+} from "./chunk-IVTESKF4.js";
 import {
   cn
 } from "./chunk-PYZVP4NI.js";
 
-// src/components/primitives/Button.tsx
-import * as React from "react";
-import { jsx, 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__ */ jsx("span", { className: "busiverse-spinner", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("span", { children })
-      ]
-    }
-  );
-});
+// src/components/billing/CurrencyAmount.tsx
+import { Fragment, jsx } from "react/jsx-runtime";
+function CurrencyAmount({ amount, currency = "NGN", locale = "en-NG", minimumFractionDigits, maximumFractionDigits }) {
+  const region = { locale, currencyCode: currency };
+  return /* @__PURE__ */ jsx(Fragment, { children: formatCurrency(amount, region, { minimumFractionDigits, maximumFractionDigits }) });
+}
+
+// src/components/billing/UsageQuotaBar.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function UsageQuotaBar({ used, limit, label }) {
+  const percent = limit > 0 ? Math.min(100, Math.round(used / limit * 100)) : 0;
+  return /* @__PURE__ */ jsxs("div", { className: "busiverse-quota", children: [
+    /* @__PURE__ */ jsxs("div", { className: "busiverse-quota-row", children: [
+      /* @__PURE__ */ jsx2("span", { children: label }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        used.toLocaleString(),
+        " / ",
+        limit.toLocaleString()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "busiverse-quota-track", children: /* @__PURE__ */ jsx2("div", { className: "busiverse-quota-fill", style: { width: `${percent}%` } }) })
+  ] });
+}
+
+// src/components/data/DataTable.tsx
+import { jsx as jsx3, jsxs as jsxs2 } 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__ */ jsx3("div", { className: "busiverse-table-state", children: "Loading records\u2026" });
+  if (!rows.length) return /* @__PURE__ */ jsx3("div", { className: "busiverse-table-state", children: emptyState ?? "No records found." });
+  return /* @__PURE__ */ jsx3("div", { className: cn("busiverse-table-wrap", className), children: /* @__PURE__ */ jsxs2("table", { className: cn("busiverse-table", dense && "is-dense"), children: [
+    /* @__PURE__ */ jsx3("thead", { children: /* @__PURE__ */ jsx3("tr", { children: columns.map((column) => /* @__PURE__ */ jsx3("th", { style: { width: column.width, textAlign: column.align }, children: column.header }, String(column.key))) }) }),
+    /* @__PURE__ */ jsx3("tbody", { children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx3("tr", { children: columns.map((column) => /* @__PURE__ */ jsx3("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/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/Card.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Card({ className, interactive, ...props }) {
-  return /* @__PURE__ */ jsx2("div", { className: cn("busiverse-card", interactive && "busiverse-card-interactive", className), ...props });
+  return /* @__PURE__ */ jsx5("div", { className: cn("busiverse-card", interactive && "busiverse-card-interactive", className), ...props });
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx2("div", { className: cn("busiverse-card-header", className), ...props });
+  return /* @__PURE__ */ jsx5("div", { className: cn("busiverse-card-header", className), ...props });
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx2("h3", { className: cn("busiverse-card-title", className), ...props });
+  return /* @__PURE__ */ jsx5("h3", { className: cn("busiverse-card-title", className), ...props });
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx2("p", { className: cn("busiverse-card-description", className), ...props });
+  return /* @__PURE__ */ jsx5("p", { className: cn("busiverse-card-description", className), ...props });
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx2("div", { className: cn("busiverse-card-content", className), ...props });
-}
-
-// src/components/primitives/Badge.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-function Badge({ className, tone = "blue", ...props }) {
-  return /* @__PURE__ */ jsx3("span", { className: cn("busiverse-badge", `busiverse-badge-${tone}`, className), ...props });
+  return /* @__PURE__ */ jsx5("div", { className: cn("busiverse-card-content", className), ...props });
 }
 
 // src/registry/services.ts
@@ -104,47 +115,6 @@ function getBusiverseService(key) {
   return busiverseServices.find((service) => service.key === key);
 }
 
-// src/components/data/DataTable.tsx
-import { jsx as jsx4, jsxs as jsxs2 } 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__ */ jsx4("div", { className: "busiverse-table-state", children: "Loading records\u2026" });
-  if (!rows.length) return /* @__PURE__ */ jsx4("div", { className: "busiverse-table-state", children: emptyState ?? "No records found." });
-  return /* @__PURE__ */ jsx4("div", { className: cn("busiverse-table-wrap", className), children: /* @__PURE__ */ jsxs2("table", { className: cn("busiverse-table", dense && "is-dense"), children: [
-    /* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsx4("tr", { children: columns.map((column) => /* @__PURE__ */ jsx4("th", { style: { width: column.width, textAlign: column.align }, children: column.header }, String(column.key))) }) }),
-    /* @__PURE__ */ jsx4("tbody", { children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx4("tr", { children: columns.map((column) => /* @__PURE__ */ jsx4("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/billing/CurrencyAmount.tsx
-import { Fragment, jsx as jsx5 } from "react/jsx-runtime";
-function CurrencyAmount({ amount, currency = "NGN", locale = "en-NG", minimumFractionDigits, maximumFractionDigits }) {
-  const region = { locale, currencyCode: currency };
-  return /* @__PURE__ */ jsx5(Fragment, { children: formatCurrency(amount, region, { minimumFractionDigits, maximumFractionDigits }) });
-}
-
-// src/components/billing/UsageQuotaBar.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-function UsageQuotaBar({ used, limit, label }) {
-  const percent = limit > 0 ? Math.min(100, Math.round(used / limit * 100)) : 0;
-  return /* @__PURE__ */ jsxs3("div", { className: "busiverse-quota", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "busiverse-quota-row", children: [
-      /* @__PURE__ */ jsx6("span", { children: label }),
-      /* @__PURE__ */ jsxs3("span", { children: [
-        used.toLocaleString(),
-        " / ",
-        limit.toLocaleString()
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx6("div", { className: "busiverse-quota-track", children: /* @__PURE__ */ jsx6("div", { className: "busiverse-quota-fill", style: { width: `${percent}%` } }) })
-  ] });
-}
-
 // src/pricing/servicePricingCatalog.ts
 var busiverseServicePricingCatalog = [
   {
@@ -7704,8 +7674,8 @@ function describeTimeEquivalents(row, region) {
 }
 
 // src/components/billing/ServicePricingExplorer.tsx
-import * as React2 from "react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import * as React from "react";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var categoryOrder = ["all", "core", "security", "finance", "business", "commerce", "operations", "intelligence", "blockchain", "developer"];
 var categoryLabels = {
   all: "All services",
@@ -7727,7 +7697,7 @@ function summarizeRange(min, max, region) {
   return `${formatPricingValue(min, region)} \u2013 ${formatPricingValue(max, region)}`;
 }
 function useFilteredSummaries(rows) {
-  return React2.useMemo(() => {
+  return React.useMemo(() => {
     const serviceKeys = [...new Set(rows.map((row) => row.service))];
     return getServicePricingSummaries(busiverseServices.filter((service) => serviceKeys.includes(service.key)));
   }, [rows]);
@@ -7742,28 +7712,28 @@ function ServicePricingExplorer({
   maxInitialRows = 48
 }) {
   const { region } = useBusiverseI18n();
-  const [audience, setAudience] = React2.useState(defaultAudience);
-  const [category, setCategory] = React2.useState("all");
-  const [query, setQuery] = React2.useState("");
-  const [showAllRows, setShowAllRows] = React2.useState(false);
+  const [audience, setAudience] = React.useState(defaultAudience);
+  const [category, setCategory] = React.useState("all");
+  const [query, setQuery] = React.useState("");
+  const [showAllRows, setShowAllRows] = React.useState(false);
   const summaries = useFilteredSummaries(rows);
-  const filteredSummaries = React2.useMemo(() => summaries.filter((summary) => {
+  const filteredSummaries = React.useMemo(() => summaries.filter((summary) => {
     const service = getBusiverseService(summary.service);
     if (category !== "all" && service?.category !== category) return false;
     if (!query.trim()) return true;
     const haystack = `${summary.service} ${service?.name ?? ""} ${service?.description ?? ""}`.toLowerCase();
     return haystack.includes(query.toLowerCase());
   }), [category, query, summaries]);
-  const filteredRows = React2.useMemo(() => {
+  const filteredRows = React.useMemo(() => {
     const allowedServices = new Set(filteredSummaries.map((summary) => summary.service));
     return rows.filter((row) => allowedServices.has(row.service));
   }, [rows, filteredSummaries]);
   const visibleRows = showAllRows ? filteredRows : filteredRows.slice(0, maxInitialRows);
   const columns = [
     { key: "service", header: "Service", render: (row) => serviceLabel(row.service), width: "160px" },
-    { key: "displayName", header: "Operation", render: (row) => /* @__PURE__ */ jsxs4("span", { children: [
-      /* @__PURE__ */ jsx7("strong", { children: row.displayName }),
-      /* @__PURE__ */ jsx7("small", { className: "busiverse-pricing-code", children: row.operationCode })
+    { key: "displayName", header: "Operation", render: (row) => /* @__PURE__ */ jsxs3("span", { children: [
+      /* @__PURE__ */ jsx6("strong", { children: row.displayName }),
+      /* @__PURE__ */ jsx6("small", { className: "busiverse-pricing-code", children: row.operationCode })
     ] }) },
     { key: "cadence", header: "Unit", render: (row) => `${labelCadence(row.cadence)} \xB7 ${row.unit}` },
     { key: "standaloneUsd", header: audience === "external" ? "External price" : "Internal price", align: "right", render: (row) => formatPricingValue(getRowPriceUsd(row, audience), region) },
@@ -7771,17 +7741,17 @@ function ServicePricingExplorer({
     { key: "standaloneGrossMargin", header: "Margin", align: "right", render: (row) => formatMargin(getRowGrossMargin(row, audience), region.locale) },
     { key: "perMonthUsd", header: "Standard equivalents", render: (row) => describeTimeEquivalents(row, region) || "\u2014" }
   ];
-  return /* @__PURE__ */ jsxs4("section", { className: cn("busiverse-pricing-explorer", className), children: [
-    /* @__PURE__ */ jsxs4("div", { className: "busiverse-pricing-header", children: [
-      /* @__PURE__ */ jsxs4("div", { children: [
-        /* @__PURE__ */ jsx7(Badge, { tone: "blue", children: "Account-rated catalog" }),
-        /* @__PURE__ */ jsx7("h2", { children: title }),
-        /* @__PURE__ */ jsx7("p", { children: description })
+  return /* @__PURE__ */ jsxs3("section", { className: cn("busiverse-pricing-explorer", className), children: [
+    /* @__PURE__ */ jsxs3("div", { className: "busiverse-pricing-header", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx6(Badge, { tone: "blue", children: "Account-rated catalog" }),
+        /* @__PURE__ */ jsx6("h2", { children: title }),
+        /* @__PURE__ */ jsx6("p", { children: description })
       ] }),
-      showRegionSelector && /* @__PURE__ */ jsx7(RegionSelector, {})
+      showRegionSelector && /* @__PURE__ */ jsx6(RegionSelector, {})
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "busiverse-pricing-controls", role: "search", children: [
-      /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsxs3("div", { className: "busiverse-pricing-controls", role: "search", children: [
+      /* @__PURE__ */ jsx6(
         "input",
         {
           "aria-label": "Search services",
@@ -7791,26 +7761,26 @@ function ServicePricingExplorer({
           onChange: (event) => setQuery(event.target.value)
         }
       ),
-      /* @__PURE__ */ jsxs4("div", { className: "busiverse-pricing-toggle", "aria-label": "Pricing audience", children: [
-        /* @__PURE__ */ jsx7(Button, { size: "sm", variant: audience === "external" ? "primary" : "secondary", onClick: () => setAudience("external"), children: "External" }),
-        /* @__PURE__ */ jsx7(Button, { size: "sm", variant: audience === "internal" ? "primary" : "secondary", onClick: () => setAudience("internal"), children: "Internal Busiverse" })
+      /* @__PURE__ */ jsxs3("div", { className: "busiverse-pricing-toggle", "aria-label": "Pricing audience", children: [
+        /* @__PURE__ */ jsx6(Button, { size: "sm", variant: audience === "external" ? "primary" : "secondary", onClick: () => setAudience("external"), children: "External" }),
+        /* @__PURE__ */ jsx6(Button, { size: "sm", variant: audience === "internal" ? "primary" : "secondary", onClick: () => setAudience("internal"), children: "Internal Busiverse" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx7("div", { className: "busiverse-pricing-tabs", "aria-label": "Service categories", children: categoryOrder.map((item) => /* @__PURE__ */ jsx7("button", { className: cn(item === category && "is-active"), onClick: () => setCategory(item), type: "button", children: categoryLabels[item] ?? item }, item)) }),
-    /* @__PURE__ */ jsx7("div", { className: "busiverse-pricing-grid", children: filteredSummaries.map((summary) => /* @__PURE__ */ jsx7(ServicePricingCard, { summary, audience }, summary.service)) }),
-    /* @__PURE__ */ jsxs4(Card, { className: "busiverse-pricing-table-card", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "busiverse-pricing-table-heading", children: [
-        /* @__PURE__ */ jsxs4("div", { children: [
-          /* @__PURE__ */ jsx7("h3", { children: "Operation-level tariff sheet" }),
-          /* @__PURE__ */ jsx7("p", { children: "Rows include external price, internal chargeback, estimated direct cost, gross margin, and standardized time equivalents where applicable." })
+    /* @__PURE__ */ jsx6("div", { className: "busiverse-pricing-tabs", "aria-label": "Service categories", children: categoryOrder.map((item) => /* @__PURE__ */ jsx6("button", { className: cn(item === category && "is-active"), onClick: () => setCategory(item), type: "button", children: categoryLabels[item] ?? item }, item)) }),
+    /* @__PURE__ */ jsx6("div", { className: "busiverse-pricing-grid", children: filteredSummaries.map((summary) => /* @__PURE__ */ jsx6(ServicePricingCard, { summary, audience }, summary.service)) }),
+    /* @__PURE__ */ jsxs3(Card, { className: "busiverse-pricing-table-card", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "busiverse-pricing-table-heading", children: [
+        /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx6("h3", { children: "Operation-level tariff sheet" }),
+          /* @__PURE__ */ jsx6("p", { children: "Rows include external price, internal chargeback, estimated direct cost, gross margin, and standardized time equivalents where applicable." })
         ] }),
-        /* @__PURE__ */ jsxs4(Badge, { tone: "cyan", children: [
+        /* @__PURE__ */ jsxs3(Badge, { tone: "cyan", children: [
           filteredRows.length,
           " operations"
         ] })
       ] }),
-      /* @__PURE__ */ jsx7(DataTable, { rows: visibleRows, columns, dense: true, getRowKey: (row) => row.operationCode, emptyState: "No pricing operations match the current filter." }),
-      filteredRows.length > maxInitialRows && /* @__PURE__ */ jsx7("div", { className: "busiverse-pricing-table-more", children: /* @__PURE__ */ jsx7(Button, { variant: "secondary", onClick: () => setShowAllRows((value) => !value), children: showAllRows ? "Show fewer operations" : `Show all ${filteredRows.length} operations` }) })
+      /* @__PURE__ */ jsx6(DataTable, { rows: visibleRows, columns, dense: true, getRowKey: (row) => row.operationCode, emptyState: "No pricing operations match the current filter." }),
+      filteredRows.length > maxInitialRows && /* @__PURE__ */ jsx6("div", { className: "busiverse-pricing-table-more", children: /* @__PURE__ */ jsx6(Button, { variant: "secondary", onClick: () => setShowAllRows((value) => !value), children: showAllRows ? "Show fewer operations" : `Show all ${filteredRows.length} operations` }) })
     ] })
   ] });
 }
@@ -7819,34 +7789,34 @@ function ServicePricingCard({ summary, audience }) {
   const service = getBusiverseService(summary.service);
   const minPrice = audience === "internal" ? summary.minBusiverseUsd : summary.minStandaloneUsd;
   const maxPrice = audience === "internal" ? summary.maxBusiverseUsd : summary.maxStandaloneUsd;
-  return /* @__PURE__ */ jsxs4(Card, { className: "busiverse-pricing-card", interactive: true, children: [
-    /* @__PURE__ */ jsxs4("div", { className: "busiverse-pricing-card-topline", children: [
-      /* @__PURE__ */ jsx7(Badge, { tone: summary.hasPassThrough ? "warning" : "blue", children: summary.hasPassThrough ? "Pass-through aware" : "Fixed rated" }),
-      service?.usesTimeSeries && /* @__PURE__ */ jsx7(Badge, { tone: "cyan", children: "Time-series" })
+  return /* @__PURE__ */ jsxs3(Card, { className: "busiverse-pricing-card", interactive: true, children: [
+    /* @__PURE__ */ jsxs3("div", { className: "busiverse-pricing-card-topline", children: [
+      /* @__PURE__ */ jsx6(Badge, { tone: summary.hasPassThrough ? "warning" : "blue", children: summary.hasPassThrough ? "Pass-through aware" : "Fixed rated" }),
+      service?.usesTimeSeries && /* @__PURE__ */ jsx6(Badge, { tone: "cyan", children: "Time-series" })
     ] }),
-    /* @__PURE__ */ jsx7("h3", { children: service?.name ?? serviceLabel(summary.service) }),
-    /* @__PURE__ */ jsx7("p", { children: service?.description ?? "BUSIVERSE service pricing." }),
-    /* @__PURE__ */ jsxs4("div", { className: "busiverse-pricing-card-price", children: [
-      /* @__PURE__ */ jsx7("span", { children: "Usage range" }),
-      /* @__PURE__ */ jsx7("strong", { children: summarizeRange(minPrice, maxPrice, region) })
+    /* @__PURE__ */ jsx6("h3", { children: service?.name ?? serviceLabel(summary.service) }),
+    /* @__PURE__ */ jsx6("p", { children: service?.description ?? "BUSIVERSE service pricing." }),
+    /* @__PURE__ */ jsxs3("div", { className: "busiverse-pricing-card-price", children: [
+      /* @__PURE__ */ jsx6("span", { children: "Usage range" }),
+      /* @__PURE__ */ jsx6("strong", { children: summarizeRange(minPrice, maxPrice, region) })
     ] }),
-    summary.minMonthlyUsd != null && summary.maxMonthlyUsd != null && /* @__PURE__ */ jsxs4("div", { className: "busiverse-pricing-card-metric", children: [
-      /* @__PURE__ */ jsx7("span", { children: "Monthly equivalent" }),
-      /* @__PURE__ */ jsx7("b", { children: summarizeRange(summary.minMonthlyUsd, summary.maxMonthlyUsd, region) })
+    summary.minMonthlyUsd != null && summary.maxMonthlyUsd != null && /* @__PURE__ */ jsxs3("div", { className: "busiverse-pricing-card-metric", children: [
+      /* @__PURE__ */ jsx6("span", { children: "Monthly equivalent" }),
+      /* @__PURE__ */ jsx6("b", { children: summarizeRange(summary.minMonthlyUsd, summary.maxMonthlyUsd, region) })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "busiverse-pricing-card-metric", children: [
-      /* @__PURE__ */ jsx7("span", { children: "Direct cost range" }),
-      /* @__PURE__ */ jsx7("b", { children: summarizeRange(summary.minDirectCostUsd, summary.maxDirectCostUsd, region) })
+    /* @__PURE__ */ jsxs3("div", { className: "busiverse-pricing-card-metric", children: [
+      /* @__PURE__ */ jsx6("span", { children: "Direct cost range" }),
+      /* @__PURE__ */ jsx6("b", { children: summarizeRange(summary.minDirectCostUsd, summary.maxDirectCostUsd, region) })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "busiverse-pricing-card-metric", children: [
-      /* @__PURE__ */ jsx7("span", { children: "Gross margin" }),
-      /* @__PURE__ */ jsxs4("b", { children: [
+    /* @__PURE__ */ jsxs3("div", { className: "busiverse-pricing-card-metric", children: [
+      /* @__PURE__ */ jsx6("span", { children: "Gross margin" }),
+      /* @__PURE__ */ jsxs3("b", { children: [
         formatMargin(summary.minGrossMargin, region.locale),
         " \u2013 ",
         formatMargin(summary.maxGrossMargin, region.locale)
       ] })
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "busiverse-pricing-card-footer", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "busiverse-pricing-card-footer", children: [
       summary.operationCount,
       " rated operations \xB7 ",
       summary.cadences.length,
@@ -7856,18 +7826,17 @@ function ServicePricingCard({ summary, audience }) {
 }
 
 export {
-  Button,
+  CurrencyAmount,
+  UsageQuotaBar,
+  DataTable,
+  Badge,
   Card,
   CardHeader,
   CardTitle,
   CardDescription,
   CardContent,
-  Badge,
   busiverseServices,
   getBusiverseService,
-  DataTable,
-  CurrencyAmount,
-  UsageQuotaBar,
   busiverseServicePricingCatalog,
   getPricingRowsByService,
   getServicePricingSummary,

package/dist/chunk-NN24XQYI.js

@@ -0,0 +1,109 @@
+import {
+  busiverseAssets
+} from "./chunk-QK6O2RHQ.js";
+
+// src/components/brand/BusiverseBrandHead.tsx
+import * as React from "react";
+var DEFAULT_TITLE = "BUSIVERSE \u2014 Turn Ideas Into Operating Businesses";
+var DEFAULT_DESCRIPTION = "BUSIVERSE combines AI automation, blockchain-backed trust, and modular business services to help teams launch and operate ventures faster.";
+var DEFAULT_THEME_COLOR = "#020617";
+function ensureMeta(selector, attributes) {
+  let node = document.head.querySelector(selector);
+  if (!node) {
+    node = document.createElement("meta");
+    document.head.appendChild(node);
+  }
+  Object.entries(attributes).forEach(([key, value]) => node?.setAttribute(key, value));
+  return node;
+}
+function ensureLink(selector, attributes) {
+  let node = document.head.querySelector(selector);
+  if (!node) {
+    node = document.createElement("link");
+    node.setAttribute("data-busiverse-ui-head", "true");
+    document.head.appendChild(node);
+  }
+  Object.entries(attributes).forEach(([key, value]) => node?.setAttribute(key, value));
+  return node;
+}
+function createManifestDataUrl(title, description, themeColor) {
+  const manifest = {
+    name: title,
+    short_name: "BUSIVERSE",
+    description,
+    start_url: "/",
+    scope: "/",
+    display: "standalone",
+    background_color: themeColor,
+    theme_color: themeColor,
+    icons: [
+      { src: busiverseAssets.favicon.androidChrome192, sizes: "192x192", type: "image/png" },
+      { src: busiverseAssets.favicon.androidChrome512, sizes: "512x512", type: "image/png" }
+    ]
+  };
+  return `data:application/manifest+json,${encodeURIComponent(JSON.stringify(manifest))}`;
+}
+function applyBusiverseBrandHead({
+  title = DEFAULT_TITLE,
+  description = DEFAULT_DESCRIPTION,
+  siteName = "Busiverse",
+  url,
+  image = busiverseAssets.social.xHeader,
+  twitterSite = "@busiverse1",
+  keywords = "Busiverse, AI automation, blockchain-backed trust, modular business services, distributed business infrastructure",
+  locale = "en_NG",
+  themeColor = DEFAULT_THEME_COLOR,
+  appleMobileWebAppTitle = "BUSIVERSE",
+  applicationName = "BUSIVERSE"
+} = {}) {
+  document.title = title;
+  ensureMeta('meta[name="description"]', { name: "description", content: description });
+  ensureMeta('meta[name="keywords"]', { name: "keywords", content: keywords });
+  ensureMeta('meta[name="theme-color"]', { name: "theme-color", content: themeColor });
+  ensureMeta('meta[name="application-name"]', { name: "application-name", content: applicationName });
+  ensureMeta('meta[name="apple-mobile-web-app-title"]', { name: "apple-mobile-web-app-title", content: appleMobileWebAppTitle });
+  ensureMeta('meta[name="msapplication-TileColor"]', { name: "msapplication-TileColor", content: themeColor });
+  ensureMeta('meta[name="msapplication-TileImage"]', { name: "msapplication-TileImage", content: busiverseAssets.favicon.msTile144 });
+  ensureLink('link[data-busiverse-ui-head="icon-ico"]', { rel: "icon", type: "image/x-icon", href: busiverseAssets.favicon.ico, "data-busiverse-ui-head": "icon-ico" });
+  ensureLink('link[data-busiverse-ui-head="icon-16"]', { rel: "icon", type: "image/png", sizes: "16x16", href: busiverseAssets.favicon.png16, "data-busiverse-ui-head": "icon-16" });
+  ensureLink('link[data-busiverse-ui-head="icon-32"]', { rel: "icon", type: "image/png", sizes: "32x32", href: busiverseAssets.favicon.png32, "data-busiverse-ui-head": "icon-32" });
+  ensureLink('link[data-busiverse-ui-head="icon-96"]', { rel: "icon", type: "image/png", sizes: "96x96", href: busiverseAssets.favicon.png96, "data-busiverse-ui-head": "icon-96" });
+  ensureLink('link[data-busiverse-ui-head="icon-192"]', { rel: "icon", type: "image/png", sizes: "192x192", href: busiverseAssets.favicon.androidIcon192, "data-busiverse-ui-head": "icon-192" });
+  ensureLink('link[data-busiverse-ui-head="apple-touch-icon"]', { rel: "apple-touch-icon", sizes: "180x180", href: busiverseAssets.favicon.appleTouchIcon, "data-busiverse-ui-head": "apple-touch-icon" });
+  ensureLink('link[data-busiverse-ui-head="manifest"]', { rel: "manifest", href: createManifestDataUrl(title, description, themeColor), "data-busiverse-ui-head": "manifest" });
+  ensureMeta('meta[property="og:title"]', { property: "og:title", content: title });
+  ensureMeta('meta[property="og:description"]', { property: "og:description", content: description });
+  ensureMeta('meta[property="og:type"]', { property: "og:type", content: "website" });
+  ensureMeta('meta[property="og:site_name"]', { property: "og:site_name", content: siteName });
+  ensureMeta('meta[property="og:locale"]', { property: "og:locale", content: locale });
+  ensureMeta('meta[property="og:image"]', { property: "og:image", content: image });
+  if (url) ensureMeta('meta[property="og:url"]', { property: "og:url", content: url });
+  ensureMeta('meta[name="twitter:card"]', { name: "twitter:card", content: "summary_large_image" });
+  ensureMeta('meta[name="twitter:title"]', { name: "twitter:title", content: title });
+  ensureMeta('meta[name="twitter:description"]', { name: "twitter:description", content: description });
+  ensureMeta('meta[name="twitter:site"]', { name: "twitter:site", content: twitterSite });
+  ensureMeta('meta[name="twitter:image"]', { name: "twitter:image", content: image });
+}
+function BusiverseBrandHead(props) {
+  React.useEffect(() => {
+    applyBusiverseBrandHead(props);
+  }, [
+    props.title,
+    props.description,
+    props.siteName,
+    props.url,
+    props.image,
+    props.twitterSite,
+    props.keywords,
+    props.locale,
+    props.themeColor,
+    props.appleMobileWebAppTitle,
+    props.applicationName
+  ]);
+  return null;
+}
+
+export {
+  applyBusiverseBrandHead,
+  BusiverseBrandHead
+};

package/dist/chunk-NUGBTLBK.js

@@ -0,0 +1,72 @@
+import {
+  Button
+} from "./chunk-IVTESKF4.js";
+import {
+  BusiverseLogo
+} from "./chunk-32FPZZH2.js";
+
+// src/components/marketing/HeroSection.tsx
+import { jsx, jsxs } 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__ */ jsx(Button, { children: "Start Building" }),
+  secondaryCta = /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Explore the Platform" })
+}) {
+  return /* @__PURE__ */ jsx("section", { className: "busiverse-hero", children: /* @__PURE__ */ jsxs("div", { className: "busiverse-hero-content", children: [
+    /* @__PURE__ */ jsx(BusiverseLogo, { variant: "full", tone: "white", className: "busiverse-hero-logo" }),
+    /* @__PURE__ */ jsx("h1", { children: title }),
+    /* @__PURE__ */ jsx("p", { children: subtitle }),
+    /* @__PURE__ */ jsxs("div", { className: "busiverse-hero-actions", children: [
+      primaryCta,
+      secondaryCta
+    ] })
+  ] }) });
+}
+
+// src/components/marketing/MarketingSectionHeader.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function MarketingSectionHeader({ eyebrow, title, description, align = "center", className }) {
+  return /* @__PURE__ */ jsxs2("div", { className: ["busiverse-marketing-section-header", align === "left" ? "is-left" : "is-center", className].filter(Boolean).join(" "), children: [
+    eyebrow ? /* @__PURE__ */ jsx2("p", { className: "busiverse-eyebrow", children: eyebrow }) : null,
+    /* @__PURE__ */ jsx2("h2", { children: title }),
+    description ? /* @__PURE__ */ jsx2("p", { children: description }) : null
+  ] });
+}
+
+// src/components/marketing/MarketingFeatureCard.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function MarketingFeatureCard({ title, description, icon, kicker, children, className }) {
+  return /* @__PURE__ */ jsxs3("article", { className: ["busiverse-marketing-card", className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxs3("div", { className: "busiverse-marketing-card-topline", children: [
+      icon ? /* @__PURE__ */ jsx3("div", { className: "busiverse-marketing-card-icon", "aria-hidden": "true", children: icon }) : null,
+      kicker ? /* @__PURE__ */ jsx3("span", { children: kicker }) : null
+    ] }),
+    /* @__PURE__ */ jsx3("h3", { children: title }),
+    /* @__PURE__ */ jsx3("p", { children: description }),
+    children ? /* @__PURE__ */ jsx3("div", { className: "busiverse-marketing-card-body", children }) : null
+  ] });
+}
+
+// src/components/marketing/MarketingPricingCard.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function MarketingPricingCard({ name, eyebrow, price, cadence, description, features, action, featured, className }) {
+  return /* @__PURE__ */ jsxs4("article", { className: ["busiverse-marketing-pricing-card", featured ? "is-featured" : "", className].filter(Boolean).join(" "), children: [
+    eyebrow ? /* @__PURE__ */ jsx4("span", { className: "busiverse-marketing-price-eyebrow", children: eyebrow }) : null,
+    /* @__PURE__ */ jsx4("h3", { children: name }),
+    /* @__PURE__ */ jsxs4("div", { className: "busiverse-marketing-price-line", children: [
+      /* @__PURE__ */ jsx4("strong", { children: price }),
+      cadence ? /* @__PURE__ */ jsx4("span", { children: cadence }) : null
+    ] }),
+    /* @__PURE__ */ jsx4("p", { children: description }),
+    /* @__PURE__ */ jsx4("ul", { children: features.map((feature, index) => /* @__PURE__ */ jsx4("li", { children: feature }, index)) }),
+    action ? /* @__PURE__ */ jsx4("div", { className: "busiverse-marketing-price-action", children: action }) : null
+  ] });
+}
+
+export {
+  HeroSection,
+  MarketingSectionHeader,
+  MarketingFeatureCard,
+  MarketingPricingCard
+};

package/dist/chunk-QK6O2RHQ.js

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

package/dist/components/brand/BusiverseBrandHead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BusiverseBrandHead.d.ts","sourceRoot":"","sources":["../../../src/components/brand/BusiverseBrandHead.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA6CD,wBAAgB,uBAAuB,CAAC,EACtC,KAAqB,EACrB,WAAiC,EACjC,QAAsB,EACtB,GAAG,EACH,KAA0B,EAC1B,WAA2B,EAC3B,QAA8H,EAC9H,MAAgB,EAChB,UAAgC,EAChC,sBAAoC,EACpC,eAA6B,GAC9B,GAAE,uBAA4B,QAgC9B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,QAkBhE"}
+{"version":3,"file":"BusiverseBrandHead.d.ts","sourceRoot":"","sources":["../../../src/components/brand/BusiverseBrandHead.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA6CD,wBAAgB,uBAAuB,CAAC,EACtC,KAAqB,EACrB,WAAiC,EACjC,QAAsB,EACtB,GAAG,EACH,KAAsC,EACtC,WAA2B,EAC3B,QAA8H,EAC9H,MAAgB,EAChB,UAAgC,EAChC,sBAAoC,EACpC,eAA6B,GAC9B,GAAE,uBAA4B,QAgC9B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,QAkBhE"}

package/dist/components/marketing/MarketingFeatureCard.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface MarketingFeatureCardProps {
+    title: React.ReactNode;
+    description: React.ReactNode;
+    icon?: React.ReactNode;
+    kicker?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function MarketingFeatureCard({ title, description, icon, kicker, children, className }: MarketingFeatureCardProps): React.JSX.Element;
+//# sourceMappingURL=MarketingFeatureCard.d.ts.map