open-index/open-npm huggingface dataset:
npm package: @lmsomeco/toyota-framework-core
Description: Toyota Design System - Core Utilities and Types
Author: LM Someco
Latest version: 1.0.0

# @lmsomeco/toyota-framework-core

Toyota Design System Core Utilities and Types — Shared utilities and TypeScript types for the Toyota Framework.

## Features

- ✅ **TypeScript types** — Comprehensive type definitions for components
- ✅ **Design tokens** — Toyota brand colors, spacing, and constants
- ✅ **Pure utilities** — Framework-agnostic helper functions
- ✅ **Zero dependencies** — Lightweight and standalone

## Installation

```bash
npm install @lmsomeco/toyota-framework-core
```

Or with pnpm:

```bash
pnpm add @lmsomeco/toyota-framework-core
```

## Usage

### Types

```typescript
import type { ButtonVariant, ButtonSize, InputType } from '@lmsomeco/toyota-framework-core'

// Use types in your components
const variant: ButtonVariant = 'primary'
```

### Constants

```typescript
import { TOYOTA_COLORS } from '@lmsomeco/toyota-framework-core'

console.log(TOYOTA_COLORS.black) // '#282830'
console.log(TOYOTA_COLORS.red) // '#ff0022'
```

### Utilities

```typescript
import { classNames } from '@lmsomeco/toyota-framework-core'

const buttonClasses = classNames('t-button', 't-button--primary', {
  't-button--disabled': isDisabled,
})
```

## Exports

- **Types**: Component prop types, variant types, state types
- **Constants**: `TOYOTA_COLORS`, spacing values, breakpoints
- **Utils**: `classNames()` for conditional class composition

## TypeScript Support

This package is written in TypeScript and provides full type definitions. No additional `@types` package is needed.

## License

MIT © LM Someco

## Repository

[https://github.com/lmandcreative/toyota-framework](https://github.com/lmandcreative/toyota-framework)
npm package: @lmsomeco/toyota-framework-css
Description: Toyota Design System - CSS Component Library
Author: LM Someco
Latest version: 1.1.3

# @lmsomeco/toyota-framework-css

Toyota Design System CSS Component Library — Pure CSS components with Toyota brand styling.

## Features

- ✅ **Framework-agnostic** — Works with any JavaScript framework or plain HTML
- ✅ **Toyota brand styling** — Official colors, typography, and design language
- ✅ **Zero runtime dependencies** — Pure CSS, no JavaScript required
- ✅ **Predictable class names** — All classes prefixed with `t-`
- ✅ **Accessible** — WCAG 2.1 AA compliant components

## Installation

```bash
npm install @lmsomeco/toyota-framework-css
```

Or with pnpm:

```bash
pnpm add @lmsomeco/toyota-framework-css
```

## Usage

Import the CSS in your application entry point:

```javascript
// main.js or main.ts
import '@lmsomeco/toyota-framework-css'
```

Then use the classes in your HTML:

```html
<button class="t-button t-button--primary">Click me</button>

<input class="t-input" type="text" placeholder="Enter text" />

<div class="t-card">
  <div class="t-card__header">Card Title</div>
  <div class="t-card__body">Card content goes here</div>
</div>
```

## Available Components

- **Button** — `t-button`, `t-button--primary`, `t-button--secondary`, `t-button--function`
- **Input** — `t-input`, `t-input--error`
- **Textarea** — `t-textarea`
- **Select** — `t-select`
- **Checkbox** — `t-checkbox`
- **Radio** — `t-radio`
- **File Upload** — `t-file`
- **Combobox** — `t-combobox`
- **Datepicker** — `t-datepicker`
- **Tabs** — `t-tabs`, `t-tab`, `t-tab--active`
- **Loading** — `t-loading`
- **Dialog** — `t-dialog`, `t-dialog__panel`, `t-dialog__close`
- **Tooltip** — `t-tooltip`
- **Alert** — `t-alert`, `t-alert--default`, `t-alert--success`, `t-alert--warning`, `t-alert--error`,

## Class Naming Convention

All classes follow the BEM-inspired pattern with the `t-` prefix:

- **Component**: `t-{component}` (e.g., `t-button`)
- **Variant**: `t-{component}--{variant}` (e.g., `t-button--primary`)
- **State**: `t-{component}--{state}` (e.g., `t-button--disabled`)
- **Element**: `t-{component}__{element}` (e.g., `t-card__header`)

## Browser Support

- Chrome/Edge (latest)
- Firefox (latest)
- Safari (latest)

## License

MIT © LM Someco

## Repository

[https://github.com/lmandcreative/toyota-framework](https://github.com/lmandcreative/toyota-framework)
npm package: @lmsomeco/toyota-framework-vue
Description: Toyota Design System - Vue 3 Component Library
Author: LM Someco
Latest version: 1.1.5

# @lmsomeco/toyota-framework-vue

Toyota Design System Vue 3 Component Library — Ready-to-use Vue 3 components with Toyota brand styling.

## Features

- ✅ **Vue 3 Composition API** — Modern Vue 3 components with `<script setup>`
- ✅ **TypeScript support** — Full type definitions included
- ✅ **Toyota brand styling** — Official design system components
- ✅ **Accessible** — WCAG 2.1 AA compliant with ARIA support
- ✅ **Composable** — Flexible slots and event emissions

## Installation

```bash
npm install @lmsomeco/toyota-framework-vue @lmsomeco/toyota-framework-css
```

Or with pnpm:

```bash
pnpm add @lmsomeco/toyota-framework-vue @lmsomeco/toyota-framework-css
```

## Usage

### 1. Import CSS

Import the CSS in your application entry point:

```typescript
// main.ts
import '@lmsomeco/toyota-framework-css'
import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')
```

### 2. Import Components

```vue
<script setup lang="ts">
import { TButton, TInput, TSelect } from '@lmsomeco/toyota-framework-vue'

const handleClick = () => {
  console.log('Button clicked!')
}
</script>

<template>
  <div>
    <TButton label="Click me" color="primary" @click="handleClick" />

    <TInput v-model="inputValue" label="Your name" placeholder="Enter your name" />
  </div>
</template>
```

## Available Components

- **TButton** — Button with variants (default, primary, secondary, function)
- **TInput** — Text input with label and error states
- **TTextarea** — Multi-line text input
- **TSelect** — Dropdown select component
- **TCheckbox** — Checkbox with label
- **TRadio** — Radio button with label
- **TFile** — File upload component
- **TCombobox** — Autocomplete combobox
- **TDatepicker** — Date selection component
- **TTabs** — Tab navigation component
- **TLoading** — Loading spinner
- **TDialog** — Dialog/modal container

## Component Props

All components are fully typed. Use your IDE's IntelliSense to explore available props, events, and slots.

Example:

```vue
<TButton
  label="Submit"          <!-- string -->
  color="primary"         <!-- 'default' | 'primary' | 'secondary' | 'function' -->
  size="default"          <!-- 'default' | 'small' -->
  :disabled="false"       <!-- boolean -->
  @click="handleClick"    <!-- (event: MouseEvent) => void -->
/>
```

## TypeScript

The package includes full TypeScript definitions:

```typescript
import type { TButtonProps, TInputProps } from '@lmsomeco/toyota-framework-vue'
```

## Peer Dependencies

- Vue 3.5+

## License

MIT © LM Someco

## Repository

[https://github.com/lmandcreative/toyota-framework](https://github.com/lmandcreative/toyota-framework)
npm package: @lmstudio/immer-with-plugins
Description: Create your next immutable state by mutating the current one
Author: Michel Weststrate
Latest version: 10.1.1

# `immer-with-plugins`

"Fork" of [immer](https://github.com/immerjs/immer) that has plugins pre-enabled. It is more convenient to use in a library as the entry point is not controlled by you.
npm package: @lmtd/react-router
Description: Temporary fork of the [`react-router` v6](https://github.com/ReactTraining/react-router/tree/dev).
Latest version: 1.0.1
Deprecated: unmaintained and obsolete

# @lmtd/react-router

Temporary fork of the [`react-router` v6](https://github.com/ReactTraining/react-router/tree/dev).

It's a temporary replacement for `react-router` v6 until these issues will be solved:

- https://github.com/ReactTraining/react-router/pull/7571

## How to install

```
npm install @lmtd/react-router
```

or with Yarn:

```
yarn add @lmtd/react-router
```
npm package: @lmtlssss/mercuria
Description: Mercuria world engine CLI and harness.
Author: lmtlssss
Latest version: 0.1.0

# Mercuria

Mercuria is a world engine: a minimal static shell, a low-friction Node harness, and a CLI that can transform structured ranges into a live terrain for operational intelligence.

## What ships

- `mercuria build` compacts an NHFN-style range into a smaller world file for the static app.
- `mercuria harness` serves the app and exposes a local API and event stream from one VPS-friendly process.
- `app/` is the static Netlify shell.
- `src/harness.mjs` is the embeddable runtime surface exported by the package.

## Quickstart

```bash
npm install -g @lmtlssss/mercuria
mercuria harness --world ./app/data/world.json --site-dir ./app --port 4177
```

## Build a world file

```bash
mercuria build \
  --source /root/first-nations-dashboard-netlify/web/data/compiled/dashboard_dataset.json \
  --out ./app/data/world.json
```

## Commands

- `mercuria build`
- `mercuria harness`
- `mercuria serve`
- `mercuria command "show food gaps"`

## Deploy

The repository is set up as a static Netlify site with `app/` as the publish directory.
npm package: @lmtlssss/slopex
Description: Minimal reset-based continuity patcher for OpenAI Codex.
Latest version: 0.1.1

# slopex

`slopex` is a small patcher for `@openai/codex`.

It replaces summary-style compaction with reset-style continuity so long chats can clear live context and recover continuity from an Obsidian-style graph instead of stuffing an ever-growing summary capsule back into the model.

## What It Does

- auto-compaction resets live history instead of summarizing it,
- `/compact` follows the same reset flow,
- continuity is written under `~/.codex/obsidian_graph`,
- uninstall restores the original Codex binary when a safe backup exists, or repairs Codex from the official npm package if it does not, then removes the managed config block.

## Install

Codex must already be installed:

```bash
npm install -g @openai/codex
npm install -g @lmtlssss/slopex
```

The installed package does not build Codex from source. It only does this:

1. find a matching patched binary,
2. back up the current Codex binary once,
3. swap in the patched binary,
4. write the managed `slopex` config block.

Patched binaries are resolved in this order:

1. bundled artifact in the package,
2. cached artifact under `~/.slopex/artifacts`,
3. matching GitHub release asset for the current `slopex` version.

## Commands

```bash
slopex install
slopex status
slopex uninstall
```

## Maintainers

Release artifact builds are kept out of the shipped runtime. If you are working in the repo itself, use:

```bash
npm run build-release-artifact
```

The GitHub Actions release workflow can call that script and publish the resulting artifact without making normal `slopex` installs compile Codex locally.
npm package: @lmtri/react-pdf-viewer
Description: A React component to view a PDF document, very easy to use. It's written in TypeScript, and powered by React hooks completely.
Author: Lieu Minh Tri
Latest version: 1.0.1

# React PDF by lmtri

A React component to view a PDF document, very easy to use. It's written in TypeScript, and powered by React hooks completely.

<!-- ![React PDF by lmtri](https://raw.githubusercontent.com/react-pdf-viewer/react-pdf-viewer/master/assets/screenshot.png) -->

```javascript
// Import
import PdfViewer from "@lmtri/react-pdf-viewer"

import 'react-pdf/dist/Page/AnnotationLayer.css';
import 'react-pdf/dist/Page/TextLayer.css';

// Usage
<PdfViewer
    // src: string | Blob
    src={"https://pdfobject.com/pdf/sample.pdf"}
    fileName='sample.pdf'
/>
```

## Features

**Basic features**


-   [x] Zooming: Support custom levels such as actual size, page fit, and page width
-   [x] Navigation between pages
-   [x] Can go to the first and last pages quickly
-   [x] View and navigate the table of contents
-   [x] Text selection
-   [x] Different scrolling modes
-   [x] Fullscreen supported
-   [x] Download file
-   [x] Support SSR
-   [x] Print
-   [x] Accessibility

**Customization**

-   [x] The toolbar can be customized easily
<!-- -   [x] All text items can be localized in another language -->

## License

The MIT License.

☕︎ You can give me a cup of coffee [here](https://lieutri.gumroad.com/l/react-pdf-viewer/)🤗.
<!-- -   [x] Support password protected document -->
<!-- -   [x] Search for text -->
<!-- -   [x] Preview page thumbnails -->
<!-- -   [x] List and download attachments -->
<!-- -   [x] Rotating -->
<!-- -   [x] Can open a file from local. Users can drag and drop a local file to view it -->
<!-- -   [x] View the document properties -->
<!-- -   [x] Theming -->
<!-- -   [x] Dark mode -->

## About

This project is developed by _Lieu Minh Tri_.

-   [Website](https://lmtri.vercel.app)
-   [Github](https://github.com/lieutri)