@yokowasis/types-webcomponents

TypeScript type definitions for the custom elements in the yokowasis webcomponents project.

Install

npm install -D @yokowasis/types-webcomponents

or

pnpm add -D @yokowasis/types-webcomponents

What it provides

• HTMLElementTagNameMap entries for custom elements like cs-dashboard, cs-data-table, cs-input, and more.
• JSX intrinsic element typing.
• Svelte svelteHTML.IntrinsicElements typing.
• Global helper typings for toast, getVal, and setVal.

Usage

No runtime import is required. Ensure your tsconfig.json includes the package types (usually automatic under node_modules).

Use In IDE (VS Code)

1. Install the package:

npm install -D @yokowasis/types-webcomponents

2. Make sure TypeScript loads the package types.

Usually it works automatically. If not, add this to your tsconfig.json:

{
  "compilerOptions": {
    "types": ["@yokowasis/types-webcomponents"]
  }
}

3. Restart TypeScript Server in VS Code:

• Open Command Palette
• Run: TypeScript: Restart TS Server

4. If autocomplete is still missing, add a local declaration bridge (for example src/app.d.ts):

/// <reference types="@yokowasis/types-webcomponents" />

Then reload VS Code window.