whatsapp-ui-react 0.0.2 → 0.0.4

package/dist/utils/cn.d.ts

@@ -1,4 +1,3 @@
-import { ClassValue } from 'clsx';
-/** Merges Tailwind class names, resolving conflicts via `tailwind-merge`. */
-export declare function cn(...inputs: ClassValue[]): string;
+/** Joins class names, filtering out falsy values. */
+export declare function cn(...inputs: (string | false | null | undefined)[]): string;
 //# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,6EAA6E;AAC7E,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE3E"}

package/dist/utils/groupMessages.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 /** A single message entry managed by {@link Chat}. */
 export interface GroupedMessage {
-    /** Unique React key — auto-generated by `<Chat>` when omitted. */
+    /** Unique React key - auto-generated by `<Chat>` when omitted. */
     id?: React.Key;
     /** Identifies the sender; `'me'` denotes the local user. */
     senderId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whatsapp-ui-react",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "React component library with a WhatsApp Web-inspired UI.",
   "keywords": [
     "react",
@@ -16,7 +16,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/2hoch1/whatsapp-ui-react.git"
+    "url": "git+https://github.com/2hoch1/whatsapp-ui-react.git"
   },
   "license": "Apache-2.0",
   "type": "module",
@@ -29,8 +29,7 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
-    },
-    "./styles": "./dist/tailwind.css"
+    }
   },
   "files": [
     "dist"
@@ -41,7 +40,6 @@
   "scripts": {
     "dev": "vite --config vite.dev.config.ts",
     "build": "tsc --noEmit && vite build",
-    "postbuild": "node --input-type=module --eval \"import{copyFileSync}from'fs';copyFileSync('./src/tailwind.css','./dist/tailwind.css');\"",
     "build:preview": "vite build --config vite.dev.config.ts",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src",
@@ -61,6 +59,7 @@
     "@commitlint/cli": "^19.0.0",
     "@commitlint/config-conventional": "^19.0.0",
     "@eslint/js": "^9.0.0",
+    "@tailwindcss/cli": "^4.2.1",
     "@tailwindcss/vite": "^4.2.1",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",

package/dist/tailwind.css

@@ -1,49 +0,0 @@
-@theme {
-  /* ── Background colors ── */
-  --color-wa-bg: #161717;
-  --color-wa-header: #161717;
-  --color-wa-bubble-out: #144d37;
-  --color-wa-bubble-in: #202c33;
-  --color-wa-input: #242626;
-  --color-wa-avatar: #2a3942;
-  --color-wa-divider: #182229;
-
-  /* ── Text colors ── */
-  --color-wa-text-primary: #e9edef;
-  --color-wa-text-secondary: #8696a0;
-  --color-wa-text-body: #d1d7db;
-  --color-wa-icon: #aebac1;
-
-  /* ── Accent colors ── */
-  --color-wa-teal: #00a884;
-  --color-wa-teal-hover: #06cf9c;
-  --color-wa-send: #21c063;
-  --color-wa-read: #53bdeb;
-  --color-wa-waveform-out: #53bdeb;
-  --color-wa-waveform-in: #8696a0;
-  --color-wa-waveform-out-faint: rgba(83, 189, 235, 0.4);
-  --color-wa-waveform-in-faint: rgba(134, 150, 160, 0.4);
-
-  /* ── Border radii ── */
-  --radius-wa-bubble: 0.525rem;
-  --radius-wa-divider: 0.325rem;
-}
-
-/* ── Custom scrollbar ── */
-.scrollbar-wa {
-  scrollbar-width: thin;
-  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
-}
-.scrollbar-wa::-webkit-scrollbar {
-  width: 4px;
-}
-.scrollbar-wa::-webkit-scrollbar-track {
-  background: transparent;
-}
-.scrollbar-wa::-webkit-scrollbar-thumb {
-  background: rgba(255, 255, 255, 0.18);
-  border-radius: 9999px;
-}
-.scrollbar-wa::-webkit-scrollbar-thumb:hover {
-  background: rgba(255, 255, 255, 0.3);
-}