@orangecheck/design 0.23.0 → 0.24.0

package/dist/chrome.d.mts

@@ -158,4 +158,28 @@ interface OcAppBarProps {
 }
 declare function OcAppBar({ variant, start, center, end, sticky, className, }: OcAppBarProps): react_jsx_runtime.JSX.Element;
 
-export { AppShell, type AppShellProps, type EcosystemSlug, EcosystemSwitcher, type EcosystemSwitcherProps, FAMILY_PROPERTIES, type FamilyCategory, type FamilyProperty, 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, OcLogoDropdown, type OcLogoDropdownProps, OcPrimaryNav, type OcPrimaryNavLink, type OcPrimaryNavProps, SITE_STATE_LABEL, type SiteState, findFamilyProperty };
+interface FooterLink {
+    href: string;
+    label: string;
+    external?: boolean;
+}
+interface FooterColumn {
+    label: string;
+    links: FooterLink[];
+}
+interface OcFamilyFooterBrand {
+    mark?: ReactNode;
+    wordmark: ReactNode;
+    tagline: ReactNode;
+    meta?: ReactNode;
+}
+interface OcFamilyFooterProps {
+    brand: OcFamilyFooterBrand;
+    columns?: FooterColumn[];
+    family?: "products" | "protocols" | "both";
+    legalBase?: string;
+    className?: string;
+}
+declare function OcFamilyFooter({ brand, columns, family, legalBase, 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

@@ -158,4 +158,28 @@ interface OcAppBarProps {
 }
 declare function OcAppBar({ variant, start, center, end, sticky, className, }: OcAppBarProps): react_jsx_runtime.JSX.Element;
 
-export { AppShell, type AppShellProps, type EcosystemSlug, EcosystemSwitcher, type EcosystemSwitcherProps, FAMILY_PROPERTIES, type FamilyCategory, type FamilyProperty, 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, OcLogoDropdown, type OcLogoDropdownProps, OcPrimaryNav, type OcPrimaryNavLink, type OcPrimaryNavProps, SITE_STATE_LABEL, type SiteState, findFamilyProperty };
+interface FooterLink {
+    href: string;
+    label: string;
+    external?: boolean;
+}
+interface FooterColumn {
+    label: string;
+    links: FooterLink[];
+}
+interface OcFamilyFooterBrand {
+    mark?: ReactNode;
+    wordmark: ReactNode;
+    tagline: ReactNode;
+    meta?: ReactNode;
+}
+interface OcFamilyFooterProps {
+    brand: OcFamilyFooterBrand;
+    columns?: FooterColumn[];
+    family?: "products" | "protocols" | "both";
+    legalBase?: string;
+    className?: string;
+}
+declare function OcFamilyFooter({ brand, columns, family, legalBase, 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

@@ -2102,6 +2102,130 @@ function OcAppBar({
     }
   );
 }
+var GRID = {
+  1: "md:grid-cols-[1.2fr_1fr]",
+  2: "md:grid-cols-[1.2fr_1fr_1fr]",
+  3: "md:grid-cols-[1.2fr_1fr_1fr_1fr]",
+  4: "md:grid-cols-[1.2fr_1fr_1fr_1fr_1fr]",
+  5: "md:grid-cols-[1.2fr_1fr_1fr_1fr_1fr_1fr]"
+};
+var LINK_CLS = "text-muted-foreground hover:text-foreground font-mono text-xs tracking-wide lowercase transition-colors";
+function FooterLinkItem({ link }) {
+  if (link.external) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("a", { href: link.href, target: "_blank", rel: "noreferrer", className: LINK_CLS, children: [
+      "> ",
+      link.label,
+      " \u2197"
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(Link5__default.default, { href: link.href, className: LINK_CLS, children: [
+    "> ",
+    link.label
+  ] });
+}
+function FooterColumnView({ column }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "label-mono text-primary mb-3", children: column.label }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: column.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(FooterLinkItem, { link }) }, `${column.label}:${link.href}`)) })
+  ] });
+}
+function familyColumn(category, label) {
+  return {
+    label,
+    links: FAMILY_PROPERTIES.filter((p) => p.category === category).map(
+      (p) => ({
+        href: p.origin,
+        label: p.label,
+        external: true
+      })
+    )
+  };
+}
+function OcFamilyFooter({
+  brand,
+  columns = [],
+  family,
+  legalBase = "https://ochk.io",
+  className
+}) {
+  const familyCols = [];
+  if (family === "products" || family === "both") {
+    familyCols.push(familyColumn("product", "\xA7 products"));
+  }
+  if (family === "protocols" || family === "both") {
+    familyCols.push(familyColumn("protocol", "\xA7 protocols"));
+  }
+  const allColumns = [...familyCols, ...columns];
+  const grid = GRID[allColumns.length] ?? GRID[3];
+  const year = (/* @__PURE__ */ new Date()).getFullYear();
+  const legal = (path) => `${legalBase}${path}`;
+  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: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          brand.mark,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-display text-sm font-bold tracking-tight", children: brand.wordmark })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground mt-3 max-w-[34ch] text-sm leading-relaxed", children: brand.tagline }),
+        brand.meta && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: brand.meta })
+      ] }),
+      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: [
+        "\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.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" })
+      ] })
+    ] })
+  ] }) });
+}
 
 exports.AppShell = AppShell;
 exports.EcosystemSwitcher = EcosystemSwitcher;
@@ -2112,6 +2236,7 @@ exports.OcAccountMenuView = OcAccountMenuView;
 exports.OcAppBar = OcAppBar;
 exports.OcDashboardHub = OcDashboardHub;
 exports.OcDashboardShell = OcDashboardShell;
+exports.OcFamilyFooter = OcFamilyFooter;
 exports.OcLogoDropdown = OcLogoDropdown;
 exports.OcPrimaryNav = OcPrimaryNav;
 exports.SITE_STATE_LABEL = SITE_STATE_LABEL;