@valpro-labs/ui 1.0.0

package/dist/lib/weapon-grid-transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"weapon-grid-transform.js","sourceRoot":"","sources":["../../src/lib/weapon-grid-transform.ts"],"names":[],"mappings":"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"}

package/dist/styles/global.css

@@ -0,0 +1,132 @@
+@import 'tailwindcss';
+@import 'uniwind';
+
+@source "../components";
+
+/* react-native-web writes `font: 14px <system-stack>` on every Text/View as a
+   shorthand — that also sets `font-family`, which silently overrides our
+   `--font-sans`. Force it back globally with `!important`, unlayered so it
+   beats RNW's runtime-injected rules. Only bites on the web target; on
+   native this CSS never runs. */
+*,
+::before,
+::after {
+  font-family:
+    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, sans-serif !important;
+}
+
+/* Let the document surface track the theme's background token so the Storybook
+   canvas flips light <-> dark alongside `Uniwind.setTheme()`. Native is
+   unaffected — this only runs on the web target. */
+html,
+body {
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+}
+
+@theme {
+  --radius: 10px;
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+
+  --spacing-hairline: hairlineWidth();
+
+  /* Inter first (loaded by Storybook, mimics iOS SF Pro cross-platform),
+     then the real SF Pro on Apple devices, falling back to system fonts
+     everywhere else. */
+  --font-sans:
+    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, sans-serif;
+
+  --color-val-red: #ff4655;
+  --color-val-green: #22ffc5;
+  --color-val-yellow: #f0cb74;
+  --color-val-white: #ede9e2;
+  --color-val-blue: #17212b;
+  --color-val-gray: #121212;
+}
+
+@layer theme {
+  :root {
+    @variant light {
+      /* Pure white base — matches splash screen #FFFFFF */
+      --color-val-green-ui: #009970;
+      --color-val-yellow-ui: #b8942a;
+      --color-icon-muted: rgba(0, 0, 0, 0.4);
+      --color-party-border: rgba(0, 0, 0, 0.15);
+      --color-background: oklch(1 0 0);
+      --color-foreground: oklch(0.13 0 0);
+      --color-card: oklch(0.96 0.005 60);
+      --color-card-foreground: oklch(0.13 0 0);
+      --color-popover: oklch(0.96 0.005 60);
+      --color-popover-foreground: oklch(0.13 0 0);
+      --color-primary: oklch(0.13 0 0);
+      --color-primary-foreground: oklch(1 0 0);
+      --color-secondary: oklch(0.92 0.005 60);
+      --color-secondary-foreground: oklch(0.13 0 0);
+      --color-muted: oklch(0.92 0.005 60);
+      --color-muted-foreground: oklch(0.45 0 0);
+      --color-accent: oklch(0.92 0.005 60);
+      --color-accent-foreground: oklch(0.13 0 0);
+      --color-destructive: oklch(0.577 0.245 27.325);
+      --color-border: oklch(0 0 0 / 12%);
+      --color-input: oklch(0 0 0 / 10%);
+      --color-ring: oklch(0.6 0 0);
+      --color-chart-1: oklch(0.646 0.222 41.116);
+      --color-chart-2: oklch(0.6 0.118 184.704);
+      --color-chart-3: oklch(0.398 0.07 227.392);
+      --color-chart-4: oklch(0.828 0.189 84.429);
+      --color-chart-5: oklch(0.769 0.188 70.08);
+      --color-sidebar: oklch(0.92 0.005 60);
+      --color-sidebar-foreground: oklch(0.13 0 0);
+      --color-sidebar-primary: oklch(0.13 0 0);
+      --color-sidebar-primary-foreground: oklch(1 0 0);
+      --color-sidebar-accent: oklch(0.96 0.006 60);
+      --color-sidebar-accent-foreground: oklch(0.13 0 0);
+      --color-sidebar-border: oklch(0 0 0 / 12%);
+      --color-sidebar-ring: oklch(0.6 0 0);
+    }
+
+    @variant dark {
+      /* iOS-style dark gray base — matches splash screen #1C1C1E */
+      --color-val-green-ui: #009970;
+      --color-val-yellow-ui: #f0cb74;
+      --color-icon-muted: rgba(237, 233, 226, 0.4);
+      --color-party-border: rgba(255, 255, 255, 0.25);
+      --color-background: oklch(0.20 0.004 286);
+      --color-foreground: oklch(0.93 0.006 60);
+      --color-card: oklch(0.27 0.004 286);
+      --color-card-foreground: oklch(0.93 0.006 60);
+      --color-popover: oklch(0.27 0.004 286);
+      --color-popover-foreground: oklch(0.93 0.006 60);
+      --color-primary: oklch(0.93 0.006 60);
+      --color-primary-foreground: oklch(0.20 0.004 286);
+      --color-secondary: oklch(0.33 0.003 286);
+      --color-secondary-foreground: oklch(0.93 0.006 60);
+      --color-muted: oklch(0.33 0.003 286);
+      --color-muted-foreground: oklch(0.55 0 0);
+      --color-accent: oklch(0.33 0.003 286);
+      --color-accent-foreground: oklch(0.93 0.006 60);
+      --color-destructive: oklch(0.704 0.191 22.216);
+      --color-border: oklch(1 0 0 / 12%);
+      --color-input: oklch(1 0 0 / 10%);
+      --color-ring: oklch(0.45 0 0);
+      --color-chart-1: oklch(0.488 0.243 264.376);
+      --color-chart-2: oklch(0.696 0.17 162.48);
+      --color-chart-3: oklch(0.769 0.188 70.08);
+      --color-chart-4: oklch(0.627 0.265 303.9);
+      --color-chart-5: oklch(0.645 0.246 16.439);
+      --color-sidebar: oklch(0.17 0.004 286);
+      --color-sidebar-foreground: oklch(0.93 0.006 60);
+      --color-sidebar-primary: oklch(0.488 0.243 264.376);
+      --color-sidebar-primary-foreground: oklch(0.93 0.006 60);
+      --color-sidebar-accent: oklch(0.24 0.004 286);
+      --color-sidebar-accent-foreground: oklch(0.93 0.006 60);
+      --color-sidebar-border: oklch(1 0 0 / 12%);
+      --color-sidebar-ring: oklch(0.45 0 0);
+    }
+  }
+}

package/package.json

@@ -0,0 +1,102 @@
+{
+  "name": "@valpro-labs/ui",
+  "version": "1.0.0",
+  "description": "Cross-platform UI component library for Valpro Labs",
+  "homepage": "https://github.com/valpro-labs/ui#readme",
+  "bugs": {
+    "url": "https://github.com/valpro-labs/ui/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/valpro-labs/ui.git"
+  },
+  "license": "MIT",
+  "keywords": [
+    "react-native",
+    "ui",
+    "components"
+  ],
+  "author": "Ren-Hao Yeh",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./styles/global.css": "./dist/styles/global.css"
+  },
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json && node -e \"require('fs').mkdirSync('dist/styles',{recursive:true});require('fs').copyFileSync('src/styles/global.css','dist/styles/global.css')\"",
+    "prepare": "npm run build",
+    "typecheck": "tsc --noEmit"
+  },
+  "overrides": {
+    "lightningcss": "1.30.1"
+  },
+  "peerDependencies": {
+    "@rn-primitives/progress": ">=1.2.0",
+    "class-variance-authority": ">=0.7.0",
+    "clsx": ">=2.0.0",
+    "expo-image": ">=3.0.0",
+    "react": ">=18",
+    "react-native": ">=0.81",
+    "react-native-reanimated": ">=4.0.0",
+    "react-native-svg": ">=15.0.0",
+    "react-native-web": ">=0.21",
+    "tailwind-merge": ">=3.0.0",
+    "tailwindcss": ">=4.0.0",
+    "uniwind": ">=1.2.0"
+  },
+  "peerDependenciesMeta": {
+    "@rn-primitives/progress": {
+      "optional": true
+    },
+    "expo-image": {
+      "optional": true
+    },
+    "react-native-reanimated": {
+      "optional": true
+    },
+    "react-native-svg": {
+      "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@fontsource/inter": "^5.2.8",
+    "@rn-primitives/progress": "^1.4.0",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/react": "^8.6.0",
+    "@storybook/react-vite": "^8.6.0",
+    "@tailwindcss/vite": "^4.1.17",
+    "@types/react": "^19.2.14",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "expo-image": "~3.0.11",
+    "lightningcss": "1.30.1",
+    "phosphor-react": "^1.4.1",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "^0.81.5",
+    "react-native-reanimated": "~4.1.1",
+    "react-native-svg": "^15.12.1",
+    "react-native-web": "^0.21.0",
+    "react-native-worklets": "^0.8.1",
+    "storybook": "^8.6.0",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.17",
+    "tsc-alias": "^1.8.16",
+    "typescript": "~5.9.2",
+    "uniwind": "^1.2.2",
+    "vite": "^6.0.0"
+  }
+}