json-render-nuxt-ui 0.0.2 → 0.0.3

package/dist/index.mjs

@@ -0,0 +1,296 @@
+import {
+  nuxtUiComponentDefinitions
+} from "./chunk-C6RGC4NH.mjs";
+
+// src/components.ts
+import { h, resolveComponent } from "vue";
+import { useBoundProp } from "@json-render/vue";
+var gapClass = {
+  none: "gap-0",
+  xs: "gap-1",
+  sm: "gap-2",
+  md: "gap-4",
+  lg: "gap-6",
+  xl: "gap-8"
+};
+var nuxtUiComponents = {
+  Stack: ({ props, children }) => {
+    const gap = gapClass[props.gap ?? "md"];
+    return h("div", { class: `flex flex-col ${gap}` }, children);
+  },
+  Row: ({ props, children }) => {
+    const gap = gapClass[props.gap ?? "md"];
+    const alignMap = {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    };
+    const justifyMap = {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around"
+    };
+    const classes = [
+      "flex flex-row",
+      gap,
+      alignMap[props.align ?? "center"],
+      justifyMap[props.justify ?? "start"],
+      props.wrap ? "flex-wrap" : ""
+    ].filter(Boolean).join(" ");
+    return h("div", { class: classes }, children);
+  },
+  Divider: ({ props }) => {
+    if (props.label) {
+      return h("div", { class: "flex items-center gap-3 my-2" }, [
+        h("hr", { class: "flex-1 border-default" }),
+        h("span", { class: "text-xs text-dimmed shrink-0" }, props.label),
+        h("hr", { class: "flex-1 border-default" })
+      ]);
+    }
+    return h("hr", { class: "border-default my-2" });
+  },
+  Text: ({ props }) => {
+    const sizeClass = {
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-lg"
+    };
+    const colorClass = {
+      default: "text-default",
+      muted: "text-muted",
+      dimmed: "text-dimmed"
+    };
+    const classes = [
+      sizeClass[props.size ?? "sm"],
+      colorClass[props.color ?? "default"]
+    ].join(" ");
+    return h("p", { class: classes }, props.content);
+  },
+  Card: ({ props, children }) => {
+    const UCard = resolveComponent("UCard");
+    const hasHeader = Boolean(props.title || props.description);
+    return h(UCard, null, {
+      header: hasHeader ? () => h("div", { class: "space-y-1" }, [
+        props.title ? h("h3", { class: "text-base font-semibold" }, props.title) : null,
+        props.description ? h("p", { class: "text-sm text-muted" }, props.description) : null
+      ]) : void 0,
+      default: () => h("div", { class: "space-y-4" }, children)
+    });
+  },
+  Header: ({ props }) => {
+    const level = props.level ?? "h2";
+    const titleClassByLevel = {
+      h1: "text-3xl font-bold tracking-tight",
+      h2: "text-2xl font-semibold tracking-tight",
+      h3: "text-xl font-semibold",
+      h4: "text-lg font-semibold",
+      h5: "text-base font-semibold",
+      h6: "text-sm font-semibold uppercase tracking-wide"
+    };
+    return h("header", { class: "space-y-1" }, [
+      h(level, { class: titleClassByLevel[level] }, props.text),
+      props.description ? h("p", { class: "text-sm text-muted" }, props.description) : null
+    ]);
+  },
+  Button: ({ props, on }) => {
+    const UButton = resolveComponent("UButton");
+    const press = on("press");
+    return h(UButton, {
+      label: props.label,
+      color: props.color,
+      variant: props.variant,
+      size: props.size,
+      icon: props.icon,
+      loading: props.loading,
+      disabled: props.disabled,
+      onClick: (event) => {
+        if (press.shouldPreventDefault) {
+          event.preventDefault();
+        }
+        press.emit();
+      }
+    });
+  },
+  Input: ({ props, bindings, emit }) => {
+    const UInput = resolveComponent("UInput");
+    const [value, setValue] = useBoundProp(
+      props.value,
+      bindings?.value
+    );
+    return h(UInput, {
+      modelValue: value ?? "",
+      type: props.type ?? "text",
+      placeholder: props.placeholder,
+      size: props.size,
+      disabled: props.disabled,
+      autofocus: props.autofocus,
+      "onUpdate:modelValue": (nextValue) => {
+        setValue(nextValue);
+        emit("change");
+      }
+    });
+  },
+  Select: ({ props, bindings, emit }) => {
+    const USelect = resolveComponent("USelect");
+    const [value, setValue] = useBoundProp(props.value, bindings?.value);
+    return h(USelect, {
+      modelValue: value ?? null,
+      items: props.items ?? [],
+      placeholder: props.placeholder,
+      size: props.size,
+      disabled: props.disabled,
+      "onUpdate:modelValue": (nextValue) => {
+        setValue(nextValue);
+        emit("change");
+      }
+    });
+  },
+  Checkbox: ({ props, bindings, emit }) => {
+    const UCheckbox = resolveComponent("UCheckbox");
+    const [checked, setChecked] = useBoundProp(
+      props.checked,
+      bindings?.checked
+    );
+    return h(UCheckbox, {
+      modelValue: checked ?? false,
+      label: props.label,
+      description: props.description ?? void 0,
+      disabled: props.disabled,
+      "onUpdate:modelValue": (nextValue) => {
+        setChecked(nextValue);
+        emit("change");
+      }
+    });
+  },
+  Textarea: ({ props, bindings, emit }) => {
+    const UTextarea = resolveComponent("UTextarea");
+    const [value, setValue] = useBoundProp(
+      props.value,
+      bindings?.value
+    );
+    return h(UTextarea, {
+      modelValue: value ?? "",
+      placeholder: props.placeholder,
+      rows: props.rows,
+      autoresize: props.autoresize,
+      maxrows: props.maxrows,
+      disabled: props.disabled,
+      "onUpdate:modelValue": (nextValue) => {
+        setValue(nextValue);
+        emit("change");
+      }
+    });
+  },
+  Switch: ({ props, bindings, emit }) => {
+    const USwitch = resolveComponent("USwitch");
+    const [checked, setChecked] = useBoundProp(
+      props.checked,
+      bindings?.checked
+    );
+    return h(USwitch, {
+      modelValue: checked ?? false,
+      label: props.label,
+      description: props.description ?? void 0,
+      disabled: props.disabled,
+      "onUpdate:modelValue": (nextValue) => {
+        setChecked(nextValue);
+        emit("change");
+      }
+    });
+  },
+  Dialog: ({ props, bindings, children, emit, on }) => {
+    const UModal = resolveComponent("UModal");
+    const UButton = resolveComponent("UButton");
+    const [open, setOpen] = useBoundProp(
+      props.open,
+      bindings?.open
+    );
+    const confirm = on("confirm");
+    const cancel = on("cancel");
+    const updateOpen = (nextOpen) => {
+      setOpen(nextOpen);
+      emit("openChange");
+    };
+    return h(
+      UModal,
+      {
+        open: open ?? false,
+        title: props.title,
+        description: props.description ?? void 0,
+        "onUpdate:open": (nextOpen) => updateOpen(nextOpen)
+      },
+      {
+        default: () => children,
+        footer: () => h("div", { class: "flex justify-end gap-2" }, [
+          h(UButton, {
+            variant: "ghost",
+            label: props.cancelLabel ?? "Cancel",
+            onClick: (event) => {
+              if (cancel.shouldPreventDefault) {
+                event.preventDefault();
+              }
+              cancel.emit();
+              updateOpen(false);
+            }
+          }),
+          h(UButton, {
+            color: props.confirmColor ?? "primary",
+            variant: props.confirmVariant ?? "solid",
+            label: props.confirmLabel ?? "Confirm",
+            onClick: (event) => {
+              if (confirm.shouldPreventDefault) {
+                event.preventDefault();
+              }
+              confirm.emit();
+              if (props.closeOnConfirm !== false) {
+                updateOpen(false);
+              }
+            }
+          })
+        ])
+      }
+    );
+  }
+};
+
+// src/globals.ts
+var nuxtUiGlobalDeps = {
+  Card: ["UCard"],
+  Button: ["UButton"],
+  Input: ["UInput"],
+  Select: ["USelect"],
+  Checkbox: ["UCheckbox"],
+  Textarea: ["UTextarea"],
+  Switch: ["USwitch"],
+  Dialog: ["UModal", "UButton"]
+};
+function registerNuxtUiGlobals(nuxtApp, resolved, catalogComponents) {
+  const filterKeys = Array.isArray(catalogComponents) ? catalogComponents : Object.keys(catalogComponents);
+  const needed = /* @__PURE__ */ new Map();
+  for (const key of filterKeys) {
+    const deps = nuxtUiGlobalDeps[key];
+    if (deps) {
+      for (const dep of deps) needed.set(dep, key);
+    }
+  }
+  for (const [name, catalogName] of needed) {
+    const comp = resolved[name];
+    if (comp) {
+      nuxtApp.vueApp.component(name, comp);
+    } else {
+      console.warn(
+        `[json-render-nuxt-ui] Missing "${name}" \u2014 required by the "${catalogName}" component. Import it (import { ${name} } from "#components") and pass it to your registerNuxtUiGlobals() call.`
+      );
+    }
+  }
+}
+export {
+  nuxtUiComponentDefinitions,
+  nuxtUiComponents,
+  registerNuxtUiGlobals
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components.ts","../src/globals.ts"],"sourcesContent":["import { h, resolveComponent } from \"vue\";\nimport { useBoundProp, type BaseComponentProps } from \"@json-render/vue\";\nimport type { NuxtUiComponentName, NuxtUiProps } from \"./catalog\";\n\ntype ComponentMap = {\n  [K in NuxtUiComponentName]: (\n    ctx: BaseComponentProps<NuxtUiProps<K>>\n  ) => ReturnType<typeof h>;\n};\n\nconst gapClass: Record<string, string> = {\n  none: \"gap-0\",\n  xs: \"gap-1\",\n  sm: \"gap-2\",\n  md: \"gap-4\",\n  lg: \"gap-6\",\n  xl: \"gap-8\",\n};\n\nexport const nuxtUiComponents: ComponentMap = {\n  Stack: ({ props, children }) => {\n    const gap = gapClass[props.gap ?? \"md\"];\n    return h(\"div\", { class: `flex flex-col ${gap}` }, children);\n  },\n\n  Row: ({ props, children }) => {\n    const gap = gapClass[props.gap ?? \"md\"];\n    const alignMap: Record<string, string> = {\n      start: \"items-start\",\n      center: \"items-center\",\n      end: \"items-end\",\n      stretch: \"items-stretch\",\n    };\n    const justifyMap: Record<string, string> = {\n      start: \"justify-start\",\n      center: \"justify-center\",\n      end: \"justify-end\",\n      between: \"justify-between\",\n      around: \"justify-around\",\n    };\n    const classes = [\n      \"flex flex-row\",\n      gap,\n      alignMap[props.align ?? \"center\"],\n      justifyMap[props.justify ?? \"start\"],\n      props.wrap ? \"flex-wrap\" : \"\",\n    ]\n      .filter(Boolean)\n      .join(\" \");\n    return h(\"div\", { class: classes }, children);\n  },\n\n  Divider: ({ props }) => {\n    if (props.label) {\n      return h(\"div\", { class: \"flex items-center gap-3 my-2\" }, [\n        h(\"hr\", { class: \"flex-1 border-default\" }),\n        h(\"span\", { class: \"text-xs text-dimmed shrink-0\" }, props.label),\n        h(\"hr\", { class: \"flex-1 border-default\" }),\n      ]);\n    }\n    return h(\"hr\", { class: \"border-default my-2\" });\n  },\n\n  Text: ({ props }) => {\n    const sizeClass: Record<string, string> = {\n      xs: \"text-xs\",\n      sm: \"text-sm\",\n      md: \"text-base\",\n      lg: \"text-lg\",\n    };\n    const colorClass: Record<string, string> = {\n      default: \"text-default\",\n      muted: \"text-muted\",\n      dimmed: \"text-dimmed\",\n    };\n    const classes = [\n      sizeClass[props.size ?? \"sm\"],\n      colorClass[props.color ?? \"default\"],\n    ].join(\" \");\n    return h(\"p\", { class: classes }, props.content);\n  },\n\n  Card: ({ props, children }) => {\n    const UCard = resolveComponent(\"UCard\");\n    const hasHeader = Boolean(props.title || props.description);\n\n    return h(UCard, null, {\n      header: hasHeader\n        ? () =>\n            h(\"div\", { class: \"space-y-1\" }, [\n              props.title\n                ? h(\"h3\", { class: \"text-base font-semibold\" }, props.title)\n                : null,\n              props.description\n                ? h(\"p\", { class: \"text-sm text-muted\" }, props.description)\n                : null,\n            ])\n        : undefined,\n      default: () => h(\"div\", { class: \"space-y-4\" }, children),\n    });\n  },\n\n  Header: ({ props }) => {\n    const level = props.level ?? \"h2\";\n    const titleClassByLevel: Record<string, string> = {\n      h1: \"text-3xl font-bold tracking-tight\",\n      h2: \"text-2xl font-semibold tracking-tight\",\n      h3: \"text-xl font-semibold\",\n      h4: \"text-lg font-semibold\",\n      h5: \"text-base font-semibold\",\n      h6: \"text-sm font-semibold uppercase tracking-wide\",\n    };\n\n    return h(\"header\", { class: \"space-y-1\" }, [\n      h(level, { class: titleClassByLevel[level] }, props.text),\n      props.description\n        ? h(\"p\", { class: \"text-sm text-muted\" }, props.description)\n        : null,\n    ]);\n  },\n\n  Button: ({ props, on }) => {\n    const UButton = resolveComponent(\"UButton\");\n    const press = on(\"press\");\n\n    return h(UButton, {\n      label: props.label,\n      color: props.color,\n      variant: props.variant,\n      size: props.size,\n      icon: props.icon,\n      loading: props.loading,\n      disabled: props.disabled,\n      onClick: (event: Event) => {\n        if (press.shouldPreventDefault) {\n          event.preventDefault();\n        }\n        press.emit();\n      },\n    });\n  },\n\n  Input: ({ props, bindings, emit }) => {\n    const UInput = resolveComponent(\"UInput\");\n    const [value, setValue] = useBoundProp<string | null | undefined>(\n      props.value,\n      bindings?.value\n    );\n\n    return h(UInput, {\n      modelValue: value ?? \"\",\n      type: props.type ?? \"text\",\n      placeholder: props.placeholder,\n      size: props.size,\n      disabled: props.disabled,\n      autofocus: props.autofocus,\n      \"onUpdate:modelValue\": (nextValue: string) => {\n        setValue(nextValue);\n        emit(\"change\");\n      },\n    });\n  },\n\n  Select: ({ props, bindings, emit }) => {\n    const USelect = resolveComponent(\"USelect\");\n    const [value, setValue] = useBoundProp<\n      string | number | boolean | null | undefined\n    >(props.value, bindings?.value);\n\n    return h(USelect, {\n      modelValue: value ?? null,\n      items: props.items ?? [],\n      placeholder: props.placeholder,\n      size: props.size,\n      disabled: props.disabled,\n      \"onUpdate:modelValue\": (nextValue: string | number | boolean | null) => {\n        setValue(nextValue);\n        emit(\"change\");\n      },\n    });\n  },\n\n  Checkbox: ({ props, bindings, emit }) => {\n    const UCheckbox = resolveComponent(\"UCheckbox\");\n    const [checked, setChecked] = useBoundProp<boolean | null | undefined>(\n      props.checked,\n      bindings?.checked\n    );\n\n    return h(UCheckbox, {\n      modelValue: checked ?? false,\n      label: props.label,\n      description: props.description ?? undefined,\n      disabled: props.disabled,\n      \"onUpdate:modelValue\": (nextValue: boolean) => {\n        setChecked(nextValue);\n        emit(\"change\");\n      },\n    });\n  },\n\n  Textarea: ({ props, bindings, emit }) => {\n    const UTextarea = resolveComponent(\"UTextarea\");\n    const [value, setValue] = useBoundProp<string | null | undefined>(\n      props.value,\n      bindings?.value\n    );\n\n    return h(UTextarea, {\n      modelValue: value ?? \"\",\n      placeholder: props.placeholder,\n      rows: props.rows,\n      autoresize: props.autoresize,\n      maxrows: props.maxrows,\n      disabled: props.disabled,\n      \"onUpdate:modelValue\": (nextValue: string) => {\n        setValue(nextValue);\n        emit(\"change\");\n      },\n    });\n  },\n\n  Switch: ({ props, bindings, emit }) => {\n    const USwitch = resolveComponent(\"USwitch\");\n    const [checked, setChecked] = useBoundProp<boolean | null | undefined>(\n      props.checked,\n      bindings?.checked\n    );\n\n    return h(USwitch, {\n      modelValue: checked ?? false,\n      label: props.label,\n      description: props.description ?? undefined,\n      disabled: props.disabled,\n      \"onUpdate:modelValue\": (nextValue: boolean) => {\n        setChecked(nextValue);\n        emit(\"change\");\n      },\n    });\n  },\n\n  Dialog: ({ props, bindings, children, emit, on }) => {\n    const UModal = resolveComponent(\"UModal\");\n    const UButton = resolveComponent(\"UButton\");\n    const [open, setOpen] = useBoundProp<boolean | undefined>(\n      props.open,\n      bindings?.open\n    );\n    const confirm = on(\"confirm\");\n    const cancel = on(\"cancel\");\n\n    const updateOpen = (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      emit(\"openChange\");\n    };\n\n    return h(\n      UModal,\n      {\n        open: open ?? false,\n        title: props.title,\n        description: props.description ?? undefined,\n        \"onUpdate:open\": (nextOpen: boolean) => updateOpen(nextOpen),\n      },\n      {\n        default: () => children,\n        footer: () =>\n          h(\"div\", { class: \"flex justify-end gap-2\" }, [\n            h(UButton, {\n              variant: \"ghost\",\n              label: props.cancelLabel ?? \"Cancel\",\n              onClick: (event: Event) => {\n                if (cancel.shouldPreventDefault) {\n                  event.preventDefault();\n                }\n                cancel.emit();\n                updateOpen(false);\n              },\n            }),\n            h(UButton, {\n              color: props.confirmColor ?? \"primary\",\n              variant: props.confirmVariant ?? \"solid\",\n              label: props.confirmLabel ?? \"Confirm\",\n              onClick: (event: Event) => {\n                if (confirm.shouldPreventDefault) {\n                  event.preventDefault();\n                }\n                confirm.emit();\n                if (props.closeOnConfirm !== false) {\n                  updateOpen(false);\n                }\n              },\n            }),\n          ]),\n      }\n    );\n  },\n};\n","import type { Component } from \"vue\";\nimport type { ComponentDefinition, NuxtUiComponentName } from \"./catalog\";\n\n/**\n * Maps json-render catalog component names to the Nuxt UI global component\n * names they depend on at runtime via `resolveComponent()`.\n *\n * Components that only use native HTML elements (e.g. Header) have no entry.\n */\nexport const nuxtUiGlobalDeps: Readonly<\n  Partial<Record<NuxtUiComponentName, readonly string[]>>\n> = {\n  Card: [\"UCard\"],\n  Button: [\"UButton\"],\n  Input: [\"UInput\"],\n  Select: [\"USelect\"],\n  Checkbox: [\"UCheckbox\"],\n  Textarea: [\"UTextarea\"],\n  Switch: [\"USwitch\"],\n  Dialog: [\"UModal\", \"UButton\"],\n};\n\ntype NuxtAppLike = {\n  vueApp: { component(name: string, comp: Component): void };\n};\n\n/**\n * Globally register the Nuxt UI components that json-render-nuxt-ui\n * needs at runtime.\n *\n * Nuxt auto-imports resolve `@nuxt/ui` components at compile time via\n * template transforms — they are NOT registered globally at runtime. The\n * json-render component registry uses Vue's `resolveComponent()`, so the\n * components it references must be registered on the Vue app instance.\n *\n * @param nuxtApp  The Nuxt app instance (from `defineNuxtPlugin` callback).\n * @param resolved Object mapping Nuxt UI component names (e.g. `UCard`) to\n *   their Vue component implementations — import these from `#components`.\n * @param catalogComponents The catalog component names to register globals for.\n *   Only the Nuxt UI globals required by these components are registered. Pass\n *   an array of names (`['Card', 'Button']`) or an object whose keys are names\n *   (e.g. `nuxtUiComponentDefinitions` or a custom subset).\n *\n * @example\n * ```ts\n * import { registerNuxtUiGlobals, nuxtUiComponentDefinitions } from \"json-render-nuxt-ui\";\n * import { UCard, UButton, UInput, USelect, UCheckbox, UTextarea, USwitch, UModal } from \"#components\";\n *\n * export default defineNuxtPlugin((nuxtApp) => {\n *   registerNuxtUiGlobals(\n *     nuxtApp,\n *     { UCard, UButton, UInput, USelect, UCheckbox, UTextarea, USwitch, UModal },\n *     nuxtUiComponentDefinitions,\n *   );\n * });\n * ```\n */\nexport function registerNuxtUiGlobals(\n  nuxtApp: NuxtAppLike,\n  resolved: Record<string, Component>,\n  catalogComponents:\n    | NuxtUiComponentName[]\n    | Partial<Record<NuxtUiComponentName, ComponentDefinition>>,\n): void {\n  const filterKeys: NuxtUiComponentName[] = Array.isArray(catalogComponents)\n    ? catalogComponents\n    : (Object.keys(catalogComponents) as NuxtUiComponentName[]);\n\n  const needed = new Map<string, NuxtUiComponentName>();\n  for (const key of filterKeys) {\n    const deps = nuxtUiGlobalDeps[key];\n    if (deps) {\n      for (const dep of deps) needed.set(dep, key);\n    }\n  }\n\n  for (const [name, catalogName] of needed) {\n    const comp = resolved[name];\n    if (comp) {\n      nuxtApp.vueApp.component(name, comp);\n    } else {\n      console.warn(\n        `[json-render-nuxt-ui] Missing \"${name}\" — required by the \"${catalogName}\" component. ` +\n          `Import it (import { ${name} } from \"#components\") and pass it ` +\n          `to your registerNuxtUiGlobals() call.`,\n      );\n    }\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,7 +1,22 @@
 {
   "name": "json-render-nuxt-ui",
-  "version": "0.0.2",
-  "description": "Nuxt UI adapter package for Vercel json-render",
+  "version": "0.0.3",
+  "license": "Apache-2.0",
+  "description": "Nuxt UI component library for json-render. JSON becomes beautiful Tailwind-styled Vue components.",
+  "keywords": [
+    "json",
+    "ui",
+    "vue",
+    "nuxt-ui",
+    "tailwind",
+    "reka-ui",
+    "ai",
+    "generative-ui",
+    "llm",
+    "renderer",
+    "streaming",
+    "components"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/brainchimps/json-render-nuxt-ui.git"
@@ -10,27 +25,47 @@
   "bugs": {
     "url": "https://github.com/brainchimps/json-render-nuxt-ui/issues"
   },
-  "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./catalog": {
+      "types": "./dist/catalog.d.ts",
+      "import": "./dist/catalog.mjs",
+      "require": "./dist/catalog.js"
     }
   },
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "tsup src/index.ts --format esm,cjs --dts",
-    "test": "vitest run"
+  "dependencies": {
+    "@json-render/vue": "^0.16.0"
   },
   "devDependencies": {
     "tsup": "8.5.0",
     "typescript": "5.8.2",
-    "vitest": "3.2.4"
+    "vitest": "3.2.4",
+    "zod": "^4.3.6"
+  },
+  "peerDependencies": {
+    "@nuxt/ui": "^4.0.0",
+    "tailwindcss": "^4.0.0",
+    "vue": "^3.5.0",
+    "zod": "^4.0.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "check-types": "tsc --noEmit",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
   }
-}
+}

package/dist/index.cjs

@@ -1,31 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  helloWord: () => helloWord
-});
-module.exports = __toCommonJS(index_exports);
-function helloWord() {
-  return "Hello json-render!";
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  helloWord
-});

package/dist/index.d.cts

@@ -1,3 +0,0 @@
-declare function helloWord(): string;
-
-export { helloWord };