open-index/open-npm huggingface dataset:
npm package: @midas-ds/toast
Description: ```bash npm i @midas-ds/toast ```
Latest version: 1.0.5
Deprecated: Package no longer supported. Use @midas-ds/components instead.

# Toast

```bash
npm i @midas-ds/toast
```

```tsx
import { Toast } from '@midas-ds/toast'
import { Button } from '@midas-ds/button'
;

<GlobalToastRegion />
<Button
onPress={() =>
    toastQueue.add({ type: 'success', message: 'Allt funkar som det ska!' }, {
    timeout: 2000,
    })
}
>
    Tryck här för en notifiering
</Button>
```
npm package: @midas4ng/security
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.6.
Latest version: 1.1.230424-1

# Security

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.6.

## Code scaffolding

Run `ng generate component component-name --project security` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project security`.
> Note: Don't forget to add `--project security` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build security` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build security`, go to the dist folder `cd dist/security` and run `npm publish`.

## Running unit tests

Run `ng test security` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @midas4ng/workflow
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.6.
Latest version: 1.0.211015-2

# Security

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.1.6.

## Code scaffolding

Run `ng generate component component-name --project security` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project security`.
> Note: Don't forget to add `--project security` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build security` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build security`, go to the dist folder `cd dist/security` and run `npm publish`.

## Running unit tests

Run `ng test security` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @midasit-dev/cra-template-moaui
Description: This is the React template used to create a plugin item in the 'moaui' format.
Latest version: 1.1.106

<!-- markdownlint-disable-next-line -->
<br />
<p align="center">
  <a href="https://midasit.com/" rel="noopener" target="_blank"><img width="150" src="https://raw.githubusercontent.com/midasit-dev/moaui-fixed-repo/main/svg/logo_circle_30p.svg" alt="moaui logo"></a>
</p>

<h1 align="center">cra-template-moaui</h1>

<p align="center">
  This is the React template used to create a plugin item in the 'moaui' format.
</p>
<br />

## Installation

cra-template is available as an [npm package](https://www.npmjs.com/package/@midasit-dev/cra-template-moaui).

**npm:**

```bash
npx create-react-app my-app --template @midasit-dev/cra-template-moaui
```

## License

This project is licensed under the terms of the
[MIT license](/LICENSE).
npm package: @midasit-dev/cra-template-moaui-light
Description: <!-- markdownlint-disable-next-line --> <br /> <p align="center">   <a href="https://midasit.com/" rel="noopener" target="_blank"><img width="150" src="https://raw.githubusercontent.com/midasit-dev/moaui-fixed-repo/main/svg/logo_circle_30p.svg" alt="mo
Latest version: 0.2.2

<!-- markdownlint-disable-next-line -->
<br />
<p align="center">
  <a href="https://midasit.com/" rel="noopener" target="_blank"><img width="150" src="https://raw.githubusercontent.com/midasit-dev/moaui-fixed-repo/main/svg/logo_circle_30p.svg" alt="moaui logo"></a>
</p>

<h1 align="center">cra-template-moaui-light</h1>

<p align="center">
  This is a lightweight React template used to create a plugin item in the 'moaui' format.
</p>
<br />

## Installation

cra-template-moaui-light is available as an [npm package](https://www.npmjs.com/package/@midasit-dev/cra-template-moaui-light).

**npm:**

```bash
npx create-react-app my-app --template @midasit-dev/cra-template-moaui-light
```

## License
This project is licensed under the terms of the MIT license.
npm package: @midasit-dev/moaui-lab
Description: This dedicated area is for all research activities related to Moaui. Here, you can find resources, collaborate with fellow researchers, and share insights to advance our understanding of Moaui.
Latest version: 0.0.14

# Welcome to the Moaui Research Space!

This dedicated area is for all research activities related to Moaui. Here, you can find resources, collaborate with fellow researchers, and share insights to advance our understanding of Moaui.

Feel free to explore the various sections:

Research Articles: Access a comprehensive collection of academic papers and articles on Moaui.
Collaborative Projects: Join or initiate research projects and find collaborators.
Discussion Forums: Engage in discussions, ask questions, and share knowledge with the research community.
Data & Resources: Find and contribute datasets, tools, and other resources relevant to Moaui research.
Let's work together to deepen our knowledge and make significant contributions to the field of Moaui studies!

- [Section library](./src/lib/Section)
npm package: @midasit-dev/moaui-vertices
Description: <!-- markdownlint-disable-next-line --> <h1 align="center">moaui-vertices</h1>
Latest version: 0.0.3

<!-- markdownlint-disable-next-line -->
<h1 align="center">moaui-vertices</h1>

<p align="center">
  The Vertice Library extracts vertices based on size information. The coordinate system used starts from the origin.
</p>

<p align="center">
	The final return value, `Vertices`, is a two-dimensional array. The core concept is an array of arrays of polygon coordinate arrays. 
</p>

## Concept

Consider the following example:

```typescript
Vertices = [
    [
        { x: -1, y: 1 },
        { x: 1, y: 1 },
        { x: 1, y: -1 },
        { x: -1, y: -1 }
    ],
    [
        { x: -0.5, y: 0.5 },
        { x: -0.5, y: -0.5 },
        { x: 0.5, y: -0.5 },
        { x: 0.5, y: 0.5 }
    ]
]
```

- `Vertices[0]` contains the coordinates of a polygon defined in a counter-clockwise direction, representing a solid shape.  
- `Vertices[1]` contains the coordinates of a polygon defined in a clockwise direction, representing a hollow shape.

## Types

- For the type definitions used in the toVertices function, please refer to [types/props.ts](./types/declare/props.ts).

## Usage

When using this coordinate information, remember the following:

- The coordinate system is based on the browser window, with the top-left corner as the origin.
- Each vertex's starting point is the bottom-left corner of the shape.
- Vertices is a two-dimensional array where each sub-array represents a polygon.

## Installation

To install the Vertice Library, you can use npm:

```typescript
$ (npm | pnpm | yarn) (i | add) @midasit-dev/moaui-vertices
```

## Example Use Case

Here is an example use case demonstrating how to utilize the Vertice Library:

```typescript
//test.ts

import { toVertices, Vertex2D, ConvertProps } from "@midasit-dev/moaui-vertices";

/**
 * .e.g 2D Array.
 * [
 * 	[
 * 		{ x: -50, y:  50 },
 * 		{ x:  50, y:  50 },
 * 		{ x:  50, y: -50 },
 * 		{ x: -50, y: 50 },
 * 	]
 * ]
 */
const verticesSolidRectangle: Vertex2D[][] | Error = toVertices({
	type: 'SolidRectangle',
	properties: {
		b: 100,
		h: 100
	}
} as ConvertProps);

if (verticesSolidRectangle instanceof Error) {
	// error handling
}
```

## Contributing

We welcome contributions to improve this library. Please feel free to submit a pull request or open an issue.

## License

This project is licensed under the MIT License.

By following this template,  
you'll have a well-structured README.md that provides clear instructions and explanations about the Vertice Library.