@gxp-dev/mod-ui 2.0.0 → 2.0.3

package/dist/components/compositions/elements/builder/PresetBuilder.vue.js

@@ -1,5 +1,166 @@
-import f from "./PresetBuilder.vue2.js";
+import { defineComponent as B, useModel as V, ref as y, computed as n, onMounted as M, watch as P, openBlock as k, createBlock as w, unref as r, normalizeClass as _, withCtx as o, createVNode as l, createElementVNode as a, createTextVNode as d, mergeModels as L } from "vue";
+import "../../../ui/card/index.js";
+import "../../../ui/badge/index.js";
+import j from "../../../ui/field-frame/FieldFrame.vue.js";
+import C from "../../../ui/input/Input.vue.js";
+import "../../../ui/label/index.js";
+import S from "../../../ui/textarea/Textarea.vue.js";
+import T from "./FormBuilder.vue.js";
+import { usePresetBuilder as A } from "../../../../stores/presetBuilderStore.js";
+import { useFormBuilder as R } from "../../../../stores/formBuilderStore.js";
+import { cn as z } from "../../../../lib/utils.js";
+import E from "../../../ui/card/Card.vue.js";
+import F from "../../../ui/card/CardHeader.vue.js";
+import O from "../../../ui/card/CardTitle.vue.js";
+import q from "../../../ui/badge/Badge.vue.js";
+import G from "../../../ui/card/CardContent.vue.js";
+import v from "../../../ui/label/Label.vue.js";
+const H = { class: "flex items-center justify-between gap-2" }, J = { class: "grid gap-3 sm:grid-cols-2" }, K = { class: "flex flex-col gap-1" }, Q = { class: "flex flex-col gap-1" }, pe = /* @__PURE__ */ B({
+  __name: "PresetBuilder",
+  props: /* @__PURE__ */ L({
+    modelValue: {},
+    builderId: {},
+    name: {},
+    item: { default: () => ({}) },
+    classList: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(u) {
+    const s = u, p = V(u, "modelValue");
+    let c = 0;
+    function x() {
+      return c += 1, `preset-builder-${Date.now()}-${c}`;
+    }
+    const h = y(x()), g = n(() => s.builderId ?? h.value), i = A(g.value), f = n(() => i.state.value.innerBuilderId), b = R(f.value);
+    function I(e) {
+      if (typeof e != "object" || e === null)
+        return !1;
+      const t = e;
+      return typeof t.presetName == "string" && typeof t.schema == "object" && t.schema !== null;
+    }
+    M(() => {
+      const e = p.value;
+      I(e) && (i.loadMeta({
+        presetName: e.presetName,
+        presetDescription: e.presetDescription
+      }), b.loadSchema(e.schema));
+    });
+    const $ = n(() => b.schema.value), m = n(() => i.state.value);
+    P(
+      [m, $],
+      ([e, t]) => {
+        p.value = {
+          presetName: e.presetName,
+          presetDescription: e.presetDescription,
+          schema: t
+        };
+      },
+      { deep: !0 }
+    );
+    function N(e) {
+      i.setName(e.target.value);
+    }
+    function D(e) {
+      i.setDescription(e.target.value);
+    }
+    return (e, t) => (k(), w(r(j), {
+      label: s.label,
+      "hide-label": s.hideLabel,
+      "help-text": s.helpText,
+      errors: s.errors,
+      class: _(s.classList)
+    }, {
+      default: o(() => [
+        l(r(E), {
+          class: "gxp-preset-builder",
+          "data-testid": "preset-builder",
+          "data-element-name": s.name ?? void 0
+        }, {
+          default: o(() => [
+            l(r(F), null, {
+              default: o(() => [
+                a("div", H, [
+                  l(r(O), { class: "text-base" }, {
+                    default: o(() => [...t[0] || (t[0] = [
+                      d("Preset", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  l(r(q), {
+                    variant: "outline",
+                    class: "font-mono text-[10px]"
+                  }, {
+                    default: o(() => [...t[1] || (t[1] = [
+                      d(" builder/preset-builder ", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }),
+            l(r(G), { class: "flex flex-col gap-4" }, {
+              default: o(() => [
+                a("div", J, [
+                  a("div", K, [
+                    l(r(v), { for: "preset-builder-name" }, {
+                      default: o(() => [...t[2] || (t[2] = [
+                        d("Preset name", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    l(r(C), {
+                      id: "preset-builder-name",
+                      "model-value": m.value.presetName,
+                      placeholder: "My preset",
+                      "data-testid": "preset-builder-name",
+                      onInput: N
+                    }, null, 8, ["model-value"])
+                  ]),
+                  a("div", Q, [
+                    l(r(v), { for: "preset-builder-description" }, {
+                      default: o(() => [...t[3] || (t[3] = [
+                        d("Description", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    l(r(S), {
+                      id: "preset-builder-description",
+                      "model-value": m.value.presetDescription,
+                      placeholder: "Optional description",
+                      "data-testid": "preset-builder-description",
+                      onInput: D
+                    }, null, 8, ["model-value"])
+                  ])
+                ]),
+                a("div", {
+                  class: _(r(z)("rounded-md border bg-card/40 p-2")),
+                  "data-testid": "preset-builder-inner"
+                }, [
+                  l(T, {
+                    "builder-id": f.value,
+                    item: s.item
+                  }, null, 8, ["builder-id", "item"])
+                ], 2)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-element-name"])
+      ]),
+      _: 1
+    }, 8, ["label", "hide-label", "help-text", "errors", "class"]));
+  }
+});
 export {
-  f as default
+  pe as default
 };
 //# sourceMappingURL=PresetBuilder.vue.js.map

package/dist/components/compositions/elements/builder/PresetBuilder.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetBuilder.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PresetBuilder.vue.js","sources":["../../../../../src/components/compositions/elements/builder/PresetBuilder.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * PresetBuilder — wraps a FormBuilder schema with a named, described\n * preset envelope.\n *\n * Layout:\n *   - Canvas header: preset name + description inputs.\n *   - Canvas body:   embedded FormBuilder bound to the inner schema.\n *\n * State for the name + description lives in `presetBuilderStore`. The\n * inner schema is owned by `formBuilderStore` (keyed off a derived\n * `innerBuilderId`) so all existing FormBuilder behaviours work\n * unchanged.\n *\n * Two-way binds the full `PresetBuilderSchema` via `defineModel`.\n */\nimport { computed, onMounted, ref, watch } from \"vue\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Badge } from \"@/components/ui/badge\"\nimport {\n  FieldFrame,\n  type FieldFrameProps,\n} from \"@/components/ui/field-frame\"\nimport { Input } from \"@/components/ui/input\"\nimport { Label } from \"@/components/ui/label\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport FormBuilder from \"./FormBuilder.vue\"\nimport {\n  usePresetBuilder,\n  type PresetBuilderSchema,\n} from \"@/stores/presetBuilderStore\"\nimport {\n  useFormBuilder,\n  type BuilderSchema,\n} from \"@/stores/formBuilderStore\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface PresetBuilderProps\n  extends Pick<FieldFrameProps, \"label\" | \"hideLabel\" | \"helpText\" | \"errors\"> {\n  /** Initial / current schema. Two-way bindable via v-model. */\n  modelValue?: PresetBuilderSchema\n  /**\n   * Identifier used to key the presetBuilderStore. Defaults to a\n   * stable auto-generated id so multiple PresetBuilders on the same\n   * page don't collide.\n   */\n  builderId?: string\n  name?: string | null\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<PresetBuilderProps>(), {\n  errors: () => [],\n  item: () => ({}),\n})\n\nconst model = defineModel<PresetBuilderSchema | undefined>(\"modelValue\")\n\nlet nextAutoId = 0\nfunction makeAutoId(): string {\n  nextAutoId += 1\n  return `preset-builder-${Date.now()}-${nextAutoId}`\n}\nconst fallbackId = ref<string>(makeAutoId())\nconst builderId = computed<string>(() => props.builderId ?? fallbackId.value)\n\nconst builder = usePresetBuilder(builderId.value)\nconst innerBuilderId = computed<string>(() => builder.state.value.innerBuilderId)\nconst inner = useFormBuilder(innerBuilderId.value)\n\nfunction isPresetSchema(value: unknown): value is PresetBuilderSchema {\n  if (typeof value !== \"object\" || value === null) {\n    return false\n  }\n  const v = value as Record<string, unknown>\n  return (\n    typeof v.presetName === \"string\" &&\n    typeof v.schema === \"object\" &&\n    v.schema !== null\n  )\n}\n\n/** Seed both stores from the initial modelValue. */\nonMounted(() => {\n  const seed = model.value\n  if (isPresetSchema(seed)) {\n    builder.loadMeta({\n      presetName: seed.presetName,\n      presetDescription: seed.presetDescription,\n    })\n    inner.loadSchema(seed.schema)\n  }\n})\n\nconst innerSchemaRef = computed<BuilderSchema>(() => inner.schema.value)\nconst stateRef = computed(() => builder.state.value)\n\n/** Push schema changes back via v-model. */\nwatch(\n  [stateRef, innerSchemaRef],\n  ([state, schema]) => {\n    model.value = {\n      presetName: state.presetName,\n      presetDescription: state.presetDescription,\n      schema,\n    }\n  },\n  { deep: true },\n)\n\nfunction onNameInput(e: Event): void {\n  builder.setName((e.target as HTMLInputElement).value)\n}\n\nfunction onDescriptionInput(e: Event): void {\n  builder.setDescription((e.target as HTMLTextAreaElement).value)\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"props.label\"\n    :hide-label=\"props.hideLabel\"\n    :help-text=\"props.helpText\"\n    :errors=\"props.errors\"\n    :class=\"props.classList\"\n  >\n    <Card\n      class=\"gxp-preset-builder\"\n      data-testid=\"preset-builder\"\n      :data-element-name=\"props.name ?? undefined\"\n    >\n      <CardHeader>\n        <div class=\"flex items-center justify-between gap-2\">\n          <CardTitle class=\"text-base\">Preset</CardTitle>\n          <Badge variant=\"outline\" class=\"font-mono text-[10px]\">\n            builder/preset-builder\n          </Badge>\n        </div>\n      </CardHeader>\n      <CardContent class=\"flex flex-col gap-4\">\n        <div class=\"grid gap-3 sm:grid-cols-2\">\n          <div class=\"flex flex-col gap-1\">\n            <Label for=\"preset-builder-name\">Preset name</Label>\n            <Input\n              id=\"preset-builder-name\"\n              :model-value=\"stateRef.presetName\"\n              placeholder=\"My preset\"\n              data-testid=\"preset-builder-name\"\n              @input=\"onNameInput\"\n            />\n          </div>\n          <div class=\"flex flex-col gap-1\">\n            <Label for=\"preset-builder-description\">Description</Label>\n            <Textarea\n              id=\"preset-builder-description\"\n              :model-value=\"stateRef.presetDescription\"\n              placeholder=\"Optional description\"\n              data-testid=\"preset-builder-description\"\n              @input=\"onDescriptionInput\"\n            />\n          </div>\n        </div>\n\n        <div\n          :class=\"cn('rounded-md border bg-card/40 p-2')\"\n          data-testid=\"preset-builder-inner\"\n        >\n          <FormBuilder\n            :builder-id=\"innerBuilderId\"\n            :item=\"props.item\"\n          />\n        </div>\n      </CardContent>\n    </Card>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","nextAutoId","makeAutoId","fallbackId","ref","builderId","computed","builder","usePresetBuilder","innerBuilderId","inner","useFormBuilder","isPresetSchema","value","v","onMounted","seed","innerSchemaRef","stateRef","watch","state","schema","onNameInput","onDescriptionInput","_createBlock","_unref","FieldFrame","_normalizeClass","_createVNode","Card","CardHeader","_createElementVNode","_hoisted_1","CardTitle","_cache","Badge","CardContent","_hoisted_2","_hoisted_3","Label","Input","_hoisted_4","Textarea","cn","FormBuilder"],"mappings":"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"}

package/dist/components/compositions/elements/builder/PresetBuilder.vue2.js

@@ -1,166 +1,5 @@
-import { defineComponent as B, useModel as V, ref as y, computed as n, onMounted as M, watch as P, openBlock as k, createBlock as w, unref as r, normalizeClass as _, withCtx as o, createVNode as l, createElementVNode as a, createTextVNode as d, mergeModels as L } from "vue";
-import "../../../ui/card/index.js";
-import "../../../ui/badge/index.js";
-import j from "../../../ui/field-frame/FieldFrame.vue.js";
-import C from "../../../ui/input/Input.vue.js";
-import "../../../ui/label/index.js";
-import S from "../../../ui/textarea/Textarea.vue.js";
-import T from "./FormBuilder.vue2.js";
-import { usePresetBuilder as A } from "../../../../stores/presetBuilderStore.js";
-import { useFormBuilder as R } from "../../../../stores/formBuilderStore.js";
-import { cn as z } from "../../../../lib/utils.js";
-import E from "../../../ui/card/Card.vue.js";
-import F from "../../../ui/card/CardHeader.vue.js";
-import O from "../../../ui/card/CardTitle.vue.js";
-import q from "../../../ui/badge/Badge.vue.js";
-import G from "../../../ui/card/CardContent.vue.js";
-import v from "../../../ui/label/Label.vue.js";
-const H = { class: "flex items-center justify-between gap-2" }, J = { class: "grid gap-3 sm:grid-cols-2" }, K = { class: "flex flex-col gap-1" }, Q = { class: "flex flex-col gap-1" }, pe = /* @__PURE__ */ B({
-  __name: "PresetBuilder",
-  props: /* @__PURE__ */ L({
-    modelValue: {},
-    builderId: {},
-    name: {},
-    item: { default: () => ({}) },
-    classList: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    helpText: {},
-    errors: { default: () => [] }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(u) {
-    const s = u, p = V(u, "modelValue");
-    let c = 0;
-    function x() {
-      return c += 1, `preset-builder-${Date.now()}-${c}`;
-    }
-    const h = y(x()), g = n(() => s.builderId ?? h.value), i = A(g.value), f = n(() => i.state.value.innerBuilderId), b = R(f.value);
-    function I(e) {
-      if (typeof e != "object" || e === null)
-        return !1;
-      const t = e;
-      return typeof t.presetName == "string" && typeof t.schema == "object" && t.schema !== null;
-    }
-    M(() => {
-      const e = p.value;
-      I(e) && (i.loadMeta({
-        presetName: e.presetName,
-        presetDescription: e.presetDescription
-      }), b.loadSchema(e.schema));
-    });
-    const $ = n(() => b.schema.value), m = n(() => i.state.value);
-    P(
-      [m, $],
-      ([e, t]) => {
-        p.value = {
-          presetName: e.presetName,
-          presetDescription: e.presetDescription,
-          schema: t
-        };
-      },
-      { deep: !0 }
-    );
-    function N(e) {
-      i.setName(e.target.value);
-    }
-    function D(e) {
-      i.setDescription(e.target.value);
-    }
-    return (e, t) => (k(), w(r(j), {
-      label: s.label,
-      "hide-label": s.hideLabel,
-      "help-text": s.helpText,
-      errors: s.errors,
-      class: _(s.classList)
-    }, {
-      default: o(() => [
-        l(r(E), {
-          class: "gxp-preset-builder",
-          "data-testid": "preset-builder",
-          "data-element-name": s.name ?? void 0
-        }, {
-          default: o(() => [
-            l(r(F), null, {
-              default: o(() => [
-                a("div", H, [
-                  l(r(O), { class: "text-base" }, {
-                    default: o(() => [...t[0] || (t[0] = [
-                      d("Preset", -1)
-                    ])]),
-                    _: 1
-                  }),
-                  l(r(q), {
-                    variant: "outline",
-                    class: "font-mono text-[10px]"
-                  }, {
-                    default: o(() => [...t[1] || (t[1] = [
-                      d(" builder/preset-builder ", -1)
-                    ])]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            }),
-            l(r(G), { class: "flex flex-col gap-4" }, {
-              default: o(() => [
-                a("div", J, [
-                  a("div", K, [
-                    l(r(v), { for: "preset-builder-name" }, {
-                      default: o(() => [...t[2] || (t[2] = [
-                        d("Preset name", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    l(r(C), {
-                      id: "preset-builder-name",
-                      "model-value": m.value.presetName,
-                      placeholder: "My preset",
-                      "data-testid": "preset-builder-name",
-                      onInput: N
-                    }, null, 8, ["model-value"])
-                  ]),
-                  a("div", Q, [
-                    l(r(v), { for: "preset-builder-description" }, {
-                      default: o(() => [...t[3] || (t[3] = [
-                        d("Description", -1)
-                      ])]),
-                      _: 1
-                    }),
-                    l(r(S), {
-                      id: "preset-builder-description",
-                      "model-value": m.value.presetDescription,
-                      placeholder: "Optional description",
-                      "data-testid": "preset-builder-description",
-                      onInput: D
-                    }, null, 8, ["model-value"])
-                  ])
-                ]),
-                a("div", {
-                  class: _(r(z)("rounded-md border bg-card/40 p-2")),
-                  "data-testid": "preset-builder-inner"
-                }, [
-                  l(T, {
-                    "builder-id": f.value,
-                    item: s.item
-                  }, null, 8, ["builder-id", "item"])
-                ], 2)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["data-element-name"])
-      ]),
-      _: 1
-    }, 8, ["label", "hide-label", "help-text", "errors", "class"]));
-  }
-});
+import f from "./PresetBuilder.vue.js";
 export {
-  pe as default
+  f as default
 };
 //# sourceMappingURL=PresetBuilder.vue2.js.map

package/dist/components/compositions/elements/builder/PresetBuilder.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetBuilder.vue2.js","sources":["../../../../../src/components/compositions/elements/builder/PresetBuilder.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * PresetBuilder — wraps a FormBuilder schema with a named, described\n * preset envelope.\n *\n * Layout:\n *   - Canvas header: preset name + description inputs.\n *   - Canvas body:   embedded FormBuilder bound to the inner schema.\n *\n * State for the name + description lives in `presetBuilderStore`. The\n * inner schema is owned by `formBuilderStore` (keyed off a derived\n * `innerBuilderId`) so all existing FormBuilder behaviours work\n * unchanged.\n *\n * Two-way binds the full `PresetBuilderSchema` via `defineModel`.\n */\nimport { computed, onMounted, ref, watch } from \"vue\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Badge } from \"@/components/ui/badge\"\nimport {\n  FieldFrame,\n  type FieldFrameProps,\n} from \"@/components/ui/field-frame\"\nimport { Input } from \"@/components/ui/input\"\nimport { Label } from \"@/components/ui/label\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport FormBuilder from \"./FormBuilder.vue\"\nimport {\n  usePresetBuilder,\n  type PresetBuilderSchema,\n} from \"@/stores/presetBuilderStore\"\nimport {\n  useFormBuilder,\n  type BuilderSchema,\n} from \"@/stores/formBuilderStore\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface PresetBuilderProps\n  extends Pick<FieldFrameProps, \"label\" | \"hideLabel\" | \"helpText\" | \"errors\"> {\n  /** Initial / current schema. Two-way bindable via v-model. */\n  modelValue?: PresetBuilderSchema\n  /**\n   * Identifier used to key the presetBuilderStore. Defaults to a\n   * stable auto-generated id so multiple PresetBuilders on the same\n   * page don't collide.\n   */\n  builderId?: string\n  name?: string | null\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<PresetBuilderProps>(), {\n  errors: () => [],\n  item: () => ({}),\n})\n\nconst model = defineModel<PresetBuilderSchema | undefined>(\"modelValue\")\n\nlet nextAutoId = 0\nfunction makeAutoId(): string {\n  nextAutoId += 1\n  return `preset-builder-${Date.now()}-${nextAutoId}`\n}\nconst fallbackId = ref<string>(makeAutoId())\nconst builderId = computed<string>(() => props.builderId ?? fallbackId.value)\n\nconst builder = usePresetBuilder(builderId.value)\nconst innerBuilderId = computed<string>(() => builder.state.value.innerBuilderId)\nconst inner = useFormBuilder(innerBuilderId.value)\n\nfunction isPresetSchema(value: unknown): value is PresetBuilderSchema {\n  if (typeof value !== \"object\" || value === null) {\n    return false\n  }\n  const v = value as Record<string, unknown>\n  return (\n    typeof v.presetName === \"string\" &&\n    typeof v.schema === \"object\" &&\n    v.schema !== null\n  )\n}\n\n/** Seed both stores from the initial modelValue. */\nonMounted(() => {\n  const seed = model.value\n  if (isPresetSchema(seed)) {\n    builder.loadMeta({\n      presetName: seed.presetName,\n      presetDescription: seed.presetDescription,\n    })\n    inner.loadSchema(seed.schema)\n  }\n})\n\nconst innerSchemaRef = computed<BuilderSchema>(() => inner.schema.value)\nconst stateRef = computed(() => builder.state.value)\n\n/** Push schema changes back via v-model. */\nwatch(\n  [stateRef, innerSchemaRef],\n  ([state, schema]) => {\n    model.value = {\n      presetName: state.presetName,\n      presetDescription: state.presetDescription,\n      schema,\n    }\n  },\n  { deep: true },\n)\n\nfunction onNameInput(e: Event): void {\n  builder.setName((e.target as HTMLInputElement).value)\n}\n\nfunction onDescriptionInput(e: Event): void {\n  builder.setDescription((e.target as HTMLTextAreaElement).value)\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"props.label\"\n    :hide-label=\"props.hideLabel\"\n    :help-text=\"props.helpText\"\n    :errors=\"props.errors\"\n    :class=\"props.classList\"\n  >\n    <Card\n      class=\"gxp-preset-builder\"\n      data-testid=\"preset-builder\"\n      :data-element-name=\"props.name ?? undefined\"\n    >\n      <CardHeader>\n        <div class=\"flex items-center justify-between gap-2\">\n          <CardTitle class=\"text-base\">Preset</CardTitle>\n          <Badge variant=\"outline\" class=\"font-mono text-[10px]\">\n            builder/preset-builder\n          </Badge>\n        </div>\n      </CardHeader>\n      <CardContent class=\"flex flex-col gap-4\">\n        <div class=\"grid gap-3 sm:grid-cols-2\">\n          <div class=\"flex flex-col gap-1\">\n            <Label for=\"preset-builder-name\">Preset name</Label>\n            <Input\n              id=\"preset-builder-name\"\n              :model-value=\"stateRef.presetName\"\n              placeholder=\"My preset\"\n              data-testid=\"preset-builder-name\"\n              @input=\"onNameInput\"\n            />\n          </div>\n          <div class=\"flex flex-col gap-1\">\n            <Label for=\"preset-builder-description\">Description</Label>\n            <Textarea\n              id=\"preset-builder-description\"\n              :model-value=\"stateRef.presetDescription\"\n              placeholder=\"Optional description\"\n              data-testid=\"preset-builder-description\"\n              @input=\"onDescriptionInput\"\n            />\n          </div>\n        </div>\n\n        <div\n          :class=\"cn('rounded-md border bg-card/40 p-2')\"\n          data-testid=\"preset-builder-inner\"\n        >\n          <FormBuilder\n            :builder-id=\"innerBuilderId\"\n            :item=\"props.item\"\n          />\n        </div>\n      </CardContent>\n    </Card>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","nextAutoId","makeAutoId","fallbackId","ref","builderId","computed","builder","usePresetBuilder","innerBuilderId","inner","useFormBuilder","isPresetSchema","value","v","onMounted","seed","innerSchemaRef","stateRef","watch","state","schema","onNameInput","onDescriptionInput","_createBlock","_unref","FieldFrame","_normalizeClass","_createVNode","Card","CardHeader","_createElementVNode","_hoisted_1","CardTitle","_cache","Badge","CardContent","_hoisted_2","_hoisted_3","Label","Input","_hoisted_4","Textarea","cn","FormBuilder"],"mappings":"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"}
+{"version":3,"file":"PresetBuilder.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/builder/QuizBuilder.vue.d.ts

@@ -0,0 +1,34 @@
+import { QuizBuilderSchema } from '../../../../stores/quizBuilderStore';
+export interface QuizBuilderProps {
+    /** Initial / current schema. Two-way bindable via v-model. */
+    modelValue?: QuizBuilderSchema;
+    /**
+     * Identifier used to key the quizBuilderStore. Defaults to a stable
+     * auto-generated id.
+     */
+    builderId?: string;
+    label?: string;
+    name?: string | null;
+    item?: Record<string, unknown>;
+    classList?: string[] | string;
+    helpText?: string;
+    errors?: string[];
+    hideLabel?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+}
+type __VLS_Props = QuizBuilderProps;
+type __VLS_PublicProps = {
+    "modelValue"?: QuizBuilderSchema | undefined;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: QuizBuilderSchema | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: QuizBuilderSchema | undefined) => any) | undefined;
+}>, {
+    item: Record<string, unknown>;
+    errors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=QuizBuilder.vue.d.ts.map

package/dist/components/compositions/elements/builder/QuizBuilder.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuizBuilder.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/builder/QuizBuilder.vue"],"names":[],"mappings":"AAyoBA,OAAO,EAEL,KAAK,iBAAiB,EAIvB,MAAM,2BAA2B,CAAA;AAGlC,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAsJpC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;CAC5C,GAAG,WAAW,CAAC;;;;;;UAlKP,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;YAGrB,MAAM,EAAE;;AAurCnB,wBASG"}