open-index/open-npm huggingface dataset:
npm package: @quintal/table-engine-react
Description: A headless, declarative, lightweight, type-safe table engine for React apps.
Author: William Ford
Latest version: 0.0.4

<!--
THIS FILE IS (PARTIALLY) AUTO-GENERATED USING `pnpm generate`.
TO EDIT THE CONTENT, PLEASE MODIFY `/workspace.ts` OR `/scripts/generate.ts`
-->

# Quintal React Table Engine

[![NPM version](https://img.shields.io/npm/v/@quintal/table-engine-react?style=flat-square)](https://npmjs.com/@quintal/table-engine-react)
[![NPM downloads](https://img.shields.io/npm/dt/@quintal/table-engine-react?style=flat-square)](https://npmjs.com/@quintal/table-engine-react)
[![License](https://img.shields.io/npm/l/@quintal/table-engine-react?style=flat-square)](https://github.com/quintalwebsolutions/quintal-oss/blob/main/LICENSE)
[![Bundle size](https://img.shields.io/bundlephobia/minzip/@quintal/table-engine-react?style=flat-square)](https://bundlephobia.com/package/@quintal/table-engine-react)
[![Code coverage](https://img.shields.io/codecov/c/github/quintalwebsolutions/quintal-oss?style=flat-square&token=3ORY9UP6H7&flag=table-engine-react&logo=codecov)](https://app.codecov.io/gh/quintalwebsolutions/quintal-oss/flags?historicalTrend=LAST_7_DAYS&flags%5B0%5D=table-engine-react)
[![Pull requests welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/quintalwebsolutions/quintal-oss/blob/main/CONTRIBUTING.md)

A headless, declarative, lightweight, type-safe table engine for React apps.

## Table of Contents

- [Getting Started](#getting-started)

## Getting Started

```sh
pnpm add @quintal/table-engine-react
# or
bun add @quintal/table-engine-react
# or
yarn add @quintal/table-engine-react
# or
npm install @quintal/table-engine-react
```

<!-- END AUTO-GENERATED: Add custom documentation after this comment -->
npm package: @quintara.ai/ui
Description: Biblioteca personalizada de componentes React Quintara AI
Author: Quintara AI
Latest version: 0.0.11

# @quintarai/ui

Biblioteca personalizada de componentes React Quintara AI.

Repositorio: https://gitlab.com/leoquintara/quintarai-ui.git

## 1. Objetivos

- **Reutilización**: centralizar componentes UI reutilizables para proyectos React.
- **Consistencia**: mantener una experiencia visual y de interacción uniforme.
- **Productividad**: reducir tiempo de desarrollo (componentes listos + utilidades comunes).
- **Compatibilidad**: funcionar correctamente en proyectos consumidores como Gatsby/React.

## 2. Instalación del paquete

### 2.1 Instalación desde registry (recomendado)

```bash
yarn add @quintara.ai/ui
```

o

```bash
npm i @quintara.ai/ui
```

### 2.2 Peer dependencies

El consumidor debe instalar (o ya tener instalados) estos paquetes:

- `react`
- `react-dom`
- `styled-components`
- `iconoir-react`

## 3. Estructura

Estructura general:

```text
src/
  components/
    (componentes UI)
  constants/
    (constantes compartidas)
  utils/
    (helpers/utilidades compartidas)

dist/
  index.js / index.esm.js / index.d.ts
  components.js / components.esm.js / components.d.ts
  constants.js / constants.esm.js / constants.d.ts
  utils.js / utils.esm.js / utils.d.ts
```

Puntos de entrada:

- `src/index.ts`
- `src/components/index.ts`
- `src/constants/index.ts`
- `src/utils/index.ts`

## 4. Arquitectura

- **Compilación**: Rollup genera salidas CJS y ESM en `dist/`.
- **Tipos**: se genera `.d.ts` para cada entry.
- **Aliases internos**:
  - `@components` → `src/components`
  - `@utils` → `src/utils`
  - `@constants` → `src/constants`

## 5. Cómo utilizar un componente

Import recomendado (por subpath):

```jsx
import React from "react";
import { Button, Flex, Text } from "@quintara.ai/ui/components";

export default function Example() {
  return (
    <Flex $items="center" $justify="center" $gap={12}>
      <Text $type="strong">Hola</Text>
      <Button theme="primary" onClick={() => console.log("click")}>
        Aceptar
      </Button>
    </Flex>
  );
}
```

## 6. Constantes

Las constantes compartidas viven en `src/constants` y se exponen por:

```ts
import { REGEX } from "@quintara.ai/ui/constants";

REGEX.email.test("test@mail.com");
```

## 6. Utils

Las utilidades compartidas viven en `src/utils` y se exponen por:

```ts
import { hasWindow, slugify } from "@quintara.ai/ui/utils";

if (hasWindow()) {
  slugify("Hola Mundo");
}
```

## 7. Vínculos a DBGrid y React Super CSS

- **DBGrid** (sistema de grid/breakpoints):
  - https://www.npmjs.com/package/dbgrid

- **@digitalbooting/react-super-css**:
  - https://www.npmjs.com/package/@digitalbooting/react-super-css

## 8. Autor

**Quintara AI**

https://gitlab.com/leoquintara
npm package: @quintenqvd/remark-plugin-code-snippets
Description: Remark plugin for sourcing code snippets from files
Latest version: 1.0.1

# remark-plugin-code-snippets

Remark plugin for creating sourcing code snippets from local files.

## Installation

```bash
# npm
npm install remark-plugin-code-snippets

# yarn
yarn add remark-plugin-code-snippets
```

## Options

| Option | Type | Default | Description |
| :-: | :-: | :-: | :-- |
| `basePath` | `string` |  | base path for sourcing files. If not defined, sources files relative to the file they're referenced from. |
| `normalizeIndent` | `bool` | `true` | normalize snippets to smallest indentation level while keeping relative indentation intact |

### `basePath`

If specified, `basePath` should be relative to the project root; file paths are then sourced relative to `basePath`. If not specified, files paths are sourced relative to the file they're referenced from

### `trim`

Leading and trailing lines of purely whitespace can be trimmed out based on how this option is configured.

### `normalizeIndent`

Code snippets can have their indentation normalized in the code block while retaining relative indentation. This is particularly useful when sourcing only sections of a file.

Warning: may have unexpected behavior in the case of a mix of both tabs and spaces.

## Syntax

### Basic Usage

Source a file into a code block using `file="path/to/file/from/basepath"` in the metastring of the code block.
Both single quotes and double quotes can be used, but they must match and one of them must be present.

    # valid
    ```md file='README.md'
    ```

    # also valid
    ```md file="README.md"
    ```

### Embedding with other text

All instances of the string `{{ FILE }}` in the code block's contents are replaced by the file contents. This string must be on its own line, with nothing else but leading and/or trailing whitespace.

### Sourcing parts of a file

Append `:#-#` to specify a range of lines to source from the file, rather than the entirety of the file. Leading zeros are not recognized. To source only a single line, omit the ending `-#`. To source from a line to the end of the file, omit the ending `#`.

    ```js file="index.js":2
    ```

    ```js file="index.js":2-3

    {{ FILE:1 }}
    {{ FILE }}
    {{ FILE:4- }}
    ```

### Inferring language

Use the `require('remark-plugin-code-snippets).inferLanguage` Remark plugin to be able to specify the file to be sourced in the node's language and infer the syntax highlighting for it based on the file extension.
npm package: @quintessential/health-hid
Description: A library for interacting with medical devices over WebHID.
Author: Quintessential SFT
Latest version: 0.0.4

<h1 align="center">HealthHID</h1>
<p align="center">A library for interacting with medical devices over WebHID.</p>
<br />

This library is primarily focused around receiving readings from health-related biometric devices.

### Usage:
Due to WebHID security-related limitations, users need to explicitly grant the page permission to utilize their devices on every single page load.<br />
As such, users of the library need to manually call ask for a device handle via `Device.requestDevice()`.<br />
Upon receiving access, the device will be automatically opened and ready for use.<br />
Individual devices may then utilize said device handle to interact with the hardware device through the relevant device utils.<br />
Besides returning the actual response, device commands typically log successful output in a text representation.<br />
By default, said output is piped to the console, but a custom data handler may be specified via `devHandle.setStrOut(dataHandler)`.

### Example: 👨🏻‍🔬
``` bash
# Retrieving the active slot's current user ID from a Microlife Blood Pressure Monitor

const userId = await HealthHid.MicrolifeBPM.getUserId(device);
console.log(userId);
> KON14
```

### Demo Dashboard:
``` bash
git clone git@github.com:Quintessential-SFT/HealthHID.git
cd HealthHID
npm ci
npm run dev

# Navigate to http://localhost:8080
```

### Supported Devices:

Blood Pressure Monitors:
| Manufacturer | Device | Vendor ID | Product ID | Namespace |
| ------------ | ------ | --------- | ---------- | --------- |
| Microlife    | * | 0x4B4 | 0x5500 | MicrolifeBPM |

(*) Most Microlife BPM devices utilize the implemented BPA-100 protocol.

Blood Glucose Monitors:
| Manufacturer | Device   | Vendor ID | Product ID | Namespace |
| ------------ | -------- | --------- | ---------- | --------- |
| Microlife    | GlucoTeq | 0x04D9    | 0xB564     | MicrolifeGlucoTeq |
| OkBiotech    | OkMeter  | 0x04D9    | 0xB564     | MicrolifeGlucoTeq |

### Limitations:
[WebHID is currently only supported on Chromium* desktop browsers.](https://caniuse.com/webhid)

### Acknowledgements
🐍 [joergmlpts/blood-pressure-monitor](https://github.com/joergmlpts/blood-pressure-monitor)