open-index/open-npm huggingface dataset:
npm package: @goauthentik/elements
Description: The Authentik open-source elements library
Author: Authentik Security, Inc.
Latest version: 0.0.5

# authentik elements

[authentik elements]() is a collection of elements maintained by Authentik Security, Inc., to
support the authentik Single Sign-On server and related projects.

Many of the components in this library, most notably those in the "core" folder but also many of the
elements in the "components" folder, were developed by the [Patternfly
Elements](https://github.com/patternfly/patternfly-elements) community. As of this writing (March of
2025), the Patternfly Elements community has been more or less stagnant, relying on Patternfly 4,
whereas we have been moving forward with our independently developed elements and have several
Patternfly 5-compatible components in the works.

To the best of our ability, we will honor the open source licenses that Red Hat and authentik have
in common, and give credit where credit is due.

## Where we differ

Unlike the goals of Patternfly Elements, authentik's elements are data-heavy and lit-aware; if we
need to pass in an array of structured data, we will do so.

## Project Proposed Order:

- SkipToContent
- Backdrop ✓
- BackgroundImage
- ActionList
- TabContent
- Radio
- Brand
- Title
- Check
- List
- Spinner
- Alert
- Chip
- InputGroup
- Chip
- SimpleList
- Banner
- EmptyState
- Switch
- NotificationBadge
- Progress
- ToggleGroup
- TextInputGroup
- TextInput
- NumberInput
- ModalBox
- ExpandableSection
- AboutModalBox
- Content
- Avatar
- Alert
- Login
- Sidebar
- Divider
- FormControl
- NotificationDrawer
- DescriptionList
- DualListSelector
- DataList
- Pagination
- Wizard
- Card
- Form
- Select
- Button
- Label
- TreeView
- Drawer
- Tabs
- Dropdown
- DataList
- Page
- Toolbar
- Table
- ProgressStepper
- Table
- Nav
- Table

## Stretch goals:

- Date/Time picker
- Tooltip
- Label/Value
- Number Picker
- Range Slider
- Calendar
- Breadcrumbs
- Tree / Tree Grid
- FAB
- Anchor/Region
- Command Palette
- Pagination Control
- Rating Stars
- Drawer
- KPI
- Structured Data Editor
- Crontab Editor
- Code Snippet
- Timeline
- Sparklines

## Do we need:

- Cookie Consent
- Stateful Buttons
- Other localization components (money, numbers?)
npm package: @gobacklog/nest-knex
Description: It's a module of Nestjs to use Knexjs Query Builder
Author: GobacklogTeam
Latest version: 1.2.2

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

<div align="center">
  <a href="http://nestjs.com/" target="_blank">
    <img src="https://nestjs.com/img/logo_text.svg" width="150" alt="Nest Logo" />
  </a>
</div>

<h3 align="center">NestKnex -- generated by @nestjsplus/dyn-schematics</h3>

<div align="center">
  <a href="https://nestjs.com" target="_blank">
    <img src="https://img.shields.io/badge/built%20with-NestJs-red.svg" alt="Built with NestJS">
  </a>
  <a href="https://github.com/nestjsplus/dyn-schematics" target="_blank">
    <img src="https://img.shields.io/badge/Built%20with-%40nestjsplus%2Fdyn--schematics-brightgreen" alt="Built with @nestjsplus/dyn-schematics">
  </a>
</div>

This dynamic module was generated with [Nest Dynamic Package Generator Schematics](https://github.com/nestjsplus/dyn-schematics).  You can read more about using the generator [here](https://github.com/nestjsplus/dyn-schematics).

### Installation

To install this generated project:

```bash
npm install
```

(or yarn equivalent)

### Running

If you selected `yes` for the question `Generate a testing client?`, a small testing module was automatically generated
called NestKnexClientModule.  You can test that the template was properly generated by running

```bash
npm run start:dev
```

Then connect to [http://localhost:3000](http://localhost:3000).

### Customizing

The files in the project have comments that should help guide you.

You can also refer to [this article](https://dev.to/nestjs/advanced-nestjs-how-to-build-completely-dynamic-nestjs-modules-1370) for details on the concepts behind this module pattern.

You can read more about using the generator [here](https://github.com/nestjsplus/dyn-schematics).

### About @nestjsplus/dyn-schematics

[Nest Dynamic Package Generator Schematics](https://github.com/nestjsplus/dyn-schematics) generates a starter template for building NestJS dynamic packages.  It uses the `@nestjs/cli` core package, and provides customized schematics for generating modular NestJS applications.  See [here](https://github.com/nestjsplus/dyn-schematics) for the full set of available schematics, and documentation.
npm package: @gobarber/react-native-calendar
Description: GoBarber Mobile Calendar
Author: Renato Hideki Osaka
Latest version: 0.1.6

# What is this?

A simple calendar.

# Installation

`npm i @gobarber/react-native-calendar --save`

or

`yarn add @gobarber/react-native-calendar`

Then...

```
import React from 'react';
import {StatusBar, View} from 'react-native';
import Calendar from '@gobarber/react-native-calendar';

const App = () => {
  return (
    <>
      <StatusBar barStyle="light-content" backgroundColor="#131310" />
      <View
        style={{
          flex: 1,
          backgroundColor: '#131310',
          padding: 16,
        }}>
        <Calendar
          onMonthChange={(date) => console.log(date.toString())}
          onSelectDate={(date) => console.log(date.toString())}
        />
      </View>
    </>
  );
};

export default App;

```

## Options

Calendar supports some options to style the views:

```
colors?: {
  background?: string;
  header?: {
    background?: string;
    text?: string;
  };
  week?: {
    text: string;
  };
  day?: {
    disabled?: {
      background?: string;
      text?: string;
    };
    enabled?: {
      background?: string;
      text?: string;
    };
    highlight?: {
      background?: string;
      text?: string;
    };
  };
};
disableDays?: {
  weekDays?: Array<number>;
  days?: Array<Date>;
};
weekNames?: Array<string>;
monthNames?: Array<string>;
enabledPastDate?: boolean;
onMonthChange?: (date: Date) => void;
onSelectDate?: (date: Date) => void;
```

Week names, Month names and Colors has a default values:

```
const defaultWeekNames = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];

const defaultMonthNames = [
  'January',
  'February',
  'March',
  'April',
  'May',
  'June',
  'July',
  'August',
  'September',
  'October',
  'November',
  'December',
];

const defaultColors = {
  background: '#fff',
  header: {
    background: '#7159c1',
    text: '#fff',
  },
  week: {
    text: '#7e7e7e',
  },
  day: {
    disabled: {
      background: 'transparent',
      text: '#cecece',
    },
    enabled: {
      background: '#f3f3f3',
      text: '#3f3f3f',
    },
    highlight: {
      background: '#7159c1',
      text: '#fff',
    },
  },
};
```

![calendar](./resources/example.jpeg)
npm package: @gobdigital-cl/gob.cl
Description: Set of tools for the design and layout of government web sites and applications. Contains form templates, buttons, boxes, navigation menus and other design elements. Based on Twitter Bootstrap.
Author: Magnet SpA
Latest version: 3.0.10

# gob.cl framework

Set of tools for the design and layout of government web sites and applications.
Contains form templates, buttons, boxes, navigation menus and other design elements.
Based on Twitter Bootstrap.

## Content
* [Installation.](#installation)
* [Development.](#development)

## Installation.

For install run: 

`npm install @gobdigital-cl/gob.cl`

## Development.

### Commands: 

+ `npm run build` for build gob.cl library
+ `npm run watch` for build gob.cl library and watch files for re-build
+ `npm run serve` for run site demo w/ browserSync
+ `npm run clean` for clean build files.

### Best practicies

To maintain good code quality, you must maintan the standard.
Here is a list of the main issues to be concerned when creating
a new component:

- Respect the framework design: Avoid using custom colors, custom fonts, 
disproportionate numbers, etc. Always use the tools provided that conform to
the design.
- Be aware of the different screen sizes: Your new component should look good
on a desktop, tablet and mobile screen. Note that each of one could
have a different resolution so you always test your new feature 
before publish your changes.
- Keep in mind the accessibility of your site: Not all users can access
web content in the same way, therefore, to make your site accessible, you 
should always create a version of your new component for when the font size is
increased and for contrast mode.
- English is the standard: Class names, code comments, file name, this readme,
all of the content in the framework must keep English as the language
used. Don't worry if it isn't perfect, you can always use tools like google
translate.
- Take care of the CASE: The way the different objects are written helps
developer to easily identify what they are looking at. The classes are written
in kebab-case, attributes are in lower case, html identifiers are in camelCase,
etc.

### Git flow

For development, you can use any Git Flow that meets your needs.

### Npm update

When you are ready with a new version to be published, you must update
the npm package (only users with access to the package repository can update the 
npm package). To do this, follow the steps bellow:
- Prepare the relase:
    + `npm run build`
- (Optional) Update the changelog file.
- Update the version number:
    + `npm version <update_type>`
- Publish to npm
    + `npm publish --access public`
npm package: @gobii-ai/client
Description: API for Gobii browser automation platform
Author: Gobii AI
Latest version: 0.1.0

# @gobii-ai/client

TypeScript HTTP client for the Gobii API, generated from OpenAPI schema.

## Installation

```bash
npm install @gobii-ai/client
```

## Usage

```typescript
import { Configuration, BrowserUseApi } from '@gobii-ai/client';

// Configure the client
const api = new BrowserUseApi(new Configuration({
  headers: { 'X-Api-Key': 'your_api_key_here' }
}));

// Example API call
try {
  const agent = await api.createAgent({ name: 'MyAgent' });
  console.log(`Agent created with ID: ${agent.id}`);
} catch (error) {
  console.error('API call failed:', error);
}
```

## Documentation

For detailed documentation, please visit [https://gobii.ai/docs/](https://gobii.ai/docs/).

## Features

- Fully typed API client
- Works in any JavaScript environment that supports Fetch API
- Promise-based API
- Generated from OpenAPI schema for type safety

## Authentication

API calls require an API key, which should be passed in the `X-Api-Key` header.
You can get your API key from the [Gobii Dashboard](https://gobii.ai/console/).

## Repository

The source code for this package is available at [github.com/gobii-ai/client-typescript](https://github.com/gobii-ai/client-typescript).

## License

MIT
npm package: @gobinathvaratharajan/-use-please-stay
Description: A react hooks library for animating the title and favicon for the page
Author: Gobinath Varatharajan
Latest version: 1.0.0

# react-use-please-stay

A react hooks library for animating the title and favicon for the page


## Warning logs

This hook will display various warning message if the `NODE_ENV` environment is in `"Dev"`