@orangecheck/design 0.24.0 → 0.26.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

@@ -817,6 +817,10 @@ function useOcSkin() {
   }
   return ctx;
 }
+function useOcMotion() {
+  const { motion, setMotion } = useOcSkin();
+  return { motion, setMotion };
+}
 var MODES = [
   { id: "light", label: "light", Icon: lucideReact.Sun },
   { id: "dark", label: "dark", Icon: lucideReact.Moon },
@@ -824,10 +828,12 @@ var MODES = [
 ];
 function AppearanceControls({ className }) {
   const { skin, setSkin, themes } = useOcSkin();
+  const { motion, setMotion } = useOcMotion();
   const { theme, setTheme } = nextThemes.useTheme();
   const [mounted, setMounted] = React.useState(false);
   React.useEffect(() => setMounted(true), []);
   const activeMode = mounted ? theme ?? "system" : null;
+  const activeMotion = mounted ? motion : null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "label-mono text-muted-foreground px-3 pt-3 pb-2", children: "mode" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-1 px-2 pb-2", children: MODES.map(({ id, label, Icon }) => {
@@ -874,6 +880,32 @@ function AppearanceControls({ className }) {
           ]
         }
       ) }, t.id);
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "label-mono text-muted-foreground border-t px-3 pt-3 pb-2", children: "ambient motion" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-1 px-2 pb-3", children: [
+      { id: "on", label: "on", Icon: lucideReact.Waves },
+      { id: "off", label: "off", Icon: lucideReact.Pause }
+    ].map(({ id, label, Icon }) => {
+      const active = activeMotion === id;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          role: "menuitemradio",
+          "aria-checked": active,
+          "aria-label": id === "off" ? "pause ambient motion" : "ambient motion on",
+          onClick: () => setMotion(id),
+          className: cn(
+            "flex flex-col items-center gap-1 rounded-md border py-2 text-[11px] transition-colors",
+            active ? "border-primary text-foreground bg-accent" : "border-transparent text-muted-foreground hover:bg-accent hover:text-accent-foreground"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-4", "aria-hidden": true }),
+            label
+          ]
+        },
+        id
+      );
     }) })
   ] });
 }
@@ -2146,6 +2178,9 @@ function OcFamilyFooter({
   columns = [],
   family,
   legalBase = "https://ochk.io",
+  legalCopyright,
+  legalLinks,
+  builtWith,
   className
 }) {
   const familyCols = [];
@@ -2159,6 +2194,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 +2214,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" })
       ] })
     ] })
   ] }) });