open-index/open-npm huggingface dataset:
npm package: @frakton-ng/core
Description: 🚨 Este pacote foi migrado para 'frakton-ng'. Use o novo pacote oficial: https://www.npmjs.com/package/frakton-ng
Author: Samuel Alejandro
Latest version: 1.16.3
Deprecated: Este pacote foi migrado para 'frakton-ng'. Use o novo pacote oficial: https://www.npmjs.com/package/frakton-ng

> ⚠️ DEPRECATED — This package has moved!

## 📦 Official package is now just `frakton-ng`

NPM Package: [Frakton NG - NPM](https://www.npmjs.com/package/frakton-ng)

Repository: [Frakton NG - Repository](https://github.com/Samukaii/frakton-ng)

Documentation: [Frakton NG - Documentation](https://fraktonng.com)

Issues / Questions: [Frakton NG - Issues](https://github.com/Samukaii/frakton-ng/issues)

---

## Do not use `@frakton-ng/core` anymore!

This package has been deprecated and will receive no further updates.
All development continues at the new official package: frakton-ng.


---

## 🚀 How to migrate

1. Uninstall the old package and install the new one:

```sh
npm uninstall @frakton-ng/core
# or
npm install frakton-ng
```

2. Update all imports to use frakton-ng.

```sh
import {FktButtonComponent} from '@frakton-ng/core';
# to
import {FktButtonComponent} from 'frakton-ng/button';
```

---

## Why the migration?

The library is now unified under frakton-ng for clarity, maintainability, and modern best practices.

All new features, bug fixes, and updates are available only in the new package.

---

> Frakton NG — The Next Generation Angular Component Library.

> Thank you for supporting open source!
npm package: @fraku/video
Description: A React TypeScript component library
Latest version: 0.1.80

# fraku-video

This documentation provides an overview of the `VideoPlugin` library, its function flow, and its integration with the Zoom SDK. The library is designed to integrate video functionality into the Voting and Admin applications.

## Getting Started

1. **Install the library:**

   ```bash
   npm install @fraku/video
   ```

2. **Import and use the `VideoPlugin` component:**

   ```tsx
   import { VideoPlugin } from '@fraku/video'

   const App = () => {
     const ref = useRef<VideoPluginHandle>(null)
     return <VideoPlugin ref={ref} />
   }
   ```
npm package: @framebridge/basscss
Description: Low-level CSS toolkit
Author: Brent Jackson
Latest version: 8.0.1-6

# Basscss

Low-level CSS toolkit <http://basscss.com>

[![Build Status](https://travis-ci.org/basscss/basscss.svg)](https://travis-ci.org/basscss/basscss)
[![npm version](https://badge.fury.io/js/basscss.svg)](https://badge.fury.io/js/basscss)

## Lightning-Fast Modular CSS with No Side Effects

Basscss is a lightweight collection of immutable utilities designed for speed, clarity, performance, and scalability.


## Features

### Code with Confidence

Using clear, humanized naming conventions, Basscss is quick to internalize
and easy to reason about while speeding up development time with more scalable,
more readable code.

### No Side Effects

Things behave exactly as expected with immutable utilities
and styles that follow the open/closed principle
to help prevent common pitfalls with CSS.

### Composable

Reusable, interoperable styles
work like building blocks to lay the foundation for any stylesheet
and can be mixed and matched in any number of combinations.

## Designed for Design

Basscss strikes a balance between consistency and flexibility
to allow for rapid prototyping and quick iterative changes
when designing in the browser.

## Responsive by Default

Basscss provides lightweight, performant styles
and flexible utilities to design for any device
and to help reduce boilerplate in stylesheets.

## Unassuming

Modular and customizable typography and layout styles don’t dictate
what things should look like and play well with other stylesheets and frameworks.

[Read More](http://basscss.com)

---

## Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md)

---

[MIT license](LICENSE.md)
npm package: @framebridge/basscss-hide
Description: Responsive hide utilities module for Basscss
Author: Brent Jackson
Latest version: 1.0.3


Use these utilities to conditionally hide elements based on viewport width.

## Prefix Naming Convention

Hide utilities differ from other breakpoint-based styles in Basscss. Each hide utility only applies to one breakpoint range.

<div class="overflow-auto">
  <table class="mb2 table-flush table-light">
    <thead>
      <tr> <th>Prefix</th> <th>Description</th> </tr>
    </thead>
    <tbody>
      <tr> <td>xs-</td> <td>below 40em</td> </tr>
      <tr> <td>sm-</td> <td>40em – 52em</td> </tr>
      <tr> <td>md-</td> <td>52em – 64em</td> </tr>
      <tr> <td>lg-</td> <td>above 64em</td> </tr>
    </tbody>
  </table>
</div>


## Hide content
Resize the browser window to see the effect.

```html
<h3 class="xs-hide">Hidden below 40em</h3>
<h3 class="sm-hide red">Hidden between 40 and 52em</h3>
<h3 class="md-hide red">Hidden between 52 and 64em</h3>
<h3 class="lg-hide red">Hidden above 64em</h3>
```

## Responsive Line Break
Control wrapping at different screen widths.

```html
<h1>
  Responsive Line Break
  <br class="xs-hide">
  To Control Wrapping
</h1>
```

## Accessible Hide

To visually hide things like form labels in an accessible way, use the `.hide` utility.

```html
<form>
  <label for="search" class="hide">Search</label>
  <input id="search" type="search" class="input">
</form>
```

## Display None

Set display none with this utility. Use this with caution as it might cause accessibility issues depending on where it’s used.

```html
<div>Visible</div>
<div class="display-none">Hidden</div>
```
npm package: @framejs/mixins
Description: A set of mixing to help and speed up development of web components
Author: Emil Rune Møller
Latest version: 0.0.8
Deprecated: this package has been deprecated

# Frame Mixins

Frame mixins is a mixin library meant to speed up development and reduce the amount of boilerplate when creating web components. All mixins are written in Typescript, and is works great with [framejs/cli](https://github.com/framejs/cli)

## Development

Clone repo:

```sh
$ git clone https://github.com/framejs/mixins.git
```

Install dependencies:

```sh
$ npm install
```

Compile on file changes:

```sh
$ npm start
```

Build:

```sh
$ npm run build
```

## Can you help?
Yes! The more people (and bots) the better.

Please create an issue, make a pull request, start a discussion or ping me on twitter - @emolrmoeller.
npm package: @framejs/renderer-lit-html
Description: A Framejs renderer for lit-html
Author: Emil Møller
Latest version: 1.0.9

## @framejs/renderer-lit-html

FrameJS rendererer for [lit-html](https://github.com/Polymer/lit-html).

`lit-html` is a great templating extension when working with complex elements.
Read more about [lit-html](https://github.com/Polymer/lit-html).

## Install

```sh
$ npm install @framejs/core @framejs/renderer-lit-html
```

## Usage

```ts
import { CustomElement } from '@framejs/core';
import { withLitHtml, html } from '@framejs/renderer-lit-html';

@CustomElement({
    tag: 'my-element'
})
class MyElement extends withLitHtml(HTMLElement) {
    render() {
        return html`I'm so lit!`;
    }
}
```
npm package: @framejs/renderer-preact
Description: A Framejs renderer for preact
Author: Emil Møller
Latest version: 1.0.9

## @framejs/renderer-preact

FrameJS rendererer for [Preact](https://preactjs.com/).

## Install

```sh
$ npm install @framejs/core @framejs/renderer-preact
```

## Usage

```tsx
import { CustomElement } from '@framejs/core';
import { withPreact, h } from '@framejs/renderer-preact';

@CustomElement({
    tag: 'my-element'
})
class MyElement extends withPreact(HTMLElement) {
    @Attribute() checked = true;

    render() {
        return <div>Am i checked? {this.checked ? 'Yup' : 'Nope'}</div>
    }
}
```
npm package: @framejs/renderer-react
Description: A Framejs renderer for react
Author: Emil Møller
Latest version: 1.0.9

## @framejs/renderer-react

FrameJS rendererer for [React](https://reactjs.org/).

## Install

```sh
$ npm install @framejs/core @framejs/renderer-react react
```

## Usage

```tsx
import { CustomElement } from '@framejs/core';
import { withReact } from '@framejs/renderer-preact';
import React from 'react';

class ReactHello extends React.Component {
  render() {
    const { children, yell } = this.props;
    return <div>Hello, {yell ? <strong>{children}</strong> : children}!</div>;
  }
}

@CustomElement({
    tag: 'my-element'
})
class MyElement extends withReact(HTMLElement) {
    @Attribute() checked = true;

    render() {
        return <ReactHello yell={true}>ReactJS</ReactHello>
    }
}
```