@digiform/wizard 0.2.4 → 0.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +14 -14
  2. package/index.cjs +3 -19710
  3. package/index.js +11182 -13410
  4. package/package.json +2 -2
  5. package/renderer/wizardRenderer.d.ts +2 -0
  6. package/styles.css +1 -1858
  7. package/index.cjs.map +0 -1
  8. package/index.js.map +0 -1
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
- # @formbuilder/wizard
1
+ # @digiform/wizard
2
2
 
3
- [![npm version](https://img.shields.io/npm/v/@formbuilder/wizard.svg)](https://www.npmjs.com/package/@formbuilder/wizard)
3
+ [![npm version](https://img.shields.io/npm/v/@digiform/wizard.svg)](https://www.npmjs.com/package/@digiform/wizard)
4
4
  [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
5
5
 
6
6
  React component for rendering configurable multi-step forms from a JSON config. Zero database dependencies.
@@ -10,7 +10,7 @@ React component for rendering configurable multi-step forms from a JSON config.
10
10
  ## Installation
11
11
 
12
12
  ```bash
13
- npm install @formbuilder/wizard
13
+ npm install @digiform/wizard
14
14
  ```
15
15
 
16
16
  > Requires React 18+, XState 5+, TanStack Form 1+, Zod 3+, and Radix UI components as peer dependencies. See `peerDependencies` in package.json for exact versions.
@@ -22,7 +22,7 @@ npm install @formbuilder/wizard
22
22
  > **Required:** You must import the wizard stylesheet before rendering any wizard component.
23
23
 
24
24
  ```ts
25
- import '@formbuilder/wizard/styles';
25
+ import '@digiform/wizard/styles';
26
26
  ```
27
27
 
28
28
  Add this import once at your app entry point before rendering any wizard.
@@ -32,8 +32,8 @@ Add this import once at your app entry point before rendering any wizard.
32
32
  ## Quick Start
33
33
 
34
34
  ```tsx
35
- import { FormWizard } from '@formbuilder/wizard';
36
- import '@formbuilder/wizard/styles';
35
+ import { FormWizard } from '@digiform/wizard';
36
+ import '@digiform/wizard/styles';
37
37
 
38
38
  const config = { /* your FormWizardConfig */ };
39
39
 
@@ -61,7 +61,7 @@ export function MyForm() {
61
61
  // src/main.tsx
62
62
  import React from 'react';
63
63
  import ReactDOM from 'react-dom/client';
64
- import '@formbuilder/wizard/styles'; // must come before App
64
+ import '@digiform/wizard/styles'; // must come before App
65
65
  import App from './App';
66
66
 
67
67
  ReactDOM.createRoot(document.getElementById('root')!).render(
@@ -75,8 +75,8 @@ export function MyForm() {
75
75
 
76
76
  ```tsx
77
77
  // src/components/MyForm.tsx
78
- import { FormWizard } from '@formbuilder/wizard';
79
- import type { FormWizardConfig } from '@formbuilder/wizard';
78
+ import { FormWizard } from '@digiform/wizard';
79
+ import type { FormWizardConfig } from '@digiform/wizard';
80
80
 
81
81
  const config: FormWizardConfig = {
82
82
  // your form configuration
@@ -97,7 +97,7 @@ export function MyForm() {
97
97
 
98
98
  ```tsx
99
99
  // app/layout.tsx — App Router
100
- import '@formbuilder/wizard/styles';
100
+ import '@digiform/wizard/styles';
101
101
 
102
102
  export default function RootLayout({ children }: { children: React.ReactNode }) {
103
103
  return (
@@ -110,7 +110,7 @@ export function MyForm() {
110
110
 
111
111
  ```tsx
112
112
  // pages/_app.tsx — Pages Router
113
- import '@formbuilder/wizard/styles';
113
+ import '@digiform/wizard/styles';
114
114
  import type { AppProps } from 'next/app';
115
115
 
116
116
  export default function App({ Component, pageProps }: AppProps) {
@@ -126,8 +126,8 @@ export function MyForm() {
126
126
  // app/forms/page.tsx
127
127
  'use client';
128
128
 
129
- import { FormWizard } from '@formbuilder/wizard';
130
- import type { FormWizardConfig } from '@formbuilder/wizard';
129
+ import { FormWizard } from '@digiform/wizard';
130
+ import type { FormWizardConfig } from '@digiform/wizard';
131
131
 
132
132
  const config: FormWizardConfig = {
133
133
  // your form configuration
@@ -144,4 +144,4 @@ export function MyForm() {
144
144
 
145
145
  ## Related
146
146
 
147
- Use [@formbuilder/builder](https://www.npmjs.com/package/@formbuilder/builder) to visually create and edit form configs.
147
+ Use [@digiform/builder](https://www.npmjs.com/package/@digiform/builder) to visually create and edit form configs.