pala-ui-core 0.1.0

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "pala-ui-core",
+  "version": "0.1.0",
+  "description": "PalaUI — warm, mobile-first React component library for informal job market platforms",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./tokens.css": "./src/tokens.css",
+    "./styles.css": "./src/styles.css"
+  },
+  "files": [
+    "dist",
+    "src/tokens.css",
+    "src/styles.css"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "design-system",
+    "tailwind",
+    "pala-ui"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "lucide-react": "^1.20.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.6.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "tsup": "^8",
+    "typescript": "^5"
+  }
+}

package/src/styles.css

@@ -0,0 +1,57 @@
+:root {
+  --palaui-primary: #7DB4DB;
+  --palaui-primary-soft: #B6D8E2;
+  --palaui-accent: #F8AE1B;
+  --palaui-background: #F1F2ED;
+  --palaui-surface-bg: #DDDCE1;
+  --palaui-card: #FFFFFF;
+  --palaui-border: #CFCED4;
+  --palaui-foreground-primary: #2E2E2E;
+  --palaui-foreground-secondary: #6B7280;
+  --palaui-foreground-inverse: #F1F2ED;
+  --palaui-success: #6FBFA3;
+  --palaui-success-soft: #E3F3ED;
+  --palaui-error: #E26D5C;
+  --palaui-error-soft: #FBE6E3;
+  --palaui-info: #5FA8D3;
+  --palaui-info-soft: #E8F2F8;
+  --palaui-warning: #F8AE1B;
+  --palaui-warning-soft: #FEE5A5;
+}
+
+body {
+  background: var(--palaui-background, #F1F2ED);
+  color: var(--palaui-foreground-primary, #2E2E2E);
+  font-family: "Inter", sans-serif;
+}
+
+@keyframes pulse-soft {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.5; }
+}
+
+@keyframes spin-slow {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+@keyframes slide-up {
+  from { transform: translateY(16px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+
+@keyframes slide-down {
+  from { transform: translateY(-8px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+
+@keyframes scale-in {
+  from { transform: scale(0.95); opacity: 0; }
+  to { transform: scale(1); opacity: 1; }
+}
+
+.animate-pulse-soft { animation: pulse-soft 2s ease-in-out infinite; }
+.animate-spin-slow { animation: spin-slow 2s linear infinite; }
+.animate-slide-up { animation: slide-up 0.3s ease-out; }
+.animate-slide-down { animation: slide-down 0.2s ease-out; }
+.animate-scale-in { animation: scale-in 0.2s ease-out; }

package/src/tokens.css

@@ -0,0 +1,25 @@
+@theme inline {
+  --color-primary: var(--palaui-primary, #7DB4DB);
+  --color-primary-soft: var(--palaui-primary-soft, #B6D8E2);
+  --color-accent: var(--palaui-accent, #F8AE1B);
+  --color-accent-secondary: var(--palaui-accent, #F8AE1B);
+  --color-background: var(--palaui-background, #F1F2ED);
+  --color-surface-primary: var(--palaui-background, #F1F2ED);
+  --color-surface-bg: var(--palaui-surface-bg, #DDDCE1);
+  --color-card: var(--palaui-card, #FFFFFF);
+  --color-border: var(--palaui-border, #CFCED4);
+  --color-foreground-primary: var(--palaui-foreground-primary, #2E2E2E);
+  --color-foreground-secondary: var(--palaui-foreground-secondary, #6B7280);
+  --color-foreground-inverse: var(--palaui-foreground-inverse, #F1F2ED);
+  --color-success: var(--palaui-success, #6FBFA3);
+  --color-success-soft: var(--palaui-success-soft, #E3F3ED);
+  --color-error: var(--palaui-error, #E26D5C);
+  --color-error-soft: var(--palaui-error-soft, #FBE6E3);
+  --color-info: var(--palaui-info, #5FA8D3);
+  --color-info-soft: var(--palaui-info-soft, #E8F2F8);
+  --color-warning: var(--palaui-warning, #F8AE1B);
+  --color-warning-soft: var(--palaui-warning-soft, #FEE5A5);
+  --color-black: var(--palaui-foreground-primary, #2E2E2E);
+  --font-heading: "Funnel Sans", sans-serif;
+  --font-body: "Inter", sans-serif;
+}