open-index/open-npm huggingface dataset:
npm package: @sjsf-lab/beercss-theme
Description: The Beer CSS v3 based theme for svelte-jsonschema-form
Latest version: 3.2.2

# @sjsf-lab/beercss-theme

The [Beer CSS](https://github.com/beercss/beercss) v3 based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/lab/beercss/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf-lab/beercss-theme
```

## Usage

1. Install Beer CSS v3
  
[Get started](https://github.com/beercss/beercss?tab=readme-ov-file#get-started)

2. Apply theme

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { theme } from '@sjsf-lab/beercss-theme';

  const form = createForm({
    theme,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf-lab/shadcn-extras-theme
Description: The shadcn-svelte-extras based theme for svelte-jsonschema-form
Latest version: 3.3.0

# @sjsf-lab/shadcn-extras-theme

The [shadcn-svelte-extras](https://github.com/ieedan/shadcn-svelte-extras) based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/lab/shadcn-extras/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf/shadcn4-theme @sjsf-lab/shadcn-extras-theme
```

## Usage

1. Install shadcn-svelte

   [Installation - shadcn-svelte](https://shadcn-svelte.com/docs/installation)

2. Configuration

   Register the theme source path by adding the following line to the `app.css` file:

   ```css
   @source "../node_modules/@sjsf/shadcn4-theme/dist";
   @source "../node_modules/@sjsf-lab/shadcn-extras-theme/dist";
   ```

3. Apply theme

   ```svelte
   <script lang="ts">
     import { createForm } from '@sjsf/form';
     import { setThemeContext } from '@sjsf/shadcn4-theme';
     import { theme } from '@sjsf-lab/shadcn-extras-theme';
     import * as components from '@sjsf/shadcn4-theme/new-york';
     import * as extraComponents from '@sjsf-lab/shadcn-extras-theme/ui';

     const form = createForm({
       theme,
       ...
     })

     setThemeContext({ components: { ...components, ...extraComponents } })
   </script>
   ```

## License

MIT
npm package: @sjsf-lab/svar-theme
Description: The SVAR v2 based theme for svelte-jsonschema-form
Latest version: 3.2.1

# @sjsf-lab/svar-theme

The [SVAR](https://github.com/svar-widgets/core/) v2 based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/lab/svar/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf-lab/svar-theme
```

## Usage

1. Install SVAR v2

[Getting started | Svelte Code Documentation](https://docs.svar.dev/svelte/core/getting_started)

2. Apply theme

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { theme } from '@sjsf-lab/svar-theme';

  const form = createForm({
    theme,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/ajv8-validator
Description: The ajv-8 based validator for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/ajv8-validator

The [Ajv8](https://github.com/ajv-validator/ajv) based validator implementation for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/validators/ajv/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/ajv8-validator ajv@8
```

## Usage

```typescript
import { createFormValidator } from "@sjsf/ajv8-validator";

const validator = createFormValidator()
```

## License

MIT
npm package: @sjsf/basic-theme
Description: Basic theme for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/basic-theme

Basic theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form)

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/basic/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf/basic-theme
```

## Usage

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { theme } from '@sjsf/basic-theme';
  import '@sjsf/basic-theme/css/basic.css';

  const form = createForm({
    theme,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/cfworker-validator
Description: The @cfworker/json-schema based validator for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/cfworker-validator

The [@cfworker/json-schema](https://github.com/cfworker/cfworker/blob/main/packages/json-schema) based validator for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/validators/cfworker/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/cfworker-validator @cfworker/json-schema
```

## Usage

```typescript
import { createFormValidator } from "@sjsf/cfworker-validator";

const validator = createFormValidator()
```

## License

MIT
npm package: @sjsf/daisyui-theme
Description: The daisyUI based theme for svelte-jsonschema-form
Latest version: 3.0.0

# @sjsf/daisyui-theme

The [daisyUI](https://github.com/saadeghi/daisyui) v4 based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/legacy/daisyui/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground2/)

## Installation

```shell
npm install @sjsf/form @sjsf/daisyui-theme
```

## Usage

### Setup styles

There is two ways to setup styles:

1. Use tailwindcss config

```typescript
import daisyui from 'daisyui';
import { THEME_CONTENT } from '@sjsf/daisyui-theme/preset'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}', THEME_CONTENT],
  plugins: [daisyui],
}
```

Or with a preset

```typescript
import themePreset from '@sjsf/daisyui-theme/preset'

/** @type {import('tailwindcss').Config} */
export default {
  presets: [themePreset],
}
```

2. Inject prepared styles (not recommended)

```typescript
// Inject them as you like
import themeStyles from "@sjsf/daisyui-theme/styles.css?inline";
```

### Apply theme

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { theme } from '@sjsf/daisyui-theme';

  const form = createForm({
    theme,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/daisyui5-theme
Description: The daisyUI v5 based theme for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/daisyui5-theme

The [daisyUI](https://github.com/saadeghi/daisyui) v5 based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/daisyui5/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf/daisyui5-theme
```

## Usage

1. Install daisyUI v5
  
[Install daisyUI as a Tailwind plugin](https://daisyui.com/docs/install/)

2. Configuration

Register the theme source path by adding the following line to the `app.css` file:.

```css
@source "../node_modules/@sjsf/daisyui5-theme/dist";
```

3. Apply theme

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { theme } from '@sjsf/daisyui5-theme';

  const form = createForm({
    theme,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/flowbite-icons
Description: The flowbite based icons set for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/flowbite-icons

The [flowbite-svelte-icons](https://github.com/themesberg/flowbite-svelte-icons) based icons set for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/guides/labels-and-icons/#usage)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf/flowbite-icons
```

## Usage

1. Install Flowbite Svelte Icons

[Flowbite Svelte Icons - Flowbite](https://flowbite-svelte.com/icons/quickstart)

2. Configuration

Register the theme source path by adding the following line to the `app.css` file:.

```css
@source "../node_modules/@sjsf/flowbite-icons/dist";
```

3. Apply icons

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { icons } from '@sjsf/flowbite-icons';

  const form = createForm({
    icons,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/flowbite-theme
Description: The flowbite based theme for svelte-jsonschema-form
Latest version: 3.0.0

# @sjsf/flowbite-theme

The [flowbite-svelte](https://github.com/themesberg/flowbite-svelte) (tailwind v3) based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/legacy/flowbite/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground2/)

## Installation

```shell
npm install @sjsf/form @sjsf/flowbite-theme
```

## Usage

### Setup styles

There is two ways to setup styles:

1. Use tailwindcss config

```typescript
import flowbite from 'flowbite/plugin';
import { THEME_CONTENT, FLOWBITE_CONTENT } from '@sjsf/flowbite-theme/preset'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}', THEME_CONTENT, FLOWBITE_CONTENT],
  plugins: [flowbite],
}
```

Or with a preset

```typescript
import themePreset from '@sjsf/flowbite-theme/preset'

/** @type {import('tailwindcss').Config} */
export default {
  presets: [themePreset],
}
```

2. Inject prepared styles (not recommended)

```typescript
// Inject them as you like
import themeStyles from "@sjsf/flowbite-theme/styles.css?inline";
```

### Apply theme

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { theme } from '@sjsf/flowbite-theme';

  const form = createForm({
    theme,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/flowbite3-theme
Description: The flowbite v3 based theme for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/flowbite3-theme

The [flowbite-svelte](https://github.com/themesberg/flowbite-svelte) (tailwind v4) based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/flowbite3/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf/flowbite3-theme
```

## Usage

1. Install Flowbite Svelte
  
[Flowbite Svelte - UI Component Library](https://next.flowbite-svelte.com/docs/pages/introduction)

2. Configuration

Register the theme source path by adding the following line to the `app.css` file:.

```css
@source "../node_modules/@sjsf/flowbite3-theme/dist";
```

3. Apply theme

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { theme } from '@sjsf/flowbite3-theme';

  const form = createForm({
    theme,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/lucide-icons
Description: The lucide based icons set for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/lucide-icons

The [lucide](https://github.com/lucide-icons/lucide) based icons set for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/guides/labels-and-icons/#usage)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf/lucide-icons
```

## Usage

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { icons } from '@sjsf/lucide-icons';

  const form = createForm({
    icons,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/moving-icons
Description: The jis3r/icons based icons set for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/moving-icons

The [jis3r/icons](https://github.com/jis3r/icons) based icons set for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/guides/labels-and-icons/#usage)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf/moving-icons
```

## Usage

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { icons } from '@sjsf/moving-icons';

  const form = createForm({
    icons,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/radix-icons
Description: The svelte-radix based icons set for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/radix-icons

The [svelte-radix](https://github.com/shinokada/svelte-radix) based icons set for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/guides/labels-and-icons/#usage)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf/radix-icons
```

## Usage

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { icons } from '@sjsf/radix-icons';

  const form = createForm({
    icons,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/schemasafe-validator
Description: The @exodus/schemasafe based validator for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/schemasafe-validator

The [@exodus/schemasafe](https://github.com/ExodusMovement/schemasafe) based validator implementation for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/validators/schemasafe/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/schemasafe-validator @exodus/schemasafe
```

## Usage

```typescript
import { createFormValidator } from "@sjsf/schemasafe-validator";

const validator = createFormValidator()
```

## License

MIT
npm package: @sjsf/shadcn-theme
Description: The shadcn-svelte based theme for svelte-jsonschema-form
Latest version: 3.0.0

# @sjsf/shadcn-theme

The [shadcn-svelte](https://github.com/huntabyte/shadcn-svelte) based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/legacy/shadcn/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground2/)

## Installation

```shell
npm install @sjsf/form @sjsf/shadcn-theme
```

## Usage

### Setup styles

There is two ways to setup styles:

1. Use tailwindcss config

```typescript
import { THEME_CONTENT } from '@sjsf/shadcn-theme/preset'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}', THEME_CONTENT],
}
```

Or with a preset

```typescript
import themePreset from '@sjsf/shadcn-theme/preset'

/** @type {import('tailwindcss').Config} */
export default {
  presets: [themePreset],
}
```

2. Inject prepared styles (not recommended)

```typescript
// Inject them as you like
import themeStyles from "@sjsf/shadcn-theme/styles.css?inline";
```

### Apply theme

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { theme, setThemeContext } from '@sjsf/shadcn-theme';
  import * as components from '@sjsf/shadcn-theme/default'

  const form = createForm({
    theme,
    ...
  })

  setThemeContext({ components })
</script>
```

## License

MIT
npm package: @sjsf/shadcn4-theme
Description: The shadcn-svelte based theme for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/shadcn4-theme

The [shadcn-svelte](https://github.com/huntabyte/shadcn-svelte) based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/shadcn4/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf/shadcn4-theme
```

## Usage

1. Install shadcn-svelte
  
    [Installation - shadcn-svelte](https://shadcn-svelte.com/docs/installation)

2. Configuration

    Register the theme source path by adding the following line to the `app.css` file:

    ```css
    @source "../node_modules/@sjsf/shadcn4-theme/dist";
    ```

3. Apply theme

    ```svelte
    <script lang="ts">
      import { createForm } from '@sjsf/form';
      import { theme, setThemeContext } from '@sjsf/shadcn4-theme';
      import * as components from '@sjsf/shadcn4-theme/new-york'

      const form = createForm({
        theme,
        ...
      })

      setThemeContext({ components })
    </script>
    ```

## License

MIT
npm package: @sjsf/skeleton-theme
Description: The skeleton based theme for svelte-jsonschema-form
Latest version: 2.4.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @sjsf/skeleton-theme

The [skeleton](https://github.com/skeletonlabs/skeleton) v3 (tailwind v3) based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/skeleton/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground2/)

## Installation

```shell
npm install @sjsf/form @sjsf/skeleton-theme
```

## Usage

### Setup styles

There is two ways to setup styles:

1. Use tailwindcss config

```typescript
import { skeleton } from '@skeletonlabs/skeleton/plugin';
import * as themes from '@skeletonlabs/skeleton/themes';
import forms from '@tailwindcss/forms'
import { THEME_CONTENT } from '@sjsf/skeleton-theme/preset'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}', THEME_CONTENT],
  plugins: [
    forms,
    skeleton({
      themes: [/* themes.something */],
    })
  ],
}
```

Or with a preset

```typescript
import themePreset from '@sjsf/skeleton-theme/preset'

/** @type {import('tailwindcss').Config} */
export default {
  presets: [themePreset],
}
```

2. Inject prepared styles (not recommended)

```typescript
// Inject them as you like
import themeStyles from "@sjsf/skeleton-theme/styles.css?inline";
```

Bundled themes:

- `cerberus`
- `catppuccin`
- `pine`
- `rose`

### Apply theme

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { theme } from '@sjsf/skeleton-theme';

  const form = createForm({
    theme,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/skeleton3-theme
Description: The skeleton v3 based theme for svelte-jsonschema-form
Latest version: 3.0.1

# @sjsf/skeleton3-theme

The [skeleton](https://github.com/skeletonlabs/skeleton) v3 (tailwind v4) based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/legacy/skeleton3/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf/skeleton3-theme
```

## Usage

1. Install Skeleton v3

[Install and configure Skeleton for SvelteKit](https://v3.skeleton.dev/docs/get-started/installation/sveltekit)

2. Configuration

Register the theme source path by adding the following line to the `app.css` file:.

```css
@source "../node_modules/@sjsf/skeleton3-theme/dist";
```

3. Apply theme

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { theme } from '@sjsf/skeleton3-theme';

  const form = createForm({
    theme,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/skeleton4-theme
Description: The skeleton v4 based theme for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/skeleton4-theme

The [skeleton](https://github.com/skeletonlabs/skeleton) v4 based theme for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/themes/skeleton4/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/form @sjsf/skeleton4-theme
```

## Usage

1. Install Skeleton v4

[Install and configure Skeleton for SvelteKit](https://www.skeleton.dev/docs/get-started/installation/sveltekit)

2. Configuration

Register the theme source path by adding the following line to the `app.css` file:.

```css
@source "../node_modules/@sjsf/skeleton4-theme/dist";
```

3. Apply theme

```svelte
<script lang="ts">
  import { createForm } from '@sjsf/form';
  import { theme } from '@sjsf/skeleton4-theme';

  const form = createForm({
    theme,
    ...
  })
</script>
```

## License

MIT
npm package: @sjsf/sveltekit
Description: The SvelteKit integration for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/sveltekit

The [SvelteKit](https://svelte.dev/docs/kit/introduction) integration for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/integrations/sveltekit/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/sveltekit
```

## License

MIT
npm package: @sjsf/valibot-validator
Description: The Valibot based validator for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/valibot-validator

The [Valibot](https://github.com/fabian-hiller/valibot) based validator for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/validators/valibot/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/valibot-validator @valibot/to-json-schema valibot
```

## Usage

```typescript
import { createForm, type Schema } from "@sjsf/form";
import { adapt } from "@sjsf/valibot-validator";
import * as v from "valibot";

const schema = v.object({
  /* your schema */
});

const form = createForm({
  ...adapt(schema),
  /* other options */
});
```

## License

MIT
npm package: @sjsf/zod-integration
Description: The zod based validator augmentation for svelte-jsonschema-form
Latest version: 1.6.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @sjsf/zod-integration

The [zod](https://github.com/colinhacks/zod) based validator augmentation for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/integrations/zod/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground/)

## Installation

```shell
npm install @sjsf/zod-integration zod zod-to-json-schema
```

## Usage

```typescript
import { useForm2, type Schema } from '@sjsf/form'
import { createValidator } from "@sjsf/validator-of-your-choice";
import { withZod } from "@sjsf/zod-integration";
import { zodToJsonSchema } from "zod-to-json-schema";
import { z } from "zod";

const schema = z.object({
  /* your schema */
});

const validator = withZod(createValidator(), {
  schema,
});

const form = useForm2({
  schema: zodToJsonSchema(schema) as Schema,
})
```

## License

MIT
npm package: @sjsf/zod-validator
Description: The zod based validator for svelte-jsonschema-form
Latest version: 2.4.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @sjsf/zod-validator

The [zod](https://github.com/colinhacks/zod) based validator for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/validators/zod/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground2/)

## Installation

```shell
npm install @sjsf/zod-validator zod zod-to-json-schema json-schema-to-zod
```

## Usage

```typescript
import { createForm, type Schema } from '@sjsf/form'
import { createFormValidator } from "@sjsf/zod-validator";
import { zodToJsonSchema } from "zod-to-json-schema";
import { z } from "zod";

const schema = z.object({
  /* your schema */
});

const validator = createFormValidator(schema);

const form = createForm({
  schema: zodToJsonSchema(schema) as Schema,
  validator,
  ...
})
```

## License

MIT
npm package: @sjsf/zod4-validator
Description: The Zod v4 based validator for svelte-jsonschema-form
Latest version: 3.4.0

# @sjsf/zod4-validator

The [zod](https://github.com/colinhacks/zod) based validator for [svelte-jsonschema-form](https://github.com/x0k/svelte-jsonschema-form).

- [Documentation](https://x0k.github.io/svelte-jsonschema-form/validators/zod4/)
- [Playground](https://x0k.github.io/svelte-jsonschema-form/playground3/)

## Installation

```shell
npm install @sjsf/zod4-validator zod
```

## Usage

```typescript
import { createForm, type Schema } from "@sjsf/form";
import { adapt } from "@sjsf/zod4-validator/classic";
import { z } from "zod/v4";

const schema = z.object({
  /* your schema */
});

const form = createForm({
  ...adapt(schema),
  /* other options */
});
```

## License

MIT
npm package: @sjstrykr/class-ify
Description: Manage long classNames
Author: Subhrajyoti Modak
Latest version: 0.0.2

# Class-ify

A small utility for optimising longer classNames.
Very effective when coupled with CSS UI Frameworks like Tailwind.

## Install

```
$ npm install --save class-ify
```

or

```
$ yarn add class-ify
```

## Usage

```
import Classify, {classify} from 'class-ify';

// pass strings
classify("text-slate-200", "w-20", "h-40")
=> "text-slate-200 w-20 h-40"

// pass objects
classify({
  sm: "text-slate-200 w-20 h-40",
  md: "bg-black h-300 w-0",
})
=> "sm:text-slate-200 sm:w-20 sm:h-40 md:bg-black md:h-300 md:w-0"

// pass anything
classify(
  {
    sm: "text-slate-200 w-20 h-40",
    md: "bg-black h-300 w-0",
  },
  "text-slate-200",
  "w-20",
  "h-40",
)
=> "sm:text-slate-200 sm:w-20 sm:h-40 md:bg-black md:h-300 md:w-0 text-slate-200 w-20 h-40"

// change the separator, aggregator and/or joiner
Classify.separator = " ";
Classify.aggregator = "+";
Classify.joiner = "=";
classify(
  {
    sm: "text-slate-200 w-20 h-40",
    md: "bg-black h-300 w-0",
  },
  "text-slate-200",
  "w-20",
  "h-40",
)
=> "sm+text-slate-200=sm+w-20=sm+h-40=md+bg-black=md+h-300=md+w-0=text-slate-200=w-20=h-40"

```
npm package: @sjtec/bmap
Description: yjtec bmap
Latest version: 1.0.5

# @umi-material/@yjtec/bmap

yjtec bmap

## Usage

```sh
umi block https://github.com/https://github.com/yjtec/js-bmap.git/tree/master/@yjtec/bmap
```


属性mapprops

```bash
表示Map构造函数的可选参数，通过对象字面量形式表示
例如：禁用地图点击可传参
mapprops={{enableMapClick: false}}
```


## LICENSE

MIT
npm package: @sjtu-nic/vite-plugins
Description: vite plugins of sjtu-nic
Author: yech
Latest version: 0.0.10

# @sjtu-nic/vite-plugins

![Node Version](https://img.shields.io/badge/node-%3E%3D24.0.0-brightgreen?logo=node.js)
![npm Version](https://img.shields.io/badge/npm-%3E%3D10.0.0-blue?logo=npm)


## Development

- Install dependencies:

```bash
pnpm install
```

- Development:

```bash
pnpm dev
```

- Build the library:

```bash
pnpm build
```

- Publish the library to npm:

```bash
pnpm release
```
## Plugins

### svg-icons
对svg-icons插件进行两次封装，修复原插件bug，避免打包速度过慢的问题

#### Usage

```javascript
// vite.config.ts
import { createSvgIconsPlugin } from '@sjtu-nic/vite-plugins/svg-icons';
export default defineConfig({
    plugins: [
        ...,
        createSvgIconsPlugin({
            iconDirs: [path.resolve(process.cwd(), 'src/icons')],
            symbolId: 'icon-[dir]-[name]'
        }),
    ]
})
```

### analyzer
vite打包耗时分析插件，createBuildTimePlugin用于分析总耗时，createModuleBuildTimePlugin用于分析模块耗时，可按需引入

#### Usage

```javascript
// vite.config.ts
import { createBuildTimePlugin, createModuleBuildTimePlugin } from '@sjtu-nic/vite-plugins/analyzer';
export default defineConfig({
    plugins: [
        ...,
        createBuildTimePlugin(),
        createModuleBuildTimePlugin()
    ]
})
```

## License

[MIT](./LICENSE) License © 2025 sjtu-nic
npm package: @sjtu-opennetwork/react-native-sdk
Description: ## Getting started
Author: sjtu.opennetwork
Latest version: 2.0.9-0.6.11-private

# react-native-sdk

[![Made by Textile](https://img.shields.io/badge/made%20by-Textile-informational.svg?style=popout-square)](https://textile.io)
[![Chat on Slack](https://img.shields.io/badge/slack-slack.textile.io-informational.svg?style=popout-square)](https://slack.textile.io)
[![GitHub license](https://img.shields.io/github/license/textileio/android-textile.svg?style=popout-square)](./LICENSE)
[![CircleCI branch](https://img.shields.io/circleci/project/github/textileio/react-native-sdk/master.svg?style=popout-square)](https://circleci.com/gh/textileio/react-native-sdk)
[![standard-readme compliant](https://img.shields.io/badge/readme%20style-standard-brightgreen.svg?style=popout-square)](https://github.com/RichardLitt/standard-readme)
![Platform](https://img.shields.io/badge/platform-typescript-lightgrey.svg?style=popout-square)
[![Version](https://img.shields.io/npm/v/@textile/react-native-sdk.svg?style=popout-square)](https://www.npmjs.com/package/@textile/react-native-sdk)

> Textile provides encrypted, recoverable, schema-based, and cross-application data storage built on IPFS and libp2p. We like to think of it as a decentralized data wallet with built-in protocols for sharing and recovery, or more simply, an open and programmable iCloud.

## Table of Contents

- [Install](#install)
- [Usage](#usage)
- [Maintainers](#maintainers)
- [Contributing](#contributing)
- [License](#license)

## Install

Textile is available through [npm](https://www.npmjs.com/):

```
npm install @lab1219/react-native-sdk
```

## Usage

To learn about Textile usage, please head over to the [Textile documentation](https://docs.textile.io/) and be sure to read the [JavaScript getting started guide](https://docs.textile.io/develop/clients/javascript/).

See [the boilerplate repo](https://github.com/textileio/advanced-react-native-boilerplate) for example usage.

## Maintainers

[@JerryLX](https://github.com/JerryLX)
[@Riften](https://github.com/Riften)

## Contributing

PRs accepted.

Small note: If editing the README, please conform to the [standard-readme](https://github.com/RichardLitt/standard-readme) specification.

## License

MIT © 2019 Textile