@moveindustries/movement-design-system 1.2.0 → 1.2.2

package/dist/components/Footer/Footer.d.ts

@@ -1,72 +1,74 @@
 import { default as React } from 'react';
-declare const footerLinkVariants: (props?: ({
-    variant?: "default" | "muted" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const socialIconVariants: (props?: ({
-    variant?: "default" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare const footerHeaderVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+/**
+ * Footer — the unified Movement footer shared across all Movement Network
+ * apps (Bridge, Staking, Explorer, Faucet). Solid-black slab:
+ *   - "Powered by Movement" wordmark + monogram (left)
+ *   - Three short link columns — Explore / Builders / Resource (right)
+ *   - Hairline divider
+ *   - Legal row: copyright + Terms/Privacy (left), X / Discord / GitHub /
+ *     Telegram / LinkedIn social icons (right)
+ *
+ * Single responsive component — stacks vertically below 768px and lays out
+ * horizontally from 768px up (no separate desktop/mobile trees).
+ *
+ * SELF-CONTAINED: all styling lives in `footer.css` (compiled into the
+ * published `component-styles` bundle) under `.mvmt-footer*` classes with
+ * literal values and a fixed breakpoint. The footer uses NO ambient Tailwind
+ * utility classes and reads NO host CSS variables for layout/size — so it
+ * renders identically in every app regardless of that app's Tailwind config,
+ * theme, or stylesheet import order. Only the text font defers to the app's
+ * `--font-display` (every Movement app wires this to ABC Oracle), with an
+ * "ABC Oracle" → system-sans fallback. Framework-agnostic: plain `<a>`
+ * anchors (no router dep) and inline-SVG icons (no icon-lib dep).
+ */
 export interface FooterLink {
     label: string;
     href: string;
+    /** Open in a new tab with rel="noopener noreferrer". @default false */
+    external?: boolean;
 }
 export interface FooterColumn {
     title: string;
     links: FooterLink[];
 }
+export type SocialPlatform = "x" | "discord" | "github" | "telegram" | "linkedin" | "reddit";
 export interface SocialLink {
-    platform: "x" | "discord" | "github" | "linkedin" | "reddit" | "telegram";
+    platform: SocialPlatform;
     href: string;
+    /** Accessible label. Falls back to a sensible default per platform. */
+    label?: string;
 }
 export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
     /**
-     * Whether to show the heading tagline
-     * @default true
+     * Navigation columns rendered on the right of the top row.
+     * @default Explore / Builders / Resource
      */
-    showHeading?: boolean;
+    columns?: FooterColumn[];
     /**
-     * Custom heading text
+     * Social media links rendered at the bottom right.
+     * @default X / Discord / GitHub / Telegram / LinkedIn
      */
-    heading?: string;
+    socialLinks?: SocialLink[];
     /**
-     * Footer navigation columns
+     * Legal links rendered next to the copyright at the bottom left.
+     * @default Terms of Service / Privacy Policy
      */
-    columns?: FooterColumn[];
+    legalLinks?: FooterLink[];
     /**
-     * Social media links
+     * Copyright text. When omitted, renders "Movement © {currentYear}".
      */
-    socialLinks?: SocialLink[];
+    copyright?: string;
     /**
-     * Copyright text
-     * @default "© 2026 Movement Network Foundation. All rights reserved."
+     * Href for the "Powered by Movement" brand lockup.
+     * @default "https://www.movementnetwork.xyz"
      */
-    copyright?: string;
-}
-interface DesktopFooterProps {
-    showHeading: boolean;
-    heading: string;
-    columns: FooterColumn[];
-    socialLinks: SocialLink[];
-    copyright: string;
-    className?: string;
-}
-declare function DesktopFooter({ showHeading, heading, columns, socialLinks, copyright, className, }: DesktopFooterProps): import("react/jsx-runtime").JSX.Element;
-interface MobileFooterProps {
-    showHeading: boolean;
-    heading: string;
-    columns: FooterColumn[];
-    socialLinks: SocialLink[];
-    copyright: string;
-    className?: string;
+    brandHref?: string;
+    /**
+     * Brand wordmark text shown next to the monogram.
+     * @default "Powered by Movement"
+     */
+    brandLabel?: string;
 }
-declare function MobileFooter({ showHeading, heading, columns, socialLinks, copyright, className, }: MobileFooterProps): import("react/jsx-runtime").JSX.Element;
-/**
- * Footer component for displaying site-wide footer with navigation, social links, and branding.
- * Automatically switches between desktop and mobile layouts based on screen size.
- *
- * - Desktop (≥768px): Horizontal layout with logo left, nav columns right
- * - Mobile (<768px): Centered layout with 2x2 grid for nav columns
- */
-declare function Footer({ className, showHeading, heading, columns, socialLinks, copyright, ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;
-export { Footer, DesktopFooter, MobileFooter, footerLinkVariants, footerHeaderVariants, socialIconVariants, };
+declare function Footer({ className, columns, socialLinks, legalLinks, copyright, brandHref, brandLabel, ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export { Footer };
 //# sourceMappingURL=Footer.d.ts.map

package/dist/components/Footer/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgF1B,QAAA,MAAM,kBAAkB;;8EAavB,CAAC;AAGF,QAAA,MAAM,kBAAkB;;8EAYvB,CAAC;AAGF,QAAA,MAAM,oBAAoB,oFAAoE,CAAC;AAG/F,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,GAAG,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC1E,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAE3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyGD,UAAU,kBAAkB;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EACrB,WAAW,EACX,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,SAAS,GACV,EAAE,kBAAkB,2CA0CpB;AAKD,UAAU,iBAAiB;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,YAAY,CAAC,EACpB,WAAW,EACX,OAAO,EACP,OAAO,EACP,WAAW,EACX,SAAS,EACT,SAAS,GACV,EAAE,iBAAiB,2CAqCnB;AAMD;;;;;;GAMG;AACH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,WAAkB,EAClB,OAAwD,EACxD,OAAwB,EACxB,WAAgC,EAChC,SAAsE,EACtE,GAAG,KAAK,EACT,EAAE,WAAW,2CAqBb;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;;;;;;;;;;;;;GAqBG;AAMH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,MAAM,cAAc,GACtB,GAAG,GACH,SAAS,GACT,QAAQ,GACR,UAAU,GACV,UAAU,GACV,QAAQ,CAAC;AAEb,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAE3B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA4DD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAwB,EACxB,WAAgC,EAChC,UAA8B,EAC9B,SAAS,EACT,SAAwB,EACxB,UAAkC,EAClC,GAAG,KAAK,EACT,EAAE,WAAW,2CA+Db;AAgID,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Footer/index.d.ts

@@ -1,3 +1,3 @@
-export { Footer, DesktopFooter, MobileFooter, footerLinkVariants, footerHeaderVariants, socialIconVariants, } from './Footer';
-export type { FooterProps, FooterLink, FooterColumn, SocialLink, } from './Footer';
+export { Footer } from './Footer';
+export type { FooterProps, FooterLink, FooterColumn, SocialLink, SocialPlatform, } from './Footer';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,UAAU,GACX,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,UAAU,EACV,cAAc,GACf,MAAM,UAAU,CAAC"}

package/dist/components/shadcn/typography.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const typographyVariants: (props?: ({
-    variant?: "small" | "blockquote" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "list" | "large" | "uppercase" | "muted" | "lead" | "inlineCode" | "mono" | null | undefined;
+    variant?: "small" | "blockquote" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "list" | "large" | "uppercase" | "lead" | "muted" | "inlineCode" | "mono" | null | undefined;
     affects?: "default" | "removePMargin" | "removeMargin" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface TypographyProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {

package/dist/createLucideIcon-8yq_KgWS.cjs

@@ -0,0 +1 @@
+"use strict";const N=require("./utils-CikHldDD.cjs"),d=require("react"),y=r=>typeof r=="boolean"?`${r}`:r===0?"0":r,w=N.clsx,V=(r,t)=>e=>{var n;if(t?.variants==null)return w(r,e?.class,e?.className);const{variants:l,defaultVariants:a}=t,v=Object.keys(l).map(o=>{const s=e?.[o],c=a?.[o];if(s===null)return null;const i=y(s)||y(c);return l[o][i]}),u=e&&Object.entries(e).reduce((o,s)=>{let[c,i]=s;return i===void 0||(o[c]=i),o},{}),m=t==null||(n=t.compoundVariants)===null||n===void 0?void 0:n.reduce((o,s)=>{let{class:c,className:i,...b}=s;return Object.entries(b).every(k=>{let[f,C]=k;return Array.isArray(C)?C.includes({...a,...u}[f]):{...a,...u}[f]===C})?[...o,c,i]:o},[]);return w(r,v,m,e?.class,e?.className)};const g=r=>r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),L=r=>r.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,e,n)=>n?n.toUpperCase():e.toLowerCase()),h=r=>{const t=L(r);return t.charAt(0).toUpperCase()+t.slice(1)},A=(...r)=>r.filter((t,e,n)=>!!t&&t.trim()!==""&&n.indexOf(t)===e).join(" ").trim(),j=r=>{for(const t in r)if(t.startsWith("aria-")||t==="role"||t==="title")return!0};var x={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const O=d.forwardRef(({color:r="currentColor",size:t=24,strokeWidth:e=2,absoluteStrokeWidth:n,className:l="",children:a,iconNode:v,...u},m)=>d.createElement("svg",{ref:m,...x,width:t,height:t,stroke:r,strokeWidth:n?Number(e)*24/Number(t):e,className:A("lucide",l),...!a&&!j(u)&&{"aria-hidden":"true"},...u},[...v.map(([o,s])=>d.createElement(o,s)),...Array.isArray(a)?a:[a]]));const _=(r,t)=>{const e=d.forwardRef(({className:n,...l},a)=>d.createElement(O,{ref:a,iconNode:t,className:A(`lucide-${g(h(r))}`,`lucide-${r}`,n),...l}));return e.displayName=h(r),e};exports.createLucideIcon=_;exports.cva=V;

package/dist/createLucideIcon-DFqdAswP.js

@@ -0,0 +1,102 @@
+import { a as V } from "./utils-eGXXUFl7.js";
+import { forwardRef as A, createElement as C } from "react";
+const y = (a) => typeof a == "boolean" ? `${a}` : a === 0 ? "0" : a, h = V, U = (a, t) => (e) => {
+  var r;
+  if (t?.variants == null) return h(a, e?.class, e?.className);
+  const { variants: l, defaultVariants: n } = t, d = Object.keys(l).map((o) => {
+    const s = e?.[o], c = n?.[o];
+    if (s === null) return null;
+    const i = y(s) || y(c);
+    return l[o][i];
+  }), u = e && Object.entries(e).reduce((o, s) => {
+    let [c, i] = s;
+    return i === void 0 || (o[c] = i), o;
+  }, {}), v = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((o, s) => {
+    let { class: c, className: i, ...k } = s;
+    return Object.entries(k).every((N) => {
+      let [f, m] = N;
+      return Array.isArray(m) ? m.includes({
+        ...n,
+        ...u
+      }[f]) : {
+        ...n,
+        ...u
+      }[f] === m;
+    }) ? [
+      ...o,
+      c,
+      i
+    ] : o;
+  }, []);
+  return h(a, d, v, e?.class, e?.className);
+};
+const g = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), x = (a) => a.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, e, r) => r ? r.toUpperCase() : e.toLowerCase()
+), w = (a) => {
+  const t = x(a);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, b = (...a) => a.filter((t, e, r) => !!t && t.trim() !== "" && r.indexOf(t) === e).join(" ").trim(), j = (a) => {
+  for (const t in a)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+};
+var L = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const O = A(
+  ({
+    color: a = "currentColor",
+    size: t = 24,
+    strokeWidth: e = 2,
+    absoluteStrokeWidth: r,
+    className: l = "",
+    children: n,
+    iconNode: d,
+    ...u
+  }, v) => C(
+    "svg",
+    {
+      ref: v,
+      ...L,
+      width: t,
+      height: t,
+      stroke: a,
+      strokeWidth: r ? Number(e) * 24 / Number(t) : e,
+      className: b("lucide", l),
+      ...!n && !j(u) && { "aria-hidden": "true" },
+      ...u
+    },
+    [
+      ...d.map(([o, s]) => C(o, s)),
+      ...Array.isArray(n) ? n : [n]
+    ]
+  )
+);
+const W = (a, t) => {
+  const e = A(
+    ({ className: r, ...l }, n) => C(O, {
+      ref: n,
+      iconNode: t,
+      className: b(
+        `lucide-${g(w(a))}`,
+        `lucide-${a}`,
+        r
+      ),
+      ...l
+    })
+  );
+  return e.displayName = w(a), e;
+};
+export {
+  W as a,
+  U as c
+};

package/dist/fonts.css

@@ -1,10 +1,16 @@
 /* ============================================================================
- * Movement brand fonts — ABC Oracle (Dinamo) + RecifeText (Bold Monkeys)
+ * Movement brand @font-face declarations — ABC Oracle + RecifeText.
  * ----------------------------------------------------------------------------
- * Optional. Next.js apps self-host these via next/font/local and provide
- * --font-display / --font-serif themselves, so they DON'T need this file.
- * Storybook and non-Next consumers import it to get the real brand faces:
- *   @import "@moveindustries/movement-design-system/fonts";
+ * Single source of truth for the brand faces. Consumed two ways:
+ *   1. `fonts.css` @imports this (the standalone `/fonts` entry + Storybook).
+ *   2. The library build APPENDS this file to the published component-styles
+ *      bundle (dist/movement-design-system.css) so every consumer that imports
+ *      the bundle gets the real brand faces with no extra import — see
+ *      `copyThemePlugin` in vite.config.ts.
+ * The `url()`s stay external (never base64-inlined): the woff2 ship in the
+ * package under dist/assets/fonts/** and download only when a face is used.
+ * Paths are relative to dist/ root, where this file, fonts.css, and the
+ * component-styles bundle all live alongside ./assets/fonts/.
  * ============================================================================ */
 
 /* ABC Oracle — primary sans / display */
@@ -81,10 +87,28 @@
   font-display: swap;
 }
 
-/* Semantic font vars — only applied when this file is imported. Apps that
- * self-host via next/font set these themselves and never load this file. */
+/* ============================================================================
+ * Movement brand fonts — ABC Oracle (Dinamo) + RecifeText (Bold Monkeys)
+ * ----------------------------------------------------------------------------
+ * The brand @font-face rules live in `brand-faces.css` (single source of
+ * truth) and are also appended to the published component-styles bundle by the
+ * library build — so the design system always ships the real brand faces and
+ * components never depend on the host app registering the font.
+ *
+ * This file is the standalone `/fonts` entry: it pulls in the faces and sets
+ * the brand default vars on :root, for Storybook / non-Next consumers:
+ *   @import "@moveindustries/movement-design-system/fonts";
+ * Next.js apps may still self-host via next/font/local and override
+ * --font-display / --font-serif; both resolve to the same Oracle face.
+ * ============================================================================ */
+
+
+/* Semantic font vars — the single source the design system's `.font-*`
+ * utilities resolve through (see the @theme block in theme.css). Only the two
+ * brand faces are defined; there is no brand monospace, so --font-mono is left
+ * unset and `.font-mono` falls back to the generic system monospace (a
+ * consuming app can set --font-mono itself if it wants a specific one). */
 :root {
   --font-display: "ABC Oracle", ui-sans-serif, system-ui, sans-serif;
   --font-serif: "RecifeText", ui-serif, Georgia, serif;
-  --font-mono: "ABC Oracle", ui-monospace, monospace;
 }