@superleapai/flow-ui 1.0.0 → 1.0.2
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.
- package/CHANGELOG.md +1 -1
- package/README.md +7 -7
- package/index.d.ts +2 -2
- package/index.js +3 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -8,7 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
8
8
|
## [1.0.0] - 2026-02-06
|
|
9
9
|
|
|
10
10
|
### Added
|
|
11
|
-
- Initial release of @
|
|
11
|
+
- Initial release of @superleapai/flow-ui
|
|
12
12
|
- Core state management system with `initState`, `getState`, `setState`, `get`, `set`
|
|
13
13
|
- Screen utilities: `createScreen`, `createGrid`, `createFieldWrapper`
|
|
14
14
|
- Form components:
|
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# @
|
|
1
|
+
# @superleapai/flow-ui
|
|
2
2
|
|
|
3
3
|
A comprehensive, reusable design system for building multi-step forms and UI components with vanilla JavaScript and Tailwind CSS.
|
|
4
4
|
|
|
@@ -7,7 +7,7 @@ A comprehensive, reusable design system for building multi-step forms and UI com
|
|
|
7
7
|
## 📦 Installation
|
|
8
8
|
|
|
9
9
|
```bash
|
|
10
|
-
npm install @
|
|
10
|
+
npm install @superleapai/flow-ui
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
## 🚀 Quick Start
|
|
@@ -18,13 +18,13 @@ npm install @superleap/superleap-flow
|
|
|
18
18
|
<!DOCTYPE html>
|
|
19
19
|
<html>
|
|
20
20
|
<head>
|
|
21
|
-
<link rel="stylesheet" href="
|
|
21
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@superleapai/flow-ui@latest/dist/output.css">
|
|
22
22
|
</head>
|
|
23
23
|
<body>
|
|
24
24
|
<div id="app"></div>
|
|
25
25
|
|
|
26
26
|
<!-- Single script tag - includes SuperLeap SDK and all components -->
|
|
27
|
-
<script src="
|
|
27
|
+
<script src="https://cdn.jsdelivr.net/npm/@superleapai/flow-ui@latest/index.js"></script>
|
|
28
28
|
|
|
29
29
|
<script>
|
|
30
30
|
// Wait for library to be ready
|
|
@@ -78,7 +78,7 @@ npm install @superleap/superleap-flow
|
|
|
78
78
|
### ES Module Usage
|
|
79
79
|
|
|
80
80
|
```javascript
|
|
81
|
-
import { FlowUI, SuperLeap } from '@
|
|
81
|
+
import { FlowUI, SuperLeap } from '@superleapai/flow-ui';
|
|
82
82
|
|
|
83
83
|
// Initialize SuperLeap SDK
|
|
84
84
|
SuperLeap.init({ apiKey: 'YOUR_KEY' });
|
|
@@ -97,7 +97,7 @@ const nameInput = FlowUI.createInput({
|
|
|
97
97
|
### CommonJS Usage
|
|
98
98
|
|
|
99
99
|
```javascript
|
|
100
|
-
const { FlowUI, SuperLeap } = require('@
|
|
100
|
+
const { FlowUI, SuperLeap } = require('@superleapai/flow-ui');
|
|
101
101
|
|
|
102
102
|
SuperLeap.init({ apiKey: 'YOUR_KEY' });
|
|
103
103
|
FlowUI.initState({ name: '' });
|
|
@@ -428,7 +428,7 @@ See `example.html` for a comprehensive demonstration of all components.
|
|
|
428
428
|
Full TypeScript definitions included:
|
|
429
429
|
|
|
430
430
|
```typescript
|
|
431
|
-
import { FlowUI, SuperLeap, SuperLeapConfig } from '@
|
|
431
|
+
import { FlowUI, SuperLeap, SuperLeapConfig } from '@superleapai/flow-ui';
|
|
432
432
|
|
|
433
433
|
const config: SuperLeapConfig = {
|
|
434
434
|
apiKey: 'YOUR_KEY'
|
package/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* TypeScript definitions for @
|
|
2
|
+
* TypeScript definitions for @superleapai/flow-ui
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
declare module "@
|
|
5
|
+
declare module "@superleapai/flow-ui" {
|
|
6
6
|
// ============================================================================
|
|
7
7
|
// SUPERLEAP SDK
|
|
8
8
|
// ============================================================================
|
package/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Superleap-Flow Library Entry Point
|
|
3
|
-
* @
|
|
3
|
+
* @superleapai/flow-ui
|
|
4
4
|
*
|
|
5
5
|
* Single-file bundle that includes SuperLeap SDK and all components.
|
|
6
6
|
* Only FlowUI and SuperLeap are exposed to global scope.
|
|
@@ -18,10 +18,10 @@
|
|
|
18
18
|
* </script>
|
|
19
19
|
*
|
|
20
20
|
* ES Module:
|
|
21
|
-
* import { FlowUI, SuperLeap } from '@
|
|
21
|
+
* import { FlowUI, SuperLeap } from '@superleapai/flow-ui';
|
|
22
22
|
*
|
|
23
23
|
* CommonJS:
|
|
24
|
-
* const { FlowUI, SuperLeap } = require('@
|
|
24
|
+
* const { FlowUI, SuperLeap } = require('@superleapai/flow-ui');
|
|
25
25
|
*/
|
|
26
26
|
|
|
27
27
|
(function(global) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@superleapai/flow-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "A reusable design system for building multi-step forms with comprehensive UI components. Single file, clean globals, SDK included. Only FlowUI and SuperLeap exposed.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"types": "index.d.ts",
|