@happyvertical/smrt-chat 0.34.5 → 0.34.7

package/dist/svelte/components/shared/TypingIndicator.svelte

@@ -1,90 +0,0 @@
-<script lang="ts">
-/**
- * TypingIndicator - Animated "typing..." display
- * Shows "Alice is typing..." or "Alice and Bob are typing..." with animated dots.
- */
-
-export interface Props {
-  /** Names of users currently typing */
-  names: string[];
-}
-
-const { names }: Props = $props();
-
-const label = $derived.by(() => {
-  if (names.length === 0) return '';
-  if (names.length === 1) return `${names[0]} is typing`;
-  if (names.length === 2) return `${names[0]} and ${names[1]} are typing`;
-  return `${names[0]} and ${names.length - 1} others are typing`;
-});
-</script>
-
-{#if names.length > 0}
-  <div class="typing" aria-live="polite" aria-label="{label}">
-    <span class="typing__text">{label}</span>
-    <span class="typing__dots" aria-hidden="true">
-      <span class="typing__dot"></span>
-      <span class="typing__dot"></span>
-      <span class="typing__dot"></span>
-    </span>
-  </div>
-{/if}
-
-<style>
-  .typing {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--smrt-spacing-1, 0.25rem);
-    padding: var(--smrt-spacing-1, 0.25rem) var(--smrt-spacing-3, 0.75rem);
-    font-size: var(--smrt-typography-body-small-size, 0.75rem);
-    color: var(--smrt-color-on-surface-variant, #43474e);
-  }
-
-  .typing__text {
-    white-space: nowrap;
-  }
-
-  .typing__dots {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--smrt-spacing-1, 4px);
-  }
-
-  .typing__dot {
-    width: 4px;
-    height: 4px;
-    border-radius: var(--smrt-radius-full, 9999px);
-    background: var(--smrt-color-on-surface-variant, #43474e);
-    animation: typing-bounce 1.4s infinite ease-in-out both;
-  }
-
-  .typing__dot:nth-child(1) {
-    animation-delay: 0s;
-  }
-
-  .typing__dot:nth-child(2) {
-    animation-delay: 0.2s;
-  }
-
-  .typing__dot:nth-child(3) {
-    animation-delay: 0.4s;
-  }
-
-  @keyframes typing-bounce {
-    0%, 80%, 100% {
-      opacity: 0.3;
-      transform: scale(0.8);
-    }
-    40% {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .typing__dot {
-      animation: none;
-      opacity: 0.6;
-    }
-  }
-</style>

package/dist/svelte/components/shared/TypingIndicator.svelte.d.ts

@@ -1,12 +0,0 @@
-/**
- * TypingIndicator - Animated "typing..." display
- * Shows "Alice is typing..." or "Alice and Bob are typing..." with animated dots.
- */
-export interface Props {
-    /** Names of users currently typing */
-    names: string[];
-}
-declare const TypingIndicator: import("svelte").Component<Props, {}, "">;
-type TypingIndicator = ReturnType<typeof TypingIndicator>;
-export default TypingIndicator;
-//# sourceMappingURL=TypingIndicator.svelte.d.ts.map

package/dist/svelte/components/shared/TypingIndicator.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypingIndicator.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/components/shared/TypingIndicator.svelte.ts"],"names":[],"mappings":"AAGA;;;GAGG;AAEH,MAAM,WAAW,KAAK;IACpB,sCAAsC;IACtC,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AA6BD,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/svelte/components/shared/__tests__/MessageBubble.test.js

@@ -1,21 +0,0 @@
-// @vitest-environment jsdom
-/**
- * Component coverage for MessageBubble via the shared S11 harness (#1416).
- */
-import { expectNoA11yViolations, render, screen, } from '@happyvertical/smrt-vitest/svelte';
-import { describe, expect, it } from 'vitest';
-import MessageBubble from '../MessageBubble.svelte';
-describe('MessageBubble', () => {
-    it('renders the message content', () => {
-        render(MessageBubble, {
-            props: { content: 'Hello there', isOwn: false },
-        });
-        expect(screen.getByText('Hello there')).toBeInTheDocument();
-    });
-    it('is axe-clean for an own message', async () => {
-        const { container } = render(MessageBubble, {
-            props: { content: 'Hi', isOwn: true },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/svelte/components/shared/__tests__/TypingIndicator.test.js

@@ -1,27 +0,0 @@
-// @vitest-environment jsdom
-/**
- * Component coverage for TypingIndicator via the shared S11 harness (#1416).
- */
-import { expectNoA11yViolations, render, screen, } from '@happyvertical/smrt-vitest/svelte';
-import { describe, expect, it } from 'vitest';
-import TypingIndicator from '../TypingIndicator.svelte';
-describe('TypingIndicator', () => {
-    it('names a single typist', () => {
-        render(TypingIndicator, { props: { names: ['Ada'] } });
-        expect(screen.getByText('Ada is typing')).toBeInTheDocument();
-    });
-    it('names two typists', () => {
-        render(TypingIndicator, { props: { names: ['Ada', 'Bob'] } });
-        expect(screen.getByText('Ada and Bob are typing')).toBeInTheDocument();
-    });
-    it('renders nothing when nobody is typing', () => {
-        const { container } = render(TypingIndicator, { props: { names: [] } });
-        expect(container.querySelector('.typing')).toBeNull();
-    });
-    it('is axe-clean', async () => {
-        const { container } = render(TypingIndicator, {
-            props: { names: ['Ada'] },
-        });
-        await expectNoA11yViolations(container);
-    });
-});