@volverjs/ui-vue 0.0.13 → 0.0.14

package/dist/json-render/index.d.ts

@@ -0,0 +1,55 @@
+/**
+ * json-render catalog and registry for @volverjs/ui-vue
+ *
+ * Enables LLMs to generate UIs using Volver components by following
+ * the json-render standard (https://json-render.dev).
+ *
+ * ## Quick start
+ *
+ * ```ts
+ * import { catalog, registry } from '@volverjs/ui-vue/json-render'
+ *
+ * // 1. Generate AI system prompt
+ * const systemPrompt = catalog.prompt()
+ *
+ * // 2. Use registry to render AI-generated specs
+ * // <Renderer :spec="spec" :registry="registry" />
+ * ```
+ *
+ * ## Custom catalog (subset of components)
+ *
+ * ```ts
+ * import { defineCatalog } from '@json-render/core'
+ * import { schema } from '@json-render/vue'
+ * import { volverComponentDefinitions } from '@volverjs/ui-vue/json-render'
+ *
+ * const myCatalog = defineCatalog(schema, {
+ *   components: {
+ *     Button: volverComponentDefinitions.Button,
+ *     Card: volverComponentDefinitions.Card,
+ *     InputText: volverComponentDefinitions.InputText,
+ *   },
+ * })
+ * ```
+ *
+ * ## Custom registry (subset of components)
+ *
+ * ```ts
+ * import { defineRegistry } from '@json-render/vue'
+ * import { volverComponents } from '@volverjs/ui-vue/json-render'
+ *
+ * const { registry } = defineRegistry(myCatalog, {
+ *   components: {
+ *     Button: volverComponents.Button,
+ *     Card: volverComponents.Card,
+ *     InputText: volverComponents.InputText,
+ *   },
+ * })
+ * ```
+ */
+export { catalog } from './catalog';
+export { volverComponents } from './components';
+export { AccordionComponent, AccordionGroupComponent, AlertComponent, AlertGroupComponent, AvatarComponent, AvatarGroupComponent, BadgeComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CheckboxComponent, CheckboxGroupComponent, ComboboxComponent, DialogComponent, IconComponent, InputFileComponent, InputTextComponent, NavComponent, ProgressComponent, RadioComponent, RadioGroupComponent, SelectComponent, TabComponent, TextareaComponent, TooltipComponent, } from './components';
+export { volverComponentDefinitions } from './definitions';
+export { AccordionDefinition, AccordionGroupDefinition, AlertDefinition, AlertGroupDefinition, AvatarDefinition, AvatarGroupDefinition, BadgeDefinition, BreadcrumbDefinition, ButtonDefinition, ButtonGroupDefinition, CardDefinition, CheckboxDefinition, CheckboxGroupDefinition, ComboboxDefinition, DialogDefinition, IconDefinition, InputFileDefinition, InputTextDefinition, NavDefinition, ProgressDefinition, RadioDefinition, RadioGroupDefinition, SelectDefinition, TabDefinition, TextareaDefinition, TooltipDefinition, } from './definitions';
+export { registry } from './registry';

package/dist/json-render/registry.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Pre-built json-render registry mapping all curated Volver catalog types
+ * to their Vue component implementations.
+ *
+ * Use with the `<Renderer>` component from `@json-render/vue` to render
+ * AI-generated specs using Volver UI components.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import {
+ *   Renderer,
+ *   StateProvider,
+ *   VisibilityProvider,
+ *   ActionProvider,
+ * } from '@json-render/vue'
+ * import { registry } from '@volverjs/ui-vue/json-render'
+ * import type { Spec } from '@json-render/vue'
+ *
+ * const spec = ref<Spec | null>(null)
+ * </script>
+ *
+ * <template>
+ *   <StateProvider :initial-state="{}">
+ *     <VisibilityProvider>
+ *       <ActionProvider :handlers="{}">
+ *         <Renderer :spec="spec" :registry="registry" />
+ *       </ActionProvider>
+ *     </VisibilityProvider>
+ *   </StateProvider>
+ * </template>
+ * ```
+ */
+export declare const registry: import("@json-render/vue").ComponentRegistry;