@gxp-dev/mod-ui 2.0.10 → 2.0.14

package/dist/chunks/quizBuilderStore-C1KSXs0j.js

@@ -0,0 +1,182 @@
+import { computed as e, ref as t } from "vue";
+import { defineStore as n } from "pinia";
+//#region src/stores/quizBuilderStore.ts
+var r = 0;
+function i(e) {
+	return r += 1, `${e}-${Date.now()}-${r}`;
+}
+function a() {
+	r = 0;
+}
+function o() {
+	return {
+		title: "",
+		description: "",
+		questions: [],
+		passingScore: 0
+	};
+}
+var s = {
+	"single-choice": [{
+		label: "Option A",
+		value: "a"
+	}, {
+		label: "Option B",
+		value: "b"
+	}],
+	"multi-choice": [{
+		label: "Option A",
+		value: "a"
+	}, {
+		label: "Option B",
+		value: "b"
+	}]
+}, c = n("gx-modui/quizBuilder", () => {
+	let e = t({}), n = t({});
+	function r(t) {
+		return e.value[t] || (e.value[t] = o(), n.value[t] = { id: null }), e.value[t];
+	}
+	function a(t, r) {
+		e.value[t] = {
+			title: r.title ?? "",
+			description: r.description ?? "",
+			passingScore: r.passingScore ?? 0,
+			questions: r.questions.map((e) => ({
+				...e,
+				options: e.options.map((e) => ({ ...e }))
+			}))
+		}, n.value[t] = { id: null };
+	}
+	function c(t) {
+		delete e.value[t], delete n.value[t];
+	}
+	function l(e, t) {
+		let n = r(e), a = i(`q-${t}`), o = t === "free-text" ? [] : s[t].map((e) => ({
+			id: i("opt"),
+			label: e.label,
+			value: e.value
+		})), c = {
+			id: a,
+			prompt: `New ${t} question`,
+			type: t,
+			options: o,
+			required: !1
+		};
+		return n.questions = [...n.questions, c], a;
+	}
+	function u(e, t) {
+		let i = r(e);
+		i.questions = i.questions.filter((e) => e.id !== t), n.value[e]?.id === t && (n.value[e] = { id: null });
+	}
+	function d(e, t, n) {
+		let a = r(e), o = a.questions.findIndex((e) => e.id === t);
+		if (o < 0) return;
+		let c = a.questions[o], l = c.options;
+		n.type && n.type !== c.type && (n.type === "free-text" ? l = [] : (n.type === "single-choice" || n.type === "multi-choice") && c.options.length === 0 && (l = s[n.type].map((e) => ({
+			id: i("opt"),
+			label: e.label,
+			value: e.value
+		}))));
+		let u = {
+			...c,
+			...n,
+			options: n.options ?? l
+		}, d = [...a.questions];
+		d[o] = u, a.questions = d;
+	}
+	function f(e, t) {
+		let n = r(e), a = n.questions.findIndex((e) => e.id === t);
+		if (a < 0) return "";
+		let o = n.questions[a], s = i("opt"), c = {
+			id: s,
+			label: `Option ${String.fromCharCode(65 + o.options.length)}`,
+			value: ""
+		}, l = [...n.questions];
+		return l[a] = {
+			...o,
+			options: [...o.options, c]
+		}, n.questions = l, s;
+	}
+	function p(e, t, n) {
+		let i = r(e), a = i.questions.findIndex((e) => e.id === t);
+		if (a < 0) return;
+		let o = i.questions[a], s = [...i.questions];
+		s[a] = {
+			...o,
+			options: o.options.filter((e) => e.id !== n)
+		}, i.questions = s;
+	}
+	function m(e, t, n, i) {
+		let a = r(e), o = a.questions.findIndex((e) => e.id === t);
+		if (o < 0) return;
+		let s = a.questions[o], c = s.options.findIndex((e) => e.id === n);
+		if (c < 0) return;
+		let l = [...s.options];
+		if (l[c] = {
+			...l[c],
+			...i
+		}, i.correct === !0 && s.type === "single-choice") for (let e = 0; e < l.length; e++) e !== c && (l[e] = {
+			...l[e],
+			correct: !1
+		});
+		let u = [...a.questions];
+		u[o] = {
+			...s,
+			options: l
+		}, a.questions = u;
+	}
+	function h(t, n) {
+		let i = r(t);
+		e.value[t] = {
+			...i,
+			...n
+		};
+	}
+	function g(e, t) {
+		n.value[e] = { id: t };
+	}
+	function _(e) {
+		return n.value[e] ?? { id: null };
+	}
+	function v(e) {
+		return r(e);
+	}
+	return {
+		builders: e,
+		selections: n,
+		ensureBuilder: r,
+		loadSchema: a,
+		resetBuilder: c,
+		addQuestion: l,
+		removeQuestion: u,
+		updateQuestion: d,
+		addOption: f,
+		removeOption: p,
+		updateOption: m,
+		updateMeta: h,
+		select: g,
+		getSelection: _,
+		getSchema: v
+	};
+});
+function l(t) {
+	let n = c();
+	return n.ensureBuilder(t), {
+		schema: e(() => n.getSchema(t)),
+		selection: e(() => n.getSelection(t)),
+		addQuestion: (e) => n.addQuestion(t, e),
+		removeQuestion: (e) => n.removeQuestion(t, e),
+		updateQuestion: (e, r) => n.updateQuestion(t, e, r),
+		addOption: (e) => n.addOption(t, e),
+		removeOption: (e, r) => n.removeOption(t, e, r),
+		updateOption: (e, r, i) => n.updateOption(t, e, r, i),
+		updateMeta: (e) => n.updateMeta(t, e),
+		select: (e) => n.select(t, e),
+		loadSchema: (e) => n.loadSchema(t, e),
+		reset: () => n.resetBuilder(t)
+	};
+}
+//#endregion
+export { l as n, c as r, a as t };
+
+//# sourceMappingURL=quizBuilderStore-C1KSXs0j.js.map

package/dist/chunks/quizBuilderStore-C1KSXs0j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quizBuilderStore-C1KSXs0j.js","names":[],"sources":["../../src/stores/quizBuilderStore.ts"],"sourcesContent":["import { defineStore } from \"pinia\"\nimport { computed, ref } from \"vue\"\n\nexport type QuizQuestionType = \"single-choice\" | \"multi-choice\" | \"free-text\"\n\nexport interface QuizOption {\n  id: string\n  label: string\n  value: string | number\n  correct?: boolean\n  score?: number\n}\n\nexport interface QuizQuestion {\n  id: string\n  prompt: string\n  type: QuizQuestionType\n  options: QuizOption[]\n  helpText?: string\n  required?: boolean\n}\n\nexport interface QuizBuilderSchema {\n  title?: string\n  description?: string\n  questions: QuizQuestion[]\n  passingScore?: number\n}\n\n/** Identifies which question is currently selected. */\nexport interface QuizBuilderSelection {\n  id: string | null\n}\n\nlet idCounter = 0\nfunction nextId(prefix: string): string {\n  idCounter += 1\n  return `${prefix}-${Date.now()}-${idCounter}`\n}\n\n/** Test helper to make ids deterministic. */\nexport function __resetQuizBuilderIdCounter(): void {\n  idCounter = 0\n}\n\nfunction emptySchema(): QuizBuilderSchema {\n  return {\n    title: \"\",\n    description: \"\",\n    questions: [],\n    passingScore: 0,\n  }\n}\n\nconst DEFAULT_OPTION_TEMPLATES: Record<\n  \"single-choice\" | \"multi-choice\",\n  Array<Pick<QuizOption, \"label\" | \"value\">>\n> = {\n  \"single-choice\": [\n    { label: \"Option A\", value: \"a\" },\n    { label: \"Option B\", value: \"b\" },\n  ],\n  \"multi-choice\": [\n    { label: \"Option A\", value: \"a\" },\n    { label: \"Option B\", value: \"b\" },\n  ],\n}\n\nexport const useQuizBuilderStore = defineStore(\n  \"gx-modui/quizBuilder\",\n  () => {\n    const builders = ref<Record<string, QuizBuilderSchema>>({})\n    const selections = ref<Record<string, QuizBuilderSelection>>({})\n\n    function ensureBuilder(builderId: string): QuizBuilderSchema {\n      if (!builders.value[builderId]) {\n        builders.value[builderId] = emptySchema()\n        selections.value[builderId] = { id: null }\n      }\n      return builders.value[builderId]!\n    }\n\n    function loadSchema(builderId: string, schema: QuizBuilderSchema): void {\n      builders.value[builderId] = {\n        title: schema.title ?? \"\",\n        description: schema.description ?? \"\",\n        passingScore: schema.passingScore ?? 0,\n        questions: schema.questions.map((q) => ({\n          ...q,\n          options: q.options.map((o) => ({ ...o })),\n        })),\n      }\n      selections.value[builderId] = { id: null }\n    }\n\n    function resetBuilder(builderId: string): void {\n      delete builders.value[builderId]\n      delete selections.value[builderId]\n    }\n\n    /**\n     * Append a fresh question of `type`. Single/multi-choice come\n     * pre-seeded with two empty options. Returns the new question's id.\n     */\n    function addQuestion(builderId: string, type: QuizQuestionType): string {\n      const schema = ensureBuilder(builderId)\n      const id = nextId(`q-${type}`)\n      const options: QuizOption[] =\n        type === \"free-text\"\n          ? []\n          : DEFAULT_OPTION_TEMPLATES[type].map((tpl) => ({\n              id: nextId(\"opt\"),\n              label: tpl.label,\n              value: tpl.value,\n            }))\n      const question: QuizQuestion = {\n        id,\n        prompt: `New ${type} question`,\n        type,\n        options,\n        required: false,\n      }\n      schema.questions = [...schema.questions, question]\n      return id\n    }\n\n    /** Remove a question by id. */\n    function removeQuestion(builderId: string, questionId: string): void {\n      const schema = ensureBuilder(builderId)\n      schema.questions = schema.questions.filter((q) => q.id !== questionId)\n      const sel = selections.value[builderId]\n      if (sel?.id === questionId) {\n        selections.value[builderId] = { id: null }\n      }\n    }\n\n    /** Patch a question's properties. */\n    function updateQuestion(\n      builderId: string,\n      questionId: string,\n      patch: Partial<Omit<QuizQuestion, \"id\">>,\n    ): void {\n      const schema = ensureBuilder(builderId)\n      const idx = schema.questions.findIndex((q) => q.id === questionId)\n      if (idx < 0) {\n        return\n      }\n      const current = schema.questions[idx]!\n      // Free-text questions don't carry options. If we are switching\n      // type to free-text, drop them; if we are switching away from\n      // free-text and the existing list is empty, seed two options.\n      let nextOptions = current.options\n      if (patch.type && patch.type !== current.type) {\n        if (patch.type === \"free-text\") {\n          nextOptions = []\n        } else if (\n          (patch.type === \"single-choice\" || patch.type === \"multi-choice\") &&\n          current.options.length === 0\n        ) {\n          nextOptions = DEFAULT_OPTION_TEMPLATES[patch.type].map((tpl) => ({\n            id: nextId(\"opt\"),\n            label: tpl.label,\n            value: tpl.value,\n          }))\n        }\n      }\n      const merged: QuizQuestion = {\n        ...current,\n        ...patch,\n        options: patch.options ?? nextOptions,\n      }\n      const next = [...schema.questions]\n      next[idx] = merged\n      schema.questions = next\n    }\n\n    /** Append a new empty option to a question. Returns the option id. */\n    function addOption(builderId: string, questionId: string): string {\n      const schema = ensureBuilder(builderId)\n      const idx = schema.questions.findIndex((q) => q.id === questionId)\n      if (idx < 0) {\n        return \"\"\n      }\n      const current = schema.questions[idx]!\n      const optId = nextId(\"opt\")\n      const newOption: QuizOption = {\n        id: optId,\n        label: `Option ${String.fromCharCode(65 + current.options.length)}`,\n        value: \"\",\n      }\n      const next = [...schema.questions]\n      next[idx] = { ...current, options: [...current.options, newOption] }\n      schema.questions = next\n      return optId\n    }\n\n    /** Remove an option from a question. */\n    function removeOption(\n      builderId: string,\n      questionId: string,\n      optionId: string,\n    ): void {\n      const schema = ensureBuilder(builderId)\n      const idx = schema.questions.findIndex((q) => q.id === questionId)\n      if (idx < 0) {\n        return\n      }\n      const current = schema.questions[idx]!\n      const next = [...schema.questions]\n      next[idx] = {\n        ...current,\n        options: current.options.filter((o) => o.id !== optionId),\n      }\n      schema.questions = next\n    }\n\n    /** Patch an option's properties. */\n    function updateOption(\n      builderId: string,\n      questionId: string,\n      optionId: string,\n      patch: Partial<Omit<QuizOption, \"id\">>,\n    ): void {\n      const schema = ensureBuilder(builderId)\n      const idx = schema.questions.findIndex((q) => q.id === questionId)\n      if (idx < 0) {\n        return\n      }\n      const current = schema.questions[idx]!\n      const optIdx = current.options.findIndex((o) => o.id === optionId)\n      if (optIdx < 0) {\n        return\n      }\n      const nextOptions = [...current.options]\n      nextOptions[optIdx] = { ...nextOptions[optIdx]!, ...patch }\n      // Single-choice quizzes can only have one correct answer at a\n      // time. If a caller flags a new correct option, clear the others.\n      if (patch.correct === true && current.type === \"single-choice\") {\n        for (let i = 0; i < nextOptions.length; i++) {\n          if (i !== optIdx) {\n            nextOptions[i] = { ...nextOptions[i]!, correct: false }\n          }\n        }\n      }\n      const next = [...schema.questions]\n      next[idx] = { ...current, options: nextOptions }\n      schema.questions = next\n    }\n\n    /** Patch top-level quiz metadata (title, description, passingScore). */\n    function updateMeta(\n      builderId: string,\n      patch: Partial<Pick<QuizBuilderSchema, \"title\" | \"description\" | \"passingScore\">>,\n    ): void {\n      const schema = ensureBuilder(builderId)\n      builders.value[builderId] = { ...schema, ...patch }\n    }\n\n    function select(builderId: string, id: string | null): void {\n      selections.value[builderId] = { id }\n    }\n\n    function getSelection(builderId: string): QuizBuilderSelection {\n      return selections.value[builderId] ?? { id: null }\n    }\n\n    function getSchema(builderId: string): QuizBuilderSchema {\n      return ensureBuilder(builderId)\n    }\n\n    return {\n      builders,\n      selections,\n      ensureBuilder,\n      loadSchema,\n      resetBuilder,\n      addQuestion,\n      removeQuestion,\n      updateQuestion,\n      addOption,\n      removeOption,\n      updateOption,\n      updateMeta,\n      select,\n      getSelection,\n      getSchema,\n    }\n  },\n)\n\n/** Composable wrapping store access for a single builder instance. */\nexport function useQuizBuilder(builderId: string) {\n  const store = useQuizBuilderStore()\n  store.ensureBuilder(builderId)\n  return {\n    schema: computed<QuizBuilderSchema>(() => store.getSchema(builderId)),\n    selection: computed<QuizBuilderSelection>(() =>\n      store.getSelection(builderId),\n    ),\n    addQuestion: (type: QuizQuestionType) =>\n      store.addQuestion(builderId, type),\n    removeQuestion: (id: string) => store.removeQuestion(builderId, id),\n    updateQuestion: (id: string, patch: Partial<Omit<QuizQuestion, \"id\">>) =>\n      store.updateQuestion(builderId, id, patch),\n    addOption: (questionId: string) => store.addOption(builderId, questionId),\n    removeOption: (questionId: string, optionId: string) =>\n      store.removeOption(builderId, questionId, optionId),\n    updateOption: (\n      questionId: string,\n      optionId: string,\n      patch: Partial<Omit<QuizOption, \"id\">>,\n    ) => store.updateOption(builderId, questionId, optionId, patch),\n    updateMeta: (\n      patch: Partial<\n        Pick<QuizBuilderSchema, \"title\" | \"description\" | \"passingScore\">\n      >,\n    ) => store.updateMeta(builderId, patch),\n    select: (id: string | null) => store.select(builderId, id),\n    loadSchema: (schema: QuizBuilderSchema) =>\n      store.loadSchema(builderId, schema),\n    reset: () => store.resetBuilder(builderId),\n  }\n}\n"],"mappings":"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"}

package/dist/chunks/radio-group-WeXB9v-D.js

@@ -0,0 +1,69 @@
+import { n as e } from "./utils-DAErOi9O.js";
+import { createBlock as t, createVNode as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
+import { reactiveOmit as l } from "@vueuse/core";
+import { RadioGroupIndicator as u, RadioGroupItem as d, RadioGroupRoot as f, useForwardProps as p, useForwardPropsEmits as m } from "reka-ui";
+import { Circle as h } from "@lucide/vue";
+//#endregion
+//#region src/components/ui/radio-group/RadioGroup.vue
+var g = /* @__PURE__ */ r({
+	__name: "RadioGroup",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		modelValue: {},
+		defaultValue: {},
+		disabled: { type: Boolean },
+		orientation: {},
+		dir: {},
+		loop: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: r }) {
+		let u = n, d = r, p = m(l(u, "class"), d);
+		return (n, r) => (a(), t(s(f), i(s(p), { class: s(e)("grid gap-2", u.class) }), {
+			default: c(() => [o(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), _ = /* @__PURE__ */ r({
+	__name: "RadioGroupItem",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		id: {},
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean }
+	},
+	setup(r) {
+		let o = r, f = p(l(o, "class"));
+		return (r, l) => (a(), t(s(d), i(s(f), { class: s(e)("peer aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", o.class) }), {
+			default: c(() => [n(s(u), { class: "flex items-center justify-center" }, {
+				default: c(() => [n(s(h), { class: "h-2.5 w-2.5 fill-current text-current" })]),
+				_: 1
+			})]),
+			_: 1
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { g as n, _ as t };
+
+//# sourceMappingURL=radio-group-WeXB9v-D.js.map

package/dist/chunks/radio-group-WeXB9v-D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-WeXB9v-D.js","names":[],"sources":["../../src/components/ui/radio-group/RadioGroup.vue","../../src/components/ui/radio-group/RadioGroup.vue","../../src/components/ui/radio-group/RadioGroupItem.vue","../../src/components/ui/radio-group/RadioGroupItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RadioGroupRootEmits, RadioGroupRootProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { RadioGroupRoot, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface RadioGroupProps extends RadioGroupRootProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<RadioGroupProps>()\nconst emits = defineEmits<RadioGroupRootEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <RadioGroupRoot\n    v-bind=\"forwarded\"\n    :class=\"cn('grid gap-2', props.class)\"\n  >\n    <slot />\n  </RadioGroupRoot>\n</template>\n","<script setup lang=\"ts\">\nimport type { RadioGroupRootEmits, RadioGroupRootProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { RadioGroupRoot, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface RadioGroupProps extends RadioGroupRootProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<RadioGroupProps>()\nconst emits = defineEmits<RadioGroupRootEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n  <RadioGroupRoot\n    v-bind=\"forwarded\"\n    :class=\"cn('grid gap-2', props.class)\"\n  >\n    <slot />\n  </RadioGroupRoot>\n</template>\n","<script setup lang=\"ts\">\nimport type { RadioGroupItemProps as RekaRadioGroupItemProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { Circle } from \"@lucide/vue\"\nimport {\n  RadioGroupIndicator,\n  RadioGroupItem as RekaRadioGroupItem,\n  useForwardProps,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface RadioGroupItemProps extends RekaRadioGroupItemProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<RadioGroupItemProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n  <RekaRadioGroupItem\n    v-bind=\"forwardedProps\"\n    :class=\"\n      cn(\n        'peer aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        props.class,\n      )\n    \"\n  >\n    <RadioGroupIndicator class=\"flex items-center justify-center\">\n      <Circle class=\"h-2.5 w-2.5 fill-current text-current\" />\n    </RadioGroupIndicator>\n  </RekaRadioGroupItem>\n</template>\n","<script setup lang=\"ts\">\nimport type { RadioGroupItemProps as RekaRadioGroupItemProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { Circle } from \"@lucide/vue\"\nimport {\n  RadioGroupIndicator,\n  RadioGroupItem as RekaRadioGroupItem,\n  useForwardProps,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface RadioGroupItemProps extends RekaRadioGroupItemProps {\n  class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<RadioGroupItemProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n  <RekaRadioGroupItem\n    v-bind=\"forwardedProps\"\n    :class=\"\n      cn(\n        'peer aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        props.class,\n      )\n    \"\n  >\n    <RadioGroupIndicator class=\"flex items-center justify-center\">\n      <Circle class=\"h-2.5 w-2.5 fill-current text-current\" />\n    </RadioGroupIndicator>\n  </RekaRadioGroupItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAM,IAAQ,GACR,IAAQ,GAIR,IAAY,EAFK,EAAa,GAAO,OAEJ,GAAgB,CAAK;yBAI1D,EAKiB,EAAA,CAAA,GALjB,EACU,EAIO,CAAA,GAJE,EAChB,OAAO,EAAA,CAAA,EAAE,cAAe,EAAM,KAAK,EAAA,CAAA,GAAA;oBAE5B,CAAR,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;EERZ,IAAM,IAAQ,GAIR,IAAiB,EAFA,EAAa,GAAO,OAEJ,CAAc;yBAInD,EAYqB,EAAA,CAAA,GAZrB,EACU,EAWW,CAAA,GAXG,EACrB,OAAc,EAAA,CAAA,EAAA,iPAAqQ,EAAM,KAAA,EAAA,CAAA,GAAA;oBASpQ,CAFtB,EAEsB,EAAA,CAAA,GAAA,EAFD,OAAM,mCAAkC,GAAA;qBACH,CAAxD,EAAwD,EAAA,CAAA,GAAA,EAAhD,OAAM,wCAAuC,CAAA,CAAA,CAAA"}

package/dist/chunks/reactiveCanvasBuilderStore-DXwaTopz.js

@@ -0,0 +1,128 @@
+import { computed as e, ref as t } from "vue";
+import { defineStore as n } from "pinia";
+//#region src/stores/reactiveCanvasBuilderStore.ts
+var r = [
+	"text-block",
+	"image-block",
+	"button-block",
+	"spacer-block",
+	"container-block"
+], i = 800, a = 600, o = 160, s = 80, c = 0;
+function l(e) {
+	return c += 1, `${e}-${Date.now()}-${c}`;
+}
+function u() {
+	c = 0;
+}
+function d() {
+	return {
+		width: i,
+		height: a,
+		blocks: []
+	};
+}
+function f(e) {
+	switch (e) {
+		case "text-block": return { text: "Sample text" };
+		case "image-block": return {
+			src: "",
+			alt: ""
+		};
+		case "button-block": return {
+			label: "Click me",
+			action: ""
+		};
+		case "spacer-block": return {};
+		case "container-block": return { padding: 8 };
+		default: return {};
+	}
+}
+var p = n("gx-modui/reactiveCanvasBuilder", () => {
+	let e = t({}), n = t({});
+	function r(t) {
+		return e.value[t] || (e.value[t] = d(), n.value[t] = { id: null }), e.value[t];
+	}
+	function i(t, r) {
+		e.value[t] = {
+			width: r.width,
+			height: r.height,
+			blocks: r.blocks.map((e) => ({
+				...e,
+				props: { ...e.props }
+			}))
+		}, n.value[t] = { id: null };
+	}
+	function a(t) {
+		delete e.value[t], delete n.value[t];
+	}
+	function c(e, t) {
+		let n = r(e), i = l(`block-${t}`);
+		return n.blocks = [...n.blocks, {
+			id: i,
+			type: t,
+			x: 16,
+			y: 16,
+			width: o,
+			height: s,
+			props: f(t)
+		}], i;
+	}
+	function u(e, t) {
+		let i = r(e);
+		i.blocks = i.blocks.filter((e) => e.id !== t), n.value[e]?.id === t && (n.value[e] = { id: null });
+	}
+	function p(e, t, n) {
+		let i = r(e), a = i.blocks.findIndex((e) => e.id === t);
+		if (a < 0) return;
+		let o = i.blocks[a], s = [...i.blocks];
+		s[a] = {
+			...o,
+			...n
+		}, i.blocks = s;
+	}
+	function m(e, t) {
+		let n = r(e);
+		t.width !== void 0 && (n.width = t.width), t.height !== void 0 && (n.height = t.height);
+	}
+	function h(e, t) {
+		n.value[e] = { id: t };
+	}
+	function g(e) {
+		return n.value[e] ?? { id: null };
+	}
+	function _(e) {
+		return r(e);
+	}
+	return {
+		builders: e,
+		selections: n,
+		ensureBuilder: r,
+		loadSchema: i,
+		resetBuilder: a,
+		addBlock: c,
+		removeBlock: u,
+		updateBlock: p,
+		setCanvasSize: m,
+		select: h,
+		getSelection: g,
+		getSchema: _
+	};
+});
+function m(t) {
+	let n = p();
+	return n.ensureBuilder(t), {
+		schema: e(() => n.getSchema(t)),
+		selection: e(() => n.getSelection(t)),
+		addBlock: (e) => n.addBlock(t, e),
+		removeBlock: (e) => n.removeBlock(t, e),
+		updateBlock: (e, r) => n.updateBlock(t, e, r),
+		setCanvasSize: (e) => n.setCanvasSize(t, e),
+		select: (e) => n.select(t, e),
+		loadSchema: (e) => n.loadSchema(t, e),
+		reset: () => n.resetBuilder(t)
+	};
+}
+//#endregion
+export { p as i, u as n, m as r, r as t };
+
+//# sourceMappingURL=reactiveCanvasBuilderStore-DXwaTopz.js.map

package/dist/chunks/reactiveCanvasBuilderStore-DXwaTopz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactiveCanvasBuilderStore-DXwaTopz.js","names":[],"sources":["../../src/stores/reactiveCanvasBuilderStore.ts"],"sourcesContent":["import { defineStore } from \"pinia\"\nimport { computed, ref } from \"vue\"\n\n/**\n * State for a single ReactiveCanvasBuilder instance. Multiple builders\n * can coexist on a page; each is keyed by `builderId`.\n *\n * A canvas is a fixed-size positioning surface. Blocks are absolutely\n * positioned by their `x` / `y` / `width` / `height`. Block `type`\n * resolves to a Vue component at runtime via a registry the consumer\n * supplies; for the MVP we treat `type` as an opaque string and let\n * the inspector edit it.\n */\n\nexport interface ReactiveCanvasBlock {\n  id: string\n  type: string\n  x: number\n  y: number\n  width: number\n  height: number\n  props: Record<string, unknown>\n}\n\nexport interface ReactiveCanvasBuilderSchema {\n  width: number\n  height: number\n  blocks: ReactiveCanvasBlock[]\n}\n\n/** Identifies which block is currently selected. */\nexport interface ReactiveCanvasBuilderSelection {\n  id: string | null\n}\n\n/** Built-in block types exposed by the palette in the MVP. */\nexport const REACTIVE_CANVAS_BLOCK_TYPES = [\n  \"text-block\",\n  \"image-block\",\n  \"button-block\",\n  \"spacer-block\",\n  \"container-block\",\n] as const\n\nexport type ReactiveCanvasBlockType =\n  (typeof REACTIVE_CANVAS_BLOCK_TYPES)[number]\n\nconst DEFAULT_CANVAS_WIDTH = 800\nconst DEFAULT_CANVAS_HEIGHT = 600\nconst DEFAULT_BLOCK_WIDTH = 160\nconst DEFAULT_BLOCK_HEIGHT = 80\n\nlet idCounter = 0\nfunction nextId(prefix: string): string {\n  idCounter += 1\n  return `${prefix}-${Date.now()}-${idCounter}`\n}\n\n/** Test helper to make ids deterministic. */\nexport function __resetReactiveCanvasBuilderIdCounter(): void {\n  idCounter = 0\n}\n\nfunction emptySchema(): ReactiveCanvasBuilderSchema {\n  return {\n    width: DEFAULT_CANVAS_WIDTH,\n    height: DEFAULT_CANVAS_HEIGHT,\n    blocks: [],\n  }\n}\n\nfunction defaultPropsForType(type: string): Record<string, unknown> {\n  switch (type) {\n    case \"text-block\":\n      return { text: \"Sample text\" }\n    case \"image-block\":\n      return { src: \"\", alt: \"\" }\n    case \"button-block\":\n      return { label: \"Click me\", action: \"\" }\n    case \"spacer-block\":\n      return {}\n    case \"container-block\":\n      return { padding: 8 }\n    default:\n      return {}\n  }\n}\n\nexport const useReactiveCanvasBuilderStore = defineStore(\n  \"gx-modui/reactiveCanvasBuilder\",\n  () => {\n    const builders = ref<Record<string, ReactiveCanvasBuilderSchema>>({})\n    const selections = ref<\n      Record<string, ReactiveCanvasBuilderSelection>\n    >({})\n\n    function ensureBuilder(builderId: string): ReactiveCanvasBuilderSchema {\n      if (!builders.value[builderId]) {\n        builders.value[builderId] = emptySchema()\n        selections.value[builderId] = { id: null }\n      }\n      return builders.value[builderId]!\n    }\n\n    function loadSchema(\n      builderId: string,\n      schema: ReactiveCanvasBuilderSchema,\n    ): void {\n      builders.value[builderId] = {\n        width: schema.width,\n        height: schema.height,\n        blocks: schema.blocks.map((b) => ({ ...b, props: { ...b.props } })),\n      }\n      selections.value[builderId] = { id: null }\n    }\n\n    function resetBuilder(builderId: string): void {\n      delete builders.value[builderId]\n      delete selections.value[builderId]\n    }\n\n    /** Append a new block of `type` and return its id. */\n    function addBlock(builderId: string, type: string): string {\n      const schema = ensureBuilder(builderId)\n      const id = nextId(`block-${type}`)\n      schema.blocks = [\n        ...schema.blocks,\n        {\n          id,\n          type,\n          x: 16,\n          y: 16,\n          width: DEFAULT_BLOCK_WIDTH,\n          height: DEFAULT_BLOCK_HEIGHT,\n          props: defaultPropsForType(type),\n        },\n      ]\n      return id\n    }\n\n    function removeBlock(builderId: string, blockId: string): void {\n      const schema = ensureBuilder(builderId)\n      schema.blocks = schema.blocks.filter((b) => b.id !== blockId)\n      const sel = selections.value[builderId]\n      if (sel?.id === blockId) {\n        selections.value[builderId] = { id: null }\n      }\n    }\n\n    function updateBlock(\n      builderId: string,\n      blockId: string,\n      patch: Partial<Omit<ReactiveCanvasBlock, \"id\">>,\n    ): void {\n      const schema = ensureBuilder(builderId)\n      const idx = schema.blocks.findIndex((b) => b.id === blockId)\n      if (idx < 0) {\n        return\n      }\n      const current = schema.blocks[idx]!\n      const list = [...schema.blocks]\n      list[idx] = { ...current, ...patch }\n      schema.blocks = list\n    }\n\n    function setCanvasSize(\n      builderId: string,\n      patch: { width?: number; height?: number },\n    ): void {\n      const schema = ensureBuilder(builderId)\n      if (patch.width !== undefined) {\n        schema.width = patch.width\n      }\n      if (patch.height !== undefined) {\n        schema.height = patch.height\n      }\n    }\n\n    function select(builderId: string, id: string | null): void {\n      selections.value[builderId] = { id }\n    }\n\n    function getSelection(\n      builderId: string,\n    ): ReactiveCanvasBuilderSelection {\n      return selections.value[builderId] ?? { id: null }\n    }\n\n    function getSchema(builderId: string): ReactiveCanvasBuilderSchema {\n      return ensureBuilder(builderId)\n    }\n\n    return {\n      builders,\n      selections,\n      ensureBuilder,\n      loadSchema,\n      resetBuilder,\n      addBlock,\n      removeBlock,\n      updateBlock,\n      setCanvasSize,\n      select,\n      getSelection,\n      getSchema,\n    }\n  },\n)\n\n/** Composable wrapper around `useReactiveCanvasBuilderStore`. */\nexport function useReactiveCanvasBuilder(builderId: string) {\n  const store = useReactiveCanvasBuilderStore()\n  store.ensureBuilder(builderId)\n  return {\n    schema: computed<ReactiveCanvasBuilderSchema>(() =>\n      store.getSchema(builderId),\n    ),\n    selection: computed<ReactiveCanvasBuilderSelection>(() =>\n      store.getSelection(builderId),\n    ),\n    addBlock: (type: string) => store.addBlock(builderId, type),\n    removeBlock: (id: string) => store.removeBlock(builderId, id),\n    updateBlock: (\n      id: string,\n      patch: Partial<Omit<ReactiveCanvasBlock, \"id\">>,\n    ) => store.updateBlock(builderId, id, patch),\n    setCanvasSize: (patch: { width?: number; height?: number }) =>\n      store.setCanvasSize(builderId, patch),\n    select: (id: string | null) => store.select(builderId, id),\n    loadSchema: (schema: ReactiveCanvasBuilderSchema) =>\n      store.loadSchema(builderId, schema),\n    reset: () => store.resetBuilder(builderId),\n  }\n}\n"],"mappings":"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"}

package/dist/chunks/registry-DF6UGvEI.js

@@ -0,0 +1,148 @@
+//#region src/engine/registry.ts
+var e = {
+	card: {
+		list: "card/ListCard",
+		tab: "card/TabCard",
+		datatable: "card/DatatableCard",
+		grid: "card/GridCard",
+		info: "card/InfoCard"
+	},
+	action: {
+		button: "action/ButtonAction",
+		"button-group": "action/ButtonGroupAction",
+		buttongroup: "action/ButtonGroupAction",
+		link: "action/LinkAction"
+	},
+	boolean: {
+		checkbox: "boolean/CheckboxBoolean",
+		switch: "boolean/SwitchBoolean",
+		radio: "boolean/RadioBoolean",
+		"icon-toggle": "boolean/IconToggleBoolean"
+	},
+	builder: {
+		"form-builder": "builder/FormBuilder",
+		"object-builder": "builder/ObjectBuilder",
+		"preset-builder": "builder/PresetBuilder",
+		"reactive-canvas-builder": "builder/ReactiveCanvasBuilder",
+		"element-list-builder": "builder/ElementListBuilder",
+		"quiz-builder": "builder/QuizBuilder",
+		"dependency-list-builder": "builder/DependencyListBuilder",
+		"grid-builder": "builder/GridBuilder"
+	},
+	code: {
+		"git-editor": "code/GitCodeEditor",
+		"file-tree": "code/FileTree",
+		"pull-requests-list": "code/PullRequestsList",
+		"build-status": "code/BuildStatus",
+		"chat-message": "code/ChatMessage"
+	},
+	"configuration-block": {
+		"elements-block": "configuration-block/ElementsBlock",
+		repeatable: "configuration-block/RepeatableBlock",
+		dialog: "configuration-block/DialogBlock",
+		modal: "configuration-block/ModalBlock"
+	},
+	display: {
+		type: "display/TypeDisplay",
+		markdown: "display/MarkdownDisplay",
+		html: "display/HtmlDisplay",
+		iframe: "display/IframeDisplay",
+		image: "display/ImageDisplay",
+		video: "display/VideoPlayerDisplay",
+		banner: "display/BannerDisplay",
+		chart: "display/ChartDisplay",
+		carousel: "display/CarouselDisplay",
+		barcode: "display/BarcodeDisplay",
+		qrcode: "display/QrCodeDisplay",
+		icon: "display/IconDisplay",
+		"progress-bar": "display/ProgressBarDisplay",
+		sprite: "display/SpriteDisplay",
+		"reactive-canvas": "display/ReactiveCanvasDisplay"
+	},
+	editor: {
+		"code-editor": "editor/CodeEditor",
+		"markdown-editor": "editor/MarkdownEditor",
+		"html-editor": "editor/HtmlEditor",
+		"image-editor": "editor/ImageEditor",
+		"rich-text-editor": "editor/RichTextEditor"
+	},
+	file: {
+		upload: "file/UploadFile",
+		dropzone: "file/DropzoneFile",
+		"asset-picker": "file/AssetPickerFile"
+	},
+	input: {
+		text: "input/TextInput",
+		number: "input/NumberInput",
+		email: "input/EmailInput",
+		password: "input/PasswordInput",
+		url: "input/UrlInput",
+		tel: "input/TelInput",
+		search: "input/SearchInput",
+		textarea: "input/TextareaInput",
+		"range-slider": "input/RangeSliderInput",
+		"barcode-scanner": "input/BarcodeScannerInput"
+	},
+	"option-select": {
+		select: "option-select/SelectOption",
+		"select-multiple": "option-select/SelectMultipleOption",
+		radio: "option-select/RadioOption",
+		checkbox: "option-select/CheckboxOption",
+		autocomplete: "option-select/AutoCompleteOption",
+		list: "option-select/ListOption",
+		"pill-select": "option-select/PillSelectOption",
+		"async-select": "option-select/AsyncSelectOption",
+		"integration-connector": "option-select/IntegrationConnectorOption"
+	},
+	picker: {
+		"date-picker": "picker/DatePicker",
+		"datetime-picker": "picker/DateTimePicker",
+		"time-picker": "picker/TimePicker",
+		"timezone-picker": "picker/TimezonePicker",
+		"color-picker": "picker/ColorPicker",
+		"icon-picker": "picker/IconPicker",
+		"icon-picker-inline": "picker/IconPickerInline",
+		icon: "picker/IconPicker",
+		"map-picker": "picker/MapPicker",
+		"async-select": "picker/AsyncSelectPicker",
+		"data-model": "picker/DataModelPicker",
+		"integration-connector": "picker/IntegrationConnectorPicker"
+	}
+}, t = {
+	"card-list": "CardListCard",
+	"tab-list": "TabListCard",
+	"element-list": "ElementListCard",
+	"element-display": "ElementDisplayCard",
+	datatable: "DataTableCard",
+	"info-card": "InfoCard",
+	"grid-view": "GridViewCard"
+}, n = {
+	action: "button",
+	boolean: "checkbox",
+	builder: "form-builder",
+	card: "list",
+	code: "git-editor",
+	"configuration-block": "repeatable",
+	display: "type",
+	editor: "code-editor",
+	file: "upload",
+	input: "text",
+	"option-select": "select",
+	picker: "date-picker"
+};
+function r(t) {
+	let r = t.indexOf("."), i = r < 0 ? t : t.slice(0, r), a = r < 0 ? n[i] ?? "" : t.slice(r + 1), o = e[i];
+	if (!o) return null;
+	if (!a) {
+		let e = Object.keys(o)[0];
+		return e ? o[e] : null;
+	}
+	return o[a] ?? null;
+}
+function i(e) {
+	return t[e] ?? null;
+}
+//#endregion
+export { r as a, i, n, e as r, t };
+
+//# sourceMappingURL=registry-DF6UGvEI.js.map

package/dist/chunks/registry-DF6UGvEI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry-DF6UGvEI.js","names":[],"sources":["../../src/engine/registry.ts"],"sourcesContent":["/**\n * Static registry mapping the JSON discriminators (`type` + `style`,\n * or `cardType`) to a relative path under `src/elements/` or\n * `src/cards/`. The path is what `import.meta.glob` uses to resolve a\n * lazy component loader at build time.\n *\n * Adding a new element style:\n *   1. Add it to the element's `Style` union in `definitions/elements/`.\n *   2. Add the matching path here.\n *   3. Create the Vue file at `src/elements/<path>.vue`.\n *\n * The registry is dense and exhaustive on purpose: TypeScript will fail\n * to compile if a style enum value is missing from the map, which keeps\n * the JSON contract and the runtime renderers in lock-step.\n */\nimport type { CardType, ElementCategory } from \"@/definitions/shared/base\"\nimport type { ActionStyle } from \"@/definitions/elements/ActionElement\"\nimport type { BooleanStyle } from \"@/definitions/elements/BooleanElement\"\nimport type { BuilderStyle } from \"@/definitions/elements/BuilderElement\"\nimport type { CardStyle } from \"@/definitions/elements/CardLayoutElement\"\nimport type { CodeStyle } from \"@/definitions/elements/CodeElement\"\nimport type { ConfigurationBlockStyle } from \"@/definitions/elements/ConfigurationBlockElement\"\nimport type { DisplayStyle } from \"@/definitions/elements/DisplayElement\"\nimport type { EditorStyle } from \"@/definitions/elements/EditorElement\"\nimport type { FileStyle } from \"@/definitions/elements/FileElement\"\nimport type { InputStyle } from \"@/definitions/elements/InputElement\"\nimport type { OptionSelectStyle } from \"@/definitions/elements/OptionSelectElement\"\nimport type { PickerStyle } from \"@/definitions/elements/PickerElement\"\n\n/**\n * A path under `src/elements/`, without the `./` prefix or the `.vue`\n * extension. e.g. `\"input/TextInput\"` resolves to\n * `src/elements/input/TextInput.vue`.\n */\nexport type ElementPath = string\n\n/**\n * A path under `src/cards/`. e.g. `\"ElementListCard\"` resolves to\n * `src/cards/ElementListCard.vue`.\n */\nexport type CardPath = string\n\n/**\n * Per-type map of style → path. Each top-level key is an ElementType;\n * the inner object covers every style variant for that type.\n *\n * Using `Record<Style, ElementPath>` here means TS errors if a new\n * style is added to the definitions but not given a renderer path.\n */\nexport interface ElementRegistry {\n  action: Record<ActionStyle, ElementPath>\n  boolean: Record<BooleanStyle, ElementPath>\n  builder: Record<BuilderStyle, ElementPath>\n  card: Record<CardStyle, ElementPath>\n  code: Record<CodeStyle, ElementPath>\n  \"configuration-block\": Record<ConfigurationBlockStyle, ElementPath>\n  display: Record<DisplayStyle, ElementPath>\n  editor: Record<EditorStyle, ElementPath>\n  file: Record<FileStyle, ElementPath>\n  input: Record<InputStyle, ElementPath>\n  \"option-select\": Record<OptionSelectStyle, ElementPath>\n  picker: Record<PickerStyle, ElementPath>\n}\n\nexport const elementRegistry: ElementRegistry = {\n  card: {\n    list: \"card/ListCard\",\n    tab: \"card/TabCard\",\n    datatable: \"card/DatatableCard\",\n    grid: \"card/GridCard\",\n    info: \"card/InfoCard\",\n  },\n  action: {\n    button: \"action/ButtonAction\",\n    \"button-group\": \"action/ButtonGroupAction\",\n    // v2 alias — same file, accepted for backwards compat.\n    buttongroup: \"action/ButtonGroupAction\",\n    link: \"action/LinkAction\",\n  },\n  boolean: {\n    checkbox: \"boolean/CheckboxBoolean\",\n    switch: \"boolean/SwitchBoolean\",\n    radio: \"boolean/RadioBoolean\",\n    \"icon-toggle\": \"boolean/IconToggleBoolean\",\n  },\n  builder: {\n    \"form-builder\": \"builder/FormBuilder\",\n    \"object-builder\": \"builder/ObjectBuilder\",\n    \"preset-builder\": \"builder/PresetBuilder\",\n    \"reactive-canvas-builder\": \"builder/ReactiveCanvasBuilder\",\n    \"element-list-builder\": \"builder/ElementListBuilder\",\n    \"quiz-builder\": \"builder/QuizBuilder\",\n    \"dependency-list-builder\": \"builder/DependencyListBuilder\",\n    \"grid-builder\": \"builder/GridBuilder\",\n  },\n  code: {\n    \"git-editor\": \"code/GitCodeEditor\",\n    \"file-tree\": \"code/FileTree\",\n    \"pull-requests-list\": \"code/PullRequestsList\",\n    \"build-status\": \"code/BuildStatus\",\n    \"chat-message\": \"code/ChatMessage\",\n  },\n  \"configuration-block\": {\n    \"elements-block\": \"configuration-block/ElementsBlock\",\n    repeatable: \"configuration-block/RepeatableBlock\",\n    dialog: \"configuration-block/DialogBlock\",\n    modal: \"configuration-block/ModalBlock\",\n  },\n  display: {\n    type: \"display/TypeDisplay\",\n    markdown: \"display/MarkdownDisplay\",\n    html: \"display/HtmlDisplay\",\n    iframe: \"display/IframeDisplay\",\n    image: \"display/ImageDisplay\",\n    video: \"display/VideoPlayerDisplay\",\n    banner: \"display/BannerDisplay\",\n    chart: \"display/ChartDisplay\",\n    carousel: \"display/CarouselDisplay\",\n    barcode: \"display/BarcodeDisplay\",\n    qrcode: \"display/QrCodeDisplay\",\n    icon: \"display/IconDisplay\",\n    \"progress-bar\": \"display/ProgressBarDisplay\",\n    sprite: \"display/SpriteDisplay\",\n    \"reactive-canvas\": \"display/ReactiveCanvasDisplay\",\n  },\n  editor: {\n    \"code-editor\": \"editor/CodeEditor\",\n    \"markdown-editor\": \"editor/MarkdownEditor\",\n    \"html-editor\": \"editor/HtmlEditor\",\n    \"image-editor\": \"editor/ImageEditor\",\n    \"rich-text-editor\": \"editor/RichTextEditor\",\n  },\n  file: {\n    upload: \"file/UploadFile\",\n    dropzone: \"file/DropzoneFile\",\n    \"asset-picker\": \"file/AssetPickerFile\",\n  },\n  input: {\n    text: \"input/TextInput\",\n    number: \"input/NumberInput\",\n    email: \"input/EmailInput\",\n    password: \"input/PasswordInput\",\n    url: \"input/UrlInput\",\n    tel: \"input/TelInput\",\n    search: \"input/SearchInput\",\n    textarea: \"input/TextareaInput\",\n    \"range-slider\": \"input/RangeSliderInput\",\n    \"barcode-scanner\": \"input/BarcodeScannerInput\",\n  },\n  \"option-select\": {\n    select: \"option-select/SelectOption\",\n    \"select-multiple\": \"option-select/SelectMultipleOption\",\n    radio: \"option-select/RadioOption\",\n    checkbox: \"option-select/CheckboxOption\",\n    autocomplete: \"option-select/AutoCompleteOption\",\n    list: \"option-select/ListOption\",\n    \"pill-select\": \"option-select/PillSelectOption\",\n    \"async-select\": \"option-select/AsyncSelectOption\",\n    \"integration-connector\": \"option-select/IntegrationConnectorOption\",\n  },\n  picker: {\n    \"date-picker\": \"picker/DatePicker\",\n    \"datetime-picker\": \"picker/DateTimePicker\",\n    \"time-picker\": \"picker/TimePicker\",\n    \"timezone-picker\": \"picker/TimezonePicker\",\n    \"color-picker\": \"picker/ColorPicker\",\n    \"icon-picker\": \"picker/IconPicker\",\n    \"icon-picker-inline\": \"picker/IconPickerInline\",\n    icon: \"picker/IconPicker\",\n    \"map-picker\": \"picker/MapPicker\",\n    \"async-select\": \"picker/AsyncSelectPicker\",\n    \"data-model\": \"picker/DataModelPicker\",\n    \"integration-connector\": \"picker/IntegrationConnectorPicker\",\n  },\n}\n\n/**\n * Per-cardType map. Cards have no style discriminator — `cardType`\n * alone resolves the renderer.\n */\nexport const cardRegistry: Record<CardType, CardPath> = {\n  \"card-list\": \"CardListCard\",\n  \"tab-list\": \"TabListCard\",\n  \"element-list\": \"ElementListCard\",\n  \"element-display\": \"ElementDisplayCard\",\n  datatable: \"DataTableCard\",\n  \"info-card\": \"InfoCard\",\n  \"grid-view\": \"GridViewCard\",\n}\n\n/**\n * Default style picked when an element JSON omits the dot suffix\n * (e.g. `type: \"input\"` is normalised to `\"input.text\"`). Each\n * ElementCategory must have a default registered.\n */\nexport const elementDefaultStyle: Record<ElementCategory, string> = {\n  action: \"button\",\n  boolean: \"checkbox\",\n  builder: \"form-builder\",\n  card: \"list\",\n  code: \"git-editor\",\n  \"configuration-block\": \"repeatable\",\n  display: \"type\",\n  editor: \"code-editor\",\n  file: \"upload\",\n  input: \"text\",\n  \"option-select\": \"select\",\n  picker: \"date-picker\",\n}\n\n/**\n * Returns the relative element path for a given dot-notation `type`\n * (e.g. `\"input.text\"`), or `null` when the type isn't registered.\n *\n * A bare category (e.g. `\"input\"`) is auto-completed using the\n * category's default style. The loader uses the returned path to look\n * up a Vue component module from `import.meta.glob`.\n */\nexport function resolveElementPath(type: string): ElementPath | null {\n  const dot = type.indexOf(\".\")\n  const category = (dot < 0 ? type : type.slice(0, dot)) as ElementCategory\n  const style =\n    dot < 0\n      ? elementDefaultStyle[category] ?? \"\"\n      : type.slice(dot + 1)\n  const typeBucket = (elementRegistry as unknown as Record<string, Record<string, string>>)[category]\n  if (!typeBucket) {\n    return null\n  }\n  if (!style) {\n    const fallback = Object.keys(typeBucket)[0]\n    return fallback ? typeBucket[fallback]! : null\n  }\n  return typeBucket[style] ?? null\n}\n\n/**\n * Returns the relative card path for a given `cardType`, or `null` if\n * unregistered.\n */\nexport function resolveCardPath(cardType: string): CardPath | null {\n  return (cardRegistry as Record<string, string>)[cardType] ?? null\n}\n"],"mappings":";AAgEA,IAAa,IAAmC;CAC9C,MAAM;EACJ,MAAM;EACN,KAAK;EACL,WAAW;EACX,MAAM;EACN,MAAM;CACR;CACA,QAAQ;EACN,QAAQ;EACR,gBAAgB;EAEhB,aAAa;EACb,MAAM;CACR;CACA,SAAS;EACP,UAAU;EACV,QAAQ;EACR,OAAO;EACP,eAAe;CACjB;CACA,SAAS;EACP,gBAAgB;EAChB,kBAAkB;EAClB,kBAAkB;EAClB,2BAA2B;EAC3B,wBAAwB;EACxB,gBAAgB;EAChB,2BAA2B;EAC3B,gBAAgB;CAClB;CACA,MAAM;EACJ,cAAc;EACd,aAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,gBAAgB;CAClB;CACA,uBAAuB;EACrB,kBAAkB;EAClB,YAAY;EACZ,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,MAAM;EACN,UAAU;EACV,MAAM;EACN,QAAQ;EACR,OAAO;EACP,OAAO;EACP,QAAQ;EACR,OAAO;EACP,UAAU;EACV,SAAS;EACT,QAAQ;EACR,MAAM;EACN,gBAAgB;EAChB,QAAQ;EACR,mBAAmB;CACrB;CACA,QAAQ;EACN,eAAe;EACf,mBAAmB;EACnB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;CACtB;CACA,MAAM;EACJ,QAAQ;EACR,UAAU;EACV,gBAAgB;CAClB;CACA,OAAO;EACL,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,KAAK;EACL,KAAK;EACL,QAAQ;EACR,UAAU;EACV,gBAAgB;EAChB,mBAAmB;CACrB;CACA,iBAAiB;EACf,QAAQ;EACR,mBAAmB;EACnB,OAAO;EACP,UAAU;EACV,cAAc;EACd,MAAM;EACN,eAAe;EACf,gBAAgB;EAChB,yBAAyB;CAC3B;CACA,QAAQ;EACN,eAAe;EACf,mBAAmB;EACnB,eAAe;EACf,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;EACf,sBAAsB;EACtB,MAAM;EACN,cAAc;EACd,gBAAgB;EAChB,cAAc;EACd,yBAAyB;CAC3B;AACF,GAMa,IAA2C;CACtD,aAAa;CACb,YAAY;CACZ,gBAAgB;CAChB,mBAAmB;CACnB,WAAW;CACX,aAAa;CACb,aAAa;AACf,GAOa,IAAuD;CAClE,QAAQ;CACR,SAAS;CACT,SAAS;CACT,MAAM;CACN,MAAM;CACN,uBAAuB;CACvB,SAAS;CACT,QAAQ;CACR,MAAM;CACN,OAAO;CACP,iBAAiB;CACjB,QAAQ;AACV;AAUA,SAAgB,EAAmB,GAAkC;CACnE,IAAM,IAAM,EAAK,QAAQ,GAAG,GACtB,IAAY,IAAM,IAAI,IAAO,EAAK,MAAM,GAAG,CAAG,GAC9C,IACJ,IAAM,IACF,EAAoB,MAAa,KACjC,EAAK,MAAM,IAAM,CAAC,GAClB,IAAc,EAAsE;CAC1F,IAAI,CAAC,GACH,OAAO;CAET,IAAI,CAAC,GAAO;EACV,IAAM,IAAW,OAAO,KAAK,CAAU,EAAE;EACzC,OAAO,IAAW,EAAW,KAAa;CAC5C;CACA,OAAO,EAAW,MAAU;AAC9B;AAMA,SAAgB,EAAgB,GAAmC;CACjE,OAAQ,EAAwC,MAAa;AAC/D"}

package/dist/chunks/rolldown-runtime-Dy4uBu1J.js

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t };