@moveindustries/movement-design-system 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,190 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [1.0.0] - 2026-02-05
+
+First public release of the Move Industries Design System on npm. This release represents the culmination of 8 months of development, from initial scaffolding (June 2025) through production hardening across Movement Labs applications. The library delivers 60+ accessible React components, a comprehensive theme system, and deep Aptos wallet integration — all built on shadcn/ui, Radix UI, and Tailwind CSS v4.
+
+### Core Component Library
+
+#### Layout & Containers
+- **Card** — Container with header, title, description, content, footer, and action slots
+- **AspectRatio** — Constrained aspect ratio wrapper
+- **Separator** — Horizontal/vertical dividers
+- **ScrollArea** / **ScrollBar** — Custom scrollable regions
+- **Resizable** — Resizable panel groups with drag handles (ResizablePanel, ResizablePanelGroup, ResizableHandle)
+- **Collapsible** — Expandable/collapsible content sections
+- **Item** — Styled list item element
+
+#### Navigation
+- **Tabs** — Tabbed content navigation (TabsList, TabsTrigger, TabsContent)
+- **Breadcrumb** — Breadcrumb trail with ellipsis support (BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis)
+- **NavigationMenu** — Accessible navigation menus with viewport, indicators, and trigger styles
+- **Menubar** — Top-level menu bar with submenus, checkboxes, radio items, and keyboard navigation
+- **Pagination** — Page navigation with standard and bullet pagination variants (BulletPagination)
+- **Sidebar** — Full sidebar layout system with provider, header, footer, groups, menus, sub-menus, skeleton states, rail, and useSidebar hook
+
+#### Buttons & Controls
+- **Button** — Primary button with multiple variants via `buttonVariants` (CVA)
+- **ButtonGroup** — Grouped button layout
+- **Toggle** / **ToggleGroup** — Toggle buttons with `toggleVariants`
+- **IconButton** — Icon-only button component
+- **ProgressButton** — Button with built-in progress indication
+
+#### Form Components
+- **Input** — Text input with variant support
+- **Textarea** — Multi-line text input
+- **Label** — Accessible form labels
+- **Checkbox** — Checkbox with indeterminate support
+- **RadioGroup** / **RadioGroupItem** — Radio button groups
+- **Switch** — Toggle switch
+- **Select** — Dropdown select with groups, scroll buttons, and separators
+- **Slider** — Range slider with segmented variant support
+- **InputOTP** — One-time password input
+- **InputGroup** — Composite input with addons, buttons, and text (InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea)
+- **CryptoAmountInput** — Specialized numeric input for cryptocurrency amounts with WalletIcon
+- **Calendar** — Date picker (react-day-picker integration)
+- **Command** — Command palette / combobox (cmdk integration)
+
+#### Form Management
+- **Form** — React Hook Form integration with FormField, FormControl, FormItem, FormLabel, FormDescription, FormMessage
+- **Field** — Standalone field wrapper with FieldLabel, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSet, FieldTitle, FieldContent, FieldSeparator
+- **useFormField** hook for field context access
+
+#### Dialogs & Overlays
+- **Dialog** — Modal dialog with `dialogContentVariants` and configurable close button
+- **AlertDialog** — Confirmation/alert dialog with action and cancel buttons
+- **Drawer** — Mobile-friendly slide-up drawer with drag-to-dismiss (vaul)
+- **Sheet** — Side panel overlay with `sheetContentVariants` and directional support
+- **Popover** — Floating content popover
+- **HoverCard** — Hover-triggered information card
+- **ContextMenu** — Right-click context menus with full sub-menu support
+- **Tooltip** — Tooltip with provider for delay/skip configuration
+
+#### Menus & Dropdowns
+- **DropdownMenu** — Full dropdown menu system with checkbox items, radio groups, sub-menus, shortcuts, labels, separators, and portal support
+
+#### Data Display
+- **Table** — Data table with header, body, row, cell, footer, caption, and `TableVariant` type support
+- **List** — Styled lists with `listVariants`, `listItemVariants`, and `bulletVariants`
+- **Accordion** — Expandable content sections with hover interaction support
+- **Carousel** — Content carousel with navigation (embla-carousel)
+- **Badge** — Status/label badges with `badgeVariants`
+- **Avatar** — User avatars with image, fallback, and `avatarVariants`
+- **Skeleton** — Loading placeholder skeletons
+- **Empty** — Empty state display component
+
+#### Typography
+- **Typography** / **Text** — Text rendering with `typographyVariants` for consistent type scales
+- **Kbd** — Keyboard shortcut display
+- **MultiOutlineText** — Decorative text with multiple configurable outline layers and thickness control
+
+#### Feedback & Status
+- **Alert** — Alert banners with title and description
+- **Progress** — Progress bar
+- **Spinner** — Loading spinner
+
+#### Notifications
+- **Toaster** / **toast** — Sonner-based toast notification system with movement-branded styling
+- **GlobalToaster** / **movementToast** — Application-wide toast singleton with typed variants (success, error, warning, info)
+- **toastVariants** — Visual toast variant definitions
+- Toast types: `CreateToastArgs`, `TypedToastArgs`, `ToastVariant`
+- Mobile-optimized toast positioning with queued display
+
+### Movement-Specific Components
+
+#### Branding
+- **Branding** — Movement/Move Industries brand assets with theme (industries, labs), variant (lockup-long, lockup-short, logomark, moveus), and color (black, white, color) support
+- **Logo** — Movement logo component
+- **DottedBackground** — Decorative dotted pattern background
+
+#### Global Navigation
+- **GlobalNavMenu** — Global product navigation menu for Movement ecosystem apps
+  - Desktop flyout menu with product blocks
+  - Mobile drawer variant with responsive breakpoint handling
+  - `productBlockVariants` for consistent product card styling
+  - Configurable nav items via `NavMenuItem` type
+
+#### Footer
+- **Footer** — Responsive footer with desktop and mobile layouts
+  - **DesktopFooter** / **MobileFooter** — Layout-specific sub-components
+  - Configurable link columns via `FooterColumn` / `FooterLink` types
+  - Social icon row via `SocialLink` type
+  - `footerLinkVariants`, `footerHeaderVariants`, `socialIconVariants`
+
+#### Wallet Integration
+- **WalletModal** — Aptos wallet connection dialog
+  - Responsive: dialog on desktop, drawer on mobile
+  - Wallet providers: Nightly, OKX, MSafe, Petra, Aptos Connect
+  - Automatic wallet detection and sorting
+  - `ConnectWalletDialogProps` type
+
+### Icon System
+
+- **Icon** component with comprehensive icon library
+- 44+ crypto, network, and wallet asset icons: Aptos, Avalanche, Binance, BSC, Bitcoin (multiple variants), Coinbase, Ethereum, Movement (logomark, wordmark), Polygon, Solana, MetaMask, Nightly, Petra, Rabby, Razor, Sender, and more
+- Full Phosphor Icons integration via `@phosphor-icons/react`
+- Lucide React icons for UI primitives
+
+### Theme System
+
+#### CSS Custom Properties
+- Multi-layer token architecture:
+  - **Primitive tokens** — raw spacing, sizing, border-radius, border-width, shadow, opacity scales
+  - **Brand colors** — Movement palette (moveus-marigold, guild-green, etc.)
+  - **Semantic tokens** — background, foreground, border, ring mapped to brand colors
+  - **Component tokens** — per-component color/spacing overrides (accordion, badge, card, input, sidebar, toast, etc.)
+- Light and dark mode support via `prefers-color-scheme` and `.dark` class
+- **ThemeProvider** — React context provider for theme state
+- **ThemeSwitcher** — Theme picker UI
+- **ThemeToggle** — Simple light/dark toggle
+- **useTheme** hook
+
+#### Design Tokens (JS)
+- `spacing` — 21-value spacing scale (0–384px)
+- `sizes` — All spacing values plus prose, full, min, max, fit
+- `radii` — Border radius scale (sm through full)
+- `borderWidths` — 0–8px scale
+- `shadows` — xs through 2xl, inner, none
+- `zIndex` — Semantic z-index scale (hide, base, docked, dropdown, sticky, banner, overlay, modal, popover, skipLink, toast, tooltip)
+
+#### CSS Exports
+- `@movementlabsxyz/movement-design-system/component-styles` — Component CSS
+- `@movementlabsxyz/movement-design-system/theme` — Theme variables
+- `@movementlabsxyz/movement-design-system/fonts` — Font definitions
+
+### Styling Utilities
+
+- **cn()** — Tailwind-safe class name merging (clsx + tailwind-merge)
+- **gradientBorderClasses** — Gradient border recipes (.gradient-border-glow, .gradient-border-error, .gradient-border-iridescent, .gradient-border-diagonal)
+- **glassBackgroundClasses** — Glass morphism effects (.glass-background-dark, .glass-background-light)
+- **gradientBackgroundClasses** / **getGradientClass()** — Gradient background helpers (.gradient-mint-cyan, .gradient-glass-overlay)
+- **Iridescent variants** — Iridescent border and input styling recipes
+
+### Hooks
+
+- **useIsMobile** — Responsive breakpoint detection
+- **useSidebar** — Sidebar open/close state management
+- **useFormField** — React Hook Form field context
+- **useTableSort** / **useSortableData** — Table column sorting with `SortDirection` and `SortFunction` types
+- **useTheme** — Theme state access
+
+### Build & Distribution
+
+- Vite library mode build with ESM (`dist/index.js`) and CommonJS (`dist/index.cjs`) outputs
+- TypeScript declarations via `vite-plugin-dts` and `tsc`
+- Tree-shakeable exports with proper `sideEffects` configuration
+- Source maps for debugging
+- `prepublishOnly` script runs full build automatically
+- Peer dependencies: React 18/19, React DOM, Tailwind CSS v4, @aptos-labs/wallet-adapter-react
+- Storybook 9 documentation site with interactive examples
+
+### Reference Blocks (Non-exported)
+
+The following example implementations are included in the source as reference patterns:
+- HamburgerMenu, PaginatedTable, ValidatorsTable, MobileValidatorsTable, StakeForm, StakingBalance

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Movement Network
+
+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,76 @@
+# Move Industries Design System
+
+A production-ready React component library built for Move Industries applications. This design system provides accessible, customizable UI components with consistent styling and behavior across all Move Industries products.
+
+## Tech Stack
+
+- **React 18+** - UI framework
+- **TypeScript** - Type safety
+- **Tailwind CSS v4** - Utility-first styling
+- **shadcn/ui** - Component architecture
+- **Radix UI** - Accessible primitives
+- **Vite** - Build tooling
+- **Storybook** - Component documentation
+
+## Installation
+
+### Prerequisites
+
+- React 18+ or 19+
+- Tailwind CSS v4
+- PostCSS
+
+### Install the Package
+
+**Coming soon to npm.**
+
+### Import Styles
+
+Add these imports to your `global.css` file in this exact order:
+
+```css
+@import "movement-design-system/component-styles";
+@import "movement-design-system/theme";
+@import "tailwindcss";
+```
+
+> **Note**: The import order matters. Component styles and theme must come before Tailwind CSS.
+
+### Usage
+
+```tsx
+import { Button, Card, Input } from 'movement-design-system';
+
+function App() {
+  return (
+    <Card>
+      <Input placeholder="Enter text..." />
+      <Button>Submit</Button>
+    </Card>
+  );
+}
+```
+
+## Development
+
+```bash
+# Install dependencies
+pnpm install
+
+# Start Storybook
+pnpm storybook
+
+# Build library
+pnpm build:lib
+
+# Run tests
+pnpm test
+```
+
+## Documentation
+
+See the full component documentation in [Storybook](https://movement-design-system-docs-git-shadcn-movement-labs.vercel.app/).
+
+## License
+
+MIT

package/dist/components/Branding/Branding.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+export type BrandingTheme = "industries" | "labs";
+export type BrandingVariant = "lockup-long" | "lockup-short" | "logomark" | "moveus";
+export type BrandingColor = "black" | "white" | "color";
+export interface BrandingProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    /**
+     * The branding theme to display
+     * @default 'industries'
+     */
+    theme?: BrandingTheme;
+    /**
+     * The logo variant to display
+     * @default 'logomark'
+     */
+    variant?: BrandingVariant;
+    /**
+     * The color version to display
+     * @default 'color'
+     */
+    color?: BrandingColor;
+    /**
+     * Custom class name
+     */
+    className?: string;
+}
+/**
+ * Branding component for displaying Movement Labs logos
+ */
+declare function Branding({ theme, variant, color, className, alt, ...props }: BrandingProps): import("react/jsx-runtime").JSX.Element | null;
+export { Branding };
+//# sourceMappingURL=Branding.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Branding.d.ts","sourceRoot":"","sources":["../../../src/components/Branding/Branding.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC;AAClD,MAAM,MAAM,eAAe,GACvB,aAAa,GACb,cAAc,GACd,UAAU,GACV,QAAQ,CAAC;AACb,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAExD,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACjD;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,iBAAS,QAAQ,CAAC,EAChB,KAAoB,EACpB,OAAoB,EACpB,KAAe,EACf,SAAS,EACT,GAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,aAAa,kDA0Bf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Branding } from './Branding';
+export type { BrandingProps, BrandingTheme, BrandingVariant, BrandingColor } from './Branding';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Branding/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/DottedBackground/DottedBackground.d.ts

@@ -0,0 +1,11 @@
+interface DottedBackgroundProps {
+    children?: React.ReactNode;
+    className?: string;
+    dotColor?: string;
+    dotSize?: number;
+    gap?: number;
+    variant?: "dots" | "grid" | "gradient";
+}
+export declare function DottedBackground({ children, className, dotColor, dotSize, gap, variant, }: DottedBackgroundProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DottedBackground.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DottedBackground.d.ts","sourceRoot":"","sources":["../../../src/components/DottedBackground/DottedBackground.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;CACxC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAW,EACX,GAAQ,EACR,OAAgB,GACjB,EAAE,qBAAqB,2CAmFvB"}

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

@@ -0,0 +1,2 @@
+export { DottedBackground } from './DottedBackground';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DottedBackground/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,72 @@
+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;
+export interface FooterLink {
+    label: string;
+    href: string;
+}
+export interface FooterColumn {
+    title: string;
+    links: FooterLink[];
+}
+export interface SocialLink {
+    platform: "x" | "discord" | "github" | "linkedin" | "reddit" | "telegram";
+    href: string;
+}
+export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Whether to show the heading tagline
+     * @default true
+     */
+    showHeading?: boolean;
+    /**
+     * Custom heading text
+     */
+    heading?: string;
+    /**
+     * Footer navigation columns
+     */
+    columns?: FooterColumn[];
+    /**
+     * Social media links
+     */
+    socialLinks?: SocialLink[];
+    /**
+     * Copyright text
+     * @default "© 2026 Move Industries. All rights reserved."
+     */
+    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;
+}
+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, };
+//# sourceMappingURL=Footer.d.ts.map

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

@@ -0,0 +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;AAwGD,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,SAA0D,EAC1D,GAAG,KAAK,EACT,EAAE,WAAW,2CAqBb;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,GACnB,CAAC"}

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

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

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

@@ -0,0 +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"}

package/dist/components/GlobalNavMenu/GlobalNavMenu.d.ts

@@ -0,0 +1,87 @@
+import * as React from "react";
+declare const productBlockVariants: (props?: ({
+    variant?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface NavMenuItem {
+    id: string;
+    title: string;
+    description: string;
+    href?: string;
+    onClick?: () => void;
+}
+export interface GlobalNavMenuProps {
+    /**
+     * Navigation items to display in the menu
+     */
+    items?: NavMenuItem[];
+    /**
+     * Trigger element (defaults to hamburger button)
+     */
+    trigger?: React.ReactNode;
+    /**
+     * Whether to show the video placeholder section (desktop only)
+     * @default true
+     */
+    showVideoSection?: boolean;
+    /**
+     * Whether to show the Move Alliance section (desktop only)
+     * @default true
+     */
+    showAllianceSection?: boolean;
+    /**
+     * Move price to display (e.g., "$0.03")
+     */
+    movePrice?: string;
+    /**
+     * Callback when an item is clicked
+     */
+    onItemClick?: (item: NavMenuItem) => void;
+    /**
+     * Additional class name for the trigger button
+     */
+    triggerClassName?: string;
+    /**
+     * Additional class name for the content
+     */
+    className?: string;
+}
+interface ProductBlockProps {
+    item: NavMenuItem;
+    onClick?: () => void;
+    className?: string;
+}
+interface DesktopMenuContentProps {
+    items: NavMenuItem[];
+    showVideoSection: boolean;
+    showAllianceSection: boolean;
+    movePrice?: string;
+    onItemClick?: (item: NavMenuItem) => void;
+}
+interface MobileMenuContentProps {
+    items: NavMenuItem[];
+    onItemClick?: (item: NavMenuItem) => void;
+}
+/**
+ * GlobalNavMenu component - A full-screen navigation menu triggered by an icon button.
+ *
+ * Features:
+ * - Responsive design with separate desktop and mobile layouts
+ * - Uses Sheet component for slide-down animation
+ * - Displays product/app navigation items with icons and descriptions
+ * - Desktop includes video placeholder and Move Alliance section
+ *
+ * @example
+ * ```tsx
+ * <GlobalNavMenu
+ *   items={[
+ *     { id: 'bridge', title: 'BRIDGE', description: '...' },
+ *     { id: 'staking', title: 'STAKING', description: '...' },
+ *   ]}
+ *   onItemClick={(item) => console.log('Clicked:', item.id)}
+ * />
+ * ```
+ */
+declare function GlobalNavMenu({ items, trigger, showVideoSection, showAllianceSection, movePrice, onItemClick, triggerClassName, className, }: GlobalNavMenuProps): import("react/jsx-runtime").JSX.Element;
+export { GlobalNavMenu, productBlockVariants };
+export type { ProductBlockProps, DesktopMenuContentProps, MobileMenuContentProps };
+//# sourceMappingURL=GlobalNavMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalNavMenu.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalNavMenu/GlobalNavMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiC/B,QAAA,MAAM,oBAAoB;;8EAYzB,CAAC;AA6GF,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgDD,UAAU,iBAAiB;IACzB,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6DD,UAAU,uBAAuB;IAC/B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3C;AA0HD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3C;AAiCD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,aAAa,CAAC,EACrB,KAAuB,EACvB,OAAO,EACP,gBAAuB,EACvB,mBAA0B,EAC1B,SAAmB,EACnB,WAAW,EACX,gBAAgB,EAChB,SAAS,GACV,EAAE,kBAAkB,2CAgDpB;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/components/GlobalNavMenu/icons/BridgeIcon.d.ts

@@ -0,0 +1,2 @@
+export declare const BridgeIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BridgeIcon.d.ts.map

package/dist/components/GlobalNavMenu/icons/BridgeIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BridgeIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/GlobalNavMenu/icons/BridgeIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,+CAWtB,CAAC"}

package/dist/components/GlobalNavMenu/icons/DelegatedStakingIcon.d.ts

@@ -0,0 +1,2 @@
+export declare const DelegatedStakingIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DelegatedStakingIcon.d.ts.map

package/dist/components/GlobalNavMenu/icons/DelegatedStakingIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DelegatedStakingIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/GlobalNavMenu/icons/DelegatedStakingIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+CAIhC,CAAC"}

package/dist/components/GlobalNavMenu/icons/ExplorerIcon.d.ts

@@ -0,0 +1,2 @@
+export declare const ExplorerIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExplorerIcon.d.ts.map

package/dist/components/GlobalNavMenu/icons/ExplorerIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExplorerIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/GlobalNavMenu/icons/ExplorerIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,+CAWxB,CAAC"}

package/dist/components/GlobalNavMenu/icons/GridIcon.d.ts

@@ -0,0 +1,4 @@
+export declare const GridIcon: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GridIcon.d.ts.map

package/dist/components/GlobalNavMenu/icons/GridIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/GlobalNavMenu/icons/GridIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,4CAc7D,CAAC"}

package/dist/components/GlobalNavMenu/icons/MoveDocsIcon.d.ts

@@ -0,0 +1,2 @@
+export declare const MoveDocsIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MoveDocsIcon.d.ts.map

package/dist/components/GlobalNavMenu/icons/MoveDocsIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoveDocsIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/GlobalNavMenu/icons/MoveDocsIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,+CAWxB,CAAC"}

package/dist/components/GlobalNavMenu/icons/ParthenonIcon.d.ts

@@ -0,0 +1,2 @@
+export declare const ParthenonIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ParthenonIcon.d.ts.map

package/dist/components/GlobalNavMenu/icons/ParthenonIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParthenonIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/GlobalNavMenu/icons/ParthenonIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+CA2BzB,CAAC"}

package/dist/components/GlobalNavMenu/icons/index.d.ts

@@ -0,0 +1,7 @@
+export { GridIcon } from './GridIcon';
+export { BridgeIcon } from './BridgeIcon';
+export { DelegatedStakingIcon } from './DelegatedStakingIcon';
+export { ParthenonIcon } from './ParthenonIcon';
+export { ExplorerIcon } from './ExplorerIcon';
+export { MoveDocsIcon } from './MoveDocsIcon';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/GlobalNavMenu/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/GlobalNavMenu/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { GlobalNavMenu, productBlockVariants } from './GlobalNavMenu';
+export type { GlobalNavMenuProps, NavMenuItem, ProductBlockProps, DesktopMenuContentProps, MobileMenuContentProps, } from './GlobalNavMenu';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/GlobalNavMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtE,YAAY,EACV,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC"}