@gxp-dev/mod-ui 2.0.0

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

@@ -0,0 +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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"}

package/dist/components/compositions/elements/components/IconBadge.vue.js

@@ -0,0 +1,5 @@
+import f from "./IconBadge.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=IconBadge.vue.js.map

package/dist/components/compositions/elements/components/IconBadge.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBadge.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/components/IconBadge.vue2.js

@@ -0,0 +1,77 @@
+import { defineComponent as g, computed as o, ref as y, watch as C, openBlock as c, createBlock as d, unref as z, normalizeClass as k, withCtx as w, resolveDynamicComponent as b, createCommentVNode as p, createElementBlock as A, toDisplayString as I } from "vue";
+import "../../../ui/badge/index.js";
+import h from "../../../ui/badge/Badge.vue.js";
+const B = { key: 1 }, D = /* @__PURE__ */ g({
+  __name: "IconBadge",
+  props: {
+    label: {},
+    icon: {},
+    size: { default: "md" },
+    color: {},
+    classList: {}
+  },
+  setup(r) {
+    const t = r, i = o(() => {
+      const e = t.icon ?? "";
+      return e ? m(String(e)) : "";
+    });
+    function m(e) {
+      return e.replace(/[-_\s]+(.)?/g, (a, n) => n ? n.toUpperCase() : "").replace(/^(.)/, (a) => a.toUpperCase());
+    }
+    const s = y(null);
+    async function v(e) {
+      if (!e) {
+        s.value = null;
+        return;
+      }
+      const n = await import("lucide-vue-next");
+      s.value = n[e] ?? null;
+    }
+    C(
+      i,
+      (e) => {
+        v(e);
+      },
+      { immediate: !0 }
+    );
+    const l = {
+      xs: "[&_svg]:size-3 px-1.5 py-0 text-[10px]",
+      sm: "[&_svg]:size-3 px-2 py-0 text-xs",
+      md: "[&_svg]:size-4 px-2.5 py-0.5 text-xs",
+      lg: "[&_svg]:size-5 px-3 py-1 text-sm",
+      xl: "[&_svg]:size-6 px-4 py-1.5 text-base"
+    }, f = o(() => l[t.size] ?? l.md), u = {
+      primary: "default",
+      secondary: "secondary",
+      success: "success",
+      danger: "destructive",
+      destructive: "destructive",
+      warning: "warning",
+      info: "info",
+      light: "outline",
+      dark: "default"
+    }, x = o(() => {
+      const e = t.color;
+      return e && u[e] ? u[e] : "default";
+    }), _ = o(() => {
+      const e = t.classList;
+      return e ? Array.isArray(e) ? e.join(" ") : e : "";
+    });
+    return (e, a) => (c(), d(z(h), {
+      variant: x.value,
+      class: k([f.value, _.value]),
+      "data-icon-name": i.value,
+      "data-testid": "icon-badge"
+    }, {
+      default: w(() => [
+        s.value ? (c(), d(b(s.value), { key: 0 })) : p("", !0),
+        r.label ? (c(), A("span", B, I(r.label), 1)) : p("", !0)
+      ]),
+      _: 1
+    }, 8, ["variant", "class", "data-icon-name"]));
+  }
+});
+export {
+  D as default
+};
+//# sourceMappingURL=IconBadge.vue2.js.map

package/dist/components/compositions/elements/components/IconBadge.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBadge.vue2.js","sources":["../../../../../src/components/compositions/elements/components/IconBadge.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven icon badge composition. Renders a Badge primitive\n * wrapping a lucide icon resolved by name. Pure presentation — does\n * not bind to form data.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <IconBadge icon=\"Check\" label=\"Done\" color=\"success\" size=\"md\" />\n */\nimport { computed, ref, watch, type Component } from \"vue\"\nimport { Badge, type BadgeVariants } from \"@/components/ui/badge\"\n\nexport type IconBadgeSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\nexport type IconBadgeColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"danger\"\n  | \"destructive\"\n  | \"warning\"\n  | \"info\"\n  | \"light\"\n  | \"dark\"\n\nexport interface IconBadgeProps {\n  label?: string\n  icon?: string\n  size?: IconBadgeSize\n  color?: IconBadgeColor\n  classList?: string | string[]\n}\n\nconst props = withDefaults(defineProps<IconBadgeProps>(), {\n  size: \"md\",\n})\n\nconst iconName = computed<string>(() => {\n  const raw = props.icon ?? \"\"\n  return raw ? toPascalCase(String(raw)) : \"\"\n})\n\nfunction toPascalCase(input: string): string {\n  return input\n    .replace(/[-_\\s]+(.)?/g, (_, ch?: string) => (ch ? ch.toUpperCase() : \"\"))\n    .replace(/^(.)/, (m) => m.toUpperCase())\n}\n\nconst ResolvedIcon = ref<Component | null>(null)\n\nasync function loadIcon(name: string): Promise<void> {\n  if (!name) {\n    ResolvedIcon.value = null\n    return\n  }\n  const mod = await import(\"lucide-vue-next\")\n  const registry = mod as unknown as Record<string, Component | undefined>\n  ResolvedIcon.value = registry[name] ?? null\n}\n\nwatch(\n  iconName,\n  (next) => {\n    void loadIcon(next)\n  },\n  { immediate: true },\n)\n\nconst SIZE_TO_TW: Record<IconBadgeSize, string> = {\n  xs: \"[&_svg]:size-3 px-1.5 py-0 text-[10px]\",\n  sm: \"[&_svg]:size-3 px-2 py-0 text-xs\",\n  md: \"[&_svg]:size-4 px-2.5 py-0.5 text-xs\",\n  lg: \"[&_svg]:size-5 px-3 py-1 text-sm\",\n  xl: \"[&_svg]:size-6 px-4 py-1.5 text-base\",\n}\n\nconst sizeClass = computed<string>(() => SIZE_TO_TW[props.size] ?? SIZE_TO_TW.md)\n\nconst VARIANT_MAP: Record<IconBadgeColor, NonNullable<BadgeVariants[\"variant\"]>> = {\n  primary: \"default\",\n  secondary: \"secondary\",\n  success: \"success\",\n  danger: \"destructive\",\n  destructive: \"destructive\",\n  warning: \"warning\",\n  info: \"info\",\n  light: \"outline\",\n  dark: \"default\",\n}\n\nconst variant = computed<NonNullable<BadgeVariants[\"variant\"]>>(() => {\n  const c = props.color\n  if (c && VARIANT_MAP[c]) {\n    return VARIANT_MAP[c]\n  }\n  return \"default\"\n})\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n</script>\n\n<template>\n  <Badge\n    :variant=\"variant\"\n    :class=\"[sizeClass, rootClass]\"\n    :data-icon-name=\"iconName\"\n    data-testid=\"icon-badge\"\n  >\n    <component\n      :is=\"ResolvedIcon\"\n      v-if=\"ResolvedIcon\"\n    />\n    <span v-if=\"label\">{{ label }}</span>\n  </Badge>\n</template>\n"],"names":["props","__props","iconName","computed","raw","toPascalCase","input","_","ch","m","ResolvedIcon","ref","loadIcon","name","registry","watch","next","SIZE_TO_TW","sizeClass","VARIANT_MAP","variant","c","rootClass","cl","_createBlock","_unref","Badge","_normalizeClass","_openBlock","_resolveDynamicComponent","_createElementBlock"],"mappings":";;;;;;;;;;;;;AAiCA,UAAMA,IAAQC,GAIRC,IAAWC,EAAiB,MAAM;AACtC,YAAMC,IAAMJ,EAAM,QAAQ;AAC1B,aAAOI,IAAMC,EAAa,OAAOD,CAAG,CAAC,IAAI;AAAA,IAC3C,CAAC;AAED,aAASC,EAAaC,GAAuB;AAC3C,aAAOA,EACJ,QAAQ,gBAAgB,CAACC,GAAGC,MAAiBA,IAAKA,EAAG,YAAA,IAAgB,EAAG,EACxE,QAAQ,QAAQ,CAACC,MAAMA,EAAE,aAAa;AAAA,IAC3C;AAEA,UAAMC,IAAeC,EAAsB,IAAI;AAE/C,mBAAeC,EAASC,GAA6B;AACnD,UAAI,CAACA,GAAM;AACT,QAAAH,EAAa,QAAQ;AACrB;AAAA,MACF;AAEA,YAAMI,IADM,MAAM,OAAO,iBAAiB;AAE1C,MAAAJ,EAAa,QAAQI,EAASD,CAAI,KAAK;AAAA,IACzC;AAEA,IAAAE;AAAA,MACEb;AAAA,MACA,CAACc,MAAS;AACR,QAAKJ,EAASI,CAAI;AAAA,MACpB;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAMC,IAA4C;AAAA,MAChD,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAYf,EAAiB,MAAMc,EAAWjB,EAAM,IAAI,KAAKiB,EAAW,EAAE,GAE1EE,IAA6E;AAAA,MACjF,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IAAA,GAGFC,IAAUjB,EAAgD,MAAM;AACpE,YAAMkB,IAAIrB,EAAM;AAChB,aAAIqB,KAAKF,EAAYE,CAAC,IACbF,EAAYE,CAAC,IAEf;AAAA,IACT,CAAC,GAEKC,IAAYnB,EAAiB,MAAM;AACvC,YAAMoB,IAAKvB,EAAM;AACjB,aAAKuB,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC;2BAICC,EAWQC,EAAAC,CAAA,GAAA;AAAA,MAVL,SAASN,EAAA;AAAA,MACT,OAAKO,EAAA,CAAGT,EAAA,OAAWI,EAAA,KAAS,CAAA;AAAA,MAC5B,kBAAgBpB,EAAA;AAAA,MACjB,eAAY;AAAA,IAAA;iBAEZ,MAGE;AAAA,QADMQ,EAAA,SAFRkB,EAAA,GAAAJ,EAGEK,EAFKnB,EAAA,KAAY,GAAA,EAAA,KAAA,EAAA,CAAA;QAGPT,EAAA,SAAZ2B,EAAA,GAAAE,EAAqC,aAAf7B,EAAA,KAAK,GAAA,CAAA;;;;;;"}

package/dist/components/compositions/elements/components/IconPickerInline.vue.js

@@ -0,0 +1,5 @@
+import f from "./IconPickerInline.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=IconPickerInline.vue.js.map

package/dist/components/compositions/elements/components/IconPickerInline.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerInline.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/components/IconPickerInline.vue2.js

@@ -0,0 +1,169 @@
+import { defineComponent as x, useModel as _, ref as V, computed as v, openBlock as a, createBlock as c, unref as l, withCtx as n, createVNode as i, resolveDynamicComponent as g, createCommentVNode as k, createElementVNode as u, toDisplayString as I, createElementBlock as m, Fragment as S, renderList as q, normalizeClass as w, mergeModels as B, h as L } from "vue";
+import * as $ from "lucide-vue-next";
+import { Search as M } from "lucide-vue-next";
+import "../../../ui/button/index.js";
+import E from "../../../ui/input/Input.vue.js";
+import z from "../../../ui/field-frame/FieldFrame.vue.js";
+import A from "../../../ui/popover/Popover.vue.js";
+import "reka-ui";
+import "@vueuse/core";
+import "clsx";
+import "tailwind-merge";
+import F from "../../../ui/popover/PopoverContent.vue.js";
+import P from "../../../ui/popover/PopoverTrigger.vue.js";
+import T from "../../../ui/button/Button.vue.js";
+const D = { class: "mb-2 flex items-center gap-2" }, U = {
+  class: "grid max-h-60 grid-cols-6 gap-1 overflow-auto",
+  "data-testid": "icon-picker-grid"
+}, j = ["aria-label", "title", "data-testid", "onClick"], H = {
+  key: 0,
+  class: "p-3 text-center text-sm text-muted-foreground"
+}, oe = /* @__PURE__ */ x({
+  __name: "IconPickerInline",
+  props: /* @__PURE__ */ B({
+    modelValue: {},
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const s = _(t, "modelValue"), d = V(""), f = [
+      "Activity",
+      "AlertCircle",
+      "Archive",
+      "Bell",
+      "Bookmark",
+      "Calendar",
+      "Camera",
+      "Check",
+      "Clock",
+      "Cloud",
+      "Code",
+      "Download",
+      "Edit",
+      "Eye",
+      "File",
+      "Flag",
+      "Folder",
+      "Globe",
+      "Heart",
+      "Home",
+      "Image",
+      "Info",
+      "Link",
+      "Lock",
+      "Mail",
+      "MapPin",
+      "MessageSquare",
+      "Plus",
+      "Search",
+      "Settings",
+      "Star",
+      "Tag",
+      "Trash",
+      "Upload",
+      "User",
+      "Video",
+      "X",
+      "Zap"
+    ], p = v(() => {
+      const r = d.value.trim().toLowerCase();
+      return r ? f.filter((o) => o.toLowerCase().includes(r)) : f;
+    });
+    function b(r) {
+      return $[r];
+    }
+    function y(r, o = "size-4") {
+      const e = b(r);
+      return e ? L(e, { class: o }) : null;
+    }
+    const h = v(
+      () => b(s.value ?? "")
+    );
+    function C(r) {
+      s.value = r;
+    }
+    return (r, o) => (a(), c(l(z), {
+      label: t.label,
+      required: t.required,
+      "hide-label": t.hideLabel,
+      for: t.id,
+      "help-text": t.helpText,
+      errors: t.errors,
+      "data-testid": "icon-picker-inline"
+    }, {
+      default: n(() => [
+        i(l(A), null, {
+          default: n(() => [
+            i(l(P), { "as-child": "" }, {
+              default: n(() => [
+                i(l(T), {
+                  type: "button",
+                  variant: "outline",
+                  class: "w-fit justify-start gap-2",
+                  disabled: t.disabled,
+                  "data-element-name": t.name ?? void 0,
+                  "data-testid": "icon-picker-trigger"
+                }, {
+                  default: n(() => [
+                    h.value ? (a(), c(g(h.value), {
+                      key: 0,
+                      class: "size-4"
+                    })) : k("", !0),
+                    u("span", null, I(s.value || "Pick an icon"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "data-element-name"])
+              ]),
+              _: 1
+            }),
+            i(l(F), { class: "w-72 p-2" }, {
+              default: n(() => [
+                u("div", D, [
+                  i(l(M), { class: "size-4 text-muted-foreground" }),
+                  i(l(E), {
+                    modelValue: d.value,
+                    "onUpdate:modelValue": o[0] || (o[0] = (e) => d.value = e),
+                    placeholder: "Search icons…",
+                    "data-testid": "icon-picker-search",
+                    class: "h-8"
+                  }, null, 8, ["modelValue"])
+                ]),
+                u("div", U, [
+                  (a(!0), m(S, null, q(p.value, (e) => (a(), m("button", {
+                    key: e,
+                    type: "button",
+                    class: w(["flex aspect-square items-center justify-center rounded border border-transparent hover:border-border hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", s.value === e ? "border-primary bg-primary/10" : ""]),
+                    "aria-label": e,
+                    title: e,
+                    "data-testid": `icon-picker-item-${e}`,
+                    onClick: (G) => C(e)
+                  }, [
+                    (a(), c(g(y(e))))
+                  ], 10, j))), 128))
+                ]),
+                p.value.length ? k("", !0) : (a(), m("p", H, " No icons match. "))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
+  }
+});
+export {
+  oe as default
+};
+//# sourceMappingURL=IconPickerInline.vue2.js.map

package/dist/components/compositions/elements/components/IconPickerInline.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPickerInline.vue2.js","sources":["../../../../../src/components/compositions/elements/components/IconPickerInline.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven inline icon picker composition. A trigger Button +\n * Popover with a searchable grid of lucide icons.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <IconPickerInline v-model=\"iconName\" label=\"Pick an icon\" />\n */\nimport { computed, h, ref, type Component } from \"vue\"\nimport * as LucideIcons from \"lucide-vue-next\"\nimport { Search } from \"lucide-vue-next\"\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/components/ui/popover\"\n\nexport interface IconPickerInlineProps {\n  modelValue?: string\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nwithDefaults(defineProps<IconPickerInlineProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst query = ref<string>(\"\")\n\n/**\n * Curated subset of lucide icons. Hardcoded so we don't enumerate\n * the entire ~1400-icon set in the picker UI.\n */\nconst ICON_NAMES: readonly string[] = [\n  \"Activity\",\n  \"AlertCircle\",\n  \"Archive\",\n  \"Bell\",\n  \"Bookmark\",\n  \"Calendar\",\n  \"Camera\",\n  \"Check\",\n  \"Clock\",\n  \"Cloud\",\n  \"Code\",\n  \"Download\",\n  \"Edit\",\n  \"Eye\",\n  \"File\",\n  \"Flag\",\n  \"Folder\",\n  \"Globe\",\n  \"Heart\",\n  \"Home\",\n  \"Image\",\n  \"Info\",\n  \"Link\",\n  \"Lock\",\n  \"Mail\",\n  \"MapPin\",\n  \"MessageSquare\",\n  \"Plus\",\n  \"Search\",\n  \"Settings\",\n  \"Star\",\n  \"Tag\",\n  \"Trash\",\n  \"Upload\",\n  \"User\",\n  \"Video\",\n  \"X\",\n  \"Zap\",\n]\n\nconst filtered = computed<readonly string[]>(() => {\n  const q = query.value.trim().toLowerCase()\n  if (!q) {\n    return ICON_NAMES\n  }\n  return ICON_NAMES.filter((name) => name.toLowerCase().includes(q))\n})\n\nfunction resolveIcon(name: string): Component | undefined {\n  const registry = LucideIcons as unknown as Record<string, Component | undefined>\n  return registry[name]\n}\n\nfunction renderIcon(name: string, cls = \"size-4\") {\n  const icon = resolveIcon(name)\n  return icon ? h(icon, { class: cls }) : null\n}\n\nconst previewIcon = computed<Component | undefined>(() =>\n  resolveIcon(model.value ?? \"\"),\n)\n\nfunction onSelect(name: string): void {\n  model.value = name\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n    data-testid=\"icon-picker-inline\"\n  >\n    <Popover>\n      <PopoverTrigger as-child>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          class=\"w-fit justify-start gap-2\"\n          :disabled=\"disabled\"\n          :data-element-name=\"name ?? undefined\"\n          data-testid=\"icon-picker-trigger\"\n        >\n          <component\n            :is=\"previewIcon\"\n            v-if=\"previewIcon\"\n            class=\"size-4\"\n          />\n          <span>{{ model || \"Pick an icon\" }}</span>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent class=\"w-72 p-2\">\n        <div class=\"mb-2 flex items-center gap-2\">\n          <Search class=\"size-4 text-muted-foreground\" />\n          <Input\n            v-model=\"query\"\n            placeholder=\"Search icons…\"\n            data-testid=\"icon-picker-search\"\n            class=\"h-8\"\n          />\n        </div>\n        <div\n          class=\"grid max-h-60 grid-cols-6 gap-1 overflow-auto\"\n          data-testid=\"icon-picker-grid\"\n        >\n          <button\n            v-for=\"iconName in filtered\"\n            :key=\"iconName\"\n            type=\"button\"\n            class=\"flex aspect-square items-center justify-center rounded border border-transparent hover:border-border hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            :class=\"model === iconName ? 'border-primary bg-primary/10' : ''\"\n            :aria-label=\"iconName\"\n            :title=\"iconName\"\n            :data-testid=\"`icon-picker-item-${iconName}`\"\n            @click=\"onSelect(iconName)\"\n          >\n            <component :is=\"renderIcon(iconName)\" />\n          </button>\n        </div>\n        <p\n          v-if=\"!filtered.length\"\n          class=\"p-3 text-center text-sm text-muted-foreground\"\n        >\n          No icons match.\n        </p>\n      </PopoverContent>\n    </Popover>\n  </FieldFrame>\n</template>\n"],"names":["model","_useModel","__props","query","ref","ICON_NAMES","filtered","computed","q","name","resolveIcon","LucideIcons","renderIcon","cls","icon","h","previewIcon","onSelect","_createBlock","_unref","FieldFrame","_createVNode","Popover","PopoverTrigger","Button","_openBlock","_resolveDynamicComponent","_createElementVNode","PopoverContent","_hoisted_1","Search","Input","$event","_hoisted_2","_createElementBlock","_Fragment","_renderList","iconName","_normalizeClass","_hoisted_4"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+import f from "./DialogBlock.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=DialogBlock.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogBlock.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,104 @@
+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 {
+  U as default
+};
+//# sourceMappingURL=DialogBlock.vue2.js.map

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

@@ -0,0 +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;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./ElementsBlock.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ElementsBlock.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ElementsBlock.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,36 @@
+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 {
+  u as default
+};
+//# sourceMappingURL=ElementsBlock.vue2.js.map

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

@@ -0,0 +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;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./ModalBlock.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ModalBlock.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBlock.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}