@gxp-dev/mod-ui 2.0.12 → 2.0.14

package/dist/chunks/ElementRenderer-DUhlfnFD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementRenderer-DUhlfnFD.js","names":[],"sources":["../../src/stores/formDataStore.ts","../../src/engine/useFormData.ts","../../src/engine/legacyPropRemap.ts","../../src/engine/ElementRenderer.vue","../../src/engine/ElementRenderer.vue"],"sourcesContent":["import { defineStore } from \"pinia\"\nimport { ref } from \"vue\"\n\n/**\n * Shared form-data state, keyed by `formId` so multiple forms can\n * coexist on a page without colliding. Engine renderers and the\n * FormBuilder all read/write the same shape:\n *\n *   {\n *     values:  { [name]: value },\n *     errors:  { [name]: string[] },\n *     touched: { [name]: boolean },\n *     dirty:   boolean\n *   }\n */\nexport interface FormState {\n  values: Record<string, unknown>\n  errors: Record<string, string[]>\n  touched: Record<string, boolean>\n  dirty: boolean\n}\n\nexport const useFormDataStore = defineStore(\"gx-modui/formData\", () => {\n  const forms = ref<Record<string, FormState>>({})\n\n  function ensureForm(formId: string): FormState {\n    if (!forms.value[formId]) {\n      forms.value[formId] = {\n        values: {},\n        errors: {},\n        touched: {},\n        dirty: false,\n      }\n    }\n    return forms.value[formId]!\n  }\n\n  function setInitialValues(\n    formId: string,\n    values: Record<string, unknown>,\n  ): void {\n    const form = ensureForm(formId)\n    form.values = { ...values }\n    form.errors = {}\n    form.touched = {}\n    form.dirty = false\n  }\n\n  function setValue(formId: string, name: string, value: unknown): void {\n    const form = ensureForm(formId)\n    form.values[name] = value\n    form.touched[name] = true\n    form.dirty = true\n  }\n\n  function setErrors(\n    formId: string,\n    errors: Record<string, string[] | string>,\n  ): void {\n    const form = ensureForm(formId)\n    const normalised: Record<string, string[]> = {}\n    for (const [k, v] of Object.entries(errors)) {\n      normalised[k] = Array.isArray(v) ? v : [v]\n    }\n    form.errors = normalised\n  }\n\n  function clearErrors(formId: string, name?: string): void {\n    const form = ensureForm(formId)\n    if (name === undefined) {\n      form.errors = {}\n    } else {\n      delete form.errors[name]\n    }\n  }\n\n  function getForm(formId: string): FormState {\n    return ensureForm(formId)\n  }\n\n  function resetForm(formId: string): void {\n    delete forms.value[formId]\n  }\n\n  return {\n    forms,\n    ensureForm,\n    setInitialValues,\n    setValue,\n    setErrors,\n    clearErrors,\n    getForm,\n    resetForm,\n  }\n})\n","import { computed, inject, provide, type ComputedRef, type InjectionKey } from \"vue\"\nimport { useFormDataStore } from \"@/stores/formDataStore\"\n\n/**\n * Vue inject key used by the page-level component (ShowPage / IndexPage\n * / FormPanel) to advertise which formId child renderers should bind\n * to. Avoids prop-drilling `formId` through every nested card/element.\n */\nexport const FORM_ID_KEY = Symbol(\"gx-modui:formId\") as InjectionKey<string>\n\n/**\n * Provide a formId to descendants. Call once at the page boundary.\n */\nexport function provideFormId(formId: string): void {\n  provide(FORM_ID_KEY, formId)\n}\n\nexport interface UseFormDataBindings {\n  /** Current value for `name` (undefined if unset). */\n  value: ComputedRef<unknown>\n  /** Errors for `name`. Empty array if no errors. */\n  errors: ComputedRef<string[]>\n  /** Whether the field has been touched since initialisation. */\n  touched: ComputedRef<boolean>\n  /** Set the field's value. */\n  setValue: (value: unknown) => void\n  /** Clear errors for this field. */\n  clearError: () => void\n}\n\n/**\n * Bind an element's `name` to the form-data store. Returns reactive\n * value, errors, and a setter. Renderers typically:\n *\n *   const { value, errors, setValue } = useFormData(props.element.name)\n *   <input :value=\"value\" @input=\"setValue(($event.target as HTMLInputElement).value)\" />\n */\nexport function useFormData(name: string, formIdOverride?: string): UseFormDataBindings {\n  const formId =\n    formIdOverride ?? inject(FORM_ID_KEY, undefined) ?? \"default\"\n  const store = useFormDataStore()\n  // Ensure the form exists in the store before reading.\n  store.ensureForm(formId)\n\n  return {\n    value: computed(() => store.forms[formId]?.values[name]),\n    errors: computed(() => store.forms[formId]?.errors[name] ?? []),\n    touched: computed(() => Boolean(store.forms[formId]?.touched[name])),\n    setValue: (value: unknown) => store.setValue(formId, name, value),\n    clearError: () => store.clearErrors(formId, name),\n  }\n}\n","/**\n * Legacy-JSON → composition-prop remapping.\n *\n * The composition layer was refactored to use shadcn-style normalised\n * prop names, but plenty of JSON in the wild still uses the old v2\n * names (`triggerButtonLabel` instead of `triggerLabel`, GxP variant\n * aliases like `\"primary\"` instead of `\"default\"`, etc).\n *\n * This module is consulted by `ElementRenderer` after stripping\n * schema-only keys and before spreading the result onto the resolved\n * composition. It's a thin compatibility layer — every entry here is\n * a known legacy form. Renderers themselves stay schema-agnostic.\n *\n * Adding a new alias:\n *   - For a prop-name rename, add to `PROP_RENAMES[<category>]`.\n *   - For a value-only alias (e.g. variant strings), add to\n *     `VALUE_ALIASES[<category>].<prop>`.\n */\n\n/**\n * Per-category prop-name renames. The string on the left is the legacy\n * JSON key; the string on the right is the new composition prop name.\n *\n * Matched against the element's category prefix (`element.type` split\n * at the dot). `*` is a wildcard that applies to every element.\n */\nexport const PROP_RENAMES: Record<string, Record<string, string>> = {\n  \"configuration-block\": {\n    selectOptions: \"nestedElements\",\n    triggerButtonLabel: \"triggerLabel\",\n    dialogTitle: \"title\",\n    modalTitle: \"title\",\n    addOptionButtonLabel: \"addButtonLabel\",\n  },\n  display: {\n    icon: \"iconName\",\n  },\n}\n\n/**\n * Per-(category, prop) value aliases. Used when a prop's accepted value\n * union changed and we want legacy JSON to still resolve. Lookups are\n * case-sensitive; unknown values pass through untouched.\n */\nexport const VALUE_ALIASES: Record<string, Record<string, Record<string, string>>> = {\n  action: {\n    variant: {\n      primary: \"default\",\n      danger: \"destructive\",\n      \"outline-primary\": \"outline\",\n      \"outline-danger\": \"outline\",\n      \"outline-secondary\": \"outline\",\n      \"btn-success\": \"success\",\n      \"btn-warning\": \"warning\",\n      \"btn-info\": \"info\",\n      light: \"ghost\",\n      dark: \"default\",\n    },\n  },\n  boolean: {\n    variant: {\n      // Boolean controls don't have variant aliases yet — reserved.\n    },\n  },\n}\n\n/**\n * Apply prop renames + value aliases for an element. Returns a NEW\n * object — never mutates input. Pass the result through `v-bind`.\n */\nexport function applyLegacyRemaps(\n  type: string,\n  props: Record<string, unknown>,\n): Record<string, unknown> {\n  const dot = type.indexOf(\".\")\n  const category = dot < 0 ? type : type.slice(0, dot)\n  const renames = PROP_RENAMES[category]\n  const aliases = VALUE_ALIASES[category]\n  if (!renames && !aliases) {\n    return props\n  }\n\n  const out: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(props)) {\n    const renamedKey = renames?.[key] ?? key\n    // Don't overwrite a key the consumer already provided in the new name.\n    if (renamedKey !== key && renamedKey in props) {\n      continue\n    }\n    const aliasMap = aliases?.[renamedKey]\n    const aliased =\n      typeof value === \"string\" && aliasMap && aliasMap[value] !== undefined\n        ? aliasMap[value]\n        : value\n    out[renamedKey] = aliased\n  }\n  return out\n}\n\nexport const __testing = { PROP_RENAMES, VALUE_ALIASES }\n","<script setup lang=\"ts\">\n/**\n * Renders a single CardElement by dispatching its JSON definition into\n * the matching composition under `components/compositions/elements/`.\n *\n * The renderer is the bridge layer:\n *   - resolves the composition by `element.type` via the registry\n *   - evaluates the element's visibility (`shouldRender`)\n *   - applies responsive layout + classList chrome at the wrapper level\n *   - binds `useFormData(element.name)` to the form-data store and\n *     forwards `modelValue` + `errors` + the `@update:modelValue`\n *     handler to the composition\n *   - strips schema-only keys (type, conditionParams, columns*, ...)\n *     and passes the rest through as Vue props\n *\n * Compositions don't know about the form-data store, the JSON schema,\n * or this renderer's layout — they receive normal Vue props and emit\n * `update:modelValue`. They're directly mountable in any app.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport { cn } from \"@/lib/utils\"\nimport { getElementComponent } from \"./useElementLoader\"\nimport {\n  shouldRender,\n  type EvaluationContext,\n} from \"./useDisplayConditions\"\nimport { useFormData } from \"./useFormData\"\nimport { applyLegacyRemaps } from \"./legacyPropRemap\"\n\ninterface Props {\n  element: CardElement\n  item?: Record<string, unknown>\n  evaluationContext?: EvaluationContext\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  item: () => ({}),\n  evaluationContext: () => ({}),\n})\n\nconst visible = computed(() =>\n  shouldRender(props.element, props.item, props.evaluationContext),\n)\n\nconst resolved = computed(() => getElementComponent(props.element.type))\n\nconst bindings = computed(() => useFormData(props.element.name ?? \"\"))\n\n/**\n * Keys that live on every CardElement and are NOT meant to flow\n * through to the composition as props. These are either consumed by\n * this renderer (`columns*`, `conditionParams`, ...) or used only by\n * the engine (`type`, `id` — well, `id` IS passed through, see below).\n */\nconst STRIPPED_KEYS = new Set<string>([\n  \"type\",\n  \"conditionParams\",\n  \"conditionGroupLogic\",\n  \"condition\",\n  \"features\",\n  \"permissions\",\n  \"columns\",\n  \"columnsSm\",\n  \"columnsMd\",\n  \"columnsLg\",\n  \"columnsXl\",\n  \"columnsXxl\",\n  \"wrapperClassList\",\n  \"columnClassList\",\n  \"labelClassList\",\n  \"classList\",\n  \"previewMode\",\n  \"order\",\n  \"defaultValue\",\n  \"modelValue\",\n])\n\n/**\n * Compute the props object to pass to the resolved composition.\n *\n * - `modelValue` comes from the form-data store, falling back to\n *   `item[element.name]`, then `element.defaultValue`. Compositions\n *   declare `modelValue` and Vue picks it up.\n * - `errors` comes from the form-data store.\n * - All other element keys (label, placeholder, required, ...) are\n *   passed through; Vue's prop validation silently drops anything the\n *   composition doesn't declare.\n */\nconst compositionProps = computed<Record<string, unknown>>(() => {\n  const el = props.element as unknown as Record<string, unknown>\n  const result: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(el)) {\n    if (!STRIPPED_KEYS.has(key)) {\n      result[key] = value\n    }\n  }\n\n  // Resolve the effective modelValue.\n  const fieldName = props.element.name ?? \"\"\n  const storeValue = fieldName ? bindings.value.value.value : undefined\n  const itemValue = fieldName ? props.item[fieldName] : undefined\n  const defaultValue = (el as { defaultValue?: unknown }).defaultValue\n  if (storeValue !== undefined && storeValue !== null) {\n    result.modelValue = storeValue\n  } else if (itemValue !== undefined && itemValue !== null) {\n    result.modelValue = itemValue\n  } else if (defaultValue !== undefined && defaultValue !== null) {\n    result.modelValue = defaultValue\n  } else {\n    result.modelValue = \"\"\n  }\n\n  result.errors = bindings.value.errors.value\n\n  // Legacy JSON → new composition prop names + value aliases.\n  return applyLegacyRemaps(props.element.type, result)\n})\n\nfunction onUpdateModelValue(value: unknown): void {\n  if (!props.element.name) {\n    return\n  }\n  bindings.value.setValue(value)\n}\n\nconst wrapperClass = computed(() =>\n  cn(\n    \"gxp-element\",\n    `gxp-element--${props.element.type.replace(/\\./g, \"-\")}`,\n    columnClass(\"col\", props.element.columns),\n    columnClass(\"col-sm\", props.element.columnsSm),\n    columnClass(\"col-md\", props.element.columnsMd),\n    columnClass(\"col-lg\", props.element.columnsLg),\n    columnClass(\"col-xl\", props.element.columnsXl),\n    normalizeClasses(props.element.columnClassList),\n    normalizeClasses(props.element.wrapperClassList),\n  ),\n)\n\nfunction columnClass(prefix: string, n?: number): string | undefined {\n  if (typeof n !== \"number\") {\n    return undefined\n  }\n  // 12-column grid — render width as a Tailwind percentage utility so\n  // we don't depend on Bootstrap's col-* classes.\n  const pct = Math.max(0, Math.min(12, n)) / 12\n  return prefix === \"col\"\n    ? `basis-[${(pct * 100).toFixed(4)}%]`\n    : `${prefix}:basis-[${(pct * 100).toFixed(4)}%]`\n}\n\nfunction normalizeClasses(value: string | string[] | undefined): string {\n  if (!value) {\n    return \"\"\n  }\n  return Array.isArray(value) ? value.join(\" \") : value\n}\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    :class=\"wrapperClass\"\n    :data-element-id=\"element.id\"\n    :data-element-type=\"element.type\"\n  >\n    <component\n      :is=\"resolved\"\n      v-bind=\"compositionProps\"\n      @update:model-value=\"onUpdateModelValue\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Renders a single CardElement by dispatching its JSON definition into\n * the matching composition under `components/compositions/elements/`.\n *\n * The renderer is the bridge layer:\n *   - resolves the composition by `element.type` via the registry\n *   - evaluates the element's visibility (`shouldRender`)\n *   - applies responsive layout + classList chrome at the wrapper level\n *   - binds `useFormData(element.name)` to the form-data store and\n *     forwards `modelValue` + `errors` + the `@update:modelValue`\n *     handler to the composition\n *   - strips schema-only keys (type, conditionParams, columns*, ...)\n *     and passes the rest through as Vue props\n *\n * Compositions don't know about the form-data store, the JSON schema,\n * or this renderer's layout — they receive normal Vue props and emit\n * `update:modelValue`. They're directly mountable in any app.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport { cn } from \"@/lib/utils\"\nimport { getElementComponent } from \"./useElementLoader\"\nimport {\n  shouldRender,\n  type EvaluationContext,\n} from \"./useDisplayConditions\"\nimport { useFormData } from \"./useFormData\"\nimport { applyLegacyRemaps } from \"./legacyPropRemap\"\n\ninterface Props {\n  element: CardElement\n  item?: Record<string, unknown>\n  evaluationContext?: EvaluationContext\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  item: () => ({}),\n  evaluationContext: () => ({}),\n})\n\nconst visible = computed(() =>\n  shouldRender(props.element, props.item, props.evaluationContext),\n)\n\nconst resolved = computed(() => getElementComponent(props.element.type))\n\nconst bindings = computed(() => useFormData(props.element.name ?? \"\"))\n\n/**\n * Keys that live on every CardElement and are NOT meant to flow\n * through to the composition as props. These are either consumed by\n * this renderer (`columns*`, `conditionParams`, ...) or used only by\n * the engine (`type`, `id` — well, `id` IS passed through, see below).\n */\nconst STRIPPED_KEYS = new Set<string>([\n  \"type\",\n  \"conditionParams\",\n  \"conditionGroupLogic\",\n  \"condition\",\n  \"features\",\n  \"permissions\",\n  \"columns\",\n  \"columnsSm\",\n  \"columnsMd\",\n  \"columnsLg\",\n  \"columnsXl\",\n  \"columnsXxl\",\n  \"wrapperClassList\",\n  \"columnClassList\",\n  \"labelClassList\",\n  \"classList\",\n  \"previewMode\",\n  \"order\",\n  \"defaultValue\",\n  \"modelValue\",\n])\n\n/**\n * Compute the props object to pass to the resolved composition.\n *\n * - `modelValue` comes from the form-data store, falling back to\n *   `item[element.name]`, then `element.defaultValue`. Compositions\n *   declare `modelValue` and Vue picks it up.\n * - `errors` comes from the form-data store.\n * - All other element keys (label, placeholder, required, ...) are\n *   passed through; Vue's prop validation silently drops anything the\n *   composition doesn't declare.\n */\nconst compositionProps = computed<Record<string, unknown>>(() => {\n  const el = props.element as unknown as Record<string, unknown>\n  const result: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(el)) {\n    if (!STRIPPED_KEYS.has(key)) {\n      result[key] = value\n    }\n  }\n\n  // Resolve the effective modelValue.\n  const fieldName = props.element.name ?? \"\"\n  const storeValue = fieldName ? bindings.value.value.value : undefined\n  const itemValue = fieldName ? props.item[fieldName] : undefined\n  const defaultValue = (el as { defaultValue?: unknown }).defaultValue\n  if (storeValue !== undefined && storeValue !== null) {\n    result.modelValue = storeValue\n  } else if (itemValue !== undefined && itemValue !== null) {\n    result.modelValue = itemValue\n  } else if (defaultValue !== undefined && defaultValue !== null) {\n    result.modelValue = defaultValue\n  } else {\n    result.modelValue = \"\"\n  }\n\n  result.errors = bindings.value.errors.value\n\n  // Legacy JSON → new composition prop names + value aliases.\n  return applyLegacyRemaps(props.element.type, result)\n})\n\nfunction onUpdateModelValue(value: unknown): void {\n  if (!props.element.name) {\n    return\n  }\n  bindings.value.setValue(value)\n}\n\nconst wrapperClass = computed(() =>\n  cn(\n    \"gxp-element\",\n    `gxp-element--${props.element.type.replace(/\\./g, \"-\")}`,\n    columnClass(\"col\", props.element.columns),\n    columnClass(\"col-sm\", props.element.columnsSm),\n    columnClass(\"col-md\", props.element.columnsMd),\n    columnClass(\"col-lg\", props.element.columnsLg),\n    columnClass(\"col-xl\", props.element.columnsXl),\n    normalizeClasses(props.element.columnClassList),\n    normalizeClasses(props.element.wrapperClassList),\n  ),\n)\n\nfunction columnClass(prefix: string, n?: number): string | undefined {\n  if (typeof n !== \"number\") {\n    return undefined\n  }\n  // 12-column grid — render width as a Tailwind percentage utility so\n  // we don't depend on Bootstrap's col-* classes.\n  const pct = Math.max(0, Math.min(12, n)) / 12\n  return prefix === \"col\"\n    ? `basis-[${(pct * 100).toFixed(4)}%]`\n    : `${prefix}:basis-[${(pct * 100).toFixed(4)}%]`\n}\n\nfunction normalizeClasses(value: string | string[] | undefined): string {\n  if (!value) {\n    return \"\"\n  }\n  return Array.isArray(value) ? value.join(\" \") : value\n}\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    :class=\"wrapperClass\"\n    :data-element-id=\"element.id\"\n    :data-element-type=\"element.type\"\n  >\n    <component\n      :is=\"resolved\"\n      v-bind=\"compositionProps\"\n      @update:model-value=\"onUpdateModelValue\"\n    />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/chunks/ElementsBlock-CP_rXLwA.js

@@ -0,0 +1,52 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./ListCard-BK8nRz13.js";
+import { createBlock as n, defineComponent as r, openBlock as i } from "vue";
+//#region src/components/compositions/elements/configuration-block/ElementsBlock.vue?vue&type=script&setup=true&lang.ts
+var a = /* @__PURE__ */ r({
+	__name: "ElementsBlock",
+	props: {
+		label: { default: "Elements Block" },
+		name: {},
+		nestedElements: { default: () => [] },
+		item: { default: () => ({}) },
+		classList: {},
+		showCard: {
+			type: Boolean,
+			default: !0
+		},
+		title: {},
+		subtitle: {},
+		gutterY: {},
+		gutterX: {}
+	},
+	setup(e) {
+		let r = e;
+		return (e, a) => (i(), n(t, {
+			label: r.label,
+			title: r.title,
+			subtitle: r.subtitle,
+			"show-card": r.showCard,
+			"gutter-y": r.gutterY,
+			"gutter-x": r.gutterX,
+			"nested-elements": r.nestedElements,
+			item: r.item,
+			"class-list": r.classList,
+			"data-element-name": r.name ?? void 0
+		}, null, 8, [
+			"label",
+			"title",
+			"subtitle",
+			"show-card",
+			"gutter-y",
+			"gutter-x",
+			"nested-elements",
+			"item",
+			"class-list",
+			"data-element-name"
+		]));
+	}
+}), o = /* @__PURE__ */ e({ default: () => s }), s = a;
+//#endregion
+export { o as n, s as t };
+
+//# sourceMappingURL=ElementsBlock-CP_rXLwA.js.map

package/dist/chunks/ElementsBlock-CP_rXLwA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementsBlock-CP_rXLwA.js","names":[],"sources":["../../src/components/compositions/elements/configuration-block/ElementsBlock.vue","../../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","<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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAuBA,IAAM,IAAQ;yBASZ,EAWE,GAAA;GAVC,OAAO,EAAM;GACb,OAAO,EAAM;GACb,UAAU,EAAM;GAChB,aAAW,EAAM;GACjB,YAAU,EAAM;GAChB,YAAU,EAAM;GAChB,mBAAiB,EAAM;GACvB,MAAM,EAAM;GACZ,cAAY,EAAM;GAClB,qBAAmB,EAAM,QAAQ,KAAA"}

package/dist/chunks/EmailInput-Pdtb58_R.js

@@ -0,0 +1,83 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./input-tw5ZQGKQ.js";
+import { t as n } from "./field-frame-n5oLDNBT.js";
+import { createBlock as r, createVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, onMounted as c, openBlock as l, unref as u, useModel as d, useTemplateRef as f, withCtx as p } from "vue";
+//#region src/components/compositions/elements/input/EmailInput.vue?vue&type=script&setup=true&lang.ts
+var m = /* @__PURE__ */ a({
+	__name: "EmailInput",
+	props: /* @__PURE__ */ o({
+		modelValue: {},
+		id: {},
+		name: {},
+		label: {},
+		hideLabel: { type: Boolean },
+		placeholder: {},
+		required: { type: Boolean },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		maxlength: {},
+		minlength: {},
+		helpText: {},
+		errors: { default: () => [] },
+		autoFocus: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let a = e, o = d(e, "modelValue"), m = f("inputRef");
+		return c(() => {
+			a.autoFocus && m.value?.focus();
+		}), (a, c) => (l(), r(u(n), {
+			label: e.label,
+			required: e.required,
+			"hide-label": e.hideLabel,
+			for: e.id,
+			"help-text": e.helpText,
+			errors: e.errors
+		}, {
+			default: p(() => [i(u(t), {
+				ref_key: "inputRef",
+				ref: m,
+				"model-value": o.value ?? void 0,
+				id: e.id,
+				name: e.name ?? void 0,
+				type: "email",
+				placeholder: e.placeholder ?? "",
+				readonly: e.readonly,
+				disabled: e.disabled,
+				required: e.required,
+				maxlength: e.maxlength,
+				minlength: e.minlength,
+				"data-element-name": e.name ?? void 0,
+				class: s(e.errors.length ? "border-destructive ring-destructive" : ""),
+				"onUpdate:modelValue": c[0] ||= (e) => o.value = e == null ? "" : String(e)
+			}, null, 8, [
+				"model-value",
+				"id",
+				"name",
+				"placeholder",
+				"readonly",
+				"disabled",
+				"required",
+				"maxlength",
+				"minlength",
+				"data-element-name",
+				"class"
+			])]),
+			_: 1
+		}, 8, [
+			"label",
+			"required",
+			"hide-label",
+			"for",
+			"help-text",
+			"errors"
+		]));
+	}
+}), h = /* @__PURE__ */ e({ default: () => g }), g = m;
+//#endregion
+export { h as n, g as t };
+
+//# sourceMappingURL=EmailInput-Pdtb58_R.js.map

package/dist/chunks/EmailInput-Pdtb58_R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput-Pdtb58_R.js","names":[],"sources":["../../src/components/compositions/elements/input/EmailInput.vue","../../src/components/compositions/elements/input/EmailInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven email input composition. Composes the shadcn `Input`\n * primitive (with `type=\"email\"`) and `FieldFrame` chrome.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <EmailInput v-model=\"email\" label=\"Email address\" required />\n */\nimport { onMounted, useTemplateRef } from \"vue\"\nimport { Input } from \"@/components/ui/input\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface EmailInputProps {\n  modelValue?: string\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  maxlength?: number\n  minlength?: number\n  helpText?: string\n  errors?: string[]\n  autoFocus?: boolean\n}\n\nconst props = withDefaults(defineProps<EmailInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\")\n\nonMounted(() => {\n  if (props.autoFocus) {\n    inputRef.value?.focus()\n  }\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  >\n    <Input\n      ref=\"inputRef\"\n      :model-value=\"model ?? undefined\"\n      :id=\"id\"\n      :name=\"name ?? undefined\"\n      type=\"email\"\n      :placeholder=\"placeholder ?? ''\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :required=\"required\"\n      :maxlength=\"maxlength\"\n      :minlength=\"minlength\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n      @update:model-value=\"(v: string | number | undefined) => (model = v == null ? '' : String(v))\"\n    />\n  </FieldFrame>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Props-driven email input composition. Composes the shadcn `Input`\n * primitive (with `type=\"email\"`) and `FieldFrame` chrome.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <EmailInput v-model=\"email\" label=\"Email address\" required />\n */\nimport { onMounted, useTemplateRef } from \"vue\"\nimport { Input } from \"@/components/ui/input\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface EmailInputProps {\n  modelValue?: string\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  maxlength?: number\n  minlength?: number\n  helpText?: string\n  errors?: string[]\n  autoFocus?: boolean\n}\n\nconst props = withDefaults(defineProps<EmailInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\")\n\nonMounted(() => {\n  if (props.autoFocus) {\n    inputRef.value?.focus()\n  }\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  >\n    <Input\n      ref=\"inputRef\"\n      :model-value=\"model ?? undefined\"\n      :id=\"id\"\n      :name=\"name ?? undefined\"\n      type=\"email\"\n      :placeholder=\"placeholder ?? ''\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :required=\"required\"\n      :maxlength=\"maxlength\"\n      :minlength=\"minlength\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n      @update:model-value=\"(v: string | number | undefined) => (model = v == null ? '' : String(v))\"\n    />\n  </FieldFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,IAAM,IAAQ,GAIR,IAAQ,EAAmB,GAAC,YAAY,GAExC,IAAW,EAAiC,UAAU;SAE5D,QAAgB;GACd,AAAI,EAAM,aACR,EAAS,OAAO,MAAM;EAE1B,CAAC,mBAIC,EAwBa,EAAA,CAAA,GAAA;GAvBV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;;oBAiBP,CAfF,EAeE,EAAA,CAAA,GAAA;aAdI;IAAJ,KAAI;IACH,eAAa,EAAA,SAAS,KAAA;IACtB,IAAI,EAAA;IACJ,MAAM,EAAA,QAAQ,KAAA;IACf,MAAK;IACJ,aAAa,EAAA,eAAW;IACxB,UAAU,EAAA;IACV,UAAU,EAAA;IACV,UAAU,EAAA;IACV,WAAW,EAAA;IACX,WAAW,EAAA;IACX,qBAAmB,EAAA,QAAQ,KAAA;IAC3B,OAAK,EAAE,EAAA,OAAO,SAAM,wCAAA,EAAA;IACpB,uBAAkB,AAAA,EAAA,QAAG,MAAoC,EAAA,QAAQ,KAAC,OAAA,KAAgB,OAAO,CAAC"}

package/dist/chunks/FileTree-C2NAMTsO.js

@@ -0,0 +1,191 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { n as t } from "./utils-DAErOi9O.js";
+import { n, o as r, r as i, s as a } from "./card-DAfWnvro.js";
+import { t as o } from "./skeleton-DG95C9ZP.js";
+import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, h as m, normalizeClass as h, onMounted as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, watch as S, withCtx as C } from "vue";
+import { ChevronDown as w, ChevronRight as T, File as E, Folder as D, FolderOpen as O } from "@lucide/vue";
+//#region src/components/compositions/elements/code/FileTree.vue?vue&type=script&setup=true&lang.ts
+var k = {
+	key: 0,
+	"data-testid": "file-tree-loading",
+	class: "flex flex-col gap-1.5 px-2"
+}, A = {
+	key: 1,
+	class: "px-2 text-sm text-destructive",
+	"data-testid": "file-tree-error",
+	role: "alert"
+}, j = {
+	key: 2,
+	class: "px-2 text-sm text-muted-foreground",
+	"data-testid": "file-tree-empty"
+}, M = {
+	key: 3,
+	class: "flex flex-col",
+	role: "tree",
+	"data-testid": "file-tree-list"
+}, N = /* @__PURE__ */ p({
+	__name: "FileTree",
+	props: {
+		path: { default: "" },
+		onLoadTree: {},
+		selectedPath: {},
+		onSelectPath: {},
+		expandedPaths: {},
+		onExpandedChange: {},
+		label: { default: "File Tree" },
+		name: {},
+		classList: {}
+	},
+	emits: ["update:selectedPath", "update:expandedPaths"],
+	setup(e, { expose: p, emit: N }) {
+		let P = e, F = N;
+		function I(e) {
+			return {
+				path: e.path,
+				name: e.name,
+				kind: e.kind,
+				loading: !1,
+				loaded: Array.isArray(e.children),
+				error: null,
+				childNodes: Array.isArray(e.children) ? e.children.map(I) : []
+			};
+		}
+		let L = v([]), R = v(!1), z = v(null), B = v(new Set(P.expandedPaths ?? [])), V = c(() => Array.from(B.value));
+		S(() => P.expandedPaths, (e) => {
+			e !== void 0 && (B.value = new Set(e));
+		});
+		function H() {
+			let e = V.value;
+			F("update:expandedPaths", e), P.onExpandedChange && P.onExpandedChange(e);
+		}
+		async function U() {
+			R.value = !0, z.value = null;
+			try {
+				let e = await P.onLoadTree(P.path ?? "");
+				L.value = Array.isArray(e) ? e.map(I) : [];
+			} catch (e) {
+				z.value = e instanceof Error ? e.message : String(e), L.value = [];
+			} finally {
+				R.value = !1;
+			}
+		}
+		async function W(e) {
+			if (e.kind === "directory" && !(e.loading || e.loaded)) {
+				e.loading = !0, e.error = null;
+				try {
+					let t = await P.onLoadTree(e.path);
+					e.childNodes = Array.isArray(t) ? t.map(I) : [], e.loaded = !0;
+				} catch (t) {
+					e.error = t instanceof Error ? t.message : String(t), e.childNodes = [];
+				} finally {
+					e.loading = !1;
+				}
+			}
+		}
+		function G(e) {
+			return B.value.has(e);
+		}
+		async function K(e) {
+			let t = new Set(B.value);
+			t.has(e.path) ? t.delete(e.path) : (t.add(e.path), e.loaded || await W(e)), B.value = t, H();
+		}
+		function q(e) {
+			e.kind === "file" && (F("update:selectedPath", e.path), P.onSelectPath && P.onSelectPath(e.path));
+		}
+		g(() => {
+			U();
+		}), S(() => P.path, () => {
+			U();
+		});
+		let J = {
+			name: "FileTreeNode",
+			props: {
+				node: {
+					type: Object,
+					required: !0
+				},
+				depth: {
+					type: Number,
+					required: !0
+				}
+			},
+			setup(e) {
+				return () => {
+					let t = e.node, n = G(t.path), r = { paddingLeft: `${e.depth * 16 + 8}px` }, i = t.kind === "file", a = i && P.selectedPath === t.path, s = m("div", {
+						class: ["flex items-center gap-1.5 rounded-sm py-1 pr-2 text-sm cursor-pointer hover:bg-accent hover:text-accent-foreground", a ? "bg-accent text-accent-foreground font-medium" : ""].join(" "),
+						style: r,
+						role: "treeitem",
+						"data-testid": `file-tree-row-${t.path}`,
+						"data-kind": t.kind,
+						"aria-expanded": i ? void 0 : String(n),
+						"aria-selected": i ? String(a) : void 0,
+						onClick: (e) => {
+							e.stopPropagation(), i ? q(t) : K(t);
+						}
+					}, [
+						i ? m("span", { class: "inline-block w-4 shrink-0" }) : m(n ? w : T, {
+							class: "size-4 shrink-0 text-muted-foreground",
+							"data-testid": n ? `file-tree-chevron-down-${t.path}` : `file-tree-chevron-right-${t.path}`
+						}),
+						m(i ? E : n ? O : D, { class: "size-4 shrink-0 text-muted-foreground" }),
+						m("span", { class: "truncate" }, t.name)
+					]), c = [];
+					if (!i && n) {
+						let n = { paddingLeft: `${(e.depth + 1) * 16 + 8}px` };
+						if (t.loading) c.push(m("li", {
+							class: "py-1",
+							style: n,
+							"data-testid": `file-tree-child-loading-${t.path}`
+						}, [m(o, { class: "h-4 w-1/2" })]));
+						else if (t.error) c.push(m("li", {
+							class: "py-1 text-sm text-destructive",
+							style: n,
+							role: "alert",
+							"data-testid": `file-tree-child-error-${t.path}`
+						}, t.error));
+						else if (t.childNodes.length === 0) c.push(m("li", {
+							class: "py-1 text-sm italic text-muted-foreground",
+							style: n,
+							"data-testid": `file-tree-child-empty-${t.path}`
+						}, "(empty)"));
+						else for (let n of t.childNodes) c.push(m(J, {
+							key: n.path,
+							node: n,
+							depth: e.depth + 1
+						}));
+					}
+					return m("li", { class: "flex list-none flex-col" }, [s, ...c]);
+				};
+			}
+		};
+		return p({ reload: U }), (e, c) => (_(), l(x(a), {
+			class: h(x(t)(P.classList)),
+			"data-element-name": P.name ?? void 0,
+			"data-testid": "file-tree"
+		}, {
+			default: C(() => [f(x(i), null, {
+				default: C(() => [f(x(n), { class: "flex items-center gap-2 text-base" }, {
+					default: C(() => [f(x(D), { class: "size-5 text-muted-foreground" }), d("span", null, b(P.label), 1)]),
+					_: 1
+				})]),
+				_: 1
+			}), f(x(r), { class: "px-2 pb-4" }, {
+				default: C(() => [R.value ? (_(), u("div", k, [
+					f(x(o), { class: "h-5 w-3/4" }),
+					f(x(o), { class: "h-5 w-2/3" }),
+					f(x(o), { class: "h-5 w-1/2" })
+				])) : z.value ? (_(), u("p", A, b(z.value), 1)) : L.value.length === 0 ? (_(), u("p", j, " No files. ")) : (_(), u("ul", M, [(_(!0), u(s, null, y(L.value, (e) => (_(), l(J, {
+					key: e.path,
+					node: e,
+					depth: 0
+				}, null, 8, ["node"]))), 128))]))]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["class", "data-element-name"]));
+	}
+}), P = /* @__PURE__ */ e({ default: () => F }), F = N;
+//#endregion
+export { P as n, F as t };
+
+//# sourceMappingURL=FileTree-C2NAMTsO.js.map

package/dist/chunks/FileTree-C2NAMTsO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTree-C2NAMTsO.js","names":[],"sources":["../../src/components/compositions/elements/code/FileTree.vue","../../src/components/compositions/elements/code/FileTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven file tree composition. Renders a recursive list of files\n * and folders sourced by a `onLoadTree` callback. The composition makes\n * no HTTP calls itself — the consumer provides a Promise-returning\n * loader for each node.\n *\n *   <FileTree\n *     :on-load-tree=\"(path) => fetch(`/api/tree?path=${path}`).then(r => r.json())\"\n *     v-model:selected-path=\"selected\"\n *     v-model:expanded-paths=\"expanded\"\n *   />\n */\nimport { computed, h, onMounted, ref, watch, type PropType } from \"vue\"\nimport {\n  ChevronDown,\n  ChevronRight,\n  File as FileIcon,\n  Folder,\n  FolderOpen,\n} from \"@lucide/vue\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Skeleton } from \"@/components/ui/skeleton\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface TreeNode {\n  /** Full path from the root, e.g. `src/components/Button.vue`. */\n  path: string\n  /** Display name (typically the trailing path segment). */\n  name: string\n  kind: \"file\" | \"directory\"\n  /** Pre-loaded children. When omitted for a directory, the loader is\n   *  invoked the first time the node is expanded. */\n  children?: TreeNode[]\n}\n\nexport interface FileTreeProps {\n  /** Root path. Passed to `onLoadTree` on mount. */\n  path?: string\n  /** REQUIRED loader for children at a given path. */\n  onLoadTree: (path: string) => Promise<TreeNode[]>\n  /** Current selected file path (v-modelable as `selectedPath`). */\n  selectedPath?: string\n  /** Called when the user clicks a file. */\n  onSelectPath?: (path: string) => void\n  /** Controlled expanded directory paths (v-modelable as `expandedPaths`). */\n  expandedPaths?: string[]\n  /** Fired when the set of expanded paths changes. */\n  onExpandedChange?: (paths: string[]) => void\n  label?: string\n  name?: string | null\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<FileTreeProps>(), {\n  path: \"\",\n  label: \"File Tree\",\n})\n\nconst emit = defineEmits<{\n  \"update:selectedPath\": [path: string]\n  \"update:expandedPaths\": [paths: string[]]\n}>()\n\ninterface InternalNode {\n  path: string\n  name: string\n  kind: \"file\" | \"directory\"\n  loading: boolean\n  loaded: boolean\n  error: string | null\n  childNodes: InternalNode[]\n}\n\nfunction toInternal(node: TreeNode): InternalNode {\n  return {\n    path: node.path,\n    name: node.name,\n    kind: node.kind,\n    loading: false,\n    loaded: Array.isArray(node.children),\n    error: null,\n    childNodes: Array.isArray(node.children)\n      ? node.children.map(toInternal)\n      : [],\n  }\n}\n\nconst rootNodes = ref<InternalNode[]>([])\nconst rootLoading = ref<boolean>(false)\nconst rootError = ref<string | null>(null)\n\nconst localExpanded = ref<Set<string>>(\n  new Set<string>(props.expandedPaths ?? []),\n)\n\nconst expandedPathsList = computed<string[]>(() =>\n  Array.from(localExpanded.value),\n)\n\nwatch(\n  () => props.expandedPaths,\n  (next) => {\n    if (next === undefined) {\n      return\n    }\n    localExpanded.value = new Set(next)\n  },\n)\n\nfunction notifyExpanded(): void {\n  const list = expandedPathsList.value\n  emit(\"update:expandedPaths\", list)\n  if (props.onExpandedChange) {\n    props.onExpandedChange(list)\n  }\n}\n\nasync function loadRoot(): Promise<void> {\n  rootLoading.value = true\n  rootError.value = null\n  try {\n    const result = await props.onLoadTree(props.path ?? \"\")\n    rootNodes.value = Array.isArray(result) ? result.map(toInternal) : []\n  } catch (err) {\n    rootError.value = err instanceof Error ? err.message : String(err)\n    rootNodes.value = []\n  } finally {\n    rootLoading.value = false\n  }\n}\n\nasync function loadChildren(node: InternalNode): Promise<void> {\n  if (node.kind !== \"directory\") {\n    return\n  }\n  if (node.loading || node.loaded) {\n    return\n  }\n  node.loading = true\n  node.error = null\n  try {\n    const result = await props.onLoadTree(node.path)\n    node.childNodes = Array.isArray(result) ? result.map(toInternal) : []\n    node.loaded = true\n  } catch (err) {\n    node.error = err instanceof Error ? err.message : String(err)\n    node.childNodes = []\n  } finally {\n    node.loading = false\n  }\n}\n\nfunction isExpanded(path: string): boolean {\n  return localExpanded.value.has(path)\n}\n\nasync function toggleDirectory(node: InternalNode): Promise<void> {\n  const next = new Set(localExpanded.value)\n  if (next.has(node.path)) {\n    next.delete(node.path)\n  } else {\n    next.add(node.path)\n    if (!node.loaded) {\n      await loadChildren(node)\n    }\n  }\n  localExpanded.value = next\n  notifyExpanded()\n}\n\nfunction selectFile(node: InternalNode): void {\n  if (node.kind !== \"file\") {\n    return\n  }\n  emit(\"update:selectedPath\", node.path)\n  if (props.onSelectPath) {\n    props.onSelectPath(node.path)\n  }\n}\n\nonMounted(() => {\n  void loadRoot()\n})\n\nwatch(\n  () => props.path,\n  () => {\n    void loadRoot()\n  },\n)\n\nconst FileTreeNode = {\n  name: \"FileTreeNode\",\n  props: {\n    node: {\n      type: Object as PropType<InternalNode>,\n      required: true as const,\n    },\n    depth: { type: Number, required: true as const },\n  },\n  setup(nodeProps: { node: InternalNode; depth: number }) {\n    return () => {\n      const node = nodeProps.node\n      const expanded = isExpanded(node.path)\n      const indent = { paddingLeft: `${nodeProps.depth * 16 + 8}px` }\n      const isFile = node.kind === \"file\"\n      const selected = isFile && props.selectedPath === node.path\n      const rowClass = [\n        \"flex items-center gap-1.5 rounded-sm py-1 pr-2 text-sm cursor-pointer hover:bg-accent hover:text-accent-foreground\",\n        selected ? \"bg-accent text-accent-foreground font-medium\" : \"\",\n      ].join(\" \")\n\n      const row = h(\n        \"div\",\n        {\n          class: rowClass,\n          style: indent,\n          role: \"treeitem\",\n          \"data-testid\": `file-tree-row-${node.path}`,\n          \"data-kind\": node.kind,\n          \"aria-expanded\": isFile ? undefined : String(expanded),\n          \"aria-selected\": isFile ? String(selected) : undefined,\n          onClick: (e: Event) => {\n            e.stopPropagation()\n            if (isFile) {\n              selectFile(node)\n            } else {\n              void toggleDirectory(node)\n            }\n          },\n        },\n        [\n          isFile\n            ? h(\"span\", { class: \"inline-block w-4 shrink-0\" })\n            : h(expanded ? ChevronDown : ChevronRight, {\n                class: \"size-4 shrink-0 text-muted-foreground\",\n                \"data-testid\": expanded\n                  ? `file-tree-chevron-down-${node.path}`\n                  : `file-tree-chevron-right-${node.path}`,\n              }),\n          isFile\n            ? h(FileIcon, {\n                class: \"size-4 shrink-0 text-muted-foreground\",\n              })\n            : h(expanded ? FolderOpen : Folder, {\n                class: \"size-4 shrink-0 text-muted-foreground\",\n              }),\n          h(\"span\", { class: \"truncate\" }, node.name),\n        ],\n      )\n\n      const children: ReturnType<typeof h>[] = []\n      if (!isFile && expanded) {\n        const childIndent = {\n          paddingLeft: `${(nodeProps.depth + 1) * 16 + 8}px`,\n        }\n        if (node.loading) {\n          children.push(\n            h(\n              \"li\",\n              {\n                class: \"py-1\",\n                style: childIndent,\n                \"data-testid\": `file-tree-child-loading-${node.path}`,\n              },\n              [h(Skeleton, { class: \"h-4 w-1/2\" })],\n            ),\n          )\n        } else if (node.error) {\n          children.push(\n            h(\n              \"li\",\n              {\n                class: \"py-1 text-sm text-destructive\",\n                style: childIndent,\n                role: \"alert\",\n                \"data-testid\": `file-tree-child-error-${node.path}`,\n              },\n              node.error,\n            ),\n          )\n        } else if (node.childNodes.length === 0) {\n          children.push(\n            h(\n              \"li\",\n              {\n                class: \"py-1 text-sm italic text-muted-foreground\",\n                style: childIndent,\n                \"data-testid\": `file-tree-child-empty-${node.path}`,\n              },\n              \"(empty)\",\n            ),\n          )\n        } else {\n          for (const child of node.childNodes) {\n            children.push(\n              h(FileTreeNode, {\n                key: child.path,\n                node: child,\n                depth: nodeProps.depth + 1,\n              }),\n            )\n          }\n        }\n      }\n\n      return h(\n        \"li\",\n        { class: \"flex list-none flex-col\" },\n        [row, ...children],\n      )\n    }\n  },\n}\n\ndefineExpose({ reload: loadRoot })\n</script>\n\n<template>\n  <Card\n    :class=\"cn(props.classList)\"\n    :data-element-name=\"props.name ?? undefined\"\n    data-testid=\"file-tree\"\n  >\n    <CardHeader>\n      <CardTitle class=\"flex items-center gap-2 text-base\">\n        <Folder class=\"size-5 text-muted-foreground\" />\n        <span>{{ props.label }}</span>\n      </CardTitle>\n    </CardHeader>\n    <CardContent class=\"px-2 pb-4\">\n      <div\n        v-if=\"rootLoading\"\n        data-testid=\"file-tree-loading\"\n        class=\"flex flex-col gap-1.5 px-2\"\n      >\n        <Skeleton class=\"h-5 w-3/4\" />\n        <Skeleton class=\"h-5 w-2/3\" />\n        <Skeleton class=\"h-5 w-1/2\" />\n      </div>\n      <p\n        v-else-if=\"rootError\"\n        class=\"px-2 text-sm text-destructive\"\n        data-testid=\"file-tree-error\"\n        role=\"alert\"\n      >\n        {{ rootError }}\n      </p>\n      <p\n        v-else-if=\"rootNodes.length === 0\"\n        class=\"px-2 text-sm text-muted-foreground\"\n        data-testid=\"file-tree-empty\"\n      >\n        No files.\n      </p>\n      <ul\n        v-else\n        class=\"flex flex-col\"\n        role=\"tree\"\n        data-testid=\"file-tree-list\"\n      >\n        <FileTreeNode\n          v-for=\"node in rootNodes\"\n          :key=\"node.path\"\n          :node=\"node\"\n          :depth=\"0\"\n        />\n      </ul>\n    </CardContent>\n  </Card>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Props-driven file tree composition. Renders a recursive list of files\n * and folders sourced by a `onLoadTree` callback. The composition makes\n * no HTTP calls itself — the consumer provides a Promise-returning\n * loader for each node.\n *\n *   <FileTree\n *     :on-load-tree=\"(path) => fetch(`/api/tree?path=${path}`).then(r => r.json())\"\n *     v-model:selected-path=\"selected\"\n *     v-model:expanded-paths=\"expanded\"\n *   />\n */\nimport { computed, h, onMounted, ref, watch, type PropType } from \"vue\"\nimport {\n  ChevronDown,\n  ChevronRight,\n  File as FileIcon,\n  Folder,\n  FolderOpen,\n} from \"@lucide/vue\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Skeleton } from \"@/components/ui/skeleton\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface TreeNode {\n  /** Full path from the root, e.g. `src/components/Button.vue`. */\n  path: string\n  /** Display name (typically the trailing path segment). */\n  name: string\n  kind: \"file\" | \"directory\"\n  /** Pre-loaded children. When omitted for a directory, the loader is\n   *  invoked the first time the node is expanded. */\n  children?: TreeNode[]\n}\n\nexport interface FileTreeProps {\n  /** Root path. Passed to `onLoadTree` on mount. */\n  path?: string\n  /** REQUIRED loader for children at a given path. */\n  onLoadTree: (path: string) => Promise<TreeNode[]>\n  /** Current selected file path (v-modelable as `selectedPath`). */\n  selectedPath?: string\n  /** Called when the user clicks a file. */\n  onSelectPath?: (path: string) => void\n  /** Controlled expanded directory paths (v-modelable as `expandedPaths`). */\n  expandedPaths?: string[]\n  /** Fired when the set of expanded paths changes. */\n  onExpandedChange?: (paths: string[]) => void\n  label?: string\n  name?: string | null\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<FileTreeProps>(), {\n  path: \"\",\n  label: \"File Tree\",\n})\n\nconst emit = defineEmits<{\n  \"update:selectedPath\": [path: string]\n  \"update:expandedPaths\": [paths: string[]]\n}>()\n\ninterface InternalNode {\n  path: string\n  name: string\n  kind: \"file\" | \"directory\"\n  loading: boolean\n  loaded: boolean\n  error: string | null\n  childNodes: InternalNode[]\n}\n\nfunction toInternal(node: TreeNode): InternalNode {\n  return {\n    path: node.path,\n    name: node.name,\n    kind: node.kind,\n    loading: false,\n    loaded: Array.isArray(node.children),\n    error: null,\n    childNodes: Array.isArray(node.children)\n      ? node.children.map(toInternal)\n      : [],\n  }\n}\n\nconst rootNodes = ref<InternalNode[]>([])\nconst rootLoading = ref<boolean>(false)\nconst rootError = ref<string | null>(null)\n\nconst localExpanded = ref<Set<string>>(\n  new Set<string>(props.expandedPaths ?? []),\n)\n\nconst expandedPathsList = computed<string[]>(() =>\n  Array.from(localExpanded.value),\n)\n\nwatch(\n  () => props.expandedPaths,\n  (next) => {\n    if (next === undefined) {\n      return\n    }\n    localExpanded.value = new Set(next)\n  },\n)\n\nfunction notifyExpanded(): void {\n  const list = expandedPathsList.value\n  emit(\"update:expandedPaths\", list)\n  if (props.onExpandedChange) {\n    props.onExpandedChange(list)\n  }\n}\n\nasync function loadRoot(): Promise<void> {\n  rootLoading.value = true\n  rootError.value = null\n  try {\n    const result = await props.onLoadTree(props.path ?? \"\")\n    rootNodes.value = Array.isArray(result) ? result.map(toInternal) : []\n  } catch (err) {\n    rootError.value = err instanceof Error ? err.message : String(err)\n    rootNodes.value = []\n  } finally {\n    rootLoading.value = false\n  }\n}\n\nasync function loadChildren(node: InternalNode): Promise<void> {\n  if (node.kind !== \"directory\") {\n    return\n  }\n  if (node.loading || node.loaded) {\n    return\n  }\n  node.loading = true\n  node.error = null\n  try {\n    const result = await props.onLoadTree(node.path)\n    node.childNodes = Array.isArray(result) ? result.map(toInternal) : []\n    node.loaded = true\n  } catch (err) {\n    node.error = err instanceof Error ? err.message : String(err)\n    node.childNodes = []\n  } finally {\n    node.loading = false\n  }\n}\n\nfunction isExpanded(path: string): boolean {\n  return localExpanded.value.has(path)\n}\n\nasync function toggleDirectory(node: InternalNode): Promise<void> {\n  const next = new Set(localExpanded.value)\n  if (next.has(node.path)) {\n    next.delete(node.path)\n  } else {\n    next.add(node.path)\n    if (!node.loaded) {\n      await loadChildren(node)\n    }\n  }\n  localExpanded.value = next\n  notifyExpanded()\n}\n\nfunction selectFile(node: InternalNode): void {\n  if (node.kind !== \"file\") {\n    return\n  }\n  emit(\"update:selectedPath\", node.path)\n  if (props.onSelectPath) {\n    props.onSelectPath(node.path)\n  }\n}\n\nonMounted(() => {\n  void loadRoot()\n})\n\nwatch(\n  () => props.path,\n  () => {\n    void loadRoot()\n  },\n)\n\nconst FileTreeNode = {\n  name: \"FileTreeNode\",\n  props: {\n    node: {\n      type: Object as PropType<InternalNode>,\n      required: true as const,\n    },\n    depth: { type: Number, required: true as const },\n  },\n  setup(nodeProps: { node: InternalNode; depth: number }) {\n    return () => {\n      const node = nodeProps.node\n      const expanded = isExpanded(node.path)\n      const indent = { paddingLeft: `${nodeProps.depth * 16 + 8}px` }\n      const isFile = node.kind === \"file\"\n      const selected = isFile && props.selectedPath === node.path\n      const rowClass = [\n        \"flex items-center gap-1.5 rounded-sm py-1 pr-2 text-sm cursor-pointer hover:bg-accent hover:text-accent-foreground\",\n        selected ? \"bg-accent text-accent-foreground font-medium\" : \"\",\n      ].join(\" \")\n\n      const row = h(\n        \"div\",\n        {\n          class: rowClass,\n          style: indent,\n          role: \"treeitem\",\n          \"data-testid\": `file-tree-row-${node.path}`,\n          \"data-kind\": node.kind,\n          \"aria-expanded\": isFile ? undefined : String(expanded),\n          \"aria-selected\": isFile ? String(selected) : undefined,\n          onClick: (e: Event) => {\n            e.stopPropagation()\n            if (isFile) {\n              selectFile(node)\n            } else {\n              void toggleDirectory(node)\n            }\n          },\n        },\n        [\n          isFile\n            ? h(\"span\", { class: \"inline-block w-4 shrink-0\" })\n            : h(expanded ? ChevronDown : ChevronRight, {\n                class: \"size-4 shrink-0 text-muted-foreground\",\n                \"data-testid\": expanded\n                  ? `file-tree-chevron-down-${node.path}`\n                  : `file-tree-chevron-right-${node.path}`,\n              }),\n          isFile\n            ? h(FileIcon, {\n                class: \"size-4 shrink-0 text-muted-foreground\",\n              })\n            : h(expanded ? FolderOpen : Folder, {\n                class: \"size-4 shrink-0 text-muted-foreground\",\n              }),\n          h(\"span\", { class: \"truncate\" }, node.name),\n        ],\n      )\n\n      const children: ReturnType<typeof h>[] = []\n      if (!isFile && expanded) {\n        const childIndent = {\n          paddingLeft: `${(nodeProps.depth + 1) * 16 + 8}px`,\n        }\n        if (node.loading) {\n          children.push(\n            h(\n              \"li\",\n              {\n                class: \"py-1\",\n                style: childIndent,\n                \"data-testid\": `file-tree-child-loading-${node.path}`,\n              },\n              [h(Skeleton, { class: \"h-4 w-1/2\" })],\n            ),\n          )\n        } else if (node.error) {\n          children.push(\n            h(\n              \"li\",\n              {\n                class: \"py-1 text-sm text-destructive\",\n                style: childIndent,\n                role: \"alert\",\n                \"data-testid\": `file-tree-child-error-${node.path}`,\n              },\n              node.error,\n            ),\n          )\n        } else if (node.childNodes.length === 0) {\n          children.push(\n            h(\n              \"li\",\n              {\n                class: \"py-1 text-sm italic text-muted-foreground\",\n                style: childIndent,\n                \"data-testid\": `file-tree-child-empty-${node.path}`,\n              },\n              \"(empty)\",\n            ),\n          )\n        } else {\n          for (const child of node.childNodes) {\n            children.push(\n              h(FileTreeNode, {\n                key: child.path,\n                node: child,\n                depth: nodeProps.depth + 1,\n              }),\n            )\n          }\n        }\n      }\n\n      return h(\n        \"li\",\n        { class: \"flex list-none flex-col\" },\n        [row, ...children],\n      )\n    }\n  },\n}\n\ndefineExpose({ reload: loadRoot })\n</script>\n\n<template>\n  <Card\n    :class=\"cn(props.classList)\"\n    :data-element-name=\"props.name ?? undefined\"\n    data-testid=\"file-tree\"\n  >\n    <CardHeader>\n      <CardTitle class=\"flex items-center gap-2 text-base\">\n        <Folder class=\"size-5 text-muted-foreground\" />\n        <span>{{ props.label }}</span>\n      </CardTitle>\n    </CardHeader>\n    <CardContent class=\"px-2 pb-4\">\n      <div\n        v-if=\"rootLoading\"\n        data-testid=\"file-tree-loading\"\n        class=\"flex flex-col gap-1.5 px-2\"\n      >\n        <Skeleton class=\"h-5 w-3/4\" />\n        <Skeleton class=\"h-5 w-2/3\" />\n        <Skeleton class=\"h-5 w-1/2\" />\n      </div>\n      <p\n        v-else-if=\"rootError\"\n        class=\"px-2 text-sm text-destructive\"\n        data-testid=\"file-tree-error\"\n        role=\"alert\"\n      >\n        {{ rootError }}\n      </p>\n      <p\n        v-else-if=\"rootNodes.length === 0\"\n        class=\"px-2 text-sm text-muted-foreground\"\n        data-testid=\"file-tree-empty\"\n      >\n        No files.\n      </p>\n      <ul\n        v-else\n        class=\"flex flex-col\"\n        role=\"tree\"\n        data-testid=\"file-tree-list\"\n      >\n        <FileTreeNode\n          v-for=\"node in rootNodes\"\n          :key=\"node.path\"\n          :node=\"node\"\n          :depth=\"0\"\n        />\n      </ul>\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":"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"}