@djangocfg/ui-tools 2.1.381 → 2.1.383

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-tools",
-  "version": "2.1.381",
+  "version": "2.1.383",
   "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
   "keywords": [
     "ui-tools",
@@ -39,11 +39,6 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
     },
-    "./stories": {
-      "types": "./src/stories/index.ts",
-      "import": "./src/stories/index.ts",
-      "require": "./src/stories/index.ts"
-    },
     "./gallery": {
       "types": "./src/tools/Gallery/index.ts",
       "import": "./src/tools/Gallery/index.ts",
@@ -139,6 +134,11 @@
       "import": "./src/tools/VideoPlayer/lazy.tsx",
       "require": "./src/tools/VideoPlayer/lazy.tsx"
     },
+    "./speech-recognition": {
+      "types": "./src/tools/SpeechRecognition/index.ts",
+      "import": "./src/tools/SpeechRecognition/index.ts",
+      "require": "./src/tools/SpeechRecognition/index.ts"
+    },
     "./styles": "./src/styles/index.css",
     "./dist.css": "./dist/index.css"
   },
@@ -152,12 +152,13 @@
     "build": "tsup",
     "clean": "rm -rf dist",
     "dev": "tsup --watch",
-    "playground": "playground dev",
-    "check": "tsc --noEmit"
+    "check": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.381",
-    "@djangocfg/ui-core": "^2.1.381",
+    "@djangocfg/i18n": "^2.1.383",
+    "@djangocfg/ui-core": "^2.1.383",
     "consola": "^3.4.2",
     "lodash-es": "^4.18.1",
     "lucide-react": "^0.545.0",
@@ -211,10 +212,9 @@
     "material-file-icons": "^2.4.0"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.381",
-    "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.381",
-    "@djangocfg/ui-core": "^2.1.381",
+    "@djangocfg/i18n": "^2.1.383",
+    "@djangocfg/typescript-config": "^2.1.383",
+    "@djangocfg/ui-core": "^2.1.383",
     "@types/lodash-es": "^4.17.12",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^24.7.2",
@@ -226,7 +226,8 @@
     "react-dom": "^19.1.0",
     "tailwindcss": "^4.1.18",
     "tsup": "^8.5.0",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vitest": "^3.1.4"
   },
   "publishConfig": {
     "access": "public"

package/src/audio-assets.d.ts

@@ -0,0 +1,8 @@
+// Audio assets are bundled as base64 data URLs via tsup's `dataurl` loader
+// (see `tsup.config.ts`). This declaration lets TypeScript accept the
+// `import receivedSound from './sounds/received.mp3'` pattern.
+
+declare module '*.mp3' {
+  const src: string;
+  export default src;
+}

package/src/components/markdown/MarkdownMessage/CollapseToggle.tsx

@@ -1,5 +1,7 @@
 import React, { memo } from 'react';
 
+import { TOGGLE } from '../../../tools/Chat/styles/bubbleTokens';
+
 interface CollapseToggleProps {
   isCollapsed: boolean;
   onClick: () => void;
@@ -31,7 +33,7 @@ function CollapseToggleRaw({
       className={`
         ${textSize} font-medium cursor-pointer
         transition-colors duration-200
-        ${isUser ? 'text-white/80 hover:text-white' : 'text-primary hover:text-primary/80'}
+        ${isUser ? TOGGLE.user : TOGGLE.assistant}
         inline-flex items-center gap-1
         mt-1
       `}

package/src/components/markdown/MarkdownMessage/components.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { Components } from 'react-markdown';
 import Mermaid from '../../../tools/Mermaid';
+import { ANCHOR } from '../../../tools/Chat/styles/bubbleTokens';
 import { CodeBlock, CodeBlockFallback } from './CodeBlock';
 import { extractTextFromChildren } from './plainText';
 
@@ -61,11 +62,7 @@ export function createMarkdownComponents(
       <a
         {...rest}
         href={href}
-        className={`${textSize} ${
-          isUser
-            ? 'text-white/90 underline hover:text-white'
-            : 'text-primary underline hover:text-primary/80'
-        } transition-colors break-all`}
+        className={`${textSize} ${isUser ? ANCHOR.user : ANCHOR.assistant}`}
       >
         {children}
       </a>