@gxp-dev/mod-ui 2.0.0 → 2.0.3

package/dist/components/compositions/elements/code/PullRequestsList.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PullRequestsList.vue2.js","sources":["../../../../../src/components/compositions/elements/code/PullRequestsList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven pull-request list composition. Renders a toolbar with\n * status-filter chips + a search input, then a list of PR rows. The\n * composition makes no HTTP calls — the consumer supplies a single\n * Promise-returning `onLoadPullRequests` callback that receives the\n * current filter object.\n *\n *   <PullRequestsList\n *     :on-load-pull-requests=\"(f) => fetch(`/api/prs?...`).then(r => r.json())\"\n *     v-model:selected-id=\"selectedPr\"\n *     @select=\"(pr) => router.push(pr.url)\"\n *   />\n */\nimport { computed, onMounted, ref, watch } from \"vue\"\nimport {\n  ArrowRight,\n  GitMerge,\n  GitPullRequest,\n  GitPullRequestDraft,\n  Loader2,\n  Search,\n  XCircle,\n} from \"lucide-vue-next\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Input } from \"@/components/ui/input\"\nimport { Skeleton } from \"@/components/ui/skeleton\"\nimport { cn } from \"@/lib/utils\"\n\nexport type PullRequestStatus =\n  | \"open\"\n  | \"closed\"\n  | \"merged\"\n  | \"draft\"\n\nexport interface PullRequest {\n  id: string\n  number?: number\n  title: string\n  authorName?: string\n  authorAvatarUrl?: string\n  status: PullRequestStatus\n  createdAt?: string | Date\n  updatedAt?: string | Date\n  branchName?: string\n  targetBranch?: string\n  url?: string\n}\n\nexport interface PullRequestsListFilter {\n  status?: PullRequestStatus\n  query?: string\n}\n\nexport interface PullRequestsListProps {\n  /** REQUIRED loader, invoked on mount and whenever the filter changes. */\n  onLoadPullRequests: (\n    filter?: PullRequestsListFilter,\n  ) => Promise<PullRequest[]>\n  /** Initial filter applied on mount. */\n  defaultFilter?: PullRequestsListFilter\n  /** Currently selected PR id (v-modelable as `selectedId`). */\n  selectedId?: string\n  /** Fired when a PR row is clicked. */\n  onSelect?: (pr: PullRequest) => void\n  label?: string\n  name?: string | null\n  helpText?: string\n  errors?: string[]\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<PullRequestsListProps>(), {\n  errors: () => [],\n  label: \"Pull Requests\",\n})\n\nconst emit = defineEmits<{\n  \"update:selectedId\": [value: string]\n}>()\n\nconst status = ref<PullRequestStatus | \"all\">(\n  props.defaultFilter?.status ?? \"all\",\n)\nconst query = ref<string>(props.defaultFilter?.query ?? \"\")\n\nconst items = ref<PullRequest[]>([])\nconst loading = ref<boolean>(false)\nconst error = ref<string | null>(null)\nlet token = 0\n\nconst STATUS_CHIPS: { value: PullRequestStatus | \"all\"; label: string }[] = [\n  { value: \"all\", label: \"All\" },\n  { value: \"open\", label: \"Open\" },\n  { value: \"draft\", label: \"Draft\" },\n  { value: \"merged\", label: \"Merged\" },\n  { value: \"closed\", label: \"Closed\" },\n]\n\nfunction statusVariant(s: PullRequestStatus): string {\n  switch (s) {\n    case \"open\":\n      return \"success\"\n    case \"merged\":\n      return \"info\"\n    case \"closed\":\n      return \"destructive\"\n    case \"draft\":\n    default:\n      return \"secondary\"\n  }\n}\n\nfunction statusIcon(s: PullRequestStatus) {\n  if (s === \"merged\") {\n    return GitMerge\n  }\n  if (s === \"closed\") {\n    return XCircle\n  }\n  if (s === \"draft\") {\n    return GitPullRequestDraft\n  }\n  return GitPullRequest\n}\n\nfunction relativeTime(value: string | Date | undefined): string {\n  if (!value) {\n    return \"\"\n  }\n  const d = value instanceof Date ? value : new Date(value)\n  const diff = Date.now() - d.getTime()\n  if (Number.isNaN(diff)) {\n    return \"\"\n  }\n  const sec = Math.round(diff / 1000)\n  if (sec < 60) {\n    return `${sec}s ago`\n  }\n  const min = Math.round(sec / 60)\n  if (min < 60) {\n    return `${min}m ago`\n  }\n  const hr = Math.round(min / 60)\n  if (hr < 24) {\n    return `${hr}h ago`\n  }\n  const day = Math.round(hr / 24)\n  if (day < 30) {\n    return `${day}d ago`\n  }\n  const month = Math.round(day / 30)\n  if (month < 12) {\n    return `${month}mo ago`\n  }\n  const year = Math.round(month / 12)\n  return `${year}y ago`\n}\n\nfunction currentFilter(): PullRequestsListFilter {\n  const f: PullRequestsListFilter = {}\n  if (status.value !== \"all\") {\n    f.status = status.value\n  }\n  if (query.value) {\n    f.query = query.value\n  }\n  return f\n}\n\nasync function reload(): Promise<void> {\n  const myToken = ++token\n  loading.value = true\n  error.value = null\n  try {\n    const next = await props.onLoadPullRequests(currentFilter())\n    if (myToken !== token) {\n      return\n    }\n    items.value = Array.isArray(next) ? next : []\n  } catch (err) {\n    if (myToken !== token) {\n      return\n    }\n    error.value = err instanceof Error ? err.message : String(err)\n    items.value = []\n  } finally {\n    if (myToken === token) {\n      loading.value = false\n    }\n  }\n}\n\nlet debounceTimer: ReturnType<typeof setTimeout> | null = null\nfunction scheduleReload(): void {\n  if (debounceTimer !== null) {\n    clearTimeout(debounceTimer)\n  }\n  debounceTimer = setTimeout(() => {\n    debounceTimer = null\n    void reload()\n  }, 200)\n}\n\nfunction setStatus(next: PullRequestStatus | \"all\"): void {\n  if (status.value === next) {\n    return\n  }\n  status.value = next\n  void reload()\n}\n\nfunction onQueryInput(e: Event): void {\n  const next = (e.target as HTMLInputElement).value\n  query.value = next\n  scheduleReload()\n}\n\nfunction selectRow(pr: PullRequest): void {\n  emit(\"update:selectedId\", pr.id)\n  if (props.onSelect) {\n    props.onSelect(pr)\n  }\n}\n\nfunction authorFallback(name?: string): string {\n  if (!name) {\n    return \"?\"\n  }\n  return name\n    .split(/\\s+/)\n    .filter(Boolean)\n    .slice(0, 2)\n    .map((s) => s[0]?.toUpperCase() ?? \"\")\n    .join(\"\")\n}\n\nconst selectedIdRef = computed<string | undefined>(() => props.selectedId)\n\nonMounted(() => {\n  void reload()\n})\n\nwatch(\n  () => props.defaultFilter,\n  (next) => {\n    if (!next) {\n      return\n    }\n    status.value = next.status ?? \"all\"\n    query.value = next.query ?? \"\"\n    void reload()\n  },\n  { deep: true },\n)\n\ndefineExpose({ reload })\n</script>\n\n<template>\n  <Card\n    :class=\"cn(props.classList)\"\n    :data-element-name=\"props.name ?? undefined\"\n    data-testid=\"pull-requests-list\"\n  >\n    <CardHeader class=\"flex flex-col gap-3 pb-3\">\n      <CardTitle class=\"flex items-center gap-2 text-base\">\n        <GitPullRequest class=\"size-5 text-muted-foreground\" />\n        <span>{{ props.label }}</span>\n      </CardTitle>\n      <div class=\"flex flex-wrap items-center gap-2\">\n        <div class=\"flex flex-wrap items-center gap-1\">\n          <button\n            v-for=\"chip in STATUS_CHIPS\"\n            :key=\"chip.value\"\n            type=\"button\"\n            :class=\"\n              cn(\n                'rounded-full border px-3 py-1 text-xs font-medium transition-colors',\n                status === chip.value\n                  ? 'border-primary bg-primary text-primary-foreground'\n                  : 'border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground',\n              )\n            \"\n            :data-testid=\"`pull-requests-list-chip-${chip.value}`\"\n            :aria-pressed=\"status === chip.value\"\n            @click=\"setStatus(chip.value)\"\n          >\n            {{ chip.label }}\n          </button>\n        </div>\n        <div class=\"relative flex-1 min-w-48\">\n          <Search\n            class=\"absolute left-2 top-1/2 -translate-y-1/2 size-4 text-muted-foreground\"\n          />\n          <Input\n            :model-value=\"query\"\n            placeholder=\"Search…\"\n            class=\"pl-8\"\n            data-testid=\"pull-requests-list-search\"\n            @input=\"onQueryInput\"\n          />\n        </div>\n      </div>\n      <p\n        v-if=\"props.helpText\"\n        class=\"text-sm text-muted-foreground\"\n        data-testid=\"pull-requests-list-help\"\n      >\n        {{ props.helpText }}\n      </p>\n    </CardHeader>\n    <CardContent class=\"flex flex-col gap-1 p-2\">\n      <div\n        v-if=\"loading\"\n        class=\"flex flex-col gap-2 px-2 py-2\"\n        data-testid=\"pull-requests-list-loading\"\n      >\n        <Skeleton class=\"h-12 w-full\" />\n        <Skeleton class=\"h-12 w-full\" />\n        <Skeleton class=\"h-12 w-full\" />\n      </div>\n      <p\n        v-else-if=\"error\"\n        class=\"px-2 py-2 text-sm text-destructive\"\n        data-testid=\"pull-requests-list-error\"\n        role=\"alert\"\n      >\n        {{ error }}\n      </p>\n      <p\n        v-else-if=\"items.length === 0\"\n        class=\"px-2 py-4 text-center text-sm text-muted-foreground\"\n        data-testid=\"pull-requests-list-empty\"\n      >\n        No pull requests.\n      </p>\n      <ul\n        v-else\n        class=\"flex flex-col\"\n        role=\"list\"\n        data-testid=\"pull-requests-list-rows\"\n      >\n        <li\n          v-for=\"pr in items\"\n          :key=\"pr.id\"\n          :class=\"\n            cn(\n              'flex cursor-pointer items-center gap-3 rounded-md border border-transparent px-2 py-2 hover:bg-accent',\n              selectedIdRef === pr.id\n                ? 'border-primary bg-accent'\n                : '',\n            )\n          \"\n          :data-testid=\"`pull-requests-list-row-${pr.id}`\"\n          :aria-selected=\"selectedIdRef === pr.id\"\n          @click=\"selectRow(pr)\"\n        >\n          <component\n            :is=\"statusIcon(pr.status)\"\n            class=\"size-4 shrink-0 text-muted-foreground\"\n          />\n          <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n            <div class=\"flex items-center gap-2\">\n              <span class=\"truncate text-sm font-medium\">{{ pr.title }}</span>\n              <span\n                v-if=\"pr.number !== undefined\"\n                class=\"text-xs text-muted-foreground\"\n              >\n                #{{ pr.number }}\n              </span>\n              <Badge\n                :variant=\"(statusVariant(pr.status) as 'success' | 'info' | 'destructive' | 'secondary')\"\n                size=\"sm\"\n                class=\"capitalize\"\n              >\n                {{ pr.status }}\n              </Badge>\n            </div>\n            <div\n              class=\"flex flex-wrap items-center gap-2 text-xs text-muted-foreground\"\n            >\n              <span\n                v-if=\"pr.authorName\"\n                class=\"flex items-center gap-1.5\"\n              >\n                <Avatar size=\"sm\" class=\"size-5 text-[10px]\">\n                  <AvatarImage\n                    v-if=\"pr.authorAvatarUrl\"\n                    :src=\"pr.authorAvatarUrl\"\n                    :alt=\"pr.authorName\"\n                  />\n                  <AvatarFallback>{{ authorFallback(pr.authorName) }}</AvatarFallback>\n                </Avatar>\n                <span>{{ pr.authorName }}</span>\n              </span>\n              <span\n                v-if=\"pr.branchName || pr.targetBranch\"\n                class=\"flex items-center gap-1\"\n              >\n                <span v-if=\"pr.branchName\" class=\"font-mono\">{{ pr.branchName }}</span>\n                <ArrowRight v-if=\"pr.branchName && pr.targetBranch\" class=\"size-3\" />\n                <span v-if=\"pr.targetBranch\" class=\"font-mono\">{{ pr.targetBranch }}</span>\n              </span>\n              <span v-if=\"pr.updatedAt || pr.createdAt\">\n                {{ relativeTime(pr.updatedAt ?? pr.createdAt) }}\n              </span>\n            </div>\n          </div>\n          <Loader2\n            v-if=\"false\"\n            class=\"size-3 animate-spin text-muted-foreground\"\n          />\n        </li>\n      </ul>\n      <ul\n        v-if=\"props.errors.length\"\n        class=\"px-2 pt-2 text-sm text-destructive\"\n        data-testid=\"pull-requests-list-errors\"\n        role=\"alert\"\n      >\n        <li v-for=\"(err, i) in props.errors\" :key=\"i\">{{ err }}</li>\n      </ul>\n    </CardContent>\n  </Card>\n</template>\n"],"names":["props","__props","emit","__emit","status","ref","_a","query","_b","items","loading","error","token","STATUS_CHIPS","statusVariant","s","statusIcon","GitMerge","XCircle","GitPullRequestDraft","GitPullRequest","relativeTime","value","d","diff","sec","min","hr","day","month","currentFilter","f","reload","myToken","next","err","debounceTimer","scheduleReload","setStatus","onQueryInput","e","selectRow","pr","authorFallback","name","selectedIdRef","computed","onMounted","watch","__expose","_createBlock","_unref","Card","_normalizeClass","cn","_createVNode","CardHeader","CardTitle","_createElementVNode","_toDisplayString","_hoisted_1","_hoisted_2","_createElementBlock","_Fragment","_renderList","chip","$event","_hoisted_3","_hoisted_4","Search","Input","_openBlock","_hoisted_5","CardContent","_hoisted_6","Skeleton","_hoisted_7","_hoisted_8","_hoisted_9","_resolveDynamicComponent","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","Badge","_createTextVNode","_hoisted_15","_hoisted_16","Avatar","AvatarImage","AvatarFallback","_hoisted_17","_hoisted_18","ArrowRight","_hoisted_19","_hoisted_20","_hoisted_21","i"],"mappings":"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"}
+{"version":3,"file":"PullRequestsList.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/configuration-block/DialogBlock.vue.d.ts

@@ -0,0 +1,17 @@
+import { CardElement } from '../../../../definitions/elements';
+export interface DialogBlockProps {
+    label?: string;
+    name?: string | null;
+    triggerLabel?: string;
+    title?: string;
+    nestedElements?: CardElement[];
+    item?: Record<string, unknown>;
+    classList?: string[] | string;
+}
+declare const _default: import('vue').DefineComponent<DialogBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DialogBlockProps> & Readonly<{}>, {
+    label: string;
+    nestedElements: CardElement[];
+    item: Record<string, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=DialogBlock.vue.d.ts.map

package/dist/components/compositions/elements/configuration-block/DialogBlock.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogBlock.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/configuration-block/DialogBlock.vue"],"names":[],"mappings":"AAqGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAazD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,WAAW,EAAE,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;WAPS,MAAM;oBAIG,WAAW,EAAE;UACvB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;AA0MhC,wBAQG"}

package/dist/components/compositions/elements/configuration-block/DialogBlock.vue.js

@@ -1,5 +1,104 @@
-import f from "./DialogBlock.vue2.js";
+import { defineComponent as b, computed as n, openBlock as o, createBlock as u, unref as t, withCtx as l, createVNode as a, normalizeClass as k, createTextVNode as r, toDisplayString as m, createElementBlock as s, Fragment as v, renderList as $ } from "vue";
+import { Construction as x } from "lucide-vue-next";
+import y from "../../../ui/dialog/Dialog.vue.js";
+import "reka-ui";
+import h from "../../../ui/dialog/DialogContent.vue.js";
+import "@vueuse/core";
+import { cn as B } from "../../../../lib/utils.js";
+import D from "../../../ui/dialog/DialogHeader.vue.js";
+import L from "../../../ui/dialog/DialogTitle.vue.js";
+import C from "../../../ui/dialog/DialogTrigger.vue.js";
+import "../../../ui/button/index.js";
+import "../../../ui/badge/index.js";
+import z from "../../../../engine/ElementRenderer.vue.js";
+import E from "../../../ui/button/Button.vue.js";
+import T from "../../../ui/badge/Badge.vue.js";
+const F = {
+  key: 0,
+  class: "flex flex-col gap-3"
+}, N = {
+  key: 1,
+  class: "text-sm text-muted-foreground"
+}, d = "dialog", U = /* @__PURE__ */ b({
+  __name: "DialogBlock",
+  props: {
+    label: { default: "Dialog" },
+    name: {},
+    triggerLabel: {},
+    title: {},
+    nestedElements: { default: () => [] },
+    item: { default: () => ({}) },
+    classList: {}
+  },
+  setup(_) {
+    const e = _, p = n(
+      () => e.triggerLabel ?? e.label ?? "Open dialog"
+    ), g = n(
+      () => e.title ?? e.label ?? "Dialog"
+    ), c = n(
+      () => (e.nestedElements ?? []).filter(
+        (i) => typeof i == "object" && i !== null && typeof i.type == "string"
+      )
+    );
+    return (i, V) => (o(), u(t(y), null, {
+      default: l(() => [
+        a(t(C), { "as-child": "" }, {
+          default: l(() => [
+            a(t(E), {
+              type: "button",
+              variant: "outline",
+              class: k(t(B)(e.classList)),
+              "data-element-name": e.name ?? void 0,
+              "data-stub": `configuration-block/${d}`,
+              "aria-label": e.label
+            }, {
+              default: l(() => [
+                a(t(x), { class: "size-4" }),
+                r(" " + m(p.value) + " ", 1),
+                a(t(T), {
+                  variant: "outline",
+                  size: "sm"
+                }, {
+                  default: l(() => [
+                    r(m(d))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["class", "data-element-name", "data-stub", "aria-label"])
+          ]),
+          _: 1
+        }),
+        a(t(h), null, {
+          default: l(() => [
+            a(t(D), null, {
+              default: l(() => [
+                a(t(L), null, {
+                  default: l(() => [
+                    r(m(g.value), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            c.value.length ? (o(), s("div", F, [
+              (o(!0), s(v, null, $(c.value, (f) => (o(), u(z, {
+                key: f.id,
+                element: f,
+                item: e.item
+              }, null, 8, ["element", "item"]))), 128))
+            ])) : (o(), s("p", N, " Dialog block — FormBuilder integration coming in task #7. "))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
 export {
-  f as default
+  U as default
 };
 //# sourceMappingURL=DialogBlock.vue.js.map

package/dist/components/compositions/elements/configuration-block/DialogBlock.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogBlock.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"DialogBlock.vue.js","sources":["../../../../../src/components/compositions/elements/configuration-block/DialogBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven renderer for `configuration-block/dialog`.\n *\n * Wraps the inner children (`nestedElements`) in a Dialog opened by a\n * trigger Button. Full FormBuilder integration arrives in task #7.\n */\nimport { computed } from \"vue\"\nimport { Construction } from \"lucide-vue-next\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\"\nimport { Button } from \"@/components/ui/button\"\nimport { Badge } from \"@/components/ui/badge\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DialogBlockProps {\n  label?: string\n  name?: string | null\n  triggerLabel?: string\n  title?: string\n  nestedElements?: CardElement[]\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<DialogBlockProps>(), {\n  label: \"Dialog\",\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst styleKey = \"dialog\"\n\nconst resolvedTrigger = computed(\n  () => props.triggerLabel ?? props.label ?? \"Open dialog\",\n)\nconst resolvedTitle = computed(\n  () => props.title ?? props.label ?? \"Dialog\",\n)\n\nconst children = computed<CardElement[]>(() =>\n  (props.nestedElements ?? []).filter(\n    (entry): entry is CardElement =>\n      typeof entry === \"object\" &&\n      entry !== null &&\n      typeof (entry as { type?: unknown }).type === \"string\",\n  ),\n)\n</script>\n\n<template>\n  <Dialog>\n    <DialogTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        :class=\"cn(props.classList)\"\n        :data-element-name=\"props.name ?? undefined\"\n        :data-stub=\"`configuration-block/${styleKey}`\"\n        :aria-label=\"props.label\"\n      >\n        <Construction class=\"size-4\" />\n        {{ resolvedTrigger }}\n        <Badge variant=\"outline\" size=\"sm\">{{ styleKey }}</Badge>\n      </Button>\n    </DialogTrigger>\n    <DialogContent>\n      <DialogHeader>\n        <DialogTitle>{{ resolvedTitle }}</DialogTitle>\n      </DialogHeader>\n      <div v-if=\"children.length\" class=\"flex flex-col gap-3\">\n        <ElementRenderer\n          v-for=\"child in children\"\n          :key=\"child.id\"\n          :element=\"child\"\n          :item=\"props.item\"\n        />\n      </div>\n      <p v-else class=\"text-sm text-muted-foreground\">\n        Dialog block — FormBuilder integration coming in task #7.\n      </p>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"names":["styleKey","props","__props","resolvedTrigger","computed","resolvedTitle","children","entry","_createBlock","_unref","Dialog","_createVNode","DialogTrigger","Button","_normalizeClass","cn","Construction","_toDisplayString","Badge","DialogContent","DialogHeader","DialogTitle","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","child","ElementRenderer","_hoisted_2"],"mappings":";;;;;;;;;;;;;;;;;;;;;GAsCMA,IAAW;;;;;;;;;;;;AANjB,UAAMC,IAAQC,GAQRC,IAAkBC;AAAA,MACtB,MAAMH,EAAM,gBAAgBA,EAAM,SAAS;AAAA,IAAA,GAEvCI,IAAgBD;AAAA,MACpB,MAAMH,EAAM,SAASA,EAAM,SAAS;AAAA,IAAA,GAGhCK,IAAWF;AAAA,MAAwB,OACtCH,EAAM,kBAAkB,CAAA,GAAI;AAAA,QAC3B,CAACM,MACC,OAAOA,KAAU,YACjBA,MAAU,QACV,OAAQA,EAA6B,QAAS;AAAA,MAAA;AAAA,IAClD;2BAKAC,EA+BSC,EAAAC,CAAA,GAAA,MAAA;AAAA,iBA9BP,MAagB;AAAA,QAbhBC,EAagBF,EAAAG,CAAA,GAAA,EAbD,YAAA,MAAQ;AAAA,qBACrB,MAWS;AAAA,YAXTD,EAWSF,EAAAI,CAAA,GAAA;AAAA,cAVP,MAAK;AAAA,cACL,SAAQ;AAAA,cACP,OAAKC,EAAEL,EAAAM,CAAA,EAAGd,EAAM,SAAS,CAAA;AAAA,cACzB,qBAAmBA,EAAM,QAAQ;AAAA,cACjC,oCAAkCD,CAAQ;AAAA,cAC1C,cAAYC,EAAM;AAAA,YAAA;yBAEnB,MAA+B;AAAA,gBAA/BU,EAA+BF,EAAAO,CAAA,GAAA,EAAjB,OAAM,UAAQ;AAAA,kBAAG,MAC/BC,EAAGd,EAAA,KAAe,IAAG,KACrB,CAAA;AAAA,gBAAAQ,EAAyDF,EAAAS,CAAA,GAAA;AAAA,kBAAlD,SAAQ;AAAA,kBAAU,MAAK;AAAA,gBAAA;6BAAK,MAAc;AAAA,wBAAXlB,CAAQ,CAAA;AAAA,kBAAA;;;;;;;;;QAGlDW,EAegBF,EAAAU,CAAA,GAAA,MAAA;AAAA,qBAdd,MAEe;AAAA,YAFfR,EAEeF,EAAAW,CAAA,GAAA,MAAA;AAAA,yBADb,MAA8C;AAAA,gBAA9CT,EAA8CF,EAAAY,CAAA,GAAA,MAAA;AAAA,6BAAjC,MAAmB;AAAA,wBAAhBhB,EAAA,KAAa,GAAA,CAAA;AAAA,kBAAA;;;;;;YAEpBC,EAAA,MAAS,UAApBgB,KAAAC,EAOM,OAPNC,GAOM;AAAA,sBANJD,EAKEE,GAAA,MAAAC,EAJgBpB,EAAA,OAAQ,CAAjBqB,YADTnB,EAKEoB,GAAA;AAAA,gBAHC,KAAKD,EAAM;AAAA,gBACX,SAASA;AAAA,gBACT,MAAM1B,EAAM;AAAA,cAAA;wBAGjBsB,EAEI,KAFJM,GAAgD,6DAEhD;AAAA,UAAA;;;;;;;;"}

package/dist/components/compositions/elements/configuration-block/DialogBlock.vue2.js

@@ -1,104 +1,5 @@
-import { defineComponent as b, computed as n, openBlock as o, createBlock as u, unref as t, withCtx as l, createVNode as a, normalizeClass as k, createTextVNode as r, toDisplayString as m, createElementBlock as s, Fragment as v, renderList as $ } from "vue";
-import { Construction as x } from "lucide-vue-next";
-import y from "../../../ui/dialog/Dialog.vue.js";
-import "reka-ui";
-import h from "../../../ui/dialog/DialogContent.vue.js";
-import "@vueuse/core";
-import { cn as B } from "../../../../lib/utils.js";
-import D from "../../../ui/dialog/DialogHeader.vue.js";
-import L from "../../../ui/dialog/DialogTitle.vue.js";
-import C from "../../../ui/dialog/DialogTrigger.vue.js";
-import "../../../ui/button/index.js";
-import "../../../ui/badge/index.js";
-import z from "../../../../engine/ElementRenderer.vue.js";
-import E from "../../../ui/button/Button.vue.js";
-import T from "../../../ui/badge/Badge.vue.js";
-const F = {
-  key: 0,
-  class: "flex flex-col gap-3"
-}, N = {
-  key: 1,
-  class: "text-sm text-muted-foreground"
-}, d = "dialog", U = /* @__PURE__ */ b({
-  __name: "DialogBlock",
-  props: {
-    label: { default: "Dialog" },
-    name: {},
-    triggerLabel: {},
-    title: {},
-    nestedElements: { default: () => [] },
-    item: { default: () => ({}) },
-    classList: {}
-  },
-  setup(_) {
-    const e = _, p = n(
-      () => e.triggerLabel ?? e.label ?? "Open dialog"
-    ), g = n(
-      () => e.title ?? e.label ?? "Dialog"
-    ), c = n(
-      () => (e.nestedElements ?? []).filter(
-        (i) => typeof i == "object" && i !== null && typeof i.type == "string"
-      )
-    );
-    return (i, V) => (o(), u(t(y), null, {
-      default: l(() => [
-        a(t(C), { "as-child": "" }, {
-          default: l(() => [
-            a(t(E), {
-              type: "button",
-              variant: "outline",
-              class: k(t(B)(e.classList)),
-              "data-element-name": e.name ?? void 0,
-              "data-stub": `configuration-block/${d}`,
-              "aria-label": e.label
-            }, {
-              default: l(() => [
-                a(t(x), { class: "size-4" }),
-                r(" " + m(p.value) + " ", 1),
-                a(t(T), {
-                  variant: "outline",
-                  size: "sm"
-                }, {
-                  default: l(() => [
-                    r(m(d))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["class", "data-element-name", "data-stub", "aria-label"])
-          ]),
-          _: 1
-        }),
-        a(t(h), null, {
-          default: l(() => [
-            a(t(D), null, {
-              default: l(() => [
-                a(t(L), null, {
-                  default: l(() => [
-                    r(m(g.value), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            c.value.length ? (o(), s("div", F, [
-              (o(!0), s(v, null, $(c.value, (f) => (o(), u(z, {
-                key: f.id,
-                element: f,
-                item: e.item
-              }, null, 8, ["element", "item"]))), 128))
-            ])) : (o(), s("p", N, " Dialog block — FormBuilder integration coming in task #7. "))
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }));
-  }
-});
+import f from "./DialogBlock.vue.js";
 export {
-  U as default
+  f as default
 };
 //# sourceMappingURL=DialogBlock.vue2.js.map

package/dist/components/compositions/elements/configuration-block/DialogBlock.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogBlock.vue2.js","sources":["../../../../../src/components/compositions/elements/configuration-block/DialogBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven renderer for `configuration-block/dialog`.\n *\n * Wraps the inner children (`nestedElements`) in a Dialog opened by a\n * trigger Button. Full FormBuilder integration arrives in task #7.\n */\nimport { computed } from \"vue\"\nimport { Construction } from \"lucide-vue-next\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/components/ui/dialog\"\nimport { Button } from \"@/components/ui/button\"\nimport { Badge } from \"@/components/ui/badge\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DialogBlockProps {\n  label?: string\n  name?: string | null\n  triggerLabel?: string\n  title?: string\n  nestedElements?: CardElement[]\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<DialogBlockProps>(), {\n  label: \"Dialog\",\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst styleKey = \"dialog\"\n\nconst resolvedTrigger = computed(\n  () => props.triggerLabel ?? props.label ?? \"Open dialog\",\n)\nconst resolvedTitle = computed(\n  () => props.title ?? props.label ?? \"Dialog\",\n)\n\nconst children = computed<CardElement[]>(() =>\n  (props.nestedElements ?? []).filter(\n    (entry): entry is CardElement =>\n      typeof entry === \"object\" &&\n      entry !== null &&\n      typeof (entry as { type?: unknown }).type === \"string\",\n  ),\n)\n</script>\n\n<template>\n  <Dialog>\n    <DialogTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        :class=\"cn(props.classList)\"\n        :data-element-name=\"props.name ?? undefined\"\n        :data-stub=\"`configuration-block/${styleKey}`\"\n        :aria-label=\"props.label\"\n      >\n        <Construction class=\"size-4\" />\n        {{ resolvedTrigger }}\n        <Badge variant=\"outline\" size=\"sm\">{{ styleKey }}</Badge>\n      </Button>\n    </DialogTrigger>\n    <DialogContent>\n      <DialogHeader>\n        <DialogTitle>{{ resolvedTitle }}</DialogTitle>\n      </DialogHeader>\n      <div v-if=\"children.length\" class=\"flex flex-col gap-3\">\n        <ElementRenderer\n          v-for=\"child in children\"\n          :key=\"child.id\"\n          :element=\"child\"\n          :item=\"props.item\"\n        />\n      </div>\n      <p v-else class=\"text-sm text-muted-foreground\">\n        Dialog block — FormBuilder integration coming in task #7.\n      </p>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"names":["styleKey","props","__props","resolvedTrigger","computed","resolvedTitle","children","entry","_createBlock","_unref","Dialog","_createVNode","DialogTrigger","Button","_normalizeClass","cn","Construction","_toDisplayString","Badge","DialogContent","DialogHeader","DialogTitle","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","child","ElementRenderer","_hoisted_2"],"mappings":";;;;;;;;;;;;;;;;;;;;;GAsCMA,IAAW;;;;;;;;;;;;AANjB,UAAMC,IAAQC,GAQRC,IAAkBC;AAAA,MACtB,MAAMH,EAAM,gBAAgBA,EAAM,SAAS;AAAA,IAAA,GAEvCI,IAAgBD;AAAA,MACpB,MAAMH,EAAM,SAASA,EAAM,SAAS;AAAA,IAAA,GAGhCK,IAAWF;AAAA,MAAwB,OACtCH,EAAM,kBAAkB,CAAA,GAAI;AAAA,QAC3B,CAACM,MACC,OAAOA,KAAU,YACjBA,MAAU,QACV,OAAQA,EAA6B,QAAS;AAAA,MAAA;AAAA,IAClD;2BAKAC,EA+BSC,EAAAC,CAAA,GAAA,MAAA;AAAA,iBA9BP,MAagB;AAAA,QAbhBC,EAagBF,EAAAG,CAAA,GAAA,EAbD,YAAA,MAAQ;AAAA,qBACrB,MAWS;AAAA,YAXTD,EAWSF,EAAAI,CAAA,GAAA;AAAA,cAVP,MAAK;AAAA,cACL,SAAQ;AAAA,cACP,OAAKC,EAAEL,EAAAM,CAAA,EAAGd,EAAM,SAAS,CAAA;AAAA,cACzB,qBAAmBA,EAAM,QAAQ;AAAA,cACjC,oCAAkCD,CAAQ;AAAA,cAC1C,cAAYC,EAAM;AAAA,YAAA;yBAEnB,MAA+B;AAAA,gBAA/BU,EAA+BF,EAAAO,CAAA,GAAA,EAAjB,OAAM,UAAQ;AAAA,kBAAG,MAC/BC,EAAGd,EAAA,KAAe,IAAG,KACrB,CAAA;AAAA,gBAAAQ,EAAyDF,EAAAS,CAAA,GAAA;AAAA,kBAAlD,SAAQ;AAAA,kBAAU,MAAK;AAAA,gBAAA;6BAAK,MAAc;AAAA,wBAAXlB,CAAQ,CAAA;AAAA,kBAAA;;;;;;;;;QAGlDW,EAegBF,EAAAU,CAAA,GAAA,MAAA;AAAA,qBAdd,MAEe;AAAA,YAFfR,EAEeF,EAAAW,CAAA,GAAA,MAAA;AAAA,yBADb,MAA8C;AAAA,gBAA9CT,EAA8CF,EAAAY,CAAA,GAAA,MAAA;AAAA,6BAAjC,MAAmB;AAAA,wBAAhBhB,EAAA,KAAa,GAAA,CAAA;AAAA,kBAAA;;;;;;YAEpBC,EAAA,MAAS,UAApBgB,KAAAC,EAOM,OAPNC,GAOM;AAAA,sBANJD,EAKEE,GAAA,MAAAC,EAJgBpB,EAAA,OAAQ,CAAjBqB,YADTnB,EAKEoB,GAAA;AAAA,gBAHC,KAAKD,EAAM;AAAA,gBACX,SAASA;AAAA,gBACT,MAAM1B,EAAM;AAAA,cAAA;wBAGjBsB,EAEI,KAFJM,GAAgD,6DAEhD;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"DialogBlock.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/configuration-block/ElementsBlock.vue.d.ts

@@ -0,0 +1,20 @@
+export interface ElementsBlockProps {
+    label?: string;
+    name?: string | null;
+    nestedElements?: Array<Record<string, unknown>>;
+    item?: Record<string, unknown>;
+    classList?: string[] | string;
+    showCard?: boolean;
+    title?: string;
+    subtitle?: string;
+    gutterY?: string;
+    gutterX?: string;
+}
+declare const _default: import('vue').DefineComponent<ElementsBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ElementsBlockProps> & Readonly<{}>, {
+    label: string;
+    showCard: boolean;
+    nestedElements: Array<Record<string, unknown>>;
+    item: Record<string, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ElementsBlock.vue.d.ts.map

package/dist/components/compositions/elements/configuration-block/ElementsBlock.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementsBlock.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/configuration-block/ElementsBlock.vue"],"names":[],"mappings":"AAwDA,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;;WAVS,MAAM;cAKH,OAAO;oBAHD,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;UACxC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;AAuFhC,wBAQG"}

package/dist/components/compositions/elements/configuration-block/ElementsBlock.vue.js

@@ -1,5 +1,36 @@
-import f from "./ElementsBlock.vue2.js";
+import { defineComponent as l, openBlock as s, createBlock as a } from "vue";
+import n from "../card/ListCard.vue2.js";
+const u = /* @__PURE__ */ l({
+  __name: "ElementsBlock",
+  props: {
+    label: { default: "Elements Block" },
+    name: {},
+    nestedElements: { default: () => [] },
+    item: { default: () => ({}) },
+    classList: {},
+    showCard: { type: Boolean, default: !0 },
+    title: {},
+    subtitle: {},
+    gutterY: {},
+    gutterX: {}
+  },
+  setup(t) {
+    const e = t;
+    return (r, m) => (s(), a(n, {
+      label: e.label,
+      title: e.title,
+      subtitle: e.subtitle,
+      "show-card": e.showCard,
+      "gutter-y": e.gutterY,
+      "gutter-x": e.gutterX,
+      "nested-elements": e.nestedElements,
+      item: e.item,
+      "class-list": e.classList,
+      "data-element-name": e.name ?? void 0
+    }, null, 8, ["label", "title", "subtitle", "show-card", "gutter-y", "gutter-x", "nested-elements", "item", "class-list", "data-element-name"]));
+  }
+});
 export {
-  f as default
+  u as default
 };
 //# sourceMappingURL=ElementsBlock.vue.js.map

package/dist/components/compositions/elements/configuration-block/ElementsBlock.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementsBlock.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ElementsBlock.vue.js","sources":["../../../../../src/components/compositions/elements/configuration-block/ElementsBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Backward-compatibility shim for `configuration-block.elements-block`.\n *\n * New schemas should use `card.list` directly. This component delegates\n * entirely to ListCard so existing JSON continues to render correctly\n * without any migration required.\n */\nimport ListCard from \"@/components/compositions/elements/card/ListCard.vue\"\n\nexport interface ElementsBlockProps {\n  label?: string\n  name?: string | null\n  nestedElements?: Array<Record<string, unknown>>\n  item?: Record<string, unknown>\n  classList?: string[] | string\n  showCard?: boolean\n  title?: string\n  subtitle?: string\n  gutterY?: string\n  gutterX?: string\n}\n\nconst props = withDefaults(defineProps<ElementsBlockProps>(), {\n  label: \"Elements Block\",\n  showCard: true,\n  nestedElements: () => [],\n  item: () => ({}),\n})\n</script>\n\n<template>\n  <ListCard\n    :label=\"props.label\"\n    :title=\"props.title\"\n    :subtitle=\"props.subtitle\"\n    :show-card=\"props.showCard\"\n    :gutter-y=\"props.gutterY\"\n    :gutter-x=\"props.gutterX\"\n    :nested-elements=\"props.nestedElements\"\n    :item=\"props.item\"\n    :class-list=\"props.classList\"\n    :data-element-name=\"props.name ?? undefined\"\n  />\n</template>\n"],"names":["props","__props","_createBlock","ListCard"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,UAAMA,IAAQC;2BASZC,EAWEC,GAAA;AAAA,MAVC,OAAOH,EAAM;AAAA,MACb,OAAOA,EAAM;AAAA,MACb,UAAUA,EAAM;AAAA,MAChB,aAAWA,EAAM;AAAA,MACjB,YAAUA,EAAM;AAAA,MAChB,YAAUA,EAAM;AAAA,MAChB,mBAAiBA,EAAM;AAAA,MACvB,MAAMA,EAAM;AAAA,MACZ,cAAYA,EAAM;AAAA,MAClB,qBAAmBA,EAAM,QAAQ;AAAA,IAAA;;;"}

package/dist/components/compositions/elements/configuration-block/ElementsBlock.vue2.js

@@ -1,36 +1,5 @@
-import { defineComponent as l, openBlock as s, createBlock as a } from "vue";
-import n from "../card/ListCard.vue2.js";
-const u = /* @__PURE__ */ l({
-  __name: "ElementsBlock",
-  props: {
-    label: { default: "Elements Block" },
-    name: {},
-    nestedElements: { default: () => [] },
-    item: { default: () => ({}) },
-    classList: {},
-    showCard: { type: Boolean, default: !0 },
-    title: {},
-    subtitle: {},
-    gutterY: {},
-    gutterX: {}
-  },
-  setup(t) {
-    const e = t;
-    return (r, m) => (s(), a(n, {
-      label: e.label,
-      title: e.title,
-      subtitle: e.subtitle,
-      "show-card": e.showCard,
-      "gutter-y": e.gutterY,
-      "gutter-x": e.gutterX,
-      "nested-elements": e.nestedElements,
-      item: e.item,
-      "class-list": e.classList,
-      "data-element-name": e.name ?? void 0
-    }, null, 8, ["label", "title", "subtitle", "show-card", "gutter-y", "gutter-x", "nested-elements", "item", "class-list", "data-element-name"]));
-  }
-});
+import f from "./ElementsBlock.vue.js";
 export {
-  u as default
+  f as default
 };
 //# sourceMappingURL=ElementsBlock.vue2.js.map

package/dist/components/compositions/elements/configuration-block/ElementsBlock.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementsBlock.vue2.js","sources":["../../../../../src/components/compositions/elements/configuration-block/ElementsBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Backward-compatibility shim for `configuration-block.elements-block`.\n *\n * New schemas should use `card.list` directly. This component delegates\n * entirely to ListCard so existing JSON continues to render correctly\n * without any migration required.\n */\nimport ListCard from \"@/components/compositions/elements/card/ListCard.vue\"\n\nexport interface ElementsBlockProps {\n  label?: string\n  name?: string | null\n  nestedElements?: Array<Record<string, unknown>>\n  item?: Record<string, unknown>\n  classList?: string[] | string\n  showCard?: boolean\n  title?: string\n  subtitle?: string\n  gutterY?: string\n  gutterX?: string\n}\n\nconst props = withDefaults(defineProps<ElementsBlockProps>(), {\n  label: \"Elements Block\",\n  showCard: true,\n  nestedElements: () => [],\n  item: () => ({}),\n})\n</script>\n\n<template>\n  <ListCard\n    :label=\"props.label\"\n    :title=\"props.title\"\n    :subtitle=\"props.subtitle\"\n    :show-card=\"props.showCard\"\n    :gutter-y=\"props.gutterY\"\n    :gutter-x=\"props.gutterX\"\n    :nested-elements=\"props.nestedElements\"\n    :item=\"props.item\"\n    :class-list=\"props.classList\"\n    :data-element-name=\"props.name ?? undefined\"\n  />\n</template>\n"],"names":["props","__props","_createBlock","ListCard"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,UAAMA,IAAQC;2BASZC,EAWEC,GAAA;AAAA,MAVC,OAAOH,EAAM;AAAA,MACb,OAAOA,EAAM;AAAA,MACb,UAAUA,EAAM;AAAA,MAChB,aAAWA,EAAM;AAAA,MACjB,YAAUA,EAAM;AAAA,MAChB,YAAUA,EAAM;AAAA,MAChB,mBAAiBA,EAAM;AAAA,MACvB,MAAMA,EAAM;AAAA,MACZ,cAAYA,EAAM;AAAA,MAClB,qBAAmBA,EAAM,QAAQ;AAAA,IAAA;;;"}
+{"version":3,"file":"ElementsBlock.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/configuration-block/ModalBlock.vue.d.ts

@@ -0,0 +1,17 @@
+import { CardElement } from '../../../../definitions/elements';
+export interface ModalBlockProps {
+    label?: string;
+    name?: string | null;
+    triggerLabel?: string;
+    title?: string;
+    nestedElements?: CardElement[];
+    item?: Record<string, unknown>;
+    classList?: string[] | string;
+}
+declare const _default: import('vue').DefineComponent<ModalBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ModalBlockProps> & Readonly<{}>, {
+    label: string;
+    nestedElements: CardElement[];
+    item: Record<string, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ModalBlock.vue.d.ts.map

package/dist/components/compositions/elements/configuration-block/ModalBlock.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBlock.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/configuration-block/ModalBlock.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAazD,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,WAAW,EAAE,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;WAPS,MAAM;oBAIG,WAAW,EAAE;UACvB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;AA8MhC,wBAQG"}

package/dist/components/compositions/elements/configuration-block/ModalBlock.vue.js

@@ -1,5 +1,106 @@
-import f from "./ModalBlock.vue2.js";
+import { defineComponent as b, computed as n, openBlock as o, createBlock as f, unref as t, withCtx as l, createVNode as a, normalizeClass as k, createTextVNode as r, toDisplayString as s, createElementBlock as m, Fragment as v, renderList as x } from "vue";
+import { Construction as y } from "lucide-vue-next";
+import "../../../ui/sheet/index.js";
+import "../../../ui/button/index.js";
+import "../../../ui/badge/index.js";
+import $ from "../../../../engine/ElementRenderer.vue.js";
+import { cn as h } from "../../../../lib/utils.js";
+import B from "../../../ui/sheet/Sheet.vue.js";
+import L from "../../../ui/sheet/SheetTrigger.vue.js";
+import C from "../../../ui/button/Button.vue.js";
+import M from "../../../ui/badge/Badge.vue.js";
+import z from "../../../ui/sheet/SheetContent.vue.js";
+import E from "../../../ui/sheet/SheetHeader.vue.js";
+import T from "../../../ui/sheet/SheetTitle.vue.js";
+const w = {
+  key: 0,
+  class: "flex flex-col gap-3 py-4"
+}, F = {
+  key: 1,
+  class: "py-4 text-sm text-muted-foreground"
+}, u = "modal", R = /* @__PURE__ */ b({
+  __name: "ModalBlock",
+  props: {
+    label: { default: "Modal" },
+    name: {},
+    triggerLabel: {},
+    title: {},
+    nestedElements: { default: () => [] },
+    item: { default: () => ({}) },
+    classList: {}
+  },
+  setup(p) {
+    const e = p, _ = n(
+      () => e.triggerLabel ?? e.label ?? "Open modal"
+    ), g = n(
+      () => e.title ?? e.label ?? "Modal"
+    ), c = n(
+      () => (e.nestedElements ?? []).filter(
+        (i) => typeof i == "object" && i !== null && typeof i.type == "string"
+      )
+    );
+    return (i, N) => (o(), f(t(B), null, {
+      default: l(() => [
+        a(t(L), { "as-child": "" }, {
+          default: l(() => [
+            a(t(C), {
+              type: "button",
+              variant: "outline",
+              class: k(t(h)(e.classList)),
+              "data-element-name": e.name ?? void 0,
+              "data-stub": `configuration-block/${u}`,
+              "aria-label": e.label
+            }, {
+              default: l(() => [
+                a(t(y), { class: "size-4" }),
+                r(" " + s(_.value) + " ", 1),
+                a(t(M), {
+                  variant: "outline",
+                  size: "sm"
+                }, {
+                  default: l(() => [
+                    r(s(u))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["class", "data-element-name", "data-stub", "aria-label"])
+          ]),
+          _: 1
+        }),
+        a(t(z), {
+          side: "right",
+          class: "sm:max-w-xl"
+        }, {
+          default: l(() => [
+            a(t(E), null, {
+              default: l(() => [
+                a(t(T), null, {
+                  default: l(() => [
+                    r(s(g.value), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            c.value.length ? (o(), m("div", w, [
+              (o(!0), m(v, null, x(c.value, (d) => (o(), f($, {
+                key: d.id,
+                element: d,
+                item: e.item
+              }, null, 8, ["element", "item"]))), 128))
+            ])) : (o(), m("p", F, " Modal block — FormBuilder integration coming in task #7. "))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
 export {
-  f as default
+  R as default
 };
 //# sourceMappingURL=ModalBlock.vue.js.map

package/dist/components/compositions/elements/configuration-block/ModalBlock.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBlock.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ModalBlock.vue.js","sources":["../../../../../src/components/compositions/elements/configuration-block/ModalBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven renderer for `configuration-block/modal`.\n *\n * Sister to DialogBlock — wraps inner children (`nestedElements`) in a\n * full-bleed Sheet-style modal opened by a trigger Button. Full\n * FormBuilder integration arrives in task #7.\n */\nimport { computed } from \"vue\"\nimport { Construction } from \"lucide-vue-next\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\nimport { Button } from \"@/components/ui/button\"\nimport { Badge } from \"@/components/ui/badge\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface ModalBlockProps {\n  label?: string\n  name?: string | null\n  triggerLabel?: string\n  title?: string\n  nestedElements?: CardElement[]\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ModalBlockProps>(), {\n  label: \"Modal\",\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst styleKey = \"modal\"\n\nconst resolvedTrigger = computed(\n  () => props.triggerLabel ?? props.label ?? \"Open modal\",\n)\nconst resolvedTitle = computed(\n  () => props.title ?? props.label ?? \"Modal\",\n)\n\nconst children = computed<CardElement[]>(() =>\n  (props.nestedElements ?? []).filter(\n    (entry): entry is CardElement =>\n      typeof entry === \"object\" &&\n      entry !== null &&\n      typeof (entry as { type?: unknown }).type === \"string\",\n  ),\n)\n</script>\n\n<template>\n  <Sheet>\n    <SheetTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        :class=\"cn(props.classList)\"\n        :data-element-name=\"props.name ?? undefined\"\n        :data-stub=\"`configuration-block/${styleKey}`\"\n        :aria-label=\"props.label\"\n      >\n        <Construction class=\"size-4\" />\n        {{ resolvedTrigger }}\n        <Badge variant=\"outline\" size=\"sm\">{{ styleKey }}</Badge>\n      </Button>\n    </SheetTrigger>\n    <SheetContent side=\"right\" class=\"sm:max-w-xl\">\n      <SheetHeader>\n        <SheetTitle>{{ resolvedTitle }}</SheetTitle>\n      </SheetHeader>\n      <div v-if=\"children.length\" class=\"flex flex-col gap-3 py-4\">\n        <ElementRenderer\n          v-for=\"child in children\"\n          :key=\"child.id\"\n          :element=\"child\"\n          :item=\"props.item\"\n        />\n      </div>\n      <p v-else class=\"py-4 text-sm text-muted-foreground\">\n        Modal block — FormBuilder integration coming in task #7.\n      </p>\n    </SheetContent>\n  </Sheet>\n</template>\n"],"names":["styleKey","props","__props","resolvedTrigger","computed","resolvedTitle","children","entry","_createBlock","_unref","Sheet","_createVNode","SheetTrigger","Button","_normalizeClass","cn","Construction","_toDisplayString","Badge","SheetContent","SheetHeader","SheetTitle","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","child","ElementRenderer","_hoisted_2"],"mappings":";;;;;;;;;;;;;;;;;;;;GAuCMA,IAAW;;;;;;;;;;;;AANjB,UAAMC,IAAQC,GAQRC,IAAkBC;AAAA,MACtB,MAAMH,EAAM,gBAAgBA,EAAM,SAAS;AAAA,IAAA,GAEvCI,IAAgBD;AAAA,MACpB,MAAMH,EAAM,SAASA,EAAM,SAAS;AAAA,IAAA,GAGhCK,IAAWF;AAAA,MAAwB,OACtCH,EAAM,kBAAkB,CAAA,GAAI;AAAA,QAC3B,CAACM,MACC,OAAOA,KAAU,YACjBA,MAAU,QACV,OAAQA,EAA6B,QAAS;AAAA,MAAA;AAAA,IAClD;2BAKAC,EA+BQC,EAAAC,CAAA,GAAA,MAAA;AAAA,iBA9BN,MAae;AAAA,QAbfC,EAaeF,EAAAG,CAAA,GAAA,EAbD,YAAA,MAAQ;AAAA,qBACpB,MAWS;AAAA,YAXTD,EAWSF,EAAAI,CAAA,GAAA;AAAA,cAVP,MAAK;AAAA,cACL,SAAQ;AAAA,cACP,OAAKC,EAAEL,EAAAM,CAAA,EAAGd,EAAM,SAAS,CAAA;AAAA,cACzB,qBAAmBA,EAAM,QAAQ;AAAA,cACjC,oCAAkCD,CAAQ;AAAA,cAC1C,cAAYC,EAAM;AAAA,YAAA;yBAEnB,MAA+B;AAAA,gBAA/BU,EAA+BF,EAAAO,CAAA,GAAA,EAAjB,OAAM,UAAQ;AAAA,kBAAG,MAC/BC,EAAGd,EAAA,KAAe,IAAG,KACrB,CAAA;AAAA,gBAAAQ,EAAyDF,EAAAS,CAAA,GAAA;AAAA,kBAAlD,SAAQ;AAAA,kBAAU,MAAK;AAAA,gBAAA;6BAAK,MAAc;AAAA,wBAAXlB,CAAQ,CAAA;AAAA,kBAAA;;;;;;;;;QAGlDW,EAeeF,EAAAU,CAAA,GAAA;AAAA,UAfD,MAAK;AAAA,UAAQ,OAAM;AAAA,QAAA;qBAC/B,MAEc;AAAA,YAFdR,EAEcF,EAAAW,CAAA,GAAA,MAAA;AAAA,yBADZ,MAA4C;AAAA,gBAA5CT,EAA4CF,EAAAY,CAAA,GAAA,MAAA;AAAA,6BAAhC,MAAmB;AAAA,wBAAhBhB,EAAA,KAAa,GAAA,CAAA;AAAA,kBAAA;;;;;;YAEnBC,EAAA,MAAS,UAApBgB,KAAAC,EAOM,OAPNC,GAOM;AAAA,sBANJD,EAKEE,GAAA,MAAAC,EAJgBpB,EAAA,OAAQ,CAAjBqB,YADTnB,EAKEoB,GAAA;AAAA,gBAHC,KAAKD,EAAM;AAAA,gBACX,SAASA;AAAA,gBACT,MAAM1B,EAAM;AAAA,cAAA;wBAGjBsB,EAEI,KAFJM,GAAqD,4DAErD;AAAA,UAAA;;;;;;;;"}