open-index/open-npm huggingface dataset:
npm package: @obelusfi/trioxide
Description: Svelte 5 customizable componets, focused on non-trivial UI pieces that are tedious to reimplement.
Latest version: 0.4.10

<p align="center">
<img src="https://raw.githubusercontent.com/ObelusFi/logos_and_icons/refs/heads/main/trioxide_logo.svg" alt="Trioxide logo" width="100px">
</p>

<h1 align="center">Trioxide</h1>

Svelte 5 customizable components, focused on non-trivial UI pieces that are tedious to reimplement.

## Install

```shell
npm i @obelusfi/trioxide
```

## Main focus

- Non-trivial UI pieces
- First-class accessibility
- First-class LTR/RTL support
- Fully customizable look
- Small footprint

## Status

- Work in progress; APIs may shift before a stable release.

Docs and demos: https://trioxide.obelus.fi
npm package: @obergodmar/nx-tsc
Description: Nx executor to type-check project source files using tsc --noEmit
Author: Lars Kappert
Latest version: 0.0.3

# nx-tsc

Nx executor to check types of project source files using `tsc --noEmit`

## Installation

```bash
npm install -D @obergodmar/nx-tsc
```

## Configuration

Add a `typecheck` target to each `project.json`:

```json
{
  "$schema": "../../node_modules/nx/schemas/project-schema.json",
  "sourceRoot": "libs/my-lib/src",
  "targets": {
    "typecheck": {
      "executor": "@obergodmar/nx-tsc:typecheck",
      "options": {
        "tsConfig": ["tsconfig.json"]
      }
    }
  }
}
```

## Run typecheck

This enables the `tsc` target in the Nx workspace:

```bash
nx typecheck my-lib
```

## Run typecheck for every single app/lib

Add a `typecheck` script to global `package.json`:

```json
{
  "scripts": {
    "typecheck": "nx run-many -t=typecheck --verbose"
  }
}
```

```bash
npm run typecheck
```
npm package: @obewds/obewds-tw-config
Description: The @obewds/obewds-tw-config modular design system component for Vue.js
Author: @oberocks
Latest version: 1.1.2

# obewds-tw-config

The @obewds/obewds-tw-config modular design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/obewds-tw-config?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/obewds-tw-config?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/obewds-tw-config/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/obewds-tw-config/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/vue-tw-el --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/vue-tw-el
```
npm package: @obewds/tw-bg-palette-console
Description: The @obewds/tw-bg-palette-console modular design system component for Vue.js
Author: @oberocks
Latest version: 1.3.7

###  ⚠️ Project Depreciated ⚠️

**This project has been depreciated. Use [VueVentus](https://vueventus.com/) (via [github](https://github.com/obewds/vueventus) or via [npm](https://www.npmjs.com/package/@obewds/vueventus)), which is the result of this project, and has this functionality along with much more.**

---

# tw-bg-palette-console

The @obewds/tw-bg-palette-console modular design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/tw-bg-palette-console?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/tw-bg-palette-console?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/tw-bg-palette-console/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/tw-bg-palette-console/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/tw-bg-palette-console --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/tw-bg-palette-console
```
npm package: @obewds/tw-bg-palette-default
Description: The @obewds/tw-bg-palette-default modular design system component for Vue.js
Author: @oberocks
Latest version: 1.3.9

###  ⚠️ Project Depreciated ⚠️

**This project has been depreciated. Use [VueVentus](https://vueventus.com/) (via [github](https://github.com/obewds/vueventus) or via [npm](https://www.npmjs.com/package/@obewds/vueventus)), which is the result of this project, and has this functionality along with much more.**

---

# tw-bg-palette-default

The @obewds/tw-bg-palette-default modular design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/tw-bg-palette-default?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/tw-bg-palette-default?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/tw-bg-palette-default/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/tw-bg-palette-default/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/tw-bg-palette-default --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/tw-bg-palette-default
```
npm package: @obewds/tw-bg-palette-monochromatic
Description: The @obewds/tw-bg-palette-monochromatic modular design system component for Vue.js
Author: @oberocks
Latest version: 1.3.5

###  ⚠️ Project Depreciated ⚠️

**This project has been depreciated. Use [VueVentus](https://vueventus.com/) (via [github](https://github.com/obewds/vueventus) or via [npm](https://www.npmjs.com/package/@obewds/vueventus)), which is the result of this project, and has this functionality along with much more.**

---

# tw-bg-palette-monochromatic

The @obewds/tw-bg-palette-monochromatic modular design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/tw-bg-palette-monochromatic?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/tw-bg-palette-monochromatic?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/tw-bg-palette-monochromatic/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/tw-bg-palette-monochromatic/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/tw-bg-palette-monochromatic --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/tw-bg-palette-monochromatic
```
npm package: @obewds/tw-bg-palette-pastel
Description: The @obewds/tw-bg-palette-pastel modular design system component for Vue.js
Author: @oberocks
Latest version: 1.2.2

# tw-bg-palette-pastel

The @obewds/tw-bg-palette-pastel modular design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/tw-bg-palette-pastel?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/tw-bg-palette-pastel?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/tw-bg-palette-pastel/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/tw-bg-palette-pastel/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/tw-bg-palette-pastel --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/tw-bg-palette-pastel
```
npm package: @obewds/tw-border-palette-default
Description: The @obewds/tw-border-palette-default modular design system component for Vue.js
Author: @oberocks
Latest version: 1.2.2

# tw-border-palette-default

The @obewds/tw-border-palette-default modular design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/tw-border-palette-default?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/tw-border-palette-default?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/tw-border-palette-default/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/tw-border-palette-default/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/tw-border-palette-default --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/tw-border-palette-default
```
npm package: @obewds/tw-text-palette-default
Description: The @obewds/tw-text-palette-default modular design system component for Vue.js
Author: @oberocks
Latest version: 1.2.2

# tw-text-palette-default

The @obewds/tw-text-palette-default modular design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/tw-text-palette-default?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/tw-text-palette-default?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/tw-text-palette-default/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/tw-text-palette-default/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/tw-text-palette-default --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/tw-text-palette-default
```
npm package: @obewds/vue-component-helpers
Description: The @obewds/vue-component-helpers modular design system component for Vue.js
Author: @oberocks
Latest version: 1.1.2

# vue-component-helpers

The @obewds/vue-component-helpers modular design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/vue-component-helpers?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/vue-component-helpers?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/vue-component-helpers/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/vue-component-helpers/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/vue-tw-el --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/vue-tw-el
```
npm package: @obewds/vue-el
Description: The @obewds/vue-el modular design system component for Vue.js
Author: @oberocks
Latest version: 1.6.2

# vue-el

The @obewds/vue-el modular design system component for Vue.js 

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/vue-el?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/vue-el?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/vue-el/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/vue-el/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/vue-tw-el --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/vue-tw-el
```
npm package: @obewds/vue-tw-block
Description: The @obewds/vue-tw-block modular design system component for Vue.js
Author: @oberocks
Latest version: 1.1.2

# vue-tw-block

The @obewds/vue-tw-block modular design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/vue-tw-block?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/vue-tw-block?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/vue-tw-block/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/vue-tw-block/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/vue-tw-block --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/vue-tw-block
```
npm package: @obewds/vue-tw-el
Description: The @obewds/vue-tw-el modular design system component for Vue.js
Author: @oberocks
Latest version: 2.2.3

# vue-tw-el

The @obewds/vue-tw-el modular design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/vue-tw-el?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/vue-tw-el?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/vue-tw-el/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/vue-tw-el/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/vue-tw-el --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/vue-tw-el
```
npm package: @obewds/vue-tw-inline
Description: The @obewds/vue-tw-inline modular design system component for Vue.js
Author: @oberocks
Latest version: 1.1.2

# vue-tw-inline

The @obewds/vue-tw-inline modular design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/vue-tw-inline?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/vue-tw-inline?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/vue-tw-inline/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/vue-tw-inline/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/vue-tw-el --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/vue-tw-el
```
npm package: @obewds/vue-validators
Description: The @obewds/vue-validators design system component for Vue.js
Author: @oberocks
Latest version: 1.2.7

###  ⚠️ Project Depreciated ⚠️

**This project has been depreciated. Use [VueVentus](https://vueventus.com/) (via [github](https://github.com/obewds/vueventus) or via [npm](https://www.npmjs.com/package/@obewds/vueventus)), which is the result of this project, and has this functionality along with much more.**

---

# vue-validators

The @obewds/vue-validators design system component for Vue.js

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/vue-validators?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/vue-validators?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/vue-validators/) for this component for more details!

Or check out the [CHANGELOG](https://github.com/obewds/vue-validators/blob/main/CHANGELOG.md) for the code base!

<br>


---
## Installation

```bash
npm install @obewds/vue-validators --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/vue-validators
```
npm package: @obewds/vueventus
Description: A component library and styling management system for modern Vue.js, Tailwind CSS, and Typescript apps
Author: @oberocks
Latest version: 0.61.7

# VueVentus

A component library and styling management system for modern Vue.js, Tailwind CSS, and Typescript apps.

![GitHub package.json version](https://img.shields.io/github/package-json/v/obewds/vueventus?label=Github&logo=github&style=for-the-badge) &nbsp; ![npm](https://img.shields.io/npm/v/@obewds/vueventus?color=%23cc3534&logo=npm&style=for-the-badge)

![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) &nbsp; ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) &nbsp; ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) &nbsp; ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) &nbsp; ![Dependabot](https://img.shields.io/badge/dependabot-025E8C?style=for-the-badge&logo=dependabot&logoColor=white)

<br>

---
## Documentation

Check out the [official docs](https://obewds.github.io/vueventus/) for more info

Or check out the [CHANGELOG](https://github.com/obewds/vueventus/blob/main/CHANGELOG.md)

<br>


---
## Installation

```bash
npm install @obewds/vueventus --save-dev
```

<br>


---
## Uninstall

```bash
npm uninstall @obewds/vueventus
```
npm package: @obexai/detection
Description: PII detection engine — regex patterns and NER for structured and unstructured PII
Latest version: 0.2.0

# @obexai/detection

PII detection engine for JavaScript/TypeScript. 26 regex patterns with validators, configurable sensitivity, and sub-5ms latency.

## Install

```bash
npm install @obexai/detection
```

## Quick Start

```ts
import { PiiDetector } from "@obexai/detection";

const detector = new PiiDetector({ sensitivity: "medium" });
const result = detector.scan("Contact john@example.com or call 020 7946 0958");

console.log(result.entities);
// [{ type: "email", value: "john@example.com", confidence: 0.95, ... },
//  { type: "phone", value: "020 7946 0958", confidence: 0.8, ... }]

console.log(result.redacted);
// "Contact [EMAIL_1] or call [PHONE_1]"

console.log(result.score);     // 0.67 (risk score 0-1)
console.log(result.latencyMs); // ~2ms
```

## What It Detects

26 patterns across 7 categories:

| Category | Entity Types | Count | Validators |
|----------|-------------|-------|------------|
| **Contact** | Email, phone (UK, US, international) | 4 | — |
| **Financial** | Credit card, debit card, IBAN, sort code | 4 | Luhn checksum (cards), date rejection (sort code) |
| **UK Government** | National Insurance, NHS number, UTR, passport | 4 | NHS modulus 11 |
| **Network** | IPv4, IPv6 | 2 | Excludes localhost/broadcast |
| **Location** | UK postcode | 1 | — |
| **Temporal** | Date of birth (DD/MM/YYYY, ISO, US format) | 3 | — |
| **Secrets** | AWS keys, generic API keys, Bearer tokens, JWT, Slack/GitHub/Stripe tokens | 8 | — |

## Configuration

```ts
const detector = new PiiDetector({
  sensitivity: "high",          // "low" | "medium" | "high"
  entities: ["email", "phone"], // only detect these types
  exclude: ["uk_postcode"],     // skip these types
});
```

### Sensitivity levels

| Level | Confidence threshold | Behaviour |
|-------|---------------------|-----------|
| `low` | 0.8 | Only high-confidence matches (fewer false positives) |
| `medium` | 0.5 | Balanced (default) |
| `high` | 0.3 | Aggressive — catches more, including low-confidence patterns like passport numbers |

## Custom Patterns

```ts
import { registerPatterns } from "@obexai/detection";

registerPatterns([{
  type: "email",
  regex: /my-custom-pattern/g,
  confidence: 0.9,
  validate: (match) => match.length > 5, // optional validator
}]);
```

## API

### `PiiDetector`

```ts
const detector = new PiiDetector(config?: DetectorConfig);
const result = detector.scan(text: string): DetectionResult;
```

### `DetectionResult`

```ts
{
  entities: PiiEntity[];  // all detected PII
  redacted: string;       // input with PII replaced by [TYPE_N] tokens
  score: number;          // overall risk score 0-1
  latencyMs: number;      // scan duration in ms
}
```

### `PiiEntity`

```ts
{
  type: string;           // e.g. "email", "credit_card"
  value: string;          // the matched text
  start: number;          // start index in original string
  end: number;            // end index in original string
  confidence: number;     // 0-1
  source: "regex" | "ner";
}
```

## License

MIT
npm package: @obg-lab/youtube-channel-feed
Description: Get Youtube Channel RSS feed and parse to json
Author: Bruno Germano
Latest version: 0.2.4

# Youtube channel feed

Simple nodejs package to load Youtube Channel Feed and parse into JSON.

## Install

```bash
npm install @obg-lab/youtube-channel-feed --save
# or
yarn add @obg-lab/youtube-channel-feed
```

## How to use

```js
const { getChannelFeed } = require("./index");

getChannelFeed("channelId").then((feed) => {
  console.log(feed);
});
```
npm package: @obiba/quasar-app-extension-amber
Description: A Quasar App Extension for reusing Quasar custom components in Amber forms
Author: Yannick Marcon
Latest version: 1.1.6

# Quasar App Extension amber

A Quasar extension for providing [Amber](https://github.com/obiba/amber) form components and tools.

[![npm](https://img.shields.io/npm/v/@obiba/quasar-app-extension-amber.svg?label=quasar-app-extension-amber)](https://www.npmjs.com/package/@obiba/quasar-app-extension-amber)
[![npm](https://img.shields.io/npm/dt/@obiba/quasar-app-extension-amber.svg)](https://www.npmjs.com/package/@obiba/quasar-app-extension-amber)

# Install
```bash
quasar ext add @obiba/amber
```
Quasar CLI will retrieve it from NPM and install the extension.

# Uninstall
```bash
quasar ext remove @obiba/amber
```

# License
MIT (c) Yannick Marcon <yannick.marcon@obiba.org>
npm package: @obiba/quasar-ui-amber
Description: Quasar components for Amber Forms
Author: Yannick Marcon
Latest version: 1.1.6

# Amber Form Components

[![npm](https://img.shields.io/npm/v/@obiba/quasar-ui-amber.svg?label=@obiba/quasar-ui-amber)](https://www.npmjs.com/package/@obiba/quasar-ui-amber)
[![npm](https://img.shields.io/npm/dt/@obiba/quasar-ui-amber.svg)](https://www.npmjs.com/package/@obiba/quasar-ui-amber)

**Compatible with Quasar UI v2 and Vue 3**.

# Components

* `QADate` input with date picker, using ISO-8601 format
* `QADatetime` input with date and time pickers, using ISO-8601 and 24h formats
* `QATime` input with time picker, using 24h format
* `QAAutocomplete` input is a text field with autocomplete
* `QAImageSelect` input is a select component combined with an image map
* `QAMap` input is a geographic map on which points, linestrings and polygons can be selected, using GeoJSON format
* `QASection` is a section component (a header and a body), with Markdown support

# Usage

## Quasar CLI project

Install the [App Extension](../app-extension).

**OR**:

Create and register a boot file:

```js
import Vue from 'vue'
import Plugin from 'quasar-ui-amber'

Vue.use(Plugin)
```

**OR**:

```html
<script>
import { Component as QADate } from 'quasar-ui-amber'

export default {
  components: {
    QADate
  }
}
</script>
```

## Vue CLI project

```js
import Vue from 'vue'
import Plugin from 'quasar-ui-amber'

Vue.use(Plugin)
```

**OR**:

```html
<script>
import { QADate } from 'quasar-ui-amber'

export default {
  components: {
    QADate
  }
}
</script>
```

## UMD variant

Exports `window.amberFormUI`.

Add the following tag(s) after the Quasar ones:

```html
<body>
  <!-- at end of body, AFTER Quasar script(s): -->
  <script src="https://cdn.jsdelivr.net/npm/quasar-ui-amber/dist/index.umd.min.js"></script>
</body>
```

# Setup
```bash
$ yarn
```

# Developing
```bash
# start dev in SPA mode
$ yarn dev

# start dev in UMD mode
$ yarn dev:umd

# start dev in SSR mode
$ yarn dev:ssr

# start dev in Cordova iOS mode
$ yarn dev:ios

# start dev in Cordova Android mode
$ yarn dev:android

# start dev in Electron mode
$ yarn dev:electron
```

# Building package
```bash
$ yarn build
```

# Adding Testing Components
in the `ui/dev/src/pages` you can add Vue files to test your component/directive. When using `yarn dev` to build the UI, any pages in that location will automatically be picked up by dynamic routing and added to the test page.

# Adding Assets
If you have a component that has assets, like language or icon-sets, you will need to provide these for UMD. In the `ui/build/script.javascript.js` file, you will find a couple of commented out commands that call `addAssets`. Uncomment what you need and add your assets to have them be built and put into the `ui/dist` folder.

# License
MIT (c) Yannick Marcon <yannick.marcon@obiba.org>