@orangecheck/ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 OrangeCheck
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,41 @@
+# @orangecheck/ui
+
+OrangeCheck family-internal UI for the `.ochk.io` sub-sites.
+
+This package is **not** for third-party integrators. For embeddable
+OrangeCheck components (badge, gate, signed-challenge button), see
+[`@orangecheck/react`](https://www.npmjs.com/package/@orangecheck/react).
+
+## Components
+
+### `<EcosystemSwitcher current="…" />`
+
+Cross-product dropdown for jumping between every site in the OrangeCheck
+family. Pass the active product slug via `current`.
+
+```tsx
+import { EcosystemSwitcher } from '@orangecheck/ui';
+
+<EcosystemSwitcher current="lock" />
+```
+
+Slugs: `home | docs | attest | lock | vote | stamp | agent | pledge`.
+
+## Required host environment
+
+Family-internal package — assumes the host is an OC sibling app:
+
+- **Next.js 15** (Pages Router or App Router). `<EcosystemSwitcher />` uses
+  `next/link` directly.
+- **Tailwind 4** with the OrangeCheck theme tokens defined in the host's
+  `globals.css`: `--background`, `--foreground`, `--primary`, `--muted`,
+  `--muted-foreground`, plus the custom `font-display` and `label-mono`
+  utilities.
+- **lucide-react** for icons.
+
+If you're not in an OC family `oc-X-web` app, you probably want
+`@orangecheck/react` instead.
+
+## License
+
+MIT

package/dist/index.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type EcosystemSlug = 'home' | 'docs' | 'attest' | 'lock' | 'vote' | 'stamp' | 'agent' | 'pledge';
+interface EcosystemSwitcherProps {
+    current: EcosystemSlug;
+    className?: string;
+}
+declare function EcosystemSwitcher({ current, className, }: EcosystemSwitcherProps): react_jsx_runtime.JSX.Element;
+
+export { type EcosystemSlug, EcosystemSwitcher, type EcosystemSwitcherProps };

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type EcosystemSlug = 'home' | 'docs' | 'attest' | 'lock' | 'vote' | 'stamp' | 'agent' | 'pledge';
+interface EcosystemSwitcherProps {
+    current: EcosystemSlug;
+    className?: string;
+}
+declare function EcosystemSwitcher({ current, className, }: EcosystemSwitcherProps): react_jsx_runtime.JSX.Element;
+
+export { type EcosystemSlug, EcosystemSwitcher, type EcosystemSwitcherProps };

package/dist/index.js

@@ -0,0 +1,163 @@
+'use strict';
+
+var lucideReact = require('lucide-react');
+var Link = require('next/link');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Link__default = /*#__PURE__*/_interopDefault(Link);
+
+// src/ecosystem-switcher.tsx
+var ENTRIES = [
+  {
+    slug: "home",
+    href: "https://ochk.io",
+    label: "orangecheck",
+    sub: "umbrella",
+    docsHref: "https://docs.ochk.io"
+  },
+  {
+    slug: "docs",
+    href: "https://docs.ochk.io",
+    label: "oc\xB7docs",
+    sub: "unified docs",
+    docsHref: "https://docs.ochk.io"
+  },
+  {
+    slug: "attest",
+    href: "https://attest.ochk.io",
+    label: "oc\xB7attest",
+    sub: "am \u2014 sybil resistance",
+    docsHref: "https://docs.ochk.io/attest"
+  },
+  {
+    slug: "lock",
+    href: "https://lock.ochk.io",
+    label: "oc\xB7lock",
+    sub: "whisper \u2014 encryption",
+    docsHref: "https://docs.ochk.io/lock"
+  },
+  {
+    slug: "vote",
+    href: "https://vote.ochk.io",
+    label: "oc\xB7vote",
+    sub: "decide \u2014 polls",
+    docsHref: "https://docs.ochk.io/vote"
+  },
+  {
+    slug: "stamp",
+    href: "https://stamp.ochk.io",
+    label: "oc\xB7stamp",
+    sub: "declare \u2014 block-anchored",
+    docsHref: "https://docs.ochk.io/stamp"
+  },
+  {
+    slug: "agent",
+    href: "https://agent.ochk.io",
+    label: "oc\xB7agent",
+    sub: "delegate \u2014 scoped auth",
+    docsHref: "https://docs.ochk.io/agent"
+  },
+  {
+    slug: "pledge",
+    href: "https://pledge.ochk.io",
+    label: "oc\xB7pledge",
+    sub: "swear \u2014 bonded commitment",
+    docsHref: "https://docs.ochk.io/pledge"
+  }
+];
+function EcosystemSwitcher({
+  current,
+  className
+}) {
+  const [open, setOpen] = react.useState(false);
+  const containerRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!open) return;
+    function onDoc(e) {
+      if (!containerRef.current) return;
+      if (!containerRef.current.contains(e.target)) setOpen(false);
+    }
+    function onKey(e) {
+      if (e.key === "Escape") setOpen(false);
+    }
+    document.addEventListener("mousedown", onDoc);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDoc);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative " + (className ?? ""), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "aria-label": "Switch OrangeCheck product",
+        title: "Switch product",
+        onClick: () => setOpen((v) => !v),
+        className: "inline-flex items-center gap-1 px-2 py-1 transition-colors " + (open ? "text-foreground" : "text-muted-foreground hover:text-foreground"),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Boxes, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronDown,
+            {
+              className: "h-3 w-3 transition-transform " + (open ? "rotate-180" : "")
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "menu",
+        "aria-label": "Switch OrangeCheck product",
+        className: "bg-background absolute right-0 top-full z-[60] mt-2 w-72 border shadow-lg",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "label-mono text-primary border-b px-4 py-2", children: "\xA7 the family" }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "py-1", children: ENTRIES.map((e) => {
+            const isActive = e.slug === current;
+            return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+              Link__default.default,
+              {
+                href: e.href,
+                onClick: () => setOpen(false),
+                "aria-current": isActive ? "page" : void 0,
+                className: "group flex items-baseline gap-3 px-4 py-2 transition-colors " + (isActive ? "bg-primary/5" : "hover:bg-muted"),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "font-display flex-1 text-[12px] font-semibold tracking-tight " + (isActive ? "text-primary" : "text-foreground group-hover:text-primary transition-colors"),
+                      children: e.label
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground font-mono text-[10px] tracking-wider uppercase", children: e.sub }),
+                  isActive && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "text-primary h-3 w-3" })
+                ]
+              }
+            ) }, e.slug);
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t px-4 py-2 font-mono text-[10px] tracking-widest uppercase", children: /* @__PURE__ */ jsxRuntime.jsx(
+            Link__default.default,
+            {
+              href: "https://docs.ochk.io",
+              onClick: () => setOpen(false),
+              className: "text-muted-foreground hover:text-foreground inline-block transition-colors",
+              children: "docs.ochk.io \u2192"
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+
+exports.EcosystemSwitcher = EcosystemSwitcher;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ecosystem-switcher.tsx"],"names":["useState","useRef","useEffect","jsxs","jsx","Boxes","ChevronDown","Link","Check"],"mappings":";;;;;;;;;;;;AAmCA,IAAM,OAAA,GAA2B;AAAA,EAC7B;AAAA,IACI,IAAA,EAAM,MAAA;AAAA,IACN,IAAA,EAAM,iBAAA;AAAA,IACN,KAAA,EAAO,aAAA;AAAA,IACP,GAAA,EAAK,UAAA;AAAA,IACL,QAAA,EAAU;AAAA,GACd;AAAA,EACA;AAAA,IACI,IAAA,EAAM,MAAA;AAAA,IACN,IAAA,EAAM,sBAAA;AAAA,IACN,KAAA,EAAO,YAAA;AAAA,IACP,GAAA,EAAK,cAAA;AAAA,IACL,QAAA,EAAU;AAAA,GACd;AAAA,EACA;AAAA,IACI,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,wBAAA;AAAA,IACN,KAAA,EAAO,cAAA;AAAA,IACP,GAAA,EAAK,4BAAA;AAAA,IACL,QAAA,EAAU;AAAA,GACd;AAAA,EACA;AAAA,IACI,IAAA,EAAM,MAAA;AAAA,IACN,IAAA,EAAM,sBAAA;AAAA,IACN,KAAA,EAAO,YAAA;AAAA,IACP,GAAA,EAAK,2BAAA;AAAA,IACL,QAAA,EAAU;AAAA,GACd;AAAA,EACA;AAAA,IACI,IAAA,EAAM,MAAA;AAAA,IACN,IAAA,EAAM,sBAAA;AAAA,IACN,KAAA,EAAO,YAAA;AAAA,IACP,GAAA,EAAK,qBAAA;AAAA,IACL,QAAA,EAAU;AAAA,GACd;AAAA,EACA;AAAA,IACI,IAAA,EAAM,OAAA;AAAA,IACN,IAAA,EAAM,uBAAA;AAAA,IACN,KAAA,EAAO,aAAA;AAAA,IACP,GAAA,EAAK,+BAAA;AAAA,IACL,QAAA,EAAU;AAAA,GACd;AAAA,EACA;AAAA,IACI,IAAA,EAAM,OAAA;AAAA,IACN,IAAA,EAAM,uBAAA;AAAA,IACN,KAAA,EAAO,aAAA;AAAA,IACP,GAAA,EAAK,6BAAA;AAAA,IACL,QAAA,EAAU;AAAA,GACd;AAAA,EACA;AAAA,IACI,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,wBAAA;AAAA,IACN,KAAA,EAAO,cAAA;AAAA,IACP,GAAA,EAAK,gCAAA;AAAA,IACL,QAAA,EAAU;AAAA;AAElB,CAAA;AAOO,SAAS,iBAAA,CAAkB;AAAA,EAC9B,OAAA;AAAA,EACA;AACJ,CAAA,EAA2B;AACvB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,eAAS,KAAK,CAAA;AACtC,EAAA,MAAM,YAAA,GAAeC,aAA8B,IAAI,CAAA;AAGvD,EAAAC,eAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,SAAS,MAAM,CAAA,EAAe;AAC1B,MAAA,IAAI,CAAC,aAAa,OAAA,EAAS;AAC3B,MAAA,IAAI,CAAC,aAAa,OAAA,CAAQ,QAAA,CAAS,EAAE,MAAc,CAAA,UAAW,KAAK,CAAA;AAAA,IACvE;AACA,IAAA,SAAS,MAAM,CAAA,EAAkB;AAC7B,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,QAAA,EAAU,OAAA,CAAQ,KAAK,CAAA;AAAA,IACzC;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,KAAK,CAAA;AAC5C,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,KAAK,CAAA;AAC1C,IAAA,OAAO,MAAM;AACT,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,KAAK,CAAA;AAC/C,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,KAAK,CAAA;AAAA,IACjD,CAAA;AAAA,EACJ,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,uCACK,KAAA,EAAA,EAAI,GAAA,EAAK,cAAc,SAAA,EAAW,WAAA,IAAe,aAAa,EAAA,CAAA,EAC3D,QAAA,EAAA;AAAA,oBAAAC,eAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACG,IAAA,EAAK,QAAA;AAAA,QACL,eAAA,EAAc,MAAA;AAAA,QACd,eAAA,EAAe,IAAA;AAAA,QACf,YAAA,EAAW,4BAAA;AAAA,QACX,KAAA,EAAM,gBAAA;AAAA,QACN,SAAS,MAAM,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,QAChC,SAAA,EACI,6DAAA,IACC,IAAA,GACK,iBAAA,GACA,6CAAA,CAAA;AAAA,QAGV,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAACC,iBAAA,EAAA,EAAM,WAAU,aAAA,EAAc,CAAA;AAAA,0BAC/BD,cAAA;AAAA,YAACE,uBAAA;AAAA,YAAA;AAAA,cACG,SAAA,EACI,+BAAA,IAAmC,IAAA,GAAO,YAAA,GAAe,EAAA;AAAA;AAAA;AAEjE;AAAA;AAAA,KACJ;AAAA,IAEC,IAAA,oBACGH,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,IAAA,EAAK,MAAA;AAAA,QACL,YAAA,EAAW,4BAAA;AAAA,QACX,SAAA,EAAU,2EAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4CAAA,EAA6C,QAAA,EAAA,iBAAA,EAE5D,CAAA;AAAA,yCACC,IAAA,EAAA,EAAG,SAAA,EAAU,QACT,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM;AAChB,YAAA,MAAM,QAAA,GAAW,EAAE,IAAA,KAAS,OAAA;AAC5B,YAAA,sCACK,IAAA,EAAA,EACG,QAAA,kBAAAD,eAAA;AAAA,cAACI,qBAAA;AAAA,cAAA;AAAA,gBACG,MAAM,CAAA,CAAE,IAAA;AAAA,gBACR,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,gBAC5B,cAAA,EAAc,WAAW,MAAA,GAAS,MAAA;AAAA,gBAClC,SAAA,EACI,8DAAA,IACC,QAAA,GACK,cAAA,GACA,gBAAA,CAAA;AAAA,gBAGV,QAAA,EAAA;AAAA,kCAAAH,cAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACG,SAAA,EACI,+DAAA,IACC,QAAA,GACK,cAAA,GACA,4DAAA,CAAA;AAAA,sBAGT,QAAA,EAAA,CAAA,CAAE;AAAA;AAAA,mBACP;AAAA,kCACAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sEAAA,EACX,YAAE,GAAA,EACP,CAAA;AAAA,kBACC,QAAA,oBACGA,cAAA,CAACI,iBAAA,EAAA,EAAM,SAAA,EAAU,sBAAA,EAAuB;AAAA;AAAA;AAAA,aAEhD,EAAA,EA5BK,EAAE,IA6BX,CAAA;AAAA,UAER,CAAC,CAAA,EACL,CAAA;AAAA,0BACAJ,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oEAAA,EACX,QAAA,kBAAAA,cAAA;AAAA,YAACG,qBAAA;AAAA,YAAA;AAAA,cACG,IAAA,EAAK,sBAAA;AAAA,cACL,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,cAC5B,SAAA,EAAU,4EAAA;AAAA,cACb,QAAA,EAAA;AAAA;AAAA,WAED,EACJ;AAAA;AAAA;AAAA;AACJ,GAAA,EAER,CAAA;AAER","file":"index.js","sourcesContent":["import { Boxes, Check, ChevronDown } from 'lucide-react';\nimport Link from 'next/link';\nimport { useEffect, useRef, useState } from 'react';\n\n/**\n * EcosystemSwitcher — cross-product dropdown for jumping between every\n * site in the OrangeCheck family. Drop one into every site's LayoutHeader\n * and mark the active site via the `current` prop.\n *\n *   <EcosystemSwitcher current=\"lock\" />\n *\n * The component is dependency-self-contained: no Radix, no Headless UI,\n * just outside-click + Escape handling so it works identically in every\n * site without forcing a peer-dep upgrade. Every link stays in-tab — the\n * family is one app from the user's POV.\n */\n\nexport type EcosystemSlug =\n    | 'home'\n    | 'docs'\n    | 'attest'\n    | 'lock'\n    | 'vote'\n    | 'stamp'\n    | 'agent'\n    | 'pledge';\n\ninterface SwitcherEntry {\n    slug: EcosystemSlug;\n    href: string;\n    label: string;\n    sub: string;\n    docsHref: string;\n}\n\nconst ENTRIES: SwitcherEntry[] = [\n    {\n        slug: 'home',\n        href: 'https://ochk.io',\n        label: 'orangecheck',\n        sub: 'umbrella',\n        docsHref: 'https://docs.ochk.io',\n    },\n    {\n        slug: 'docs',\n        href: 'https://docs.ochk.io',\n        label: 'oc·docs',\n        sub: 'unified docs',\n        docsHref: 'https://docs.ochk.io',\n    },\n    {\n        slug: 'attest',\n        href: 'https://attest.ochk.io',\n        label: 'oc·attest',\n        sub: 'am — sybil resistance',\n        docsHref: 'https://docs.ochk.io/attest',\n    },\n    {\n        slug: 'lock',\n        href: 'https://lock.ochk.io',\n        label: 'oc·lock',\n        sub: 'whisper — encryption',\n        docsHref: 'https://docs.ochk.io/lock',\n    },\n    {\n        slug: 'vote',\n        href: 'https://vote.ochk.io',\n        label: 'oc·vote',\n        sub: 'decide — polls',\n        docsHref: 'https://docs.ochk.io/vote',\n    },\n    {\n        slug: 'stamp',\n        href: 'https://stamp.ochk.io',\n        label: 'oc·stamp',\n        sub: 'declare — block-anchored',\n        docsHref: 'https://docs.ochk.io/stamp',\n    },\n    {\n        slug: 'agent',\n        href: 'https://agent.ochk.io',\n        label: 'oc·agent',\n        sub: 'delegate — scoped auth',\n        docsHref: 'https://docs.ochk.io/agent',\n    },\n    {\n        slug: 'pledge',\n        href: 'https://pledge.ochk.io',\n        label: 'oc·pledge',\n        sub: 'swear — bonded commitment',\n        docsHref: 'https://docs.ochk.io/pledge',\n    },\n];\n\nexport interface EcosystemSwitcherProps {\n    current: EcosystemSlug;\n    className?: string;\n}\n\nexport function EcosystemSwitcher({\n    current,\n    className,\n}: EcosystemSwitcherProps) {\n    const [open, setOpen] = useState(false);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n\n    // Outside-click + Escape close.\n    useEffect(() => {\n        if (!open) return;\n        function onDoc(e: MouseEvent) {\n            if (!containerRef.current) return;\n            if (!containerRef.current.contains(e.target as Node)) setOpen(false);\n        }\n        function onKey(e: KeyboardEvent) {\n            if (e.key === 'Escape') setOpen(false);\n        }\n        document.addEventListener('mousedown', onDoc);\n        document.addEventListener('keydown', onKey);\n        return () => {\n            document.removeEventListener('mousedown', onDoc);\n            document.removeEventListener('keydown', onKey);\n        };\n    }, [open]);\n\n    return (\n        <div ref={containerRef} className={'relative ' + (className ?? '')}>\n            <button\n                type=\"button\"\n                aria-haspopup=\"menu\"\n                aria-expanded={open}\n                aria-label=\"Switch OrangeCheck product\"\n                title=\"Switch product\"\n                onClick={() => setOpen((v) => !v)}\n                className={\n                    'inline-flex items-center gap-1 px-2 py-1 transition-colors ' +\n                    (open\n                        ? 'text-foreground'\n                        : 'text-muted-foreground hover:text-foreground')\n                }\n            >\n                <Boxes className=\"h-3.5 w-3.5\" />\n                <ChevronDown\n                    className={\n                        'h-3 w-3 transition-transform ' + (open ? 'rotate-180' : '')\n                    }\n                />\n            </button>\n\n            {open && (\n                <div\n                    role=\"menu\"\n                    aria-label=\"Switch OrangeCheck product\"\n                    className=\"bg-background absolute right-0 top-full z-[60] mt-2 w-72 border shadow-lg\"\n                >\n                    <div className=\"label-mono text-primary border-b px-4 py-2\">\n                        § the family\n                    </div>\n                    <ul className=\"py-1\">\n                        {ENTRIES.map((e) => {\n                            const isActive = e.slug === current;\n                            return (\n                                <li key={e.slug}>\n                                    <Link\n                                        href={e.href}\n                                        onClick={() => setOpen(false)}\n                                        aria-current={isActive ? 'page' : undefined}\n                                        className={\n                                            'group flex items-baseline gap-3 px-4 py-2 transition-colors ' +\n                                            (isActive\n                                                ? 'bg-primary/5'\n                                                : 'hover:bg-muted')\n                                        }\n                                    >\n                                        <span\n                                            className={\n                                                'font-display flex-1 text-[12px] font-semibold tracking-tight ' +\n                                                (isActive\n                                                    ? 'text-primary'\n                                                    : 'text-foreground group-hover:text-primary transition-colors')\n                                            }\n                                        >\n                                            {e.label}\n                                        </span>\n                                        <span className=\"text-muted-foreground font-mono text-[10px] tracking-wider uppercase\">\n                                            {e.sub}\n                                        </span>\n                                        {isActive && (\n                                            <Check className=\"text-primary h-3 w-3\" />\n                                        )}\n                                    </Link>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                    <div className=\"border-t px-4 py-2 font-mono text-[10px] tracking-widest uppercase\">\n                        <Link\n                            href=\"https://docs.ochk.io\"\n                            onClick={() => setOpen(false)}\n                            className=\"text-muted-foreground hover:text-foreground inline-block transition-colors\"\n                        >\n                            docs.ochk.io →\n                        </Link>\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,157 @@
+import { Boxes, ChevronDown, Check } from 'lucide-react';
+import Link from 'next/link';
+import { useState, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/ecosystem-switcher.tsx
+var ENTRIES = [
+  {
+    slug: "home",
+    href: "https://ochk.io",
+    label: "orangecheck",
+    sub: "umbrella",
+    docsHref: "https://docs.ochk.io"
+  },
+  {
+    slug: "docs",
+    href: "https://docs.ochk.io",
+    label: "oc\xB7docs",
+    sub: "unified docs",
+    docsHref: "https://docs.ochk.io"
+  },
+  {
+    slug: "attest",
+    href: "https://attest.ochk.io",
+    label: "oc\xB7attest",
+    sub: "am \u2014 sybil resistance",
+    docsHref: "https://docs.ochk.io/attest"
+  },
+  {
+    slug: "lock",
+    href: "https://lock.ochk.io",
+    label: "oc\xB7lock",
+    sub: "whisper \u2014 encryption",
+    docsHref: "https://docs.ochk.io/lock"
+  },
+  {
+    slug: "vote",
+    href: "https://vote.ochk.io",
+    label: "oc\xB7vote",
+    sub: "decide \u2014 polls",
+    docsHref: "https://docs.ochk.io/vote"
+  },
+  {
+    slug: "stamp",
+    href: "https://stamp.ochk.io",
+    label: "oc\xB7stamp",
+    sub: "declare \u2014 block-anchored",
+    docsHref: "https://docs.ochk.io/stamp"
+  },
+  {
+    slug: "agent",
+    href: "https://agent.ochk.io",
+    label: "oc\xB7agent",
+    sub: "delegate \u2014 scoped auth",
+    docsHref: "https://docs.ochk.io/agent"
+  },
+  {
+    slug: "pledge",
+    href: "https://pledge.ochk.io",
+    label: "oc\xB7pledge",
+    sub: "swear \u2014 bonded commitment",
+    docsHref: "https://docs.ochk.io/pledge"
+  }
+];
+function EcosystemSwitcher({
+  current,
+  className
+}) {
+  const [open, setOpen] = useState(false);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    function onDoc(e) {
+      if (!containerRef.current) return;
+      if (!containerRef.current.contains(e.target)) setOpen(false);
+    }
+    function onKey(e) {
+      if (e.key === "Escape") setOpen(false);
+    }
+    document.addEventListener("mousedown", onDoc);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDoc);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative " + (className ?? ""), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        "aria-label": "Switch OrangeCheck product",
+        title: "Switch product",
+        onClick: () => setOpen((v) => !v),
+        className: "inline-flex items-center gap-1 px-2 py-1 transition-colors " + (open ? "text-foreground" : "text-muted-foreground hover:text-foreground"),
+        children: [
+          /* @__PURE__ */ jsx(Boxes, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: "h-3 w-3 transition-transform " + (open ? "rotate-180" : "")
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "menu",
+        "aria-label": "Switch OrangeCheck product",
+        className: "bg-background absolute right-0 top-full z-[60] mt-2 w-72 border shadow-lg",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "label-mono text-primary border-b px-4 py-2", children: "\xA7 the family" }),
+          /* @__PURE__ */ jsx("ul", { className: "py-1", children: ENTRIES.map((e) => {
+            const isActive = e.slug === current;
+            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+              Link,
+              {
+                href: e.href,
+                onClick: () => setOpen(false),
+                "aria-current": isActive ? "page" : void 0,
+                className: "group flex items-baseline gap-3 px-4 py-2 transition-colors " + (isActive ? "bg-primary/5" : "hover:bg-muted"),
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "font-display flex-1 text-[12px] font-semibold tracking-tight " + (isActive ? "text-primary" : "text-foreground group-hover:text-primary transition-colors"),
+                      children: e.label
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[10px] tracking-wider uppercase", children: e.sub }),
+                  isActive && /* @__PURE__ */ jsx(Check, { className: "text-primary h-3 w-3" })
+                ]
+              }
+            ) }, e.slug);
+          }) }),
+          /* @__PURE__ */ jsx("div", { className: "border-t px-4 py-2 font-mono text-[10px] tracking-widest uppercase", children: /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: "https://docs.ochk.io",
+              onClick: () => setOpen(false),
+              className: "text-muted-foreground hover:text-foreground inline-block transition-colors",
+              children: "docs.ochk.io \u2192"
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+
+export { EcosystemSwitcher };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ecosystem-switcher.tsx"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["import { Boxes, Check, ChevronDown } from 'lucide-react';\nimport Link from 'next/link';\nimport { useEffect, useRef, useState } from 'react';\n\n/**\n * EcosystemSwitcher — cross-product dropdown for jumping between every\n * site in the OrangeCheck family. Drop one into every site's LayoutHeader\n * and mark the active site via the `current` prop.\n *\n *   <EcosystemSwitcher current=\"lock\" />\n *\n * The component is dependency-self-contained: no Radix, no Headless UI,\n * just outside-click + Escape handling so it works identically in every\n * site without forcing a peer-dep upgrade. Every link stays in-tab — the\n * family is one app from the user's POV.\n */\n\nexport type EcosystemSlug =\n    | 'home'\n    | 'docs'\n    | 'attest'\n    | 'lock'\n    | 'vote'\n    | 'stamp'\n    | 'agent'\n    | 'pledge';\n\ninterface SwitcherEntry {\n    slug: EcosystemSlug;\n    href: string;\n    label: string;\n    sub: string;\n    docsHref: string;\n}\n\nconst ENTRIES: SwitcherEntry[] = [\n    {\n        slug: 'home',\n        href: 'https://ochk.io',\n        label: 'orangecheck',\n        sub: 'umbrella',\n        docsHref: 'https://docs.ochk.io',\n    },\n    {\n        slug: 'docs',\n        href: 'https://docs.ochk.io',\n        label: 'oc·docs',\n        sub: 'unified docs',\n        docsHref: 'https://docs.ochk.io',\n    },\n    {\n        slug: 'attest',\n        href: 'https://attest.ochk.io',\n        label: 'oc·attest',\n        sub: 'am — sybil resistance',\n        docsHref: 'https://docs.ochk.io/attest',\n    },\n    {\n        slug: 'lock',\n        href: 'https://lock.ochk.io',\n        label: 'oc·lock',\n        sub: 'whisper — encryption',\n        docsHref: 'https://docs.ochk.io/lock',\n    },\n    {\n        slug: 'vote',\n        href: 'https://vote.ochk.io',\n        label: 'oc·vote',\n        sub: 'decide — polls',\n        docsHref: 'https://docs.ochk.io/vote',\n    },\n    {\n        slug: 'stamp',\n        href: 'https://stamp.ochk.io',\n        label: 'oc·stamp',\n        sub: 'declare — block-anchored',\n        docsHref: 'https://docs.ochk.io/stamp',\n    },\n    {\n        slug: 'agent',\n        href: 'https://agent.ochk.io',\n        label: 'oc·agent',\n        sub: 'delegate — scoped auth',\n        docsHref: 'https://docs.ochk.io/agent',\n    },\n    {\n        slug: 'pledge',\n        href: 'https://pledge.ochk.io',\n        label: 'oc·pledge',\n        sub: 'swear — bonded commitment',\n        docsHref: 'https://docs.ochk.io/pledge',\n    },\n];\n\nexport interface EcosystemSwitcherProps {\n    current: EcosystemSlug;\n    className?: string;\n}\n\nexport function EcosystemSwitcher({\n    current,\n    className,\n}: EcosystemSwitcherProps) {\n    const [open, setOpen] = useState(false);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n\n    // Outside-click + Escape close.\n    useEffect(() => {\n        if (!open) return;\n        function onDoc(e: MouseEvent) {\n            if (!containerRef.current) return;\n            if (!containerRef.current.contains(e.target as Node)) setOpen(false);\n        }\n        function onKey(e: KeyboardEvent) {\n            if (e.key === 'Escape') setOpen(false);\n        }\n        document.addEventListener('mousedown', onDoc);\n        document.addEventListener('keydown', onKey);\n        return () => {\n            document.removeEventListener('mousedown', onDoc);\n            document.removeEventListener('keydown', onKey);\n        };\n    }, [open]);\n\n    return (\n        <div ref={containerRef} className={'relative ' + (className ?? '')}>\n            <button\n                type=\"button\"\n                aria-haspopup=\"menu\"\n                aria-expanded={open}\n                aria-label=\"Switch OrangeCheck product\"\n                title=\"Switch product\"\n                onClick={() => setOpen((v) => !v)}\n                className={\n                    'inline-flex items-center gap-1 px-2 py-1 transition-colors ' +\n                    (open\n                        ? 'text-foreground'\n                        : 'text-muted-foreground hover:text-foreground')\n                }\n            >\n                <Boxes className=\"h-3.5 w-3.5\" />\n                <ChevronDown\n                    className={\n                        'h-3 w-3 transition-transform ' + (open ? 'rotate-180' : '')\n                    }\n                />\n            </button>\n\n            {open && (\n                <div\n                    role=\"menu\"\n                    aria-label=\"Switch OrangeCheck product\"\n                    className=\"bg-background absolute right-0 top-full z-[60] mt-2 w-72 border shadow-lg\"\n                >\n                    <div className=\"label-mono text-primary border-b px-4 py-2\">\n                        § the family\n                    </div>\n                    <ul className=\"py-1\">\n                        {ENTRIES.map((e) => {\n                            const isActive = e.slug === current;\n                            return (\n                                <li key={e.slug}>\n                                    <Link\n                                        href={e.href}\n                                        onClick={() => setOpen(false)}\n                                        aria-current={isActive ? 'page' : undefined}\n                                        className={\n                                            'group flex items-baseline gap-3 px-4 py-2 transition-colors ' +\n                                            (isActive\n                                                ? 'bg-primary/5'\n                                                : 'hover:bg-muted')\n                                        }\n                                    >\n                                        <span\n                                            className={\n                                                'font-display flex-1 text-[12px] font-semibold tracking-tight ' +\n                                                (isActive\n                                                    ? 'text-primary'\n                                                    : 'text-foreground group-hover:text-primary transition-colors')\n                                            }\n                                        >\n                                            {e.label}\n                                        </span>\n                                        <span className=\"text-muted-foreground font-mono text-[10px] tracking-wider uppercase\">\n                                            {e.sub}\n                                        </span>\n                                        {isActive && (\n                                            <Check className=\"text-primary h-3 w-3\" />\n                                        )}\n                                    </Link>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                    <div className=\"border-t px-4 py-2 font-mono text-[10px] tracking-widest uppercase\">\n                        <Link\n                            href=\"https://docs.ochk.io\"\n                            onClick={() => setOpen(false)}\n                            className=\"text-muted-foreground hover:text-foreground inline-block transition-colors\"\n                        >\n                            docs.ochk.io →\n                        </Link>\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n}\n"]}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@orangecheck/ui",
+  "version": "0.1.0",
+  "description": "OrangeCheck family-internal UI for the .ochk.io sub-sites. Tailwind 4 + Next.js Pages Router. Not for third-party integration.",
+  "keywords": [
+    "orangecheck",
+    "ui",
+    "react",
+    "internal"
+  ],
+  "author": "OrangeCheck",
+  "license": "MIT",
+  "homepage": "https://ochk.io",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/orangecheck/oc-packages.git",
+    "directory": "ui"
+  },
+  "bugs": {
+    "url": "https://github.com/orangecheck/oc-packages/issues"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "type-check": "tsc --noEmit",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "peerDependencies": {
+    "lucide-react": ">=0.400.0",
+    "next": "^15.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "lucide-react": "^0.544.0",
+    "next": "15.5.15",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "tsup": "^8.3.5",
+    "typescript": "^5.6.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}