@uibit/text-typing 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 UIBit Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,27 @@
+# Text Typing
+
+[Interactive Demonstration](https://rawlings.github.io/uibit/components/text-typing)
+
+Text Typing is an animated display component that cycles through multiple phrases with a typing motion. By simulating speed variations, pauses, and corrections, it creates dynamic visual interest, making it ideal for landing page headlines and key value propositions.
+
+## Value Delivery
+
+- **Dynamic Value Messaging** – Cycles through multiple key phrases in the same space, allowing you to highlight various product benefits without cluttering the layout.
+- **Natural Motion Simulation** – Introduces speed variations and minor corrections during typing loops to create a organic, engaging aesthetic.
+- **Stable Layout Rendering** – Designed to operate inline without causing visual layout shifts on page content.
+- **Visual Callouts** – Includes a configurable blinking cursor to direct reader focus to active statements.
+
+## Ideal Applications
+
+- **Hero Headers** – Presenting primary features or slogans on homepage landing folds.
+- **Taglines** – Cycling through customer benefit statements on landing pages.
+- **Introductory Portals** – Greeting visitors with animated welcome text.
+
+## Further Information
+
+Detailed design guidelines, customizable attributes, and integration examples are available on our documentation site.
+
+
+## Changelog
+
+Please see the [Changelog](CHANGELOG.md) for version history.

package/custom-elements.json

@@ -0,0 +1,402 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "default",
+            "module": "./text-typing"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "TextTyping",
+          "declaration": {
+            "name": "TextTyping",
+            "module": "./text-typing"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/types"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css` :host { display: inline; font-size: var(--uibit-text-typing-font-size, inherit); font-weight: var(--uibit-text-typing-font-weight, inherit); color: var(--uibit-text-typing-color, inherit); font-family: var(--uibit-text-typing-font-family, inherit); line-height: var(--uibit-text-typing-line-height, inherit); } .text { display: inline; } .cursor { display: inline-block; width: var(--uibit-text-typing-cursor-width, 0.125rem); height: 1.1em; background: var(--uibit-text-typing-cursor-color, currentColor); margin-left: 0.05em; vertical-align: text-bottom; border-radius: var(--uibit-text-typing-cursor-radius, 0.0625rem); animation: blink var(--uibit-text-typing-cursor-blink, 0.75s) step-end infinite; } :host([paused]) .cursor { animation: none; opacity: 1; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/text-typing.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Cycles through an array of phrases by simulating realistic keystroke\ntyping and backspace deletion. Includes subtle speed variance, randomized\nsimulated typos that auto-correct, and a blinking cursor node.\n\nPass static prefix or wrapper text inside the default slot, and phrases to cycle through\ninside elements with `slot=\"text\"` (e.g. `<span slot=\"text\">phrase</span>`).",
+          "name": "TextTyping",
+          "cssProperties": [
+            {
+              "description": "Font size",
+              "name": "--uibit-text-typing-font-size",
+              "default": "inherit"
+            },
+            {
+              "description": "Font weight",
+              "name": "--uibit-text-typing-font-weight",
+              "default": "inherit"
+            },
+            {
+              "description": "Text color",
+              "name": "--uibit-text-typing-color",
+              "default": "inherit"
+            },
+            {
+              "description": "Font family",
+              "name": "--uibit-text-typing-font-family",
+              "default": "inherit"
+            },
+            {
+              "description": "Line height",
+              "name": "--uibit-text-typing-line-height",
+              "default": "inherit"
+            },
+            {
+              "description": "Cursor bar color",
+              "name": "--uibit-text-typing-cursor-color",
+              "default": "currentColor"
+            },
+            {
+              "description": "Cursor bar width",
+              "name": "--uibit-text-typing-cursor-width",
+              "default": "0.125rem"
+            },
+            {
+              "description": "Cursor bar border radius",
+              "name": "--uibit-text-typing-cursor-radius",
+              "default": "0.0625rem"
+            },
+            {
+              "description": "Cursor blink interval",
+              "name": "--uibit-text-typing-cursor-blink",
+              "default": "0.75s"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "phrases",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "typeSpeed",
+              "type": {
+                "text": "number"
+              },
+              "default": "80",
+              "description": "Base typing speed in ms per character. A small random variance is applied.",
+              "attribute": "type-speed"
+            },
+            {
+              "kind": "field",
+              "name": "deleteSpeed",
+              "type": {
+                "text": "number"
+              },
+              "default": "40",
+              "description": "Base delete speed in ms per character.",
+              "attribute": "delete-speed"
+            },
+            {
+              "kind": "field",
+              "name": "pauseAfter",
+              "type": {
+                "text": "number"
+              },
+              "default": "1800",
+              "description": "Pause in ms after finishing a phrase before starting to delete.",
+              "attribute": "pause-after"
+            },
+            {
+              "kind": "field",
+              "name": "pauseBefore",
+              "type": {
+                "text": "number"
+              },
+              "default": "400",
+              "description": "Pause in ms after fully deleting before typing the next phrase.",
+              "attribute": "pause-before"
+            },
+            {
+              "kind": "field",
+              "name": "typoRate",
+              "type": {
+                "text": "number"
+              },
+              "default": "0.04",
+              "description": "Probability (0–1) that a character will be mis-typed and immediately corrected.",
+              "attribute": "typo-rate"
+            },
+            {
+              "kind": "field",
+              "name": "showCursor",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Show the blinking cursor.",
+              "attribute": "show-cursor"
+            },
+            {
+              "kind": "field",
+              "name": "loop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Loop indefinitely. Set to false to stop after the last phrase.",
+              "attribute": "loop"
+            },
+            {
+              "kind": "field",
+              "name": "_visible",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_timer",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_phraseIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_charIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_deleting",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_typoChar",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "method",
+              "name": "_jitter",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "base",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "factor",
+                  "default": "0.4"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_tick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "{ phrase: string, index: number }"
+              },
+              "description": "Fired when a new phrase begins typing",
+              "name": "phrase-change"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type-speed",
+              "type": {
+                "text": "number"
+              },
+              "default": "80",
+              "description": "Base typing speed in ms per character. A small random variance is applied.",
+              "fieldName": "typeSpeed"
+            },
+            {
+              "name": "delete-speed",
+              "type": {
+                "text": "number"
+              },
+              "default": "40",
+              "description": "Base delete speed in ms per character.",
+              "fieldName": "deleteSpeed"
+            },
+            {
+              "name": "pause-after",
+              "type": {
+                "text": "number"
+              },
+              "default": "1800",
+              "description": "Pause in ms after finishing a phrase before starting to delete.",
+              "fieldName": "pauseAfter"
+            },
+            {
+              "name": "pause-before",
+              "type": {
+                "text": "number"
+              },
+              "default": "400",
+              "description": "Pause in ms after fully deleting before typing the next phrase.",
+              "fieldName": "pauseBefore"
+            },
+            {
+              "name": "typo-rate",
+              "type": {
+                "text": "number"
+              },
+              "default": "0.04",
+              "description": "Probability (0–1) that a character will be mis-typed and immediately corrected.",
+              "fieldName": "typoRate"
+            },
+            {
+              "name": "show-cursor",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Show the blinking cursor.",
+              "fieldName": "showCursor"
+            },
+            {
+              "name": "loop",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Loop indefinitely. Set to false to stop after the last phrase.",
+              "fieldName": "loop"
+            }
+          ],
+          "superclass": {
+            "name": "UIBitElement",
+            "package": "@uibit/core"
+          },
+          "tagName": "uibit-text-typing",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TextTyping",
+          "declaration": {
+            "name": "TextTyping",
+            "module": "src/text-typing.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "uibit-text-typing",
+          "declaration": {
+            "name": "TextTyping",
+            "module": "src/text-typing.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "TextTyping",
+            "module": "src/text-typing.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/types.ts",
+      "declarations": [],
+      "exports": []
+    }
+  ]
+}

package/dist/frameworks/angular/index.ts

@@ -0,0 +1,62 @@
+import { Component, ChangeDetectionStrategy, ElementRef, input, effect, output, booleanAttribute, numberAttribute } from '@angular/core';
+import '@uibit/text-typing';
+import type { TextTyping as HTMLElementClass } from '@uibit/text-typing';
+
+@Component({
+  selector: 'uibit-text-typing',
+  template: '<ng-content></ng-content>',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  host: {
+    '(phrase-change)': 'phraseChange.emit($event)'
+  }
+})
+export class NgxTextTyping {
+  constructor(private el: ElementRef<HTMLElementClass>) {
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.typeSpeed = this.typeSpeed();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.deleteSpeed = this.deleteSpeed();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.pauseAfter = this.pauseAfter();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.pauseBefore = this.pauseBefore();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.typoRate = this.typoRate();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.showCursor = this.showCursor();
+      }
+    });
+    effect(() => {
+      if (this.el.nativeElement) {
+        this.el.nativeElement.loop = this.loop();
+      }
+    });
+  }
+
+  readonly typeSpeed = input<number, any>(80, { transform: numberAttribute });
+  readonly deleteSpeed = input<number, any>(40, { transform: numberAttribute });
+  readonly pauseAfter = input<number, any>(1800, { transform: numberAttribute });
+  readonly pauseBefore = input<number, any>(400, { transform: numberAttribute });
+  readonly typoRate = input<number, any>(0.04, { transform: numberAttribute });
+  readonly showCursor = input<boolean, any>(true, { transform: booleanAttribute });
+  readonly loop = input<boolean, any>(true, { transform: booleanAttribute });
+
+  readonly phraseChange = output<CustomEvent<{ phrase: string, index: number }>>();
+}

package/dist/frameworks/astro/index.d.ts

@@ -0,0 +1,10 @@
+import type { TextTyping as HTMLElementClass } from '@uibit/text-typing';
+import '@uibit/text-typing';
+
+declare global {
+  namespace astroHTML.JSX {
+    interface IntrinsicElements {
+      'uibit-text-typing': Partial<HTMLElementClass> & astroHTML.JSX.HTMLAttributes;
+    }
+  }
+}

package/dist/frameworks/nuxt/index.ts

@@ -0,0 +1,7 @@
+import { defineNuxtPlugin } from '#app';
+
+export default defineNuxtPlugin(() => {
+  if (process.client) {
+    import('@uibit/text-typing');
+  }
+});

package/dist/frameworks/preact/index.d.ts

@@ -0,0 +1,19 @@
+import type { JSX } from 'preact';
+import type { TextTyping as HTMLElementClass } from '@uibit/text-typing';
+import '@uibit/text-typing';
+
+declare module 'preact' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'uibit-text-typing': JSX.HTMLAttributes<HTMLElementClass> & {
+      typeSpeed?: number;
+      deleteSpeed?: number;
+      pauseAfter?: number;
+      pauseBefore?: number;
+      typoRate?: number;
+      showCursor?: boolean;
+      loop?: boolean;
+      };
+    }
+  }
+}

package/dist/frameworks/qwik/index.tsx

@@ -0,0 +1,10 @@
+import { component$, Slot } from '@builder.io/qwik';
+import '@uibit/text-typing';
+
+export const TextTyping = component$<any>((props) => {
+  return (
+    <uibit-text-typing {...props}>
+      <Slot />
+    </uibit-text-typing>
+  );
+});

package/dist/frameworks/react/index.d.ts

@@ -0,0 +1,24 @@
+import type { HTMLAttributes, ClassAttributes } from 'react';
+import type { TextTyping as HTMLElementClass } from '@uibit/text-typing';
+import '@uibit/text-typing';
+
+declare global {
+  namespace React {
+    namespace JSX {
+      interface IntrinsicElements {
+        'uibit-text-typing': ClassAttributes<HTMLElementClass> & HTMLAttributes<HTMLElementClass> & {
+          children?: React.ReactNode;
+          class?: string;
+      typeSpeed?: number;
+      deleteSpeed?: number;
+      pauseAfter?: number;
+      pauseBefore?: number;
+      typoRate?: number;
+      showCursor?: boolean;
+      loop?: boolean;
+      onPhraseChange?: (event: any) => void;
+        };
+      }
+    }
+  }
+}

package/dist/frameworks/solid/index.d.ts

@@ -0,0 +1,20 @@
+import type { JSX } from 'solid-js';
+import type { TextTyping as HTMLElementClass } from '@uibit/text-typing';
+import '@uibit/text-typing';
+
+declare module 'solid-js' {
+  namespace JSX {
+    interface IntrinsicElements {
+      'uibit-text-typing': Partial<HTMLElementClass> & JSX.HTMLAttributes<HTMLElementClass> & {
+              typeSpeed?: number;
+      deleteSpeed?: number;
+      pauseAfter?: number;
+      pauseBefore?: number;
+      typoRate?: number;
+      showCursor?: boolean;
+      loop?: boolean;
+      "on:phrase-change"?: (event: CustomEvent) => void;
+      };
+    }
+  }
+}

package/dist/frameworks/stencil/index.d.ts

@@ -0,0 +1,18 @@
+import type { TextTyping as HTMLElementClass } from '@uibit/text-typing';
+import '@uibit/text-typing';
+
+declare module '@stencil/core' {
+  export namespace JSX {
+    interface IntrinsicElements {
+      'uibit-text-typing': HTMLElementClass & {
+    typeSpeed?: number;
+    deleteSpeed?: number;
+    pauseAfter?: number;
+    pauseBefore?: number;
+    typoRate?: number;
+    showCursor?: boolean;
+    loop?: boolean;
+      };
+    }
+  }
+}

package/dist/frameworks/svelte/index.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">
+  import '@uibit/text-typing';
+  import type { TextTyping as HTMLElementClass } from '@uibit/text-typing';
+  
+  let {
+    typeSpeed = undefined,
+      deleteSpeed = undefined,
+      pauseAfter = undefined,
+      pauseBefore = undefined,
+      typoRate = undefined,
+      showCursor = undefined,
+      loop = undefined,
+      children
+  } = $props<{
+    children?: any;
+    typeSpeed?: number;
+    deleteSpeed?: number;
+    pauseAfter?: number;
+    pauseBefore?: number;
+    typoRate?: number;
+    showCursor?: boolean;
+    loop?: boolean;
+  
+  }>();
+  
+  let elementRef: HTMLElementClass | null = $state(null);
+  
+  $effect(() => {
+    if (elementRef && typeSpeed !== undefined) {
+      elementRef.typeSpeed = typeSpeed;
+    }
+    if (elementRef && deleteSpeed !== undefined) {
+      elementRef.deleteSpeed = deleteSpeed;
+    }
+    if (elementRef && pauseAfter !== undefined) {
+      elementRef.pauseAfter = pauseAfter;
+    }
+    if (elementRef && pauseBefore !== undefined) {
+      elementRef.pauseBefore = pauseBefore;
+    }
+    if (elementRef && typoRate !== undefined) {
+      elementRef.typoRate = typoRate;
+    }
+    if (elementRef && showCursor !== undefined) {
+      elementRef.showCursor = showCursor;
+    }
+    if (elementRef && loop !== undefined) {
+      elementRef.loop = loop;
+    }
+  });
+  
+</script>
+
+<uibit-text-typing bind:this={elementRef} {...$$restProps}>
+
+  {#if children}
+    {@render children()}
+  {:else}
+    <slot />
+  {/if}
+</uibit-text-typing>

package/dist/frameworks/vue/index.ts

@@ -0,0 +1,30 @@
+import { defineComponent, h } from 'vue';
+import type { TextTyping as HTMLElementClass } from '@uibit/text-typing';
+import '@uibit/text-typing';
+
+export const TextTyping = defineComponent({
+  name: 'TextTyping',
+  props: {
+    typeSpeed: { type: [String, Number, Boolean, Array, Object] as any },
+    deleteSpeed: { type: [String, Number, Boolean, Array, Object] as any },
+    pauseAfter: { type: [String, Number, Boolean, Array, Object] as any },
+    pauseBefore: { type: [String, Number, Boolean, Array, Object] as any },
+    typoRate: { type: [String, Number, Boolean, Array, Object] as any },
+    showCursor: { type: [String, Number, Boolean, Array, Object] as any },
+    loop: { type: [String, Number, Boolean, Array, Object] as any }
+  },
+  emits: ['phrase-change'],
+  setup(props, { slots, emit }) {
+    return () => {
+      const eventListeners: Record<string, any> = {};
+      eventListeners['onPhrase-change'] = (event: Event) => {
+        emit('phrase-change', event);
+      };
+
+      return h('uibit-text-typing', {
+        ...props,
+        ...eventListeners
+      }, slots.default?.());
+    };
+  }
+});

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default, TextTyping } from './text-typing';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACpD,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { default, TextTyping } from './text-typing';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACpD,cAAc,SAAS,CAAC"}

package/dist/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAkClB,CAAC"}

package/dist/styles.js

@@ -0,0 +1,37 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: inline;
+    font-size: var(--uibit-text-typing-font-size, inherit);
+    font-weight: var(--uibit-text-typing-font-weight, inherit);
+    color: var(--uibit-text-typing-color, inherit);
+    font-family: var(--uibit-text-typing-font-family, inherit);
+    line-height: var(--uibit-text-typing-line-height, inherit);
+  }
+
+  .text {
+    display: inline;
+  }
+
+  .cursor {
+    display: inline-block;
+    width: var(--uibit-text-typing-cursor-width, 0.125rem);
+    height: 1.1em;
+    background: var(--uibit-text-typing-cursor-color, currentColor);
+    margin-left: 0.05em;
+    vertical-align: text-bottom;
+    border-radius: var(--uibit-text-typing-cursor-radius, 0.0625rem);
+    animation: blink var(--uibit-text-typing-cursor-blink, 0.75s) step-end infinite;
+  }
+
+  :host([paused]) .cursor {
+    animation: none;
+    opacity: 1;
+  }
+
+  @keyframes blink {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0; }
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCxB,CAAC"}

package/dist/text-typing.d.ts

@@ -0,0 +1,54 @@
+import { UIBitElement } from '@uibit/core';
+/**
+ * Cycles through an array of phrases by simulating realistic keystroke
+ * typing and backspace deletion. Includes subtle speed variance, randomized
+ * simulated typos that auto-correct, and a blinking cursor node.
+ *
+ * Pass static prefix or wrapper text inside the default slot, and phrases to cycle through
+ * inside elements with `slot="text"` (e.g. `<span slot="text">phrase</span>`).
+ *
+ * @fires {{ phrase: string, index: number }} phrase-change - Fired when a new phrase begins typing
+ *
+ * @cssprop [--uibit-text-typing-font-size=inherit] - Font size
+ * @cssprop [--uibit-text-typing-font-weight=inherit] - Font weight
+ * @cssprop [--uibit-text-typing-color=inherit] - Text color
+ * @cssprop [--uibit-text-typing-font-family=inherit] - Font family
+ * @cssprop [--uibit-text-typing-line-height=inherit] - Line height
+ * @cssprop [--uibit-text-typing-cursor-color=currentColor] - Cursor bar color
+ * @cssprop [--uibit-text-typing-cursor-width=0.125rem] - Cursor bar width
+ * @cssprop [--uibit-text-typing-cursor-radius=0.0625rem] - Cursor bar border radius
+ * @cssprop [--uibit-text-typing-cursor-blink=0.75s] - Cursor blink interval
+ */
+export declare class TextTyping extends UIBitElement {
+    static styles: import("lit").CSSResult;
+    private phrases;
+    /** Base typing speed in ms per character. A small random variance is applied. */
+    typeSpeed: number;
+    /** Base delete speed in ms per character. */
+    deleteSpeed: number;
+    /** Pause in ms after finishing a phrase before starting to delete. */
+    pauseAfter: number;
+    /** Pause in ms after fully deleting before typing the next phrase. */
+    pauseBefore: number;
+    /** Probability (0–1) that a character will be mis-typed and immediately corrected. */
+    typoRate: number;
+    /** Show the blinking cursor. */
+    showCursor: boolean;
+    /** Loop indefinitely. Set to false to stop after the last phrase. */
+    loop: boolean;
+    private _visible;
+    private _timer?;
+    private _phraseIndex;
+    private _charIndex;
+    private _deleting;
+    private _typoChar;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _jitter;
+    private _tick;
+    private _handleSlotChange;
+    render(): import("lit").TemplateResult<1>;
+}
+export default TextTyping;
+//# sourceMappingURL=text-typing.d.ts.map

package/dist/text-typing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-typing.d.ts","sourceRoot":"","sources":["../src/text-typing.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,YAAY,EAAE,MAAM,aAAa,CAAC;AAI1D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,UAAW,SAAQ,YAAY;IAC1C,MAAM,CAAC,MAAM,0BAAU;IAEd,OAAO,CAAC,OAAO,CAAgB;IAExC,iFAAiF;IAC5B,SAAS,SAAM;IACpE,6CAA6C;IACU,WAAW,SAAM;IACxE,sEAAsE;IAChB,UAAU,SAAQ;IACxE,sEAAsE;IACf,WAAW,SAAO;IACzE,sFAAsF;IAClC,QAAQ,SAAQ;IACpE,gCAAgC;IACuB,UAAU,UAAQ;IACzE,qEAAqE;IACxC,IAAI,UAAQ;IAEhC,OAAO,CAAC,QAAQ,CAAM;IAE/B,OAAO,CAAC,MAAM,CAAC,CAAgC;IAC/C,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAM;IAEvB,iBAAiB,SAGhB;IAED,oBAAoB,SAGnB;IAED,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,QASpC;IAED,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,KAAK;IA6Cb,OAAO,CAAC,iBAAiB;IAWzB,MAAM,oCAQL;CACF;eAEc,UAAU"}

package/dist/text-typing.js

@@ -0,0 +1,176 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { customElement, UIBitElement } from '@uibit/core';
+import { property, state } from 'lit/decorators.js';
+import { styles } from './styles';
+/**
+ * Cycles through an array of phrases by simulating realistic keystroke
+ * typing and backspace deletion. Includes subtle speed variance, randomized
+ * simulated typos that auto-correct, and a blinking cursor node.
+ *
+ * Pass static prefix or wrapper text inside the default slot, and phrases to cycle through
+ * inside elements with `slot="text"` (e.g. `<span slot="text">phrase</span>`).
+ *
+ * @fires {{ phrase: string, index: number }} phrase-change - Fired when a new phrase begins typing
+ *
+ * @cssprop [--uibit-text-typing-font-size=inherit] - Font size
+ * @cssprop [--uibit-text-typing-font-weight=inherit] - Font weight
+ * @cssprop [--uibit-text-typing-color=inherit] - Text color
+ * @cssprop [--uibit-text-typing-font-family=inherit] - Font family
+ * @cssprop [--uibit-text-typing-line-height=inherit] - Line height
+ * @cssprop [--uibit-text-typing-cursor-color=currentColor] - Cursor bar color
+ * @cssprop [--uibit-text-typing-cursor-width=0.125rem] - Cursor bar width
+ * @cssprop [--uibit-text-typing-cursor-radius=0.0625rem] - Cursor bar border radius
+ * @cssprop [--uibit-text-typing-cursor-blink=0.75s] - Cursor blink interval
+ */
+let TextTyping = class TextTyping extends UIBitElement {
+    constructor() {
+        super(...arguments);
+        this.phrases = [];
+        /** Base typing speed in ms per character. A small random variance is applied. */
+        this.typeSpeed = 80;
+        /** Base delete speed in ms per character. */
+        this.deleteSpeed = 40;
+        /** Pause in ms after finishing a phrase before starting to delete. */
+        this.pauseAfter = 1800;
+        /** Pause in ms after fully deleting before typing the next phrase. */
+        this.pauseBefore = 400;
+        /** Probability (0–1) that a character will be mis-typed and immediately corrected. */
+        this.typoRate = 0.04;
+        /** Show the blinking cursor. */
+        this.showCursor = true;
+        /** Loop indefinitely. Set to false to stop after the last phrase. */
+        this.loop = true;
+        this._visible = '';
+        this._phraseIndex = 0;
+        this._charIndex = 0;
+        this._deleting = false;
+        this._typoChar = '';
+    }
+    static { this.styles = styles; }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.phrases.length)
+            this._tick();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        clearTimeout(this._timer);
+    }
+    updated(changed) {
+        if (changed.has('phrases') && this.phrases.length) {
+            clearTimeout(this._timer);
+            this._phraseIndex = 0;
+            this._charIndex = 0;
+            this._deleting = false;
+            this._visible = '';
+            this._tick();
+        }
+    }
+    _jitter(base, factor = 0.4) {
+        return base + (Math.random() * 2 - 1) * base * factor;
+    }
+    _tick() {
+        const phrase = this.phrases[this._phraseIndex] ?? '';
+        if (!this._deleting) {
+            if (this._charIndex < phrase.length) {
+                if (!this._typoChar && Math.random() < this.typoRate) {
+                    const wrongChar = String.fromCharCode(phrase.charCodeAt(this._charIndex) + (Math.random() > 0.5 ? 1 : -1));
+                    this._visible += wrongChar;
+                    this._typoChar = wrongChar;
+                    this._timer = setTimeout(() => {
+                        this._visible = this._visible.slice(0, -1);
+                        this._typoChar = '';
+                        this._tick();
+                    }, this._jitter(120));
+                    return;
+                }
+                this._visible += phrase[this._charIndex];
+                this._charIndex++;
+                this._timer = setTimeout(() => this._tick(), this._jitter(this.typeSpeed));
+            }
+            else {
+                this.setAttribute('paused', '');
+                this._timer = setTimeout(() => {
+                    this.removeAttribute('paused');
+                    this._deleting = true;
+                    this._tick();
+                }, this.pauseAfter);
+            }
+        }
+        else {
+            if (this._charIndex > 0) {
+                this._charIndex--;
+                this._visible = phrase.slice(0, this._charIndex);
+                this._timer = setTimeout(() => this._tick(), this._jitter(this.deleteSpeed));
+            }
+            else {
+                this._deleting = false;
+                const next = (this._phraseIndex + 1) % this.phrases.length;
+                if (!this.loop && next === 0)
+                    return;
+                this._phraseIndex = next;
+                this._charIndex = 0;
+                this.dispatchCustomEvent('phrase-change', { phrase: this.phrases[this._phraseIndex], index: this._phraseIndex });
+                this._timer = setTimeout(() => this._tick(), this.pauseBefore);
+            }
+        }
+    }
+    _handleSlotChange(e) {
+        const slot = e.target;
+        const nodes = slot.assignedNodes({ flatten: true });
+        const phrases = nodes
+            .map(node => node.textContent?.trim() ?? '')
+            .filter(text => text !== '');
+        if (phrases.length > 0) {
+            this.phrases = phrases;
+        }
+    }
+    render() {
+        return html `
+      <slot></slot>
+      <slot name="text" @slotchange=${this._handleSlotChange} style="display: none;"></slot>
+      <span class="text" part="text" aria-live="polite" aria-atomic="true">${this._visible}</span>${this.showCursor
+            ? html `<span class="cursor" part="cursor" aria-hidden="true"></span>`
+            : ''}
+    `;
+    }
+};
+__decorate([
+    state()
+], TextTyping.prototype, "phrases", void 0);
+__decorate([
+    property({ type: Number, attribute: 'type-speed' })
+], TextTyping.prototype, "typeSpeed", void 0);
+__decorate([
+    property({ type: Number, attribute: 'delete-speed' })
+], TextTyping.prototype, "deleteSpeed", void 0);
+__decorate([
+    property({ type: Number, attribute: 'pause-after' })
+], TextTyping.prototype, "pauseAfter", void 0);
+__decorate([
+    property({ type: Number, attribute: 'pause-before' })
+], TextTyping.prototype, "pauseBefore", void 0);
+__decorate([
+    property({ type: Number, attribute: 'typo-rate' })
+], TextTyping.prototype, "typoRate", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-cursor' })
+], TextTyping.prototype, "showCursor", void 0);
+__decorate([
+    property({ type: Boolean })
+], TextTyping.prototype, "loop", void 0);
+__decorate([
+    state()
+], TextTyping.prototype, "_visible", void 0);
+TextTyping = __decorate([
+    customElement('uibit-text-typing')
+], TextTyping);
+export { TextTyping };
+export default TextTyping;
+//# sourceMappingURL=text-typing.js.map

package/dist/text-typing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-typing.js","sourceRoot":"","sources":["../src/text-typing.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import type TextTyping from './text-typing';
+declare global {
+    interface HTMLElementTagNameMap {
+        'uibit-text-typing': TextTyping;
+    }
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAE5C,OAAO,CAAC,MAAM,CAAC;IACf,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,UAAU,CAAC;KACnC;CACA"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "@uibit/text-typing",
+  "version": "0.1.0",
+  "description": "Headline text block that cycles through marketing phrases with a realistic typing and deleting animation. Includes speed variance, simulated auto-correcting typos, and a blinking cursor.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./custom-elements.json": "./custom-elements.json",
+    "./react": "./dist/frameworks/react/index.d.ts",
+    "./vue": "./dist/frameworks/vue/index.ts",
+    "./svelte": "./dist/frameworks/svelte/index.svelte",
+    "./angular": "./dist/frameworks/angular/index.ts",
+    "./solid": "./dist/frameworks/solid/index.d.ts",
+    "./astro": "./dist/frameworks/astro/index.astro",
+    "./qwik": "./dist/frameworks/qwik/index.tsx",
+    "./nuxt": "./dist/frameworks/nuxt/index.ts",
+    "./preact": "./dist/frameworks/preact/index.d.ts",
+    "./stencil": "./dist/frameworks/stencil/index.d.ts"
+  },
+  "files": [
+    "dist",
+    "package.json",
+    "README.md",
+    "LICENSE",
+    "custom-elements.json"
+  ],
+  "keywords": [
+    "typewriter",
+    "typing",
+    "animation",
+    "headline",
+    "marketing",
+    "web-component",
+    "lit"
+  ],
+  "author": "Jonathan Rawlings",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Rawlings/uibit",
+    "directory": "packages/components/text-typing"
+  },
+  "dependencies": {
+    "@uibit/core": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.19.43",
+    "lit": "^3.3.3",
+    "typescript": "7.0.2",
+    "@uibit/codegen": "0.1.0"
+  },
+  "peerDependencies": {
+    "lit": "^3.0.0",
+    "react": ">=18",
+    "vue": ">=3",
+    "svelte": ">=4 || ^5",
+    "@angular/core": ">=14"
+  },
+  "customElements": "custom-elements.json",
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    }
+  },
+  "uibit": {
+    "id": "text-typing",
+    "title": "Text Typing",
+    "category": "Text",
+    "tagName": "uibit-text-typing"
+  },
+  "scripts": {
+    "build": "cem analyze --globs 'src/**/*.ts' --litelement && uibit-codegen --package . && tsc",
+    "dev": "concurrently \"cem analyze --globs 'src/**/*.ts' --litelement --watch\" \"tsc --watch\"",
+    "analyze": "cem analyze --globs 'src/**/*.ts' --litelement",
+    "typecheck": "tsc --noEmit"
+  }
+}