@luxfi/ui 5.6.0 → 6.1.0

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA"}

package/dist/theme/index.js

@@ -0,0 +1,6 @@
+/**
+ * Theme exports
+ */
+
+export * from './themes'
+export * from './tokens'

package/dist/theme/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/theme/themes.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCrB,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCpB,CAAA;AAEF,MAAM,MAAM,QAAQ,GAAG,OAAO,UAAU,CAAA"}

package/dist/theme/themes.js

@@ -0,0 +1,73 @@
+import { createTheme } from '@tamagui/core'
+/**
+ * Light theme
+ */
+export const lightTheme = createTheme({
+  background: '#FFFFFF',
+  backgroundHover: '#F4F4F5',
+  backgroundPress: '#E4E4E7',
+  backgroundFocus: '#F4F4F5',
+  backgroundStrong: '#FAFAFA',
+  backgroundTransparent: 'transparent',
+  color: '#09090B',
+  colorHover: '#18181B',
+  colorPress: '#27272A',
+  colorFocus: '#18181B',
+  colorTransparent: 'transparent',
+  borderColor: '#E4E4E7',
+  borderColorHover: '#D4D4D8',
+  borderColorPress: '#A1A1AA',
+  borderColorFocus: '#FF6B00',
+  placeholderColor: '#A1A1AA',
+  // Semantic
+  primary: '#FF6B00',
+  primaryHover: '#FF8C00',
+  secondary: '#F4F4F5',
+  secondaryHover: '#E4E4E7',
+  success: '#22C55E',
+  warning: '#F59E0B',
+  error: '#EF4444',
+  info: '#3B82F6',
+  // Card
+  card: '#FFFFFF',
+  cardHover: '#FAFAFA',
+  // Muted
+  muted: '#F4F4F5',
+  mutedForeground: '#71717A',
+})
+/**
+ * Dark theme
+ */
+export const darkTheme = createTheme({
+  background: '#09090B',
+  backgroundHover: '#18181B',
+  backgroundPress: '#27272A',
+  backgroundFocus: '#18181B',
+  backgroundStrong: '#0A0A0A',
+  backgroundTransparent: 'transparent',
+  color: '#FAFAFA',
+  colorHover: '#FFFFFF',
+  colorPress: '#E4E4E7',
+  colorFocus: '#FFFFFF',
+  colorTransparent: 'transparent',
+  borderColor: '#27272A',
+  borderColorHover: '#3F3F46',
+  borderColorPress: '#52525B',
+  borderColorFocus: '#FF6B00',
+  placeholderColor: '#71717A',
+  // Semantic
+  primary: '#FF6B00',
+  primaryHover: '#FF8C00',
+  secondary: '#27272A',
+  secondaryHover: '#3F3F46',
+  success: '#22C55E',
+  warning: '#F59E0B',
+  error: '#EF4444',
+  info: '#3B82F6',
+  // Card
+  card: '#18181B',
+  cardHover: '#27272A',
+  // Muted
+  muted: '#27272A',
+  mutedForeground: '#A1A1AA',
+})

package/dist/theme/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAuGjB,CAAA;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,MAAM,CAAA"}

package/dist/theme/tokens.js

@@ -0,0 +1,101 @@
+import { createTokens } from '@tamagui/core'
+/**
+ * Design tokens for Lux Exchange
+ * Based on Tailwind/shadcn design system
+ */
+export const tokens = createTokens({
+  color: {
+    // Brand colors
+    luxPrimary: '#FF6B00',
+    luxSecondary: '#FF8C00',
+    // Base colors
+    white: '#FFFFFF',
+    black: '#000000',
+    // Gray scale
+    gray50: '#FAFAFA',
+    gray100: '#F4F4F5',
+    gray200: '#E4E4E7',
+    gray300: '#D4D4D8',
+    gray400: '#A1A1AA',
+    gray500: '#71717A',
+    gray600: '#52525B',
+    gray700: '#3F3F46',
+    gray800: '#27272A',
+    gray900: '#18181B',
+    gray950: '#09090B',
+    // Semantic colors
+    success: '#22C55E',
+    successDark: '#16A34A',
+    warning: '#F59E0B',
+    warningDark: '#D97706',
+    error: '#EF4444',
+    errorDark: '#DC2626',
+    info: '#3B82F6',
+    infoDark: '#2563EB',
+    // Transparent
+    transparent: 'transparent',
+  },
+  space: {
+    0: 0,
+    1: 4,
+    2: 8,
+    3: 12,
+    4: 16,
+    5: 20,
+    6: 24,
+    7: 28,
+    8: 32,
+    9: 36,
+    10: 40,
+    11: 44,
+    12: 48,
+    14: 56,
+    16: 64,
+    20: 80,
+    24: 96,
+    28: 112,
+    32: 128,
+    true: 16,
+  },
+  size: {
+    0: 0,
+    1: 4,
+    2: 8,
+    3: 12,
+    4: 16,
+    5: 20,
+    6: 24,
+    7: 28,
+    8: 32,
+    9: 36,
+    10: 40,
+    11: 44,
+    12: 48,
+    14: 56,
+    16: 64,
+    20: 80,
+    true: 16,
+  },
+  radius: {
+    0: 0,
+    1: 4,
+    2: 8,
+    3: 12,
+    4: 16,
+    5: 20,
+    6: 24,
+    round: 9999,
+    true: 8,
+  },
+  zIndex: {
+    0: 0,
+    1: 100,
+    2: 200,
+    3: 300,
+    4: 400,
+    5: 500,
+    modal: 1000,
+    popover: 1100,
+    tooltip: 1200,
+  },
+})

package/package.json

@@ -1,286 +1,89 @@
 {
   "name": "@luxfi/ui",
-  "version": "5.6.0",
-  "description": "Radix + Tailwind UI primitives for Lux apps. Drop-in replacements for Chakra compound components.",
-  "type": "module",
-  "license": "MIT",
-  "author": {
-    "name": "Lux Partners",
-    "url": "https://lux.network"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/luxfi/ui.git",
-    "directory": "packages/ui"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/",
-    "access": "public"
+  "version": "6.1.0",
+  "dependencies": {
+    "@gorhom/bottom-sheet": "4.6.4",
+    "@react-native-masked-view/masked-view": "0.3.2",
+    "@shopify/flash-list": "1.7.6",
+    "@shopify/react-native-skia": "2.2.20",
+    "@storybook/react": "8.5.2",
+    "@hanzogui/adapt": "2.0.3",
+    "@hanzogui/animations-css": "2.0.3",
+    "@hanzogui/animations-react-native": "2.0.3",
+    "@hanzogui/font-geist-sans": "2.0.3",
+    "@hanzogui/helpers-icon": "2.0.3",
+    "@hanzogui/portal": "2.0.3",
+    "@hanzogui/react-native-media-driver": "2.0.3",
+    "@hanzogui/remove-scroll": "2.0.3",
+    "@hanzogui/theme-base": "2.0.3",
+    "@tanstack/react-query": "5.90.20",
+    "@testing-library/react": "16.3.0",
+    "ethers": "5.7.2",
+    "expo-blur": "14.1.5",
+    "expo-linear-gradient": "14.1.5",
+    "i18next": "23.10.0",
+    "qrcode": "1.5.1",
+    "react": "19.0.3",
+    "react-i18next": "14.1.0",
+    "react-native": "0.79.5",
+    "react-native-fast-image": "8.6.3",
+    "react-native-gesture-handler": "2.24.0",
+    "react-native-image-colors": "1.5.2",
+    "react-native-keyboard-controller": "1.17.5",
+    "react-native-reanimated": "3.19.3",
+    "react-native-safe-area-context": "5.4.0",
+    "react-native-svg": "15.13.0",
+    "react-native-webview": "13.13.5",
+    "@hanzo/gui": "2.0.3",
+    "@luxfi/utilities": "workspace:^",
+    "uuid": "9.0.0",
+    "wcag-contrast": "3.0.0"
   },
-  "sideEffects": [
-    "*.css"
-  ],
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist",
-    "src",
-    "tokens.css"
-  ],
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./tokens.css": "./tokens.css",
-    "./accordion": {
-      "types": "./dist/accordion.d.ts",
-      "import": "./dist/accordion.js",
-      "require": "./dist/accordion.cjs"
-    },
-    "./alert": {
-      "types": "./dist/alert.d.ts",
-      "import": "./dist/alert.js",
-      "require": "./dist/alert.cjs"
-    },
-    "./avatar": {
-      "types": "./dist/avatar.d.ts",
-      "import": "./dist/avatar.js",
-      "require": "./dist/avatar.cjs"
-    },
-    "./badge": {
-      "types": "./dist/badge.d.ts",
-      "import": "./dist/badge.js",
-      "require": "./dist/badge.cjs"
-    },
-    "./button": {
-      "types": "./dist/button.d.ts",
-      "import": "./dist/button.js",
-      "require": "./dist/button.cjs"
-    },
-    "./checkbox": {
-      "types": "./dist/checkbox.d.ts",
-      "import": "./dist/checkbox.js",
-      "require": "./dist/checkbox.cjs"
-    },
-    "./close-button": {
-      "types": "./dist/close-button.d.ts",
-      "import": "./dist/close-button.js",
-      "require": "./dist/close-button.cjs"
-    },
-    "./collapsible": {
-      "types": "./dist/collapsible.d.ts",
-      "import": "./dist/collapsible.js",
-      "require": "./dist/collapsible.cjs"
-    },
-    "./color-mode": {
-      "types": "./dist/color-mode.d.ts",
-      "import": "./dist/color-mode.js",
-      "require": "./dist/color-mode.cjs"
-    },
-    "./dialog": {
-      "types": "./dist/dialog.d.ts",
-      "import": "./dist/dialog.js",
-      "require": "./dist/dialog.cjs"
-    },
-    "./drawer": {
-      "types": "./dist/drawer.d.ts",
-      "import": "./dist/drawer.js",
-      "require": "./dist/drawer.cjs"
-    },
-    "./empty-state": {
-      "types": "./dist/empty-state.d.ts",
-      "import": "./dist/empty-state.js",
-      "require": "./dist/empty-state.cjs"
-    },
-    "./field": {
-      "types": "./dist/field.d.ts",
-      "import": "./dist/field.js",
-      "require": "./dist/field.cjs"
-    },
-    "./heading": {
-      "types": "./dist/heading.d.ts",
-      "import": "./dist/heading.js",
-      "require": "./dist/heading.cjs"
-    },
-    "./icon-button": {
-      "types": "./dist/icon-button.d.ts",
-      "import": "./dist/icon-button.js",
-      "require": "./dist/icon-button.cjs"
-    },
-    "./image": {
-      "types": "./dist/image.d.ts",
-      "import": "./dist/image.js",
-      "require": "./dist/image.cjs"
-    },
-    "./input": {
-      "types": "./dist/input.d.ts",
-      "import": "./dist/input.js",
-      "require": "./dist/input.cjs"
-    },
-    "./input-group": {
-      "types": "./dist/input-group.d.ts",
-      "import": "./dist/input-group.js",
-      "require": "./dist/input-group.cjs"
-    },
-    "./link": {
-      "types": "./dist/link.d.ts",
-      "import": "./dist/link.js",
-      "require": "./dist/link.cjs"
-    },
-    "./menu": {
-      "types": "./dist/menu.d.ts",
-      "import": "./dist/menu.js",
-      "require": "./dist/menu.cjs"
-    },
-    "./pin-input": {
-      "types": "./dist/pin-input.d.ts",
-      "import": "./dist/pin-input.js",
-      "require": "./dist/pin-input.cjs"
-    },
-    "./popover": {
-      "types": "./dist/popover.d.ts",
-      "import": "./dist/popover.js",
-      "require": "./dist/popover.cjs"
-    },
-    "./progress": {
-      "types": "./dist/progress.d.ts",
-      "import": "./dist/progress.js",
-      "require": "./dist/progress.cjs"
-    },
-    "./progress-circle": {
-      "types": "./dist/progress-circle.d.ts",
-      "import": "./dist/progress-circle.js",
-      "require": "./dist/progress-circle.cjs"
-    },
-    "./radio": {
-      "types": "./dist/radio.d.ts",
-      "import": "./dist/radio.js",
-      "require": "./dist/radio.cjs"
-    },
-    "./rating": {
-      "types": "./dist/rating.d.ts",
-      "import": "./dist/rating.js",
-      "require": "./dist/rating.cjs"
-    },
-    "./select": {
-      "types": "./dist/select.d.ts",
-      "import": "./dist/select.js",
-      "require": "./dist/select.cjs"
-    },
-    "./separator": {
-      "types": "./dist/separator.d.ts",
-      "import": "./dist/separator.js",
-      "require": "./dist/separator.cjs"
-    },
-    "./skeleton": {
-      "types": "./dist/skeleton.d.ts",
-      "import": "./dist/skeleton.js",
-      "require": "./dist/skeleton.cjs"
-    },
-    "./slider": {
-      "types": "./dist/slider.d.ts",
-      "import": "./dist/slider.js",
-      "require": "./dist/slider.cjs"
-    },
-    "./switch": {
-      "types": "./dist/switch.d.ts",
-      "import": "./dist/switch.js",
-      "require": "./dist/switch.cjs"
-    },
-    "./table": {
-      "types": "./dist/table.d.ts",
-      "import": "./dist/table.js",
-      "require": "./dist/table.cjs"
-    },
-    "./tabs": {
-      "types": "./dist/tabs.d.ts",
-      "import": "./dist/tabs.js",
-      "require": "./dist/tabs.cjs"
-    },
-    "./tag": {
-      "types": "./dist/tag.d.ts",
-      "import": "./dist/tag.js",
-      "require": "./dist/tag.cjs"
-    },
-    "./textarea": {
-      "types": "./dist/textarea.d.ts",
-      "import": "./dist/textarea.js",
-      "require": "./dist/textarea.cjs"
-    },
-    "./toaster": {
-      "types": "./dist/toaster.d.ts",
-      "import": "./dist/toaster.js",
-      "require": "./dist/toaster.cjs"
-    },
-    "./tooltip": {
-      "types": "./dist/tooltip.d.ts",
-      "import": "./dist/tooltip.js",
-      "require": "./dist/tooltip.cjs"
-    },
-    "./provider": {
-      "types": "./dist/provider.d.ts",
-      "import": "./dist/provider.js",
-      "require": "./dist/provider.cjs"
-    },
-    "./utils": {
-      "types": "./dist/utils.d.ts",
-      "import": "./dist/utils.js",
-      "require": "./dist/utils.cjs"
-    },
-    "./explore": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
-    },
-    "./explore/*": {
-      "import": "./dist/*.js",
-      "require": "./dist/*.cjs",
-      "types": "./dist/*.d.ts"
-    }
+  "devDependencies": {
+    "@storybook/test": "8.5.2",
+    "@hanzogui/animations-moti": "2.0.3",
+    "@hanzogui/core": "2.0.3",
+    "@types/chrome": "0.0.304",
+    "@types/fs-extra": "11.0.2",
+    "@types/node": "22.13.1",
+    "@types/qrcode": "1.5.5",
+    "@typescript/native-preview": "7.0.0-dev.20260108.1",
+    "@luxfi/eslint-config": "workspace:^",
+    "@vitejs/plugin-react": "4.7.0",
+    "camelcase": "6.3.0",
+    "cheerio": "1.0.0-rc.12",
+    "esbuild-register": "3.6.0",
+    "eslint": "8.57.1",
+    "fs-extra": "11.2.0",
+    "jsdom": "20.0.3",
+    "typescript": "5.8.3",
+    "uppercamelcase": "3.0.0",
+    "vitest": "3.2.1",
+    "vitest-presets": "workspace:^"
   },
+  "files": ["types", "dist"],
+  "main": "./src/index.ts",
+  "module:jsx": "src",
+  "private": false,
   "scripts": {
-    "build": "tsup",
-    "build:check": "tsc --noEmit",
-    "clean": "rm -rf dist",
-    "dev": "tsup --watch"
+    "build:icons": "nx build:icons ui",
+    "build:icons:missing": "nx build:icons:missing ui",
+    "check:deps:usage": "nx check:deps:usage ui",
+    "lint": "nx lint ui",
+    "lint:fix": "nx lint:fix ui",
+    "lint:biome": "nx lint:biome ui",
+    "lint:biome:fix": "nx lint:biome:fix ui",
+    "lint:eslint": "nx lint:eslint ui",
+    "lint:eslint:fix": "nx lint:eslint:fix ui",
+    "test": "nx test ui",
+    "test:coverage": "nx test:coverage ui",
+    "typecheck": "nx typecheck ui",
+    "typecheck:tsgo": "nx typecheck:tsgo ui",
+    "watch": "nx watch ui"
   },
-  "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@uidotdev/usehooks": "^2.4.1",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "es-toolkit": "^1.31.0",
-    "react-icons": "^5.4.0",
-    "sonner": "^2.0.0",
-    "tailwind-merge": "^3.0.0"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+  "nx": {
+    "includedScripts": []
   },
-  "devDependencies": {
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.3"
-  }
+  "sideEffects": ["*.css"],
+  "types": "./types/index"
 }