open-index/open-npm huggingface dataset:
npm package: @raptor-http/framework
Description: Raptor is middleware framework for developers who believe code should explain itself. Write less, express more, maintain easily.
Author: Bri Ward
Latest version: 0.14.4
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

<p align="center">
  <img src="https://github.com/raptor-http/brand/raw/main/assets/logo.svg" width="150" height="150" alt="Raptor Framework" />

  <p align="center">
    <a href="https://github.com/raptor-http/framework/actions"><img src="https://github.com/raptor-http/framework/workflows/ci/badge.svg" alt="Build Status"></a>
    <a href="jsr.io/@raptor/framework"><img src="https://jsr.io/badges/@raptor/framework" /></a>
    <a href="jsr.io/@raptor/framework score"><img src="https://jsr.io/badges/@raptor/framework/score" /></a>
    <a href="https://jsr.io/@raptor"><img src="https://jsr.io/badges/@raptor" alt="" /></a>
  </p>
</p>

## Raptor Framework

See more information about the Raptor framework here: <a href="https://raptorframework.com">https://raptorframework.com</a>.

### Installation

For installation instructions, please visit <a href="https://raptorframework.com/docs/installation">https://raptorframework.com/docs/installation</a>

## Documentation

Full documentation can be found on [https://raptorframework.com/docs](https://raptorframework.com/docs).

## License

The Raptor framework is licensed under the MIT license.
npm package: @raptorjs/extjs-bundle-dev
Description: Usa la Notación de Objetos Ext (EON) para crear aplicaciones, permite empaquetar un archivo all-classes.js que contiene toda la información de la aplicacion.
Latest version: 1.0.9
Deprecated: false

# Empaquetador Extjs serie 4
Usa la Notación de Objetos Ext (EON) para crear aplicaciones, permite empaquetar un archivo all-classes.js
que contiene toda la información de la aplicacion.

Puede ser usado como componente dentro del framework Raptor.js y como paquete de instalación global independiente.
npm package: @raptorjs/orm
Description: ORM ======= Componente de proyecto Raptor.js encargado de la logica de configuraci�n del ORM Sequelize, permite ademas la ejecucion de migraciones en los componentes Raptor.js
Author: William Amed - watamayo90@gmail.com
Latest version: 2.0.9
Deprecated: false

ORM
=======
Componente de proyecto Raptor.js encargado de la logica de configuraci�n del ORM Sequelize, permite ademas la ejecucion de migraciones en los componentes Raptor.js

Este es un componente utilitario del framework que aparece por defecto en la configuracion.
npm package: @raptorjs/raptor-panel
Description: Panel de control de desarrollo para proyectos Raptorjs
Author: William Amed - watamayo90@gmail.com
Latest version: 2.1.1
Deprecated: false

Raptor Panel
=======
Componente de proyecto de Raptor.js que actual como portal de desarrollo, solo est� habilitado en modo desarrollo v�a cli y provee todas las funciones
para integrar funcionalidades utilitarias, se encuentra accesible a trav�s de la ruta http://localhost:4440/raptor.

Contiene las funcionalidades para configurar el framework, gestionar los componentes de forma visual, publicar recursos y gestionar modelos (proximamente este ser�
movido hacia el componente @raptorjs/orm)
npm package: @raptorjs/troodon
Description: Modulo de seguridad que garantiza la implementación de los procesos de identificación-autenticación, autorización y auditoría. Basado en una extensión de los modelos de control de acceso RBAC y CAEM
Author: William Amed - watamayo90@gmail.com
Latest version: 2.2.1
Deprecated: false

ERROR: No README data found!
npm package: @raptrx/ground-mcp
Description: Ground MCP Server - Evidence-grounded context for AI agents
Author: Ground Team
Latest version: 1.0.0

# Ground MCP Server

> Evidence-grounded context for AI agents.

## Installation

```bash
# Use with npx (no installation required)
npx @raptrx/ground-mcp

# Or install globally
npm install -g @raptrx/ground-mcp
```

## Usage

### With Claude Desktop (Local)

Add to your Claude Desktop config (`claude_desktop_config.json`):

```json
{
  "mcpServers": {
    "ground": {
      "command": "npx",
      "args": ["@raptrx/ground-mcp", "--api-url", "http://localhost:8001"]
    }
  }
}
```

### With Azure Deployment (Production)

For Ground deployed on Azure Container Apps:

```json
{
  "mcpServers": {
    "ground": {
      "command": "npx",
      "args": [
        "@raptrx/ground-mcp",
        "--api-url", "https://ground-api.azurewebsites.net",
        "--api-key", "your-api-key"
      ]
    }
  }
}
```

### Environment Variables

```bash
export GROUND_API_URL=https://ground-api.azurewebsites.net
export GROUND_API_KEY=your-api-key
npx @raptrx/ground-mcp
```

### With API Key (Production)

```json
{
  "mcpServers": {
    "ground": {
      "command": "npx",
      "args": ["@anthropic/ground-mcp", "--api-url", "https://api.ground.dev", "--api-key", "your-api-key"]
    }
  }
}
```

### Environment Variables

```bash
export GROUND_API_URL=https://api.ground.dev
export GROUND_API_KEY=your-api-key
npx @anthropic/ground-mcp
```

## Available Tools

### `ground_search`
Search for code, documentation, or packages.

```
Query: "how to use useState hook"
→ Returns ranked results with citations
```

### `ground_chat`
Get AI-powered answers with citations.

```
Query: "How do I implement authentication in Express?"
→ Returns answer with cited sources
```

### `ground_add_source`
Add a new source (npm package, repo, or docs).

```
Add: { source_type: "package", url: "axios", ecosystem: "npm" }
→ Indexes the package for search
```

### `ground_list_sources`
List all indexed sources with status.

### `ground_get_status`
Get Ground server status.

## Development

```bash
# Install dependencies
npm install

# Build
npm run build

# Run locally
npm start
```

## License

MIT
npm package: @raquo/vite-plugin-glob-resolver
Description: Vite plugin to resolve glob patterns in static imports
Author: Nikita Gazarov
Latest version: 0.1.0

# Glob Resolver Vite Plugin

This [Vite](https://vitejs.dev/) plugin lets you import resources by their glob pattern when you prefix their name with `@find/`, for example if your `import "@find/**/foo.css"`, the plugin will use the [glob](https://github.com/isaacs/node-glob) package to find foo.css anywhere in your project, and will rewrite the import to import that file statically by its full path.


## Motivation – [Scala.js](https://www.scala-js.org/)

In Javascript or Typescript, you can import local resources with a relative path, for example if you have `foo.js` and `foo.css` in the same directory, you can say `import "./foo.css"` in `foo.js`, and this will work. This lets us place the components' CSS stylesheets right next to their JS files.

However, in Scala.js we can't really use relative paths for JS/CSS imports, because Scala.js combines multiple .scala source files in the directory tree into a flat list of JS files, and for reasons that are too complicated to explain here, it's not possible to rewrite the relative import paths to match the output, so those relative paths don't work anymore when executed in the context of the resulting JS files. See [discussion in Discord](https://discord.com/channels/632150470000902164/635668814956068864/1161932392009826314).

And so, our approach to avoid manually writing out very long paths is to have Vite locate the imported files by a compact glob pattern.


## Usage

If writing Scala.js: `JSImport("@find/**/foo.css")`

**You will also want my [import-side-effect](https://github.com/raquo/vite-plugin-import-side-effect) plugin if importing CSS from Scala.js**.

If writing JS: `import "@find/**/foo.css"`

In this example, `**/foo.css` is the glob pattern handed off to the [glob](https://github.com/isaacs/node-glob) package. Usually "**/foo.css" is enough to find the file, but if you get an error saying that multiple files matched the pattern, you will need to provide a more specific pattern to disambiguate the import, e.g. by specifying part of the path: `**/foo/foo.css`.

Install this plugin:

```
npm i -D @raquo/vite-plugin-glob-resolver
```

Add to `vite.config.js`:

```js
import globResolverPlugin from "@raquo/vite-plugin-glob-resolver";

// Add to the list of plugins:
globResolverPlugin({
  // base path where to look for files
  cwd: __dirname,
  // file paths (glob patterns) to ignore
  ignore: [
    'node_modules/**',
    'target/**' // relevant to Scala.js only
  ]
})
```


## Author

Nikita Gazarov – [@raquo](https://twitter.com/raquo)


## License

This project is provided under the MIT license.
npm package: @raralabs/rara-rte
Description: - [x] Color Text  - [x] Bold  - [x] Italic  - [x] Underline  - [x] Strikethrough  - [x] Quote  - [x] Heading (1,2...5)  - [x] Code  - [x] Checklist  - [x] Copy from html  - [x] Text Align  - [x] Mention  - [ ] Ordered List  - [ ] Unordered List  - [ ] Nes
Author: Raralabs Pvt. Ltd.
Latest version: 0.2.9

# TODO

 - [x] Color Text
 - [x] Bold
 - [x] Italic
 - [x] Underline
 - [x] Strikethrough
 - [x] Quote
 - [x] Heading (1,2...5)
 - [x] Code
 - [x] Checklist
 - [x] Copy from html
 - [x] Text Align
 - [x] Mention
 - [ ] Ordered List
 - [ ] Unordered List
 - [ ] Nested List
 - [ ] Indent (Increase, Decrease)

# How To Use

Demo Link: https://codesandbox.io/s/example-rara-rte-dumskc

1. Install @raralabs/rara-rte 

   `npm i @raralabs/rara-rte`
 
2. Import component and style and use it in your code

    ```javascript
    import {RaraEditor} from '@raralabs/rara-rte';

    import '@raralabs/rara-rte/dist/rara-rte.css'
    import { useState } from 'react';
    export default function App() {
      const [value,setValue]=useState(null)
      return (
        <div className="">
          <h1>Rara Rich Text Editor</h1>
          <RaraEditor
          value={value}
          onChange={(v)=>{
            setValue(v);
          }}
          />
        </div>
      );
    }
    ```


# Props
| Name  | Description  |  Default |
|---|---|---|
| value  |  `string` |  - |
| onChange  | `((val: string) => void)`  |  - |
| readOnly  | `boolean`  |  false |
| onCheckboxChange | `((checked: boolean, value: string) => void)`  |  - |
| onMentionQuery  | `((query: string) => Promise<MentionItemProps[]>)`  |  - |
| mentionItemRenderer  | `((mentionOptionItem: MentionItemProps) => ReactNode)`  |  - |
| mentionOptionRenderer  | `((mentionOptionItem: MentionItemProps) => ReactNode)`  |  - |


# License
RTE is [MIT Licensed](./LICENSE)
npm package: @raralabs/react-patro
Description: AD and BS Calendar functions as hooks and component
Author: Raralabs
Latest version: 1.0.1

![repo-logo](media/img/repo-beta.svg "react-patro")

![npm-version](https://img.shields.io/npm/v/react-patro) ![minified-size](https://img.shields.io/bundlephobia/min/react-patro) ![licence](https://img.shields.io/npm/l/react-patro) ![Pull Reqest](https://img.shields.io/badge/PRs-Welcome-blue)

## The project is still under active development. So, don't use it on production. `PRs are welcome`.

---

AD and BS Calendar functions as hooks and component

# [Demo](https://react-patro.netlify.app/)

# Installation

The package can be installed via [npm](https://github.com/npm/cli)

```cli
npm install @raralsbs/react-patro --save
```

or via [yarn](https://github.com/yarnpkg/yarn)

```cli
yarn add @raralsbs/react-patro
```

## css

You need to import `css` separately in the project. This is provided separately, so you can override the css as per your wish. Css customization is stil under progress.

```jsx
import "react-patro/src/styles.css";
```

## Documentation

Documentation and demo available at [here](https://react-patro.netlify.app/)

## How to start for development

run the react-patro source code. This generates dist folder

```javascript
    npm run dev

```

then go to example folder which is basically create-react-app template where react-patro is installed from the local react-patro source code. Here you can play around with the code

```javascript
    cd example && npm i
    npm start
```

## How to remove Ugly error message ( for development)

Comment the terser `rollup.config.js` from line 33 & 8 . and rebuild the code.The should remove the code uglifying process.

## License

React Patro is [MIT Licensed](LICENSE)
npm package: @raralabs/web-feedback
Description: ```sh npm i @raralabs/web-feedback ```
Author: Raralabs
Latest version: 2.0.4

<h1 align="center"> Web Feedback 
<div>
<img src="https://img.shields.io/badge/License-MIT-red.svg"/>
<img src="https://img.shields.io/badge/--3178C6?logo=typescript&logoColor=ffffff"/>
<img src="https://img.shields.io/badge/--F7DF1E?logo=javascript&logoColor=000"/>
<img src="https://img.shields.io/npm/v/@raralabs/web-feedback"/>
<img src="https://img.shields.io/badge/Contribution%20is%20welcome-%E2%9D%A4%EF%B8%8F-green.svg"/>
</div>
</h1>

Helps in better and quicker user feedback for native web components, with ability to capture a screenshot with a single click and submitting feedback component for javascript projects.

<div align="center">
<img src="https://i.imgur.com/sCiRyBn.gif" />
</div>

### Instillation

```sh
npm i @raralabs/web-feedback
```

### Usages

```js
import { Snipping } from '@raralabs/web-feedback';
import '@raralabs/web-feedback/dist/css/style.css'; // stylesheet

let snap = new Snipping({
  buttonLabel: 'Send Feedback',
  initialMarkMode: 'mark',
  fileName: 'feedbackScreenshot.png'
  /** other configs **/
});

/*
 * initialize on app start
 * it also return callback with screenshot data as
 * image : image as file type
 * base64Image: image as base64
 */
snap.init((data) => {
  const { image, base64Image } = data;
});
```

### Configs

Common config you may want to specify include:

- `button` : boolean - enable or disable floating snapper button
- `buttonLabel`: string - text label for floating snapper button
- `initialMarkMode`: enum[ 'mark' | 'censored' | 'text' ] - Initial mark mode for the snipper
- `buttonPostion`: enum[ 'left' | 'right' | 'custom' ] - Position of floating snapper button
- `fileName`: string - file name for the screenshot


## For Custom buttonPosition
Use css below
```css
.snipping__captureScreenshotContainer_custom {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
  }

.snipping__captureScreenshotContainer_custom .snipping__captureScreenshotBtn {
      padding: 7px;
      border: 0;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      cursor: pointer;
      transform: rotateZ(-90deg) translateX(50%) translateY(3px);
      transform-origin: 100% 100%;
      background-color: $primary;
      color: white;
}

```

# Contributing

Want to contribute? Please check the guidelines [Contributing.md](https://github.com/raralabs/web-feedback/blob/main/CONTRIBUTING.md). All PRs and issues are welcome.
npm package: @rarcifa/block-time-instance
Description: A typescript library for searching the block height by providing a timestamp.
Author: Ricardo Arcifa rarcifa@gmail.com
Latest version: 0.2.4

# Block Time Instance

The Block Time Instance is a TypeScript/JavaScript library designed to facilitate easy and efficient interactions with blockchain data, specifically fetching block information based on timestamps. This library provides methods to interact with blockchain endpoints, allowing developers to find blocks closest to given timestamps seamlessly.

![npm](https://img.shields.io/npm/v/@rarcifa/block-time-instance)
![ES Version](https://img.shields.io/badge/ES6-yellow)
![Node Version](https://img.shields.io/badge/node-20.x-green)

## Features

- Simple and intuitive API for interacting with blockchain data.
- Fetch blocks closest to given timestamps.
- Configurable client instances tailored to your specific blockchain endpoint.

## Installation

To install the package, run the following command in your project directory:

```bash
npm i @rarcifa/block-time-instance
```

## Usage

Here’s how you can use the Block Time Instance in your project:

### Configuring the Instance

```ts
import { createBlockTimeClient } from '@rarcifa/block-time-instance';

const blockInstance = createBlockTimeClient({
  endpoint: 'CUSTOM_RPC_ENDPOINT', // evm rpc endpoint
});
```

### Fetching Block by Timestamp

```ts
const getBlock = async (timestamp) => {
  try {
    const block = await blockInstance.getBlockFromTimestamp(timestamp);
    console.log('Block:', block);
  } catch (error) {
    console.error('Error fetching block:', error);
  }
};

getBlock(1718196040);
```

## API

### BlockTimeInstance Methods

- `getBlockFromTimestamp(timestamp)`: Fetches the block closest to the given timestamp.

## Contributing

Contributions are welcome! If you'd like to contribute, please fork the repository and use a feature branch. Pull requests are warmly welcome.

## Licensing

The code in this project is licensed under MIT license.

## Contact

If you have any questions or comments about the library, please feel free to open an issue or a pull request on our GitHub repository.
npm package: @rarcifa/chain-ai-client
Description: A Node.js client library for interacting with the Chain AI Client.
Author: rarcifa@gmail.com
Latest version: 0.3.0

# CDC AI Agent Client

The CDC AI Agent Client is a TypeScript/JavaScript library designed to facilitate easy and efficient interactions with the CDC AI Agent Service API. This client library provides methods to send queries and fetch responses from the CCDC AI Agent Service seamlessly.

![npm](https://img.shields.io/npm/v/@crypto.com/ai-agent-client)

## Features

- Simple and intuitive API for interacting with the CDC AI Agent.
- Supports sending queries and receiving AI-generated responses.
- Configurable client instances tailored to your specific endpoint and security needs.

## Installation

To install the package, run the following command in your project directory:

```bash
npm install @crypto.com/ai-agent-client
```

## Usage

Here’s how you can use the CDC AI Agent Client in your project:

### Configuring the Client

```ts
import { createClient } from '@crypto.com/ai-agent-client';

const client = createClient({
  openAI: {
    apiKey: 'YOUR_OPEN_AI_API_KEY',
  },
  chain: {
    id: 282, // Chain ID for Cronos ZkEVM Testnet
    name: 'CHAIN_NAME',
    rpc: 'CHAIN_RPC_URL',
  },
  explorer: {
    url: 'EXPLORER_API_URL',
    apiKey: 'EXPLORER_API_KEY',
  },
});
```

### Sending a Query

```ts
const sendQuery = async (query) => {
  try {
    const response = await client.agent.generateQuery(query);
    console.log('CDC AI Agent Response:', response);
  } catch (error) {
    console.error('Error sending query:', error);
  }
};
```

## API

### Client Methods

- `generateQuery(query)`: Generates a query that is send to the CDC AI Agent Service and returns a response.

## Licensing

The code in this project is licensed under the MIT license.

## Contact

If you have any questions or comments about the library, please feel free to open an issue or a pull request on our GitHub repository.
npm package: @rarcifa/cronos-design-system
Description: A typescript react component library following the Cronos branding standards
Author: Ricardo Arcifa rarcifa@gmail.com
Latest version: 1.4.2

# Cronos Design System

A comprehensive library of Cronos React components designed to facilitate rapid and consistent UI development for cronos branded web applications. This package includes a variety of customizable components, such as Buttons, Typography, and Cards, alongside utility types and enums for a seamless development experience.

![npm](https://img.shields.io/npm/v/@rarcifa/cronos-design-system)

## Installation

To use the Cronos Design System Library in your project, run:

```bash
npm i @rarcifa/cronos-design-system
```

## Usage

Import and use the components in your React app:

```jsx
import React from 'react';
import {
  Button,
  Typography,
  Card,
  Variant,
  Size,
  Color,
  FontWeight,
  TextAlign,
} from '@rarcifa/cronos-design-system';

function MyApp() {
  <div>
    <Typography size={Size.Md} color={Color.Dark} fontWeight={FontWeight.Bold}>
      Hello World
    </Typography>
    <Button
      variant={Variant.Primary}
      size={Size.Lg}
      onClick={() => console.log('Clicked')}
    >
      Click Me
    </Button>
    <Card>
      <Typography>Card Content</Typography>
    </Card>
  </div>;
}
```

## Components

### Button

A customizable button component.

**Props:**

- `variant`: Button variant (`primary`, `secondary`, `dark`, `active`).
- `size`: Size of the button (`sm`, `md`, `lg`).
- `rounded`: If true, applies rounded corners.
- `...and more`.

#### Example Usage

```jsx
import { Button, Variant, Size } from '@rarcifa/cronos-design-system';

function MyButton() {
  <Button
    variant={Variant.Primary}
    size={Size.Lg}
    onClick={() => console.log('Clicked')}
  >
    Click Me
  </Button>;
}
```

### Typography

A component for displaying text.

**Props:**

- `size`: Size of the text (`sm`, `md`, `lg`).
- `fontWeight`: Font weight (`bold`, `medium`, `default`).
- `color`: Text color (`dark`, `light`, `default`).
- `...and more`.

#### Example Usage

```jsx
import {
  Typography,
  Size,
  Color,
  FontWeight,
} from '@rarcifa/cronos-design-system';

function MyTypography {
  <Typography size={Size.Md} fontWeight={FontWeight.Bold} color={Color.Dark}>
    Hello World
  </Typography>
};
```

### Card

A container component for grouping related content.

**Props:**

- `children`: Content of the card.

#### Example Usage

```jsx
import { Card } from '@rarcifa/cronos-design-system';

function MyCard() {
  <Card>
    <div>Some content here</div>
  </Card>;
}
```

### Enums and Types

Includes Variant, Size, Color, FontWeight, TextAlign for standardizing the values across the components.

## Contributing

Contributions are welcome! Please read our contributing guidelines before submitting pull requests.

## License

This project is licensed under the MIT License
npm package: @rarcifa/lingua-engine-client
Description: A Node.js client library for interacting with the Lingue Engine.
Author: rarcifa@gmail.com
Latest version: 0.2.9

# Lingua Engine Client

The Lingua Engine Client is a TypeScript/JavaScript library designed to facilitate easy and efficient interactions with the Lingua Engine API. This client library provides methods to send queries and fetch responses from our AI model seamlessly.

## Features

- Simple and intuitive API for interacting with the Lingua Engine.
- Supports sending queries and receiving AI-generated responses.
- Configurable client instances tailored to your specific endpoint and security needs.

## Installation

To install the package, run the following command in your project directory:

```bash
npm install @rarcifa/lingua-engine-client
```

## Usage

Here’s how you can use the Lingua Engine Client in your project:

### Configuring the Client

```ts
import { createClient } from 'lingua-engine-client';

const client = createClient({
  baseURL: 'YOUR_LINGUA_ENGINE_API_ENDPOINT',
  apiKey: 'YOUR_LINGUA_ENGINE_API_KEY',
});
```

### Sending a Query

```ts
const sendQuery = async (query) => {
  try {
    const response = await client.query.send(query);
    console.log('AI Response:', response);
  } catch (error) {
    console.error('Error sending query:', error);
  }
};
```

## API

### CRC20 Methods

- `send(query)`: Sends a query to the Lingua Engine and fetches the response.

## Contributing

Contributions are welcome! If you'd like to contribute, please fork the repository and use a feature branch. Pull requests are warmly welcome.

## Licensing

The code in this project is licensed under the AWT (Ricardo Arcifa LTD) license.

## Contact

If you have any questions or comments about the library, please feel free to open an issue or a pull request on our GitHub repository.
npm package: @rare-ui/core
Description: Rare Design System — Production-ready React components with tokens, dark mode, and accessibility
Latest version: 0.1.1

# @rare-ui/core

Production-ready React design system with 66 components, 560+ design tokens, zero-config dark mode, and full accessibility.

## Install

```bash
npm install @rare-ui/core lucide-react
```

## Quick Start

```tsx
import '@rare-ui/core/styles.css';
import { Button, Badge, Tabs, TabsList, TabsTrigger, TabsContent } from '@rare-ui/core';

function App() {
  return (
    <div>
      <Button hierarchy="primary" size="md">Get Started</Button>
      <Badge color="brand" size="sm">New</Badge>
      <Tabs defaultValue="overview">
        <TabsList>
          <TabsTrigger value="overview">Overview</TabsTrigger>
          <TabsTrigger value="docs">Docs</TabsTrigger>
        </TabsList>
        <TabsContent value="overview">Welcome to Rare UI</TabsContent>
        <TabsContent value="docs">Documentation here</TabsContent>
      </Tabs>
    </div>
  );
}
```

## Dark Mode

Add `data-theme="dark"` to your `<html>` element. All tokens switch automatically — no extra setup.

```tsx
document.documentElement.setAttribute('data-theme', 'dark');
```

## What's Included

### Components (66)

Button, Badge, Tabs, Switch, Tooltip, Modal, Drawer, Accordion, Input, Checkbox, Radio, Slider, Table, Avatar, Breadcrumbs, Pagination, Stepper, Tag, Toast, Alert, DropdownMenu, CommandMenu, Chat, FileUpload, ProgressBar, ProgressCircle, LoadingIndicator, Skeleton, and more.

### Organisms (4)

Navbar, HeroSection, PricingSection, FeatureSection — ready-made page sections.

### Design Tokens (560+)

Colors (14 palettes), spacing (15 levels), typography (12 sizes), shadows (7 tiers), focus rings, border radius, and animation timing — all as CSS custom properties.

## CSS Options

```tsx
// Zero config — import and go
import '@rare-ui/core/styles.css';

// CSS layers — prevents specificity conflicts with your CSS
import '@rare-ui/core/styles.layer.css';
```

### Tailwind Integration (Power Users)

```js
// tailwind.config.js
module.exports = {
  presets: [require('@rare-ui/core/tailwind-preset')],
};
```

## Optional Sub-paths

Components with heavy dependencies are isolated into sub-path imports. Install the dep only if you use the component:

```tsx
// Charts — requires: npm install recharts
import { LineBarChart, PieChart } from '@rare-ui/core/charts';

// Video Player — requires: npm install @vidstack/react
import { VideoPlayer } from '@rare-ui/core/video';

// Date Picker — requires: npm install date-fns react-day-picker
import { DatePicker } from '@rare-ui/core/datepicker';

// Carousel — requires: npm install embla-carousel-react
import { Carousel } from '@rare-ui/core/carousel';
```

## TypeScript

Full type declarations included. Every prop has JSDoc comments for IDE autocomplete.

```tsx
import type { ButtonProps, BadgeProps, TabsProps } from '@rare-ui/core';
```

## Peer Dependencies

| Package | Required |
|---------|----------|
| `react` | >= 18.0.0 |
| `react-dom` | >= 18.0.0 |
| `lucide-react` | >= 0.300.0 |

## License

MIT
npm package: @rare0619/nest-elastic-apm-library
Description: this is a library to use elastic-apm
Author: rare0619
Latest version: 0.0.8

## Environment
```bash
node: >=20

nestjs: ^11.0.1

elk:
  elasticsearch: 
    image: docker.elastic.co/elasticsearch/elasticsearch:8.9.0
  kibana:
    image: docker.elastic.co/kibana/kibana:8.9.0
  apm-server:
    docker.elastic.co/apm/apm-server:8.9.0
 
```

## Installation
```
npm install @rare0619/nest-elastic-apm-library
```
## .env
### you can find all config Env name in Official Document [Configuration options](https://www.elastic.co/guide/en/apm/agent/nodejs/current/configuration.html)
such as
```
ELASTIC_APM_SERVICE_NAME=example-apm-agent
ELASTIC_APM_SERVER_URL=http://localhost:8200
ELASTIC_APM_ACTIVATE=true
```
## Use
### In main.ts
at first line of main.ts
```typescript
import * as dotenv from 'dotenv';

dotenv.config();
import { apmAgent } from '@rare0619/nest-elastic-apm-library';

apmAgent;
/* 
* 
* your code example
* 
*/
import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';

async function bootstrap() {
  const app = await NestFactory.create(AppModule);
  await app.listen(process.env.PORT ?? 3000);
}

bootstrap();
```
### In AppModule
```typescript
import { MiddlewareConsumer, Module, NestModule } from '@nestjs/common';
import { AppController } from './app.controller';
import { AppService } from './app.service';
import { NestjsElasticApmLibModule } from '@rare0619/nest-elastic-apm-library';

@Module({
  imports: [NestjsElasticApmLibModule.register()],
  controllers: [AppController],
  providers: [AppService],
})
export class AppModule implements NestModule {
}
```

### In AppService
```typescript
import { Injectable } from '@nestjs/common';
import { NestjsElasticApmLibService } from '@rare0619/nest-elastic-apm-library';

@Injectable()
export class AppService {
  constructor(private readonly apm: NestjsElasticApmLibService) {}

  async getHello(): Promise<any> {
    try {
      const span = this.apm.startSpan('HelloWorld.get');
      const res = 'Hello World!';
      await new Promise((resolve) => setTimeout(resolve, 1000)); // delay 1 second
      span?.end();
      return res;
    } catch (e) {
      this.apm.captureError(e);
      throw e;
    }
  }
}

```

#### Power by [nestjs](https://docs.nestjs.com/)
npm package: @rareelements/lydia
Description: RFC5545 implementation
Author: rareelement
Latest version: 0.2.2

# lydia

TypeScript RFC5545 Parser implementation

### Usage Example
```
import axios from 'axios';
import { Calendar, CalendarParser, Component } from '@rareelements/lydia';

const instance = axios.create({
    baseURL: 'https://calendar.google.com/calendar/ical/',
    timeout: 20000,
});

async function loadCalendar(): Promise<(Calendar | undefined)> {
    try {
        const result = await instance.get('<CALENDAR_NAME>/public/basic.ics');
        const { data } = result;

        const rawCalendar = await CalendarParser.parseContent(data);
        return new Calendar(rawCalendar);

    } catch (err) {
        console.error('Failed to load calendar', err);
        return undefined;
    }
}

(async () => {

    try {
        const calendar: Calendar | undefined = await loadCalendar();
        if (!calendar) {
            return undefined;
        }

        const eventMap: Array<[Date, Component]> = calendar.getEvents({ start: new Date(), limit: 12 });

        eventMap
            .map(
                (entry) => ({
                    start: entry[1].getStart().value,
                    end: entry[1].getEnd().value,
                    description: entry[1].getDescription(),
                    summary: entry[1].getSummary()
                })
            )
            .forEach(
                ({ description, start, end, summary }) => console.log(description, 'starts', start, 'ends', end, summary)
            )
    }
    catch (err) {
        console.error('Failed to load calendar', err);
    }
}
)();

```


DISCLAIMER: This library, code samples and the documentation are provided "as is" without warranty of any kind, either express or implied. Use at your own risk.

We make makes no warranty that

- the software will meet your requirements
- the software will be uninterrupted, timely, secure or error-free
- the results that may be obtained from the use of the software will be effective, accurate or reliable
- the quality of the software will meet your expectations
- any errors in the software obtained from us will be corrected.

We assume no responsibility for errors or omissions in the software or documentation.
npm package: @rareloop/ionic-typeorm
Description: ## Installation
Author: Rareloop
Latest version: 0.0.22

# Ionic Typeorm

## Installation

Follow [install steps](./docs/install.md) for installing `@rareloop/ionic-typeorm`

</br>

## Testing

Follow [unit testing config](./docs/testing.md) for additional changes to allow karma to run unit tests with `typeorm`

</br>

## Usage

The following steps outline what is require to use the library. There is also an [example project](../example/README.md) that has already been updated.

</br>

### Create Entities Migrations and Services

Follow [entities, migrations and services](./docs/database.md) to create your initial database schema and migrations.

</br>

### Integrate with app.module

After you have some migrations and entities you can follow [integrating into app.module.ts](./docs/integration.md) to ensure your database is loaded when the app loads.

</br>

### Integrate services with pages

Now you are ready to start using your services. To do this import your services into a page

``` typescript
import { ItemService } from '@orm/services/item.service';

export class HomePage {
    items: Item[] = [];

    constructor(itemService: ItemService) {
        itemService.all().then((items) => {
            this.items = items;
        });

        // Fetch item
        const item: Item = itemService.fetch(1);

        // Save item
        item.name = 'A different name';
        itemService.save(item);

        // Delete item
        itemService.delete([item]);

        // Custom operations
        const repo: Repository<Item> = itemService.repo();
        // Full typeorm functionality e.g. repo.count(...);
    }
}
```

</br>