@fairmint/ui 0.1.0 → 0.1.1

package/dist/{fairmint-ui.es.js → fairmint-ui.js}

@@ -1,5 +1,65 @@
-import { createTheme, Box, Group, Stack, Title, Text, Container, Button, Burger, NavLink, Menu, UnstyledButton, Avatar, Divider } from "@mantine/core";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Group, Burger, Container, Stack, Title, Text, Button, createTheme, MantineProvider, Box, NavLink, Menu, UnstyledButton, Avatar, Divider } from "@mantine/core";
+function AppHeader({
+  logo,
+  rightSection,
+  mobileNavOpened = false,
+  onMobileNavToggle,
+  height = 60
+}) {
+  return /* @__PURE__ */ jsxs(Group, { h: height, px: "md", justify: "space-between", children: [
+    /* @__PURE__ */ jsxs(Group, { children: [
+      onMobileNavToggle && /* @__PURE__ */ jsx(
+        Burger,
+        {
+          opened: mobileNavOpened,
+          onClick: onMobileNavToggle,
+          hiddenFrom: "sm",
+          size: "sm",
+          "aria-label": "Toggle navigation"
+        }
+      ),
+      logo
+    ] }),
+    rightSection
+  ] });
+}
+function ErrorFallback({
+  title = "Something went wrong",
+  description = "We've been notified and are working on a fix.",
+  onAction,
+  actionLabel = "Reload Page",
+  error: error2
+}) {
+  if (error2 !== void 0) {
+    console.error("[ErrorFallback]", error2);
+  }
+  const handleAction = onAction ?? (() => window.location.reload());
+  return /* @__PURE__ */ jsx(Container, { size: "sm", py: "xl", children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "md", children: [
+    /* @__PURE__ */ jsx(Title, { order: 2, children: title }),
+    /* @__PURE__ */ jsx(Text, { c: "dimmed", children: description }),
+    /* @__PURE__ */ jsx(Button, { onClick: handleAction, children: actionLabel })
+  ] }) });
+}
+function FairmintLogo({
+  src = "https://imagedelivery.net/Lm6ChJXR4cIKKycsNMvGjA/0367be38-c9d8-4206-aaae-eba5ff830600/public",
+  width = 140,
+  height = 30,
+  className,
+  alt = "Fairmint"
+}) {
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt,
+      width,
+      height,
+      className,
+      style: { objectFit: "contain" }
+    }
+  );
+}
 const indigo = [
   "#EEF2FF",
   "#E0E7FF",
@@ -181,24 +241,8 @@ const semanticColors = {
   error: "#F04438",
   info: "#06AED4"
 };
-function FairmintLogo({
-  src = "https://imagedelivery.net/Lm6ChJXR4cIKKycsNMvGjA/0367be38-c9d8-4206-aaae-eba5ff830600/public",
-  width = 140,
-  height = 30,
-  className,
-  alt = "Fairmint"
-}) {
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      src,
-      alt,
-      width,
-      height,
-      className,
-      style: { objectFit: "contain" }
-    }
-  );
+function FairmintProvider({ children, colorScheme = "light" }) {
+  return /* @__PURE__ */ jsx(MantineProvider, { theme, defaultColorScheme: colorScheme, children });
 }
 function LoadingSpinner({ size = 32 }) {
   const iconProps = {
@@ -220,13 +264,23 @@ function LoadingSpinner({ size = 32 }) {
     /* @__PURE__ */ jsx("path", { d: "M6 15h2" })
   ] });
   return /* @__PURE__ */ jsxs(Box, { pos: "relative", style: { width: size, height: size }, role: "status", "aria-label": "Loading", children: [
-    /* @__PURE__ */ jsx("svg", { ...iconProps, stroke: "var(--mantine-color-gray-3)", style: { position: "absolute", inset: 0 }, children: paths }),
+    /* @__PURE__ */ jsx(
+      "svg",
+      {
+        ...iconProps,
+        stroke: "var(--mantine-color-gray-3)",
+        style: { position: "absolute", inset: 0 },
+        "aria-hidden": "true",
+        children: paths
+      }
+    ),
     /* @__PURE__ */ jsx(
       "svg",
       {
         ...iconProps,
         stroke: "var(--mantine-color-indigo-5)",
         style: { position: "absolute", inset: 0, animation: "fillUp 1.4s ease-in-out infinite" },
+        "aria-hidden": "true",
         children: paths
       }
     )
@@ -241,47 +295,6 @@ function PageHeader({ title, subtitle, action }) {
     action
   ] });
 }
-function ErrorFallback({
-  title = "Something went wrong",
-  description = "We've been notified and are working on a fix.",
-  onAction,
-  actionLabel = "Reload Page",
-  error: error2
-}) {
-  if (error2 !== void 0) {
-    console.error("[ErrorFallback]", error2);
-  }
-  const handleAction = onAction ?? (() => window.location.reload());
-  return /* @__PURE__ */ jsx(Container, { size: "sm", py: "xl", children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "md", children: [
-    /* @__PURE__ */ jsx(Title, { order: 2, children: title }),
-    /* @__PURE__ */ jsx(Text, { c: "dimmed", children: description }),
-    /* @__PURE__ */ jsx(Button, { onClick: handleAction, children: actionLabel })
-  ] }) });
-}
-function AppHeader({
-  logo,
-  rightSection,
-  mobileNavOpened = false,
-  onMobileNavToggle,
-  height = 60
-}) {
-  return /* @__PURE__ */ jsxs(Group, { h: height, px: "md", justify: "space-between", children: [
-    /* @__PURE__ */ jsxs(Group, { children: [
-      onMobileNavToggle && /* @__PURE__ */ jsx(
-        Burger,
-        {
-          opened: mobileNavOpened,
-          onClick: onMobileNavToggle,
-          hiddenFrom: "sm",
-          size: "sm",
-          "aria-label": "Toggle navigation"
-        }
-      ),
-      logo
-    ] }),
-    rightSection
-  ] });
-}
 function SideNav({ items, onItemClick, color = "indigo" }) {
   return /* @__PURE__ */ jsx(Stack, { component: "nav", gap: 4, p: "md", "aria-label": "Main navigation", children: items.map((item) => /* @__PURE__ */ jsx(
     NavLink,
@@ -340,6 +353,7 @@ export {
   AppHeader,
   ErrorFallback,
   FairmintLogo,
+  FairmintProvider,
   LoadingSpinner,
   PageHeader,
   SideNav,
@@ -349,4 +363,4 @@ export {
   semanticColors,
   theme
 };
-//# sourceMappingURL=fairmint-ui.es.js.map
+//# sourceMappingURL=fairmint-ui.js.map

package/dist/fairmint-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fairmint-ui.js","sources":["../src/components/AppHeader/AppHeader.tsx","../src/components/ErrorFallback/ErrorFallback.tsx","../src/components/FairmintLogo/FairmintLogo.tsx","../src/theme/index.ts","../src/components/FairmintProvider/FairmintProvider.tsx","../src/components/LoadingSpinner/LoadingSpinner.tsx","../src/components/PageHeader/PageHeader.tsx","../src/components/SideNav/SideNav.tsx","../src/components/UserMenu/UserMenu.tsx"],"sourcesContent":["import { Burger, Group } from \"@mantine/core\";\nimport type { ReactNode } from \"react\";\n\nexport interface AppHeaderProps {\n  /** Logo element (typically FairmintLogo). */\n  logo: ReactNode;\n  /** Right-aligned content (user menu, actions). */\n  rightSection?: ReactNode;\n  /** Whether mobile nav is open. Controls burger state. */\n  mobileNavOpened?: boolean;\n  /** Toggle mobile nav callback. */\n  onMobileNavToggle?: () => void;\n  /** Header height in pixels. @default 60 */\n  height?: number;\n}\n\nexport function AppHeader({\n  logo,\n  rightSection,\n  mobileNavOpened = false,\n  onMobileNavToggle,\n  height = 60,\n}: AppHeaderProps) {\n  return (\n    <Group h={height} px=\"md\" justify=\"space-between\">\n      <Group>\n        {onMobileNavToggle && (\n          <Burger\n            opened={mobileNavOpened}\n            onClick={onMobileNavToggle}\n            hiddenFrom=\"sm\"\n            size=\"sm\"\n            aria-label=\"Toggle navigation\"\n          />\n        )}\n        {logo}\n      </Group>\n      {rightSection}\n    </Group>\n  );\n}\n","import { Button, Container, Stack, Text, Title } from \"@mantine/core\";\n\nexport interface ErrorFallbackProps {\n  /** Title text. @default \"Something went wrong\" */\n  title?: string;\n  /** Description text. @default \"We've been notified and are working on a fix.\" */\n  description?: string;\n  /** Callback when the user clicks the action button. Defaults to window.location.reload(). */\n  onAction?: () => void;\n  /** Action button label. @default \"Reload Page\" */\n  actionLabel?: string;\n  /** Optional error object for dev-mode display or logging. Compatible with Sentry ErrorBoundary render props. */\n  error?: unknown;\n}\n\nexport function ErrorFallback({\n  title = \"Something went wrong\",\n  description = \"We've been notified and are working on a fix.\",\n  onAction,\n  actionLabel = \"Reload Page\",\n  error,\n}: ErrorFallbackProps) {\n  if (error !== undefined) {\n    console.error(\"[ErrorFallback]\", error);\n  }\n\n  const handleAction = onAction ?? (() => window.location.reload());\n\n  return (\n    <Container size=\"sm\" py=\"xl\">\n      <Stack align=\"center\" gap=\"md\">\n        <Title order={2}>{title}</Title>\n        <Text c=\"dimmed\">{description}</Text>\n        <Button onClick={handleAction}>{actionLabel}</Button>\n      </Stack>\n    </Container>\n  );\n}\n","export interface FairmintLogoProps {\n  /** Image source URL. Defaults to the CDN-hosted black wordmark. */\n  src?: string;\n  /** Width in pixels. @default 140 */\n  width?: number;\n  /** Height in pixels. @default 30 */\n  height?: number;\n  /** Additional CSS class. */\n  className?: string;\n  /** Alt text. @default \"Fairmint\" */\n  alt?: string;\n}\n\nexport function FairmintLogo({\n  src = \"https://imagedelivery.net/Lm6ChJXR4cIKKycsNMvGjA/0367be38-c9d8-4206-aaae-eba5ff830600/public\",\n  width = 140,\n  height = 30,\n  className,\n  alt = \"Fairmint\",\n}: FairmintLogoProps) {\n  return (\n    <img\n      src={src}\n      alt={alt}\n      width={width}\n      height={height}\n      className={className}\n      style={{ objectFit: \"contain\" }}\n    />\n  );\n}\n","import { createTheme, type MantineColorsTuple } from \"@mantine/core\";\n\n/**\n * Indigo palette — primary UI color.\n * Used for buttons, links, active navigation, focus rings.\n * Shade [5] (#6366F1) is the default primary.\n */\nconst indigo: MantineColorsTuple = [\n  \"#EEF2FF\",\n  \"#E0E7FF\",\n  \"#C7D2FE\",\n  \"#A5B4FC\",\n  \"#818CF8\",\n  \"#6366F1\",\n  \"#4F46E5\",\n  \"#4338CA\",\n  \"#3730A3\",\n  \"#312E81\",\n];\n\n/**\n * Neutral scale — replaces Mantine's default gray.\n * Used for text, borders, backgrounds, disabled states.\n */\nconst neutral: MantineColorsTuple = [\n  \"#F8F9FA\",\n  \"#F3F4F6\",\n  \"#E5E7EB\",\n  \"#D2D6DB\",\n  \"#9DA4AE\",\n  \"#6C737F\",\n  \"#4D5761\",\n  \"#2F3746\",\n  \"#1C2536\",\n  \"#111927\",\n];\n\n/**\n * Fairmint brand blue — accent color for gradients and brand elements.\n * Shade [5] (#0A4EFB) is the primary brand blue.\n *\n * NOTE: design/README.md lists #2D00F7 as Fairmint Blue.\n * This library uses #0A4EFB (production value from investorv2).\n */\nconst fairmintBlue: MantineColorsTuple = [\n  \"#e6f0ff\",\n  \"#cce0ff\",\n  \"#99c2ff\",\n  \"#66a3ff\",\n  \"#3385ff\",\n  \"#0A4EFB\",\n  \"#083ec9\",\n  \"#062e97\",\n  \"#041f64\",\n  \"#020f32\",\n];\n\n/**\n * Fairmint brand purple — accent color for gradients and brand elements.\n * Shade [5] (#9E03FF) is the primary brand purple.\n *\n * NOTE: design/README.md lists #6739FD as Fairmint Purple.\n * This library uses #9E03FF (production value from investorv2).\n */\nconst fairmintPurple: MantineColorsTuple = [\n  \"#f5e6ff\",\n  \"#e6ccff\",\n  \"#cc99ff\",\n  \"#b366ff\",\n  \"#9933ff\",\n  \"#9E03FF\",\n  \"#7e02cc\",\n  \"#5f0299\",\n  \"#3f0166\",\n  \"#200133\",\n];\n\nconst success: MantineColorsTuple = [\n  \"#F0FDF9\",\n  \"#D1FAE5\",\n  \"#A7F3D0\",\n  \"#6EE7B7\",\n  \"#34D399\",\n  \"#10B981\",\n  \"#059669\",\n  \"#047857\",\n  \"#065F46\",\n  \"#134E48\",\n];\n\nconst warning: MantineColorsTuple = [\n  \"#FFFAEB\",\n  \"#FEF0C7\",\n  \"#FEDF89\",\n  \"#FEC84B\",\n  \"#FDB022\",\n  \"#F79009\",\n  \"#DC6803\",\n  \"#B54708\",\n  \"#93370D\",\n  \"#7A2E0E\",\n];\n\nconst error: MantineColorsTuple = [\n  \"#FEF3F2\",\n  \"#FEE4E2\",\n  \"#FECDCA\",\n  \"#FDA29B\",\n  \"#F97066\",\n  \"#F04438\",\n  \"#D92D20\",\n  \"#B42318\",\n  \"#912018\",\n  \"#7A271A\",\n];\n\nconst info: MantineColorsTuple = [\n  \"#ECFDFF\",\n  \"#CFF9FE\",\n  \"#A5F0FC\",\n  \"#67E3F9\",\n  \"#22CCEE\",\n  \"#06AED4\",\n  \"#088AB2\",\n  \"#0E7090\",\n  \"#155B75\",\n  \"#164C63\",\n];\n\nexport const theme = createTheme({\n  primaryColor: \"indigo\",\n  colors: { indigo, gray: neutral, fairmintBlue, fairmintPurple, success, warning, error, info },\n\n  fontFamily:\n    '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"',\n  headings: {\n    fontFamily: '\"Plus Jakarta Sans\", sans-serif',\n    fontWeight: \"700\",\n  },\n\n  radius: {\n    xs: \"0.25rem\",\n    sm: \"0.375rem\",\n    md: \"0.5rem\",\n    lg: \"0.75rem\",\n    xl: \"1rem\",\n  },\n  defaultRadius: \"md\",\n\n  breakpoints: {\n    xs: \"30em\",\n    sm: \"48em\",\n    md: \"64em\",\n    lg: \"74em\",\n    xl: \"90em\",\n  },\n\n  components: {\n    Button: {\n      defaultProps: { size: \"md\" },\n      styles: {\n        root: {\n          fontWeight: 600,\n          borderRadius: \"0.75rem\",\n          textTransform: \"none\" as const,\n        },\n      },\n    },\n    TextInput: {\n      defaultProps: { size: \"md\" },\n    },\n    Card: {\n      defaultProps: {\n        padding: \"lg\",\n        radius: \"xl\",\n        withBorder: true,\n      },\n    },\n    Paper: {\n      styles: {\n        root: { backgroundImage: \"none\" },\n      },\n    },\n    Table: {\n      styles: {\n        thead: {\n          fontSize: \"0.75rem\",\n          fontWeight: 600,\n          letterSpacing: \"0.5px\",\n          textTransform: \"uppercase\" as const,\n        },\n      },\n    },\n  },\n});\n\n/** Brand colors for gradients and custom styling. */\nexport const brandColors = {\n  blue: \"#0A4EFB\",\n  purple: \"#9E03FF\",\n  indigo: \"#6366F1\",\n  gradient: \"linear-gradient(90deg, #0A4EFB 0%, #9E03FF 100%)\",\n} as const;\n\n/** Neutral scale for direct access outside Mantine's theme system. Keys are numeric literals. */\nexport const neutralColors = {\n  50: \"#F8F9FA\",\n  100: \"#F3F4F6\",\n  200: \"#E5E7EB\",\n  300: \"#D2D6DB\",\n  400: \"#9DA4AE\",\n  500: \"#6C737F\",\n  600: \"#4D5761\",\n  700: \"#2F3746\",\n  800: \"#1C2536\",\n  900: \"#111927\",\n} as const;\n\n/** Semantic colors for status-based styling. */\nexport const semanticColors = {\n  success: \"#10B981\",\n  warning: \"#F79009\",\n  error: \"#F04438\",\n  info: \"#06AED4\",\n} as const;\n","import type { MantineColorScheme } from \"@mantine/core\";\nimport { MantineProvider } from \"@mantine/core\";\nimport type { ReactNode } from \"react\";\nimport { theme } from \"../../theme\";\n\nexport interface FairmintProviderProps {\n  children: ReactNode;\n  /** Color scheme. @default \"light\" */\n  colorScheme?: MantineColorScheme;\n}\n\nexport function FairmintProvider({ children, colorScheme = \"light\" }: FairmintProviderProps) {\n  if (import.meta.env?.DEV) {\n    validateSetup();\n  }\n\n  return (\n    <MantineProvider theme={theme} defaultColorScheme={colorScheme}>\n      {children}\n    </MantineProvider>\n  );\n}\n\nfunction validateSetup() {\n  if (typeof window === \"undefined\") return;\n\n  requestIdleCallback(() => {\n    const root = document.documentElement;\n    const mantineCss = getComputedStyle(root).getPropertyValue(\"--mantine-color-scheme\");\n    if (!mantineCss) {\n      console.warn(\n        '[@fairmint/ui] Mantine CSS not detected. Make sure you import \"@fairmint/ui/styles.css\" in your entry file.',\n      );\n    }\n  });\n}\n","import { Box } from \"@mantine/core\";\n\nexport interface LoadingSpinnerProps {\n  /** Icon size in pixels. @default 32 */\n  size?: number;\n}\n\n/**\n * Animated certificate icon that fills from bottom to top.\n * Requires the consumer to import `@fairmint/ui/styles.css` for the keyframe animation.\n */\nexport function LoadingSpinner({ size = 32 }: LoadingSpinnerProps) {\n  const iconProps = {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: size,\n    height: size,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    strokeWidth: 1.5,\n    strokeLinecap: \"round\" as const,\n    strokeLinejoin: \"round\" as const,\n  };\n\n  const paths = (\n    <>\n      <path d=\"M15 15m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0\" />\n      <path d=\"M13 17.5v4.5l2 -1.5l2 1.5v-4.5\" />\n      <path d=\"M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-1\" />\n      <path d=\"M6 9h12\" />\n      <path d=\"M6 12h3\" />\n      <path d=\"M6 15h2\" />\n    </>\n  );\n\n  return (\n    <Box pos=\"relative\" style={{ width: size, height: size }} role=\"status\" aria-label=\"Loading\">\n      <svg\n        {...iconProps}\n        stroke=\"var(--mantine-color-gray-3)\"\n        style={{ position: \"absolute\", inset: 0 }}\n        aria-hidden=\"true\"\n      >\n        {paths}\n      </svg>\n      <svg\n        {...iconProps}\n        stroke=\"var(--mantine-color-indigo-5)\"\n        style={{ position: \"absolute\", inset: 0, animation: \"fillUp 1.4s ease-in-out infinite\" }}\n        aria-hidden=\"true\"\n      >\n        {paths}\n      </svg>\n    </Box>\n  );\n}\n","import { Group, Stack, Text, Title } from \"@mantine/core\";\nimport type { ReactNode } from \"react\";\n\nexport interface PageHeaderProps {\n  /** Page title text. */\n  title: string;\n  /** Optional subtitle text. */\n  subtitle?: string;\n  /** Optional right-aligned action element (button, date picker, etc.). */\n  action?: ReactNode;\n}\n\nexport function PageHeader({ title, subtitle, action }: PageHeaderProps) {\n  return (\n    <Group justify=\"space-between\" align=\"flex-start\" mb=\"lg\">\n      <Stack gap={4}>\n        <Title order={2}>{title}</Title>\n        {subtitle && (\n          <Text c=\"dimmed\" size=\"sm\">\n            {subtitle}\n          </Text>\n        )}\n      </Stack>\n      {action}\n    </Group>\n  );\n}\n","import { NavLink, Stack } from \"@mantine/core\";\nimport type { ReactNode } from \"react\";\n\nexport interface SideNavItem {\n  /** Unique identifier for this nav item (e.g., route path or slug). */\n  id: string;\n  /** Display label. */\n  label: string;\n  /** Icon element. */\n  icon?: ReactNode;\n  /** Whether this item is currently active. */\n  active?: boolean;\n}\n\nexport interface SideNavProps {\n  /** Navigation items to render. */\n  items: SideNavItem[];\n  /** Callback when a nav item is clicked. Receives the item's `id`. */\n  onItemClick: (id: string) => void;\n  /** Active color. @default \"indigo\" */\n  color?: string;\n}\n\nexport function SideNav({ items, onItemClick, color = \"indigo\" }: SideNavProps) {\n  return (\n    <Stack component=\"nav\" gap={4} p=\"md\" aria-label=\"Main navigation\">\n      {items.map((item) => (\n        <NavLink\n          key={item.id}\n          label={item.label}\n          leftSection={item.icon}\n          active={item.active}\n          onClick={() => onItemClick(item.id)}\n          color={color}\n          variant=\"light\"\n          style={{ borderRadius: \"var(--mantine-radius-md)\" }}\n          styles={{\n            root: {\n              color: item.active ? undefined : \"var(--mantine-color-gray-5)\",\n              fontWeight: item.active ? 500 : 400,\n            },\n            section: {\n              color: item.active ? undefined : \"var(--mantine-color-gray-4)\",\n            },\n          }}\n        />\n      ))}\n    </Stack>\n  );\n}\n","import { Avatar, Box, Divider, Group, Menu, Text, UnstyledButton } from \"@mantine/core\";\nimport type { ReactNode } from \"react\";\n\nexport interface UserMenuItem {\n  /** Unique identifier for this menu item. */\n  id: string;\n  /** Display label. */\n  label: string;\n  /** Icon element. */\n  icon?: ReactNode;\n  /** Item color (e.g., \"red\" for destructive actions). */\n  color?: string;\n  /** Optional section label above this item. Set on the first item in a group. */\n  sectionLabel?: string;\n  /** Show a divider before this item. */\n  dividerBefore?: boolean;\n}\n\nexport interface UserMenuProps {\n  /** User display name or email. */\n  displayName: string;\n  /** Single-character avatar initial. Derived from displayName[0] if not provided. */\n  avatarInitial?: string;\n  /** Avatar color. @default \"indigo\" */\n  avatarColor?: string;\n  /** Optional indicator element after the display name (e.g., chevron icon from your app's icon library). */\n  indicator?: ReactNode;\n  /** Menu items. */\n  items: UserMenuItem[];\n  /** Callback when a menu item is clicked. Receives the item's `id`. */\n  onItemClick: (id: string) => void;\n}\n\nexport function UserMenu({\n  displayName,\n  avatarInitial,\n  avatarColor = \"indigo\",\n  indicator,\n  items,\n  onItemClick,\n}: UserMenuProps) {\n  const initial = avatarInitial ?? displayName.charAt(0).toUpperCase();\n\n  return (\n    <Menu shadow=\"md\" width={200} position=\"bottom-end\">\n      <Menu.Target>\n        <UnstyledButton aria-label=\"User menu\">\n          <Group gap=\"xs\">\n            <Avatar size=\"sm\" radius=\"xl\" color={avatarColor}>\n              {initial}\n            </Avatar>\n            <Box visibleFrom=\"sm\">\n              <Text size=\"sm\" fw={500} lineClamp={1} style={{ maxWidth: 150 }}>\n                {displayName}\n              </Text>\n            </Box>\n            {indicator}\n          </Group>\n        </UnstyledButton>\n      </Menu.Target>\n\n      <Menu.Dropdown>\n        {items.map((item) => (\n          <div key={item.id}>\n            {item.dividerBefore && <Divider my=\"xs\" />}\n            {item.sectionLabel && <Menu.Label>{item.sectionLabel}</Menu.Label>}\n            <Menu.Item\n              leftSection={item.icon}\n              color={item.color}\n              onClick={() => onItemClick(item.id)}\n            >\n              {item.label}\n            </Menu.Item>\n          </div>\n        ))}\n      </Menu.Dropdown>\n    </Menu>\n  );\n}\n"],"names":["error"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,301 +1,18 @@
-import { JSX } from 'react/jsx-runtime';
-import { MantineColorShade } from '@mantine/core';
-import { MantineColorsTuple } from '@mantine/core';
-import { MantineRadius } from '@mantine/core';
-import { ReactNode } from 'react';
-import { VariantColorsResolver } from '@mantine/core';
-
-export declare function AppHeader({ logo, rightSection, mobileNavOpened, onMobileNavToggle, height, }: AppHeaderProps): JSX.Element;
-
-export declare interface AppHeaderProps {
-    /** Logo element (typically FairmintLogo). */
-    logo: ReactNode;
-    /** Right-aligned content (user menu, actions). */
-    rightSection?: ReactNode;
-    /** Whether mobile nav is open. Controls burger state. */
-    mobileNavOpened?: boolean;
-    /** Toggle mobile nav callback. */
-    onMobileNavToggle?: () => void;
-    /** Header height in pixels. @default 60 */
-    height?: number;
-}
-
-/** Brand colors for gradients and custom styling. */
-export declare const brandColors: {
-    readonly blue: "#0A4EFB";
-    readonly purple: "#9E03FF";
-    readonly indigo: "#6366F1";
-    readonly gradient: "linear-gradient(90deg, #0A4EFB 0%, #9E03FF 100%)";
-};
-
-export declare function ErrorFallback({ title, description, onAction, actionLabel, error, }: ErrorFallbackProps): JSX.Element;
-
-export declare interface ErrorFallbackProps {
-    /** Title text. @default "Something went wrong" */
-    title?: string;
-    /** Description text. @default "We've been notified and are working on a fix." */
-    description?: string;
-    /** Callback when the user clicks the action button. Defaults to window.location.reload(). */
-    onAction?: () => void;
-    /** Action button label. @default "Reload Page" */
-    actionLabel?: string;
-    /** Optional error object for dev-mode display or logging. Compatible with Sentry ErrorBoundary render props. */
-    error?: unknown;
-}
-
-export declare function FairmintLogo({ src, width, height, className, alt, }: FairmintLogoProps): JSX.Element;
-
-export declare interface FairmintLogoProps {
-    /** Image source URL. Defaults to the CDN-hosted black wordmark. */
-    src?: string;
-    /** Width in pixels. @default 140 */
-    width?: number;
-    /** Height in pixels. @default 30 */
-    height?: number;
-    /** Additional CSS class. */
-    className?: string;
-    /** Alt text. @default "Fairmint" */
-    alt?: string;
-}
-
-/**
- * Animated certificate icon that fills from bottom to top.
- * Requires the consumer to import `@fairmint/ui/styles.css` for the keyframe animation.
- */
-export declare function LoadingSpinner({ size }: LoadingSpinnerProps): JSX.Element;
-
-export declare interface LoadingSpinnerProps {
-    /** Icon size in pixels. @default 32 */
-    size?: number;
-}
-
-/** Neutral scale for direct access outside Mantine's theme system. Keys are numeric literals. */
-export declare const neutralColors: {
-    readonly 50: "#F8F9FA";
-    readonly 100: "#F3F4F6";
-    readonly 200: "#E5E7EB";
-    readonly 300: "#D2D6DB";
-    readonly 400: "#9DA4AE";
-    readonly 500: "#6C737F";
-    readonly 600: "#4D5761";
-    readonly 700: "#2F3746";
-    readonly 800: "#1C2536";
-    readonly 900: "#111927";
-};
-
-export declare function PageHeader({ title, subtitle, action }: PageHeaderProps): JSX.Element;
-
-export declare interface PageHeaderProps {
-    /** Page title text. */
-    title: string;
-    /** Optional subtitle text. */
-    subtitle?: string;
-    /** Optional right-aligned action element (button, date picker, etc.). */
-    action?: ReactNode;
-}
-
-/** Semantic colors for status-based styling. */
-export declare const semanticColors: {
-    readonly success: "#10B981";
-    readonly warning: "#F79009";
-    readonly error: "#F04438";
-    readonly info: "#06AED4";
-};
-
-export declare function SideNav({ items, onItemClick, color }: SideNavProps): JSX.Element;
-
-export declare interface SideNavItem {
-    /** Unique identifier for this nav item (e.g., route path or slug). */
-    id: string;
-    /** Display label. */
-    label: string;
-    /** Icon element. */
-    icon?: ReactNode;
-    /** Whether this item is currently active. */
-    active?: boolean;
-}
-
-export declare interface SideNavProps {
-    /** Navigation items to render. */
-    items: SideNavItem[];
-    /** Callback when a nav item is clicked. Receives the item's `id`. */
-    onItemClick: (id: string) => void;
-    /** Active color. @default "indigo" */
-    color?: string;
-}
-
-export declare const theme: {
-    focusRing?: "auto" | "always" | "never" | undefined;
-    scale?: number | undefined;
-    fontSmoothing?: boolean | undefined;
-    white?: string | undefined;
-    black?: string | undefined;
-    colors?: {
-        [x: string & {}]: MantineColorsTuple | undefined;
-        indigo?: MantineColorsTuple | undefined;
-        dark?: MantineColorsTuple | undefined;
-        gray?: MantineColorsTuple | undefined;
-        red?: MantineColorsTuple | undefined;
-        pink?: MantineColorsTuple | undefined;
-        grape?: MantineColorsTuple | undefined;
-        violet?: MantineColorsTuple | undefined;
-        blue?: MantineColorsTuple | undefined;
-        cyan?: MantineColorsTuple | undefined;
-        green?: MantineColorsTuple | undefined;
-        lime?: MantineColorsTuple | undefined;
-        yellow?: MantineColorsTuple | undefined;
-        orange?: MantineColorsTuple | undefined;
-        teal?: MantineColorsTuple | undefined;
-    } | undefined;
-    primaryShade?: MantineColorShade | {
-        light?: MantineColorShade | undefined;
-        dark?: MantineColorShade | undefined;
-    } | undefined;
-    primaryColor?: string | undefined;
-    variantColorResolver?: VariantColorsResolver | undefined;
-    autoContrast?: boolean | undefined;
-    luminanceThreshold?: number | undefined;
-    fontFamily?: string | undefined;
-    fontFamilyMonospace?: string | undefined;
-    headings?: {
-        fontFamily?: string | undefined;
-        fontWeight?: string | undefined;
-        textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
-        sizes?: {
-            h1?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h2?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h3?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h4?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h5?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-            h6?: {
-                fontSize?: string | undefined;
-                fontWeight?: string | undefined;
-                lineHeight?: string | undefined;
-            } | undefined;
-        } | undefined;
-    } | undefined;
-    radius?: {
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    defaultRadius?: MantineRadius | undefined;
-    spacing?: {
-        [x: number]: string | undefined;
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    fontSizes?: {
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    lineHeights?: {
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    breakpoints?: {
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    shadows?: {
-        [x: string & {}]: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-    } | undefined;
-    respectReducedMotion?: boolean | undefined;
-    cursorType?: "default" | "pointer" | undefined;
-    defaultGradient?: {
-        from?: string | undefined;
-        to?: string | undefined;
-        deg?: number | undefined;
-    } | undefined;
-    activeClassName?: string | undefined;
-    focusClassName?: string | undefined;
-    components?: {
-        [x: string]: {
-            classNames?: any;
-            styles?: any;
-            vars?: any;
-            defaultProps?: any;
-        } | undefined;
-    } | undefined;
-    other?: {
-        [x: string]: any;
-    } | undefined;
-};
-
-export declare function UserMenu({ displayName, avatarInitial, avatarColor, indicator, items, onItemClick, }: UserMenuProps): JSX.Element;
-
-export declare interface UserMenuItem {
-    /** Unique identifier for this menu item. */
-    id: string;
-    /** Display label. */
-    label: string;
-    /** Icon element. */
-    icon?: ReactNode;
-    /** Item color (e.g., "red" for destructive actions). */
-    color?: string;
-    /** Optional section label above this item. Set on the first item in a group. */
-    sectionLabel?: string;
-    /** Show a divider before this item. */
-    dividerBefore?: boolean;
-}
-
-export declare interface UserMenuProps {
-    /** User display name or email. */
-    displayName: string;
-    /** Single-character avatar initial. Derived from displayName[0] if not provided. */
-    avatarInitial?: string;
-    /** Avatar color. @default "indigo" */
-    avatarColor?: string;
-    /** Optional indicator element after the display name (e.g., chevron icon from your app's icon library). */
-    indicator?: ReactNode;
-    /** Menu items. */
-    items: UserMenuItem[];
-    /** Callback when a menu item is clicked. Receives the item's `id`. */
-    onItemClick: (id: string) => void;
-}
-
-export { }
+export type { AppHeaderProps } from './components/AppHeader/AppHeader';
+export { AppHeader } from './components/AppHeader/AppHeader';
+export type { ErrorFallbackProps } from './components/ErrorFallback/ErrorFallback';
+export { ErrorFallback } from './components/ErrorFallback/ErrorFallback';
+export type { FairmintLogoProps } from './components/FairmintLogo/FairmintLogo';
+export { FairmintLogo } from './components/FairmintLogo/FairmintLogo';
+export type { FairmintProviderProps } from './components/FairmintProvider/FairmintProvider';
+export { FairmintProvider } from './components/FairmintProvider/FairmintProvider';
+export type { LoadingSpinnerProps } from './components/LoadingSpinner/LoadingSpinner';
+export { LoadingSpinner } from './components/LoadingSpinner/LoadingSpinner';
+export type { PageHeaderProps } from './components/PageHeader/PageHeader';
+export { PageHeader } from './components/PageHeader/PageHeader';
+export type { SideNavItem, SideNavProps } from './components/SideNav/SideNav';
+export { SideNav } from './components/SideNav/SideNav';
+export type { UserMenuItem, UserMenuProps } from './components/UserMenu/UserMenu';
+export { UserMenu } from './components/UserMenu/UserMenu';
+export { brandColors, neutralColors, semanticColors, theme } from './theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,YAAY,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,YAAY,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,YAAY,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAE5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,YAAY,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,YAAY,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAG5E,OAAO,gDAAgD,CAAC"}

package/dist/styles.css

@@ -1,4 +1,8 @@
 @keyframes fillUp {
-  0%   { clip-path: inset(100% 0 0 0); }
-  100% { clip-path: inset(0 0 0 0); }
+  0% {
+    clip-path: inset(100% 0 0 0);
+  }
+  100% {
+    clip-path: inset(0 0 0 0);
+  }
 }

package/dist/test/setup.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=setup.d.ts.map

package/dist/test/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/test/setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}