open-index/open-npm huggingface dataset:
npm package: @ridemountainpig/svgl-react
Description: Implementation of the Svgl for React applications.
Author: ridemountainpig
Latest version: 1.0.16

# Svgl React

**Svgl React** is an open-source npm package that offers a collection of high-quality brand SVG logos as reusable **React components** with complete TypeScript support.

You can easily use these logos in your React, Next.js, or other frontend projects, with built-in support for both light and dark variants.

This package is powered by the official [`pheralb/svgl`](https://github.com/pheralb/svgl) repository.

## ✨ Features

- Fully typed React components via [`@svgr`](https://react-svgr.com/)
- Light and dark mode variants when available
- Tree-shakable — import only what you use

## 📦 Installation

```bash
npm install @ridemountainpig/svgl-react
# or
yarn add @ridemountainpig/svgl-react
# or
pnpm add @ridemountainpig/svgl-react
# or
bun add @ridemountainpig/svgl-react
```

## 🚀 Usage

Visit the [Svgl Components](https://svgl-react.vercel.app/docs/components) page to explore the available Svgl components. You can search for components by pressing `⌘ + k` and entering the SVG name. If you're unsure which SVGs are available, visit [Svgl](https://svgl.app/) to find the one you need.

```tsx
import { Svgl } from "@ridemountainpig/svgl-react";

export default function SvglReact() {
  return <Svgl />;
}
```

## 📄 Documentation

Find the Svgl components and examples in the [documentation](https://svgl-react.vercel.app/docs).

## 🌱 Eco-system

- [svgl-vue](https://github.com/selemondev/svgl-vue) for the Vue eco-system.
- [svgl-svelte](https://github.com/selemondev/svgl-svelte) for the Svelte eco-system.

## ©️ License

[MIT](https://github.com/ridemountainpig/svgl-react/blob/main/LICENSE) License © [Yen Cheng Lin](https://github.com/ridemountainpig/)
npm package: @ridenui/react-native-riden-ssh
Description: ssh module for ridenui using NMSSH fork
Author: Nils Bergmann
Latest version: 1.8.22

# @ridenui/react-native-riden-ssh

## Getting started

`$ npm install @ridenui/react-native-riden-ssh --save` or `$ yarn add @ridenui/react-native-riden-ssh`

### Pod

`$ cd ios && pod install && cd ..`

## Usage
```typescript
import { SSHClient, SSHConfig } from '@ridenui/react-native-riden-ssh';

const client = new SSHClient({
    host: "ssh host",
    username: "ssh user",
    password: "ssh password",
    port: 22,
} as SSHConfig);

const { stdout, stderr, code, signal } = await client.execute("uptime");

```
npm package: @ridenui/unraid
Description: A unraid nodejs API
Author: Tom Sacher
Latest version: 0.17.0

# Unraid API

This module adds the ability to access your unraid Server directly from nodejs.
It works via SSH so it could be compatible with our Linux Distros but the main focus is on Unraid.

### How to use

First of all you have to provide you SSH Credentials via your environment. You can find all needed env vars in the .env.example file:

```env
SSH_HOST=tower.local
SSH_USER=root
SSH_PASSWORD=hunter2
SSH_PORT=22
```

The variables should be pretty self explanatory.
npm package: @rider-ui/rider-ui
Description: React UI components with Tailwind CSS
Author: Italo
Latest version: 1.0.0

# Rider UI

A modern, accessible, and customizable React component library built with TypeScript and Tailwind CSS.

## Installation

```bash
npm install @rider-ui/react
# or
pnpm add @rider-ui/react
# or
yarn add @rider-ui/react
```

## Quick Start

1. **Import styles in your app entry point:**

```tsx
import '@rider-ui/react/styles.css';
```

2. **Wrap your app with RiderProvider:**

```tsx
import { RiderProvider } from '@rider-ui/react';

function App() {
  return (
    <RiderProvider defaultTheme="system">
      <YourApp />
    </RiderProvider>
  );
}
```

3. **Start using components:**

```tsx
import { Button, Card, Input } from '@rider-ui/react';

function MyComponent() {
  return (
    <Card padding="md">
      <Input placeholder="Enter your email" />
      <Button variant="primary">Subscribe</Button>
    </Card>
  );
}
```

## Features

- **50+ Components** - Primitives, feedback, overlays, navigation, layout, and pre-built blocks
- **Dark Mode** - Built-in dark mode support with system preference detection
- **Fully Typed** - Complete TypeScript support with exported types
- **Accessible** - WCAG 2.1 compliant with proper ARIA attributes
- **Customizable** - CSS variables for easy theming
- **Tree Shakeable** - Only import what you use

## Components

### Primitives
- Button, Input, Textarea, Label
- Checkbox, Radio, Switch, Select, Slider

### Feedback
- Alert, Badge, Progress, Spinner, Skeleton, Toast

### Overlay
- Modal, Drawer, Tooltip, Popover, DropdownMenu, AlertDialog

### Navigation
- Navbar, Sidebar, Tabs, Breadcrumb, Pagination, Stepper

### Layout
- Card, Container, Stack, Grid, Divider, Accordion, Avatar

### Data
- Table (with Header, Body, Row, Cell, etc.)

### Pre-built Blocks
- LoginForm, DashboardLayout, Hero, Features, Pricing, CTA, Footer, MetricCards

## Theming

Customize colors using CSS variables:

```css
:root {
  --rider-primary: 245 82% 67%;
  --rider-background: 0 0% 100%;
  --rider-foreground: 224 71% 4%;
  /* ... more variables */
}
```

## Hooks

- `useTheme()` - Access and control theme
- `useMediaQuery()` - Responsive breakpoints
- `useDisclosure()` - Open/close state management
- `useClickOutside()` - Detect clicks outside elements
- `useKeyboard()` - Keyboard event handling
- `useDebounce()` - Debounce values
- `useLocalStorage()` - Persist state

## License

MIT
npm package: @ridereport/deckgl-typings
Description: TypeScript declaration files for deck.gl
Author: Dan Marshall
Latest version: 3.4.3

# deckgl-typings
TypeScript declaration files for [deck.gl](https://deck.gl/#/documentation/)

This is a work in progress - see the [issues list](https://github.com/danmarshall/deckgl-typings/issues)

```
npm install
```

These will automatically appear in your projects `node_modules/@types` folder, thanks to [indefinitely-typed](https://github.com/danmarshall/indefinitely-typed#readme).

## Version mapping

| deck.gl version | deckgl-typings version |
|-----------------|------------------------|
| 5.x.x           | 1.x.x                  |
| 6.x.x           | 2.x.x                  |
| 7.x.x           | 3.x.x                  |
npm package: @ridereport/localdate
Description: Immutable objects for working with dates, weeks, and months independent of time
Author: Ride Report
Latest version: 1.0.2

# @ridereport/localdate

Immutable objects for working with dates, weeks, and months independent of time

This module exports the following four classes:

-   `LocalDate`, representing a date without a time
-   `LocalWeek`, representing a week starting on monday
-   `LocalMonth`, representing a full month of dates
-   `LocalQuarter`, representing three-month periods of the year

## Developing

The package can be tested with `npm test` and built for distribution with `npm run build`.

All of the code is contained in `index.ts`.
npm package: @riderize/passport-strava-oauth2
Description: Strava authentication strategy for Passport and Node.js
Author: Edilson Silva
Latest version: 2.0.0

# Passport Strava Oauth2

![Build Badge](https://img.shields.io/circleci/build/github/Riderize/passport-strava-oauth2/master)
![License](https://img.shields.io/npm/l/@riderize/passport-strava-oauth2)
![NPM bundled Badge](https://img.shields.io/bundlephobia/min/@riderize/passport-strava-oauth2/1.0.10)
![NPM version Badge](https://img.shields.io/npm/v/@riderize/passport-strava-oauth2)

[Strava](https://www.strava.com/) authentication strategy for [Passport](http://www.passportjs.org/) and Node.js.

As base I used [Passport-Facebook](https://github.com/jaredhanson/passport-facebook). I just made a few changes to display the data that comes from Strava.

This lib aims to make it easier the Strava authentication with Nodejs apps. By plugging into Passport, Strava authentication can be easily and unobtrusively integrated into any application or framework that supports Connect-style middleware, including Express.

## Install

```
$ npm i @riderize/passport-strava-oauth2
```

## Usage

### Configure Strategy

Strava uses the OAuth2 strategy in order to authenticate the users. This strategy requires a callback, that receives these credentials and calls `done` returning the data of the user logged in as well as options to specify the `Client ID`, `Client Secret` and `Callback URL`.

In order to obtain a Client ID and Client Secret first you have to register an app at Strava.

**Basic config:**

```
const StravaStrategy = require('@riderize/passport-strava-oauth2').Strategy;

passport.use(new StravaStrategy({
    clientID: STRAVA_CLIENT_ID,
    clientSecret: STRAVA_CLIENT_SECRET,
    callbackURL: "http://127.0.0.1:3000/auth/strava/callback"
  },
  function(accessToken, refreshToken, profile, done) {
    User.findOrCreate({ stravaId: profile.id }, function (err, user) {
      return done(err, user);
    });
  }
));
```

**With Typescript:**

```
import strategy from '@riderize/passport-strava-oauth2';

const StravaStrategy = strategy.Strategy;

passport.use(new StravaStrategy({
    clientID: STRAVA_CLIENT_ID,
    clientSecret: STRAVA_CLIENT_SECRET,
    callbackURL: "http://127.0.0.1:3000/auth/strava/callback"
  },
  function(accessToken, refreshToken, profile, done) {
    User.findOrCreate({ stravaId: profile.id }, function (err, user) {
      return done(err, user);
    });
  }
));
```

## Types

- The types of this lib are now on [@types/riderize\_\_passport-strava-oauth2](https://www.npmjs.com/package/@types/riderize__passport-strava-oauth2)

## Acknowledgments

- To [Jared Hanson](https://github.com/jaredhanson) for making [Passport](http://www.passportjs.org/) possible.

## License

[The MIT License](https://opensource.org/licenses/MIT)