@rojaostudio/ds 1.0.0

package/dist/targets/native/theme.css

@@ -0,0 +1,118 @@
+/* AUTO-GERADO por scripts/build-native.ts — não editar à mão. */
+
+/* Tema rojao resolvido (hex/rgba) para React Native via NativeWind. */
+
+:root {
+  --ds-border-control: #737373;
+  --ds-border-default: #d6d6d6;
+  --ds-border-focus: #0d0d0d;
+  --ds-border-strong: #b9b9b9;
+  --ds-border-subtle: #ededed;
+  --ds-brand-accent: #379c3d;
+  --ds-brand-accent-light: #f0ffef;
+  --ds-brand-hover: #3c3c3c;
+  --ds-brand-on-accent: #ffffff;
+  --ds-brand-on-primary: #ffffff;
+  --ds-brand-on-secondary: #0d0d0d;
+  --ds-brand-primary: #0d0d0d;
+  --ds-brand-primary-100: #ededed;
+  --ds-brand-primary-200: #d6d6d6;
+  --ds-brand-primary-300: #b9b9b9;
+  --ds-brand-primary-400: #979797;
+  --ds-brand-primary-50: #fafafa;
+  --ds-brand-primary-500: #737373;
+  --ds-brand-primary-600: #575757;
+  --ds-brand-primary-700: #3c3c3c;
+  --ds-brand-primary-800: #232323;
+  --ds-brand-primary-900: #0d0d0d;
+  --ds-brand-secondary: #ffffff;
+  --ds-brand-secondary-band: var(--brand-secondary);
+  --ds-brand-secondary-surface: var(--brand-secondary);
+  --ds-brand-text: #0d0d0d;
+  --ds-danger: #f44336;
+  --ds-danger-border: #ef9a9a;
+  --ds-danger-soft: #ffcdd2;
+  --ds-danger-text: #991b1b;
+  --ds-icon-default: #232323;
+  --ds-info: #2196f3;
+  --ds-info-border: #90caf9;
+  --ds-info-soft: #bbdefb;
+  --ds-info-text: #1e40af;
+  --ds-success: #4caf50;
+  --ds-success-border: #a5d6a7;
+  --ds-success-soft: #c8e6c9;
+  --ds-success-text: #1b5e20;
+  --ds-surface-default: #ffffff;
+  --ds-surface-invert: #0d0d0d;
+  --ds-surface-overlay: #0d0d0d;
+  --ds-surface-page: #fafafa;
+  --ds-surface-raised: #ededed;
+  --ds-text-disabled: #979797;
+  --ds-text-inverse: #ffffff;
+  --ds-text-muted: #575757;
+  --ds-text-placeholder: #575757;
+  --ds-text-primary: #0d0d0d;
+  --ds-text-secondary: #3c3c3c;
+  --ds-warning: #ffc107;
+  --ds-warning-border: #ffe082;
+  --ds-warning-soft: #ffecb3;
+  --ds-warning-text: #92400e;
+}
+
+.dark {
+  --ds-border-control: rgba(255, 255, 255, 0.4);
+  --ds-border-default: rgba(255, 255, 255, 0.14);
+  --ds-border-focus: #979797;
+  --ds-border-strong: rgba(255, 255, 255, 0.22);
+  --ds-border-subtle: rgba(255, 255, 255, 0.08);
+  --ds-brand-accent: #379c3d;
+  --ds-brand-accent-light: #f0ffef;
+  --ds-brand-hover: #ededed;
+  --ds-brand-on-accent: #ffffff;
+  --ds-brand-on-primary: #0d0d0d;
+  --ds-brand-on-secondary: #ffffff;
+  --ds-brand-primary: #ffffff;
+  --ds-brand-primary-100: #ededed;
+  --ds-brand-primary-200: #d6d6d6;
+  --ds-brand-primary-300: #b9b9b9;
+  --ds-brand-primary-400: #979797;
+  --ds-brand-primary-50: #fafafa;
+  --ds-brand-primary-500: #737373;
+  --ds-brand-primary-600: #575757;
+  --ds-brand-primary-700: #3c3c3c;
+  --ds-brand-primary-800: #232323;
+  --ds-brand-primary-900: #0d0d0d;
+  --ds-brand-secondary: #0d0d0d;
+  --ds-brand-secondary-band: transparent;
+  --ds-brand-secondary-surface: var(--surface-page);
+  --ds-brand-text: #fafafa;
+  --ds-danger: #f44336;
+  --ds-danger-border: rgba(244, 67, 54, 0.4);
+  --ds-danger-soft: rgba(244, 67, 54, 0.2);
+  --ds-danger-text: #ef9a9a;
+  --ds-icon-default: #979797;
+  --ds-info: #2196f3;
+  --ds-info-border: rgba(33, 150, 243, 0.4);
+  --ds-info-soft: rgba(33, 150, 243, 0.2);
+  --ds-info-text: #90caf9;
+  --ds-success: #4caf50;
+  --ds-success-border: rgba(76, 175, 80, 0.4);
+  --ds-success-soft: rgba(76, 175, 80, 0.2);
+  --ds-success-text: #a5d6a7;
+  --ds-surface-default: #232323;
+  --ds-surface-invert: #fafafa;
+  --ds-surface-overlay: #d6d6d6;
+  --ds-surface-page: #0d0d0d;
+  --ds-surface-raised: #3c3c3c;
+  --ds-text-disabled: #575757;
+  --ds-text-inverse: #0d0d0d;
+  --ds-text-muted: #b9b9b9;
+  --ds-text-placeholder: #b9b9b9;
+  --ds-text-primary: #fafafa;
+  --ds-text-secondary: #d6d6d6;
+  --ds-warning: #ffc107;
+  --ds-warning-border: rgba(255, 193, 7, 0.4);
+  --ds-warning-soft: rgba(255, 193, 7, 0.2);
+  --ds-warning-text: #ffe082;
+}
+

package/dist/targets/native/theme.d.ts

@@ -0,0 +1,117 @@
+declare const dsTheme: {
+    readonly light: {
+        readonly "--danger": "#f44336";
+        readonly "--danger-soft": "#ffcdd2";
+        readonly "--danger-border": "#ef9a9a";
+        readonly "--danger-text": "#991b1b";
+        readonly "--success": "#4caf50";
+        readonly "--success-soft": "#c8e6c9";
+        readonly "--success-border": "#a5d6a7";
+        readonly "--success-text": "#1b5e20";
+        readonly "--warning": "#ffc107";
+        readonly "--warning-soft": "#ffecb3";
+        readonly "--warning-border": "#ffe082";
+        readonly "--warning-text": "#92400e";
+        readonly "--info": "#2196f3";
+        readonly "--info-soft": "#bbdefb";
+        readonly "--info-border": "#90caf9";
+        readonly "--info-text": "#1e40af";
+        readonly "--brand-primary-50": "#fafafa";
+        readonly "--brand-primary-100": "#ededed";
+        readonly "--brand-primary-200": "#d6d6d6";
+        readonly "--brand-primary-300": "#b9b9b9";
+        readonly "--brand-primary-400": "#979797";
+        readonly "--brand-primary-500": "#737373";
+        readonly "--brand-primary-600": "#575757";
+        readonly "--brand-primary-700": "#3c3c3c";
+        readonly "--brand-primary-800": "#232323";
+        readonly "--brand-primary-900": "#0d0d0d";
+        readonly "--brand-primary": "#0d0d0d";
+        readonly "--brand-hover": "#3c3c3c";
+        readonly "--brand-on-primary": "#ffffff";
+        readonly "--brand-secondary": "#ffffff";
+        readonly "--brand-on-secondary": "#0d0d0d";
+        readonly "--brand-secondary-surface": "var(--brand-secondary)";
+        readonly "--brand-secondary-band": "var(--brand-secondary)";
+        readonly "--brand-accent": "#379c3d";
+        readonly "--brand-accent-light": "#f0ffef";
+        readonly "--brand-on-accent": "#ffffff";
+        readonly "--surface-page": "#fafafa";
+        readonly "--surface-default": "#ffffff";
+        readonly "--surface-raised": "#ededed";
+        readonly "--surface-overlay": "#0d0d0d";
+        readonly "--surface-invert": "#0d0d0d";
+        readonly "--border-subtle": "#ededed";
+        readonly "--border-default": "#d6d6d6";
+        readonly "--border-strong": "#b9b9b9";
+        readonly "--border-control": "#737373";
+        readonly "--border-focus": "#0d0d0d";
+        readonly "--brand-text": "#0d0d0d";
+        readonly "--text-primary": "#0d0d0d";
+        readonly "--text-secondary": "#3c3c3c";
+        readonly "--text-muted": "#575757";
+        readonly "--text-disabled": "#979797";
+        readonly "--text-inverse": "#ffffff";
+        readonly "--text-placeholder": "#575757";
+        readonly "--icon-default": "#232323";
+    };
+    readonly dark: {
+        readonly "--danger": "#f44336";
+        readonly "--danger-soft": "rgba(244, 67, 54, 0.2)";
+        readonly "--danger-border": "rgba(244, 67, 54, 0.4)";
+        readonly "--danger-text": "#ef9a9a";
+        readonly "--success": "#4caf50";
+        readonly "--success-soft": "rgba(76, 175, 80, 0.2)";
+        readonly "--success-border": "rgba(76, 175, 80, 0.4)";
+        readonly "--success-text": "#a5d6a7";
+        readonly "--warning": "#ffc107";
+        readonly "--warning-soft": "rgba(255, 193, 7, 0.2)";
+        readonly "--warning-border": "rgba(255, 193, 7, 0.4)";
+        readonly "--warning-text": "#ffe082";
+        readonly "--info": "#2196f3";
+        readonly "--info-soft": "rgba(33, 150, 243, 0.2)";
+        readonly "--info-border": "rgba(33, 150, 243, 0.4)";
+        readonly "--info-text": "#90caf9";
+        readonly "--brand-primary-50": "#fafafa";
+        readonly "--brand-primary-100": "#ededed";
+        readonly "--brand-primary-200": "#d6d6d6";
+        readonly "--brand-primary-300": "#b9b9b9";
+        readonly "--brand-primary-400": "#979797";
+        readonly "--brand-primary-500": "#737373";
+        readonly "--brand-primary-600": "#575757";
+        readonly "--brand-primary-700": "#3c3c3c";
+        readonly "--brand-primary-800": "#232323";
+        readonly "--brand-primary-900": "#0d0d0d";
+        readonly "--brand-primary": "#ffffff";
+        readonly "--brand-hover": "#ededed";
+        readonly "--brand-on-primary": "#0d0d0d";
+        readonly "--brand-secondary": "#0d0d0d";
+        readonly "--brand-on-secondary": "#ffffff";
+        readonly "--brand-secondary-surface": "var(--surface-page)";
+        readonly "--brand-secondary-band": "transparent";
+        readonly "--brand-accent": "#379c3d";
+        readonly "--brand-accent-light": "#f0ffef";
+        readonly "--brand-on-accent": "#ffffff";
+        readonly "--surface-page": "#0d0d0d";
+        readonly "--surface-default": "#232323";
+        readonly "--surface-raised": "#3c3c3c";
+        readonly "--surface-overlay": "#d6d6d6";
+        readonly "--surface-invert": "#fafafa";
+        readonly "--border-subtle": "rgba(255, 255, 255, 0.08)";
+        readonly "--border-default": "rgba(255, 255, 255, 0.14)";
+        readonly "--border-strong": "rgba(255, 255, 255, 0.22)";
+        readonly "--border-control": "rgba(255, 255, 255, 0.4)";
+        readonly "--border-focus": "#979797";
+        readonly "--brand-text": "#fafafa";
+        readonly "--text-primary": "#fafafa";
+        readonly "--text-secondary": "#d6d6d6";
+        readonly "--text-muted": "#b9b9b9";
+        readonly "--text-disabled": "#575757";
+        readonly "--text-inverse": "#0d0d0d";
+        readonly "--text-placeholder": "#b9b9b9";
+        readonly "--icon-default": "#979797";
+    };
+};
+type ThemeMap = Record<string, string>;
+
+export { type ThemeMap, dsTheme };

package/dist/targets/native/theme.js

@@ -0,0 +1,118 @@
+import "../../chunk-ORMEWXMH.js";
+const dsTheme = {
+  light: {
+    "--danger": "#f44336",
+    "--danger-soft": "#ffcdd2",
+    "--danger-border": "#ef9a9a",
+    "--danger-text": "#991b1b",
+    "--success": "#4caf50",
+    "--success-soft": "#c8e6c9",
+    "--success-border": "#a5d6a7",
+    "--success-text": "#1b5e20",
+    "--warning": "#ffc107",
+    "--warning-soft": "#ffecb3",
+    "--warning-border": "#ffe082",
+    "--warning-text": "#92400e",
+    "--info": "#2196f3",
+    "--info-soft": "#bbdefb",
+    "--info-border": "#90caf9",
+    "--info-text": "#1e40af",
+    "--brand-primary-50": "#fafafa",
+    "--brand-primary-100": "#ededed",
+    "--brand-primary-200": "#d6d6d6",
+    "--brand-primary-300": "#b9b9b9",
+    "--brand-primary-400": "#979797",
+    "--brand-primary-500": "#737373",
+    "--brand-primary-600": "#575757",
+    "--brand-primary-700": "#3c3c3c",
+    "--brand-primary-800": "#232323",
+    "--brand-primary-900": "#0d0d0d",
+    "--brand-primary": "#0d0d0d",
+    "--brand-hover": "#3c3c3c",
+    "--brand-on-primary": "#ffffff",
+    "--brand-secondary": "#ffffff",
+    "--brand-on-secondary": "#0d0d0d",
+    "--brand-secondary-surface": "var(--brand-secondary)",
+    "--brand-secondary-band": "var(--brand-secondary)",
+    "--brand-accent": "#379c3d",
+    "--brand-accent-light": "#f0ffef",
+    "--brand-on-accent": "#ffffff",
+    "--surface-page": "#fafafa",
+    "--surface-default": "#ffffff",
+    "--surface-raised": "#ededed",
+    "--surface-overlay": "#0d0d0d",
+    "--surface-invert": "#0d0d0d",
+    "--border-subtle": "#ededed",
+    "--border-default": "#d6d6d6",
+    "--border-strong": "#b9b9b9",
+    "--border-control": "#737373",
+    "--border-focus": "#0d0d0d",
+    "--brand-text": "#0d0d0d",
+    "--text-primary": "#0d0d0d",
+    "--text-secondary": "#3c3c3c",
+    "--text-muted": "#575757",
+    "--text-disabled": "#979797",
+    "--text-inverse": "#ffffff",
+    "--text-placeholder": "#575757",
+    "--icon-default": "#232323"
+  },
+  dark: {
+    "--danger": "#f44336",
+    "--danger-soft": "rgba(244, 67, 54, 0.2)",
+    "--danger-border": "rgba(244, 67, 54, 0.4)",
+    "--danger-text": "#ef9a9a",
+    "--success": "#4caf50",
+    "--success-soft": "rgba(76, 175, 80, 0.2)",
+    "--success-border": "rgba(76, 175, 80, 0.4)",
+    "--success-text": "#a5d6a7",
+    "--warning": "#ffc107",
+    "--warning-soft": "rgba(255, 193, 7, 0.2)",
+    "--warning-border": "rgba(255, 193, 7, 0.4)",
+    "--warning-text": "#ffe082",
+    "--info": "#2196f3",
+    "--info-soft": "rgba(33, 150, 243, 0.2)",
+    "--info-border": "rgba(33, 150, 243, 0.4)",
+    "--info-text": "#90caf9",
+    "--brand-primary-50": "#fafafa",
+    "--brand-primary-100": "#ededed",
+    "--brand-primary-200": "#d6d6d6",
+    "--brand-primary-300": "#b9b9b9",
+    "--brand-primary-400": "#979797",
+    "--brand-primary-500": "#737373",
+    "--brand-primary-600": "#575757",
+    "--brand-primary-700": "#3c3c3c",
+    "--brand-primary-800": "#232323",
+    "--brand-primary-900": "#0d0d0d",
+    "--brand-primary": "#ffffff",
+    "--brand-hover": "#ededed",
+    "--brand-on-primary": "#0d0d0d",
+    "--brand-secondary": "#0d0d0d",
+    "--brand-on-secondary": "#ffffff",
+    "--brand-secondary-surface": "var(--surface-page)",
+    "--brand-secondary-band": "transparent",
+    "--brand-accent": "#379c3d",
+    "--brand-accent-light": "#f0ffef",
+    "--brand-on-accent": "#ffffff",
+    "--surface-page": "#0d0d0d",
+    "--surface-default": "#232323",
+    "--surface-raised": "#3c3c3c",
+    "--surface-overlay": "#d6d6d6",
+    "--surface-invert": "#fafafa",
+    "--border-subtle": "rgba(255, 255, 255, 0.08)",
+    "--border-default": "rgba(255, 255, 255, 0.14)",
+    "--border-strong": "rgba(255, 255, 255, 0.22)",
+    "--border-control": "rgba(255, 255, 255, 0.4)",
+    "--border-focus": "#979797",
+    "--brand-text": "#fafafa",
+    "--text-primary": "#fafafa",
+    "--text-secondary": "#d6d6d6",
+    "--text-muted": "#b9b9b9",
+    "--text-disabled": "#575757",
+    "--text-inverse": "#0d0d0d",
+    "--text-placeholder": "#b9b9b9",
+    "--icon-default": "#979797"
+  }
+};
+export {
+  dsTheme
+};

package/package.json

@@ -0,0 +1,194 @@
+{
+  "name": "@rojaostudio/ds",
+  "version": "1.0.0",
+  "type": "module",
+  "description": "Rojão Design System — componentes React, estilos e alvo React Native. O motor vive em @rojaostudio/ds-core.",
+  "license": "MIT",
+  "author": "Rojão Studio (https://rojao.studio)",
+  "homepage": "https://ds.rojao.ai",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rojaostudio/ds.git",
+    "directory": "packages/ds"
+  },
+  "bugs": {
+    "url": "https://github.com/rojaostudio/ds/issues"
+  },
+  "keywords": [
+    "design-system",
+    "design-tokens",
+    "theme",
+    "tailwind",
+    "css-variables",
+    "wcag",
+    "accessibility",
+    "react",
+    "oklch",
+    "brand"
+  ],
+  "sideEffects": [
+    "**/*.css",
+    "./styles/**"
+  ],
+  "scripts": {
+    "build": "pnpm run build:tokens && pnpm run build:themes && pnpm run build:native && tsup",
+    "build:tokens": "tsx scripts/build-tokens.ts",
+    "build:native": "tsx scripts/build-native.ts",
+    "prepack": "pnpm run build",
+    "pack:release": "pnpm run build:tokens && pnpm run build:native && pnpm pack",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit",
+    "detect": "tsx scripts/detect.ts",
+    "validate:themes": "tsx scripts/validate-themes.ts",
+    "build:themes": "tsx scripts/build-themes.ts",
+    "seed:ds": "tsx scripts/seed-ds.ts",
+    "lint": "eslint .",
+    "build:brands": "tsx scripts/build-brands.ts && tsx scripts/build-native.ts --brand=taiq"
+  },
+  "exports": {
+    "./styles/base.css": "./styles/base.css",
+    "./styles/themes/rojao.css": "./styles/themes/rojao.css",
+    "./tokens": {
+      "types": "./dist/compat/tokens.d.ts",
+      "import": "./dist/compat/tokens.js",
+      "default": "./dist/compat/tokens.js"
+    },
+    "./generate": {
+      "types": "./dist/compat/generate.d.ts",
+      "import": "./dist/compat/generate.js",
+      "default": "./dist/compat/generate.js"
+    },
+    "./recipes": {
+      "types": "./dist/compat/recipes.d.ts",
+      "import": "./dist/compat/recipes.js",
+      "default": "./dist/compat/recipes.js"
+    },
+    "./themes": {
+      "types": "./dist/compat/themes.d.ts",
+      "import": "./dist/compat/themes.js",
+      "default": "./dist/compat/themes.js"
+    },
+    "./native": {
+      "types": "./dist/targets/native/index.d.ts",
+      "import": "./dist/targets/native/index.js",
+      "default": "./dist/targets/native/index.js"
+    },
+    "./native/preset": "./dist/targets/native/preset.cjs",
+    "./native/nativewind-preset": "./dist/targets/native/preset.cjs",
+    "./native/theme.css": "./dist/targets/native/theme.css",
+    "./native/theme": {
+      "types": "./dist/targets/native/theme.d.ts",
+      "import": "./dist/targets/native/theme.js",
+      "default": "./dist/targets/native/theme.js"
+    },
+    "./native/tokens": {
+      "types": "./dist/targets/native/theme.d.ts",
+      "import": "./dist/targets/native/theme.js",
+      "default": "./dist/targets/native/theme.js"
+    },
+    "./native/components": {
+      "types": "./dist/targets/native/components/index.d.ts",
+      "import": "./dist/targets/native/components/index.js",
+      "default": "./dist/targets/native/components/index.js"
+    },
+    "./native/icons": {
+      "types": "./dist/targets/native/icons.d.ts",
+      "import": "./dist/targets/native/icons.js",
+      "default": "./dist/targets/native/icons.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js",
+      "default": "./dist/components/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js",
+      "default": "./dist/components/*.js"
+    },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons/index.js",
+      "default": "./dist/icons/index.js"
+    }
+  },
+  "files": [
+    "LICENSE",
+    "README.md",
+    "dist",
+    "styles",
+    "brand"
+  ],
+  "peerDependencies": {
+    "expo-image": ">=1.10",
+    "expo-image-picker": ">=15",
+    "lucide-react": ">=0.300.0",
+    "lucide-react-native": ">=0.300.0",
+    "next": ">=15",
+    "react": ">=19",
+    "react-dom": ">=19",
+    "react-image-crop": ">=11",
+    "react-international-phone": ">=4",
+    "react-native": ">=0.79",
+    "react-native-safe-area-context": ">=4",
+    "react-native-svg": ">=15",
+    "tailwindcss": ">=4"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    },
+    "lucide-react": {
+      "optional": true
+    },
+    "lucide-react-native": {
+      "optional": true
+    },
+    "react-image-crop": {
+      "optional": true
+    },
+    "react-international-phone": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "react-native-svg": {
+      "optional": true
+    },
+    "expo-image": {
+      "optional": true
+    },
+    "expo-image-picker": {
+      "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public",
+    "provenance": true
+  },
+  "devDependencies": {
+    "@rojao/config": "workspace:*",
+    "@supabase/supabase-js": "^2.108.1",
+    "@types/node": "^20.19.43",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@vitejs/plugin-react": "^6.0.2",
+    "eslint": "^9.18.0",
+    "next": "^16.2.7",
+    "react-image-crop": "^11.0.10",
+    "react-international-phone": "^4.8.0",
+    "tsx": "^4.21.0",
+    "typescript": "^5",
+    "vitest": "^4.1.7",
+    "tsup": "^8.5.1"
+  },
+  "dependencies": {
+    "@rojaostudio/ds-core": "workspace:*"
+  }
+}