open-index/open-npm huggingface dataset:
npm package: @hokulea/ember-css-modules-config
Description: CSS Modules config for hokulea
Latest version: 0.2.0

@hokulea/ember-css-modules-config
==============================================================================

[Short description of the addon.]


Compatibility
------------------------------------------------------------------------------

* Ember.js v3.12 or above
* Ember CLI v2.13 or above
* Node.js v10 or above


Installation
------------------------------------------------------------------------------

```
ember install @hokulea/ember-css-modules-config
```


Usage
------------------------------------------------------------------------------

[Longer description of how to use the addon in apps.]


Contributing
------------------------------------------------------------------------------

See the [Contributing](CONTRIBUTING.md) guide for details.


License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).
npm package: @hokulea/ember-pahu
Description: Ember adapter for Hokulea headless forms
Author: Thomas Gossmann
Latest version: 0.0.3

# `@hokulea/ember-pahu`

[![Maintainability](https://qlty.sh/gh/hokulea/projects/pahu/maintainability.svg)](https://qlty.sh/gh/hokulea/projects/pahu)
[![Code Coverage](https://qlty.sh/gh/hokulea/projects/pahu/coverage.svg)](https://qlty.sh/gh/hokulea/projects/pahu)

> 🪘 The pahu is a traditional musical instrument found in Polynesia: Hawaii,
> Tahiti, Cook Islands, Samoa, and Tokelau.

`@hokulea/ember-pahu` is the Ember adapter for Hokulea headless forms.

## Features

- HTML first. Use native form features through a pleasent API
- Validation & Revalidation
- Validators: Native, Custom, Standard Schema (zod, valibot, ark type, ...)
- Nested & initial data
- Linked Fields
- Typescript support
- Component free

## Installation

```sh
pnpm add @hokulea/ember-pahu ember-modifier ember-resources
```

## Usage

```glimmer-ts
import { createForm } from '@hokulea/pahu/ember';

const submitHandler: SubmitHandler = (data) => console.log('Submit Handler', data);
const validationHandler: ValidatedHandler = (event, data) =>
  console.log('Validation Handler on:', event, data);

<template>
  {{#let (createForm submit=submitHandler validated=validationHandler) as |f|}}
    <form novalidate {{f.registerElement}}>
      <label>
        Email
        <input type="email" name="email" />
      </label>

      <label>
        Age
        <input type="number" name="age" required />
      </label>

      <fieldset>
        <legend>Favorite Pokemon</legend>
        <label><input type="radio" name="pokemon" value="Bulbasaur" required /> Bulbasaur</label>
        <label><input type="radio" name="pokemon" value="Squirtle" /> Squirtle</label>
        <label><input type="radio" name="pokemon" value="Charmander" /> Charmander</label>
      </fieldset>

      <button type="submit">Submit</button>
    </form>
  {{/let}}
</template>
```

## Examples

- [Ember Examples](https://github.com/hokulea/pahu/tree/main/examples/ember/src/templates)
npm package: @hokulea/pahu
Description: Hokulea headless forms with adapters for frameworks
Author: Thomas Gossmann
Latest version: 0.2.0

# `@hokulea/pahu`

[![Maintainability](https://qlty.sh/gh/hokulea/projects/pahu/maintainability.svg)](https://qlty.sh/gh/hokulea/projects/pahu)
[![Code Coverage](https://qlty.sh/gh/hokulea/projects/pahu/coverage.svg)](https://qlty.sh/gh/hokulea/projects/pahu)

> 🪘 The pahu is a traditional musical instrument found in Polynesia: Hawaii,
> Tahiti, Cook Islands, Samoa, and Tokelau.

`@hokulea/pahu` is an agnostic headless form.

## Features

- HTML first. Use native form features through a pleasent API
- Validation & Revalidation
- Validators: Native, Custom, Standard Schema (zod, valibot, ark type, ...)
- Nested & initial data
- Linked Fields
- Typescript support

## Installation

```sh
pnpm add @hokulea/pahu
```

## Usage

```ts
import { createForm } from '@hokulea/pahu`;

const html = `
<form novalidate>
  <label>
    Email
    <input type="email" name="email">
  </label>

  <label>
    Age
    <input type="number" name="age" required>
  </label>

  <fieldset>
    <legend>Favorite Pokemon</legend>
    <label><input type="radio" name="pokemon" value="Bulbasaur" required> Bulbasaur</label>
    <label><input type="radio" name="pokemon" value="Squirtle"> Squirtle</label>
    <label><input type="radio" name="pokemon" value="Charmander"> Charmander</label>
  </fieldset>

  <button type="submit">Submit</button>
</form>
`;

createForm({
  element: document.querySelector('form') as HTMLFormElement,
  submit: (data) => console.log('Submit Handler', data),
  validated: (event, data) => console.log('Validation Handler on:', event, data)
});
```

## Examples

- [Vanilla Examples](https://github.com/hokulea/pahu/tree/main/examples/vanilla/src/examples)