@orangecheck/design 0.24.0 → 0.25.0

package/dist/chrome.d.mts

@@ -178,8 +178,11 @@ interface OcFamilyFooterProps {
     columns?: FooterColumn[];
     family?: "products" | "protocols" | "both";
     legalBase?: string;
+    legalCopyright?: ReactNode;
+    legalLinks?: FooterLink[];
+    builtWith?: ReactNode;
     className?: string;
 }
-declare function OcFamilyFooter({ brand, columns, family, legalBase, className, }: OcFamilyFooterProps): react_jsx_runtime.JSX.Element;
+declare function OcFamilyFooter({ brand, columns, family, legalBase, legalCopyright, legalLinks, builtWith, className, }: OcFamilyFooterProps): react_jsx_runtime.JSX.Element;
 
 export { AppShell, type AppShellProps, type EcosystemSlug, EcosystemSwitcher, type EcosystemSwitcherProps, FAMILY_PROPERTIES, type FamilyCategory, type FamilyProperty, type FooterColumn, type FooterLink, LayoutSubHeader, type LayoutSubHeaderProps, type LayoutSubHeaderTag, OcAccountMenu, type OcAccountMenuBuildInfo, type OcAccountMenuItem, type OcAccountMenuProps, type OcAccountMenuSession, OcAccountMenuView, type OcAccountMenuViewProps, OcAppBar, type OcAppBarProps, OcDashboardHub, type OcDashboardHubProps, OcDashboardShell, type OcDashboardShellProps, type OcDashboardTool, OcFamilyFooter, type OcFamilyFooterBrand, type OcFamilyFooterProps, OcLogoDropdown, type OcLogoDropdownProps, OcPrimaryNav, type OcPrimaryNavLink, type OcPrimaryNavProps, SITE_STATE_LABEL, type SiteState, findFamilyProperty };

package/dist/chrome.d.ts

@@ -178,8 +178,11 @@ interface OcFamilyFooterProps {
     columns?: FooterColumn[];
     family?: "products" | "protocols" | "both";
     legalBase?: string;
+    legalCopyright?: ReactNode;
+    legalLinks?: FooterLink[];
+    builtWith?: ReactNode;
     className?: string;
 }
-declare function OcFamilyFooter({ brand, columns, family, legalBase, className, }: OcFamilyFooterProps): react_jsx_runtime.JSX.Element;
+declare function OcFamilyFooter({ brand, columns, family, legalBase, legalCopyright, legalLinks, builtWith, className, }: OcFamilyFooterProps): react_jsx_runtime.JSX.Element;
 
 export { AppShell, type AppShellProps, type EcosystemSlug, EcosystemSwitcher, type EcosystemSwitcherProps, FAMILY_PROPERTIES, type FamilyCategory, type FamilyProperty, type FooterColumn, type FooterLink, LayoutSubHeader, type LayoutSubHeaderProps, type LayoutSubHeaderTag, OcAccountMenu, type OcAccountMenuBuildInfo, type OcAccountMenuItem, type OcAccountMenuProps, type OcAccountMenuSession, OcAccountMenuView, type OcAccountMenuViewProps, OcAppBar, type OcAppBarProps, OcDashboardHub, type OcDashboardHubProps, OcDashboardShell, type OcDashboardShellProps, type OcDashboardTool, OcFamilyFooter, type OcFamilyFooterBrand, type OcFamilyFooterProps, OcLogoDropdown, type OcLogoDropdownProps, OcPrimaryNav, type OcPrimaryNavLink, type OcPrimaryNavProps, SITE_STATE_LABEL, type SiteState, findFamilyProperty };

package/dist/chrome.js

@@ -2146,6 +2146,9 @@ function OcFamilyFooter({
   columns = [],
   family,
   legalBase = "https://ochk.io",
+  legalCopyright,
+  legalLinks,
+  builtWith,
   className
 }) {
   const familyCols = [];
@@ -2159,6 +2162,13 @@ function OcFamilyFooter({
   const grid = GRID[allColumns.length] ?? GRID[3];
   const year = (/* @__PURE__ */ new Date()).getFullYear();
   const legal = (path) => `${legalBase}${path}`;
+  const links = legalLinks ?? [
+    { href: legal("/privacy"), label: "privacy" },
+    { href: legal("/terms"), label: "terms" },
+    { href: legal("/security"), label: "security" },
+    { href: legal("/trademark"), label: "trademarks" },
+    { href: legal("/contact"), label: "contact" }
+  ];
   return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: cn("border-t", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container py-10 sm:py-12 md:py-16", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-8 sm:grid-cols-2 sm:gap-10", grid), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -2172,56 +2182,24 @@ function OcFamilyFooter({
       allColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(FooterColumnView, { column }, column.label))
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-10 flex flex-col items-start justify-between gap-3 border-t pt-6 font-mono text-[11px] tracking-widest uppercase sm:flex-row sm:items-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: legalCopyright ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         "\xA9 ",
         year,
         " orangecheck \xB7 mit + cc-by-4.0"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground/80 flex flex-wrap items-center gap-x-4 gap-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            href: legal("/privacy"),
-            className: "hover:text-foreground transition-colors",
-            children: "privacy"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            href: legal("/terms"),
-            className: "hover:text-foreground transition-colors",
-            children: "terms"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            href: legal("/security"),
-            className: "hover:text-foreground transition-colors",
-            children: "security"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            href: legal("/trademark"),
-            className: "hover:text-foreground transition-colors",
-            children: "trademarks"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "a",
-          {
-            href: legal("/contact"),
-            className: "hover:text-foreground transition-colors",
-            children: "contact"
-          }
-        )
-      ] }),
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground/80 flex flex-wrap items-center gap-x-4 gap-y-1", children: links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: link.href,
+          ...link.external ? { target: "_blank", rel: "noreferrer" } : {},
+          className: "hover:text-foreground transition-colors",
+          children: link.label
+        },
+        link.label
+      )) }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground inline-flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary text-[13px] leading-none", children: "\u20BF" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "built with bitcoin" })
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: builtWith ?? "built with bitcoin" })
       ] })
     ] })
   ] }) });