dialkit 0.2.2 → 1.0.0
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/README.md +12 -0
- package/dist/index.cjs +474 -141
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +35 -5
- package/dist/index.d.ts +35 -5
- package/dist/index.js +446 -115
- package/dist/index.js.map +1 -1
- package/dist/solid/index.cjs +2569 -0
- package/dist/solid/index.cjs.map +1 -0
- package/dist/solid/index.d.cts +225 -0
- package/dist/solid/index.d.ts +225 -0
- package/dist/solid/index.js +2530 -0
- package/dist/solid/index.js.map +1 -0
- package/dist/styles.css +7 -1
- package/package.json +31 -9
package/README.md
CHANGED
|
@@ -206,6 +206,7 @@ const p = useDialKit('Controls', {
|
|
|
206
206
|
```
|
|
207
207
|
|
|
208
208
|
Action buttons trigger callbacks without storing any value. The `label` defaults to the formatted key name (camelCase becomes Title Case). Multiple adjacent actions are grouped vertically.
|
|
209
|
+
Action buttons can be placed at the root or nested inside folders.
|
|
209
210
|
|
|
210
211
|
### Folder
|
|
211
212
|
|
|
@@ -233,6 +234,16 @@ shadow: {
|
|
|
233
234
|
}
|
|
234
235
|
```
|
|
235
236
|
|
|
237
|
+
DialKit also supports dynamic config updates. If your config shape, defaults, options, or labels change over time, the panel updates while preserving current values where paths still exist.
|
|
238
|
+
|
|
239
|
+
Dynamic configs work with both inline objects and memoized configs — no special consumer action needed:
|
|
240
|
+
|
|
241
|
+
```tsx
|
|
242
|
+
const values = useDialKit('Controls', {
|
|
243
|
+
style: { type: 'select', options: dynamicOptions },
|
|
244
|
+
});
|
|
245
|
+
```
|
|
246
|
+
|
|
236
247
|
---
|
|
237
248
|
|
|
238
249
|
## DialRoot
|
|
@@ -244,6 +255,7 @@ shadow: {
|
|
|
244
255
|
| Prop | Type | Default |
|
|
245
256
|
|------|------|---------|
|
|
246
257
|
| `position` | `'top-right' \| 'top-left' \| 'bottom-right' \| 'bottom-left'` | `'top-right'` |
|
|
258
|
+
| `defaultOpen` | `boolean` | `true` |
|
|
247
259
|
|
|
248
260
|
Mount once at your app root. The panel renders via a portal on `document.body`. It collapses to a small icon button and expands to 280px wide on click.
|
|
249
261
|
|