@braedonsaunders/appkit-forms 0.2.2

package/element-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-preview.js","sourceRoot":"","sources":["../src/element-preview.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\nimport { GeneratedText, useGeneratedTranslations, GeneratedValue } from './generated-copy'\n\n// A representative, read-only preview of ONE element — how it looks in the\n// shipped product. Used by the canvas blocks (WYSIWYG building) and the Preview\n// drawer. Uses the element's real label / options / config, not placeholders.\n\nimport { AlertTriangle, BarChart3, MapPin, ScanLine, Sparkles, Star } from 'lucide-react'\nimport { Input, Select, Textarea } from '@braedonsaunders/appkit-ui'\nimport type { FormField } from '@braedonsaunders/appkit-forms-core'\nimport { localizeText, type AppLocale } from '@braedonsaunders/appkit-i18n'\n\nfunction cfg(field: FormField): Record<string, unknown> {\n  return (field.config as Record<string, unknown> | undefined) ?? {}\n}\n\nfunction optionLabels(field: FormField, locale: AppLocale, defaultLocale: AppLocale): string[] {\n  const opts =\n    (field.validation?.options as { value: string; label: unknown }[] | undefined) ??\n    (cfg(field).options as { value: string; label: unknown }[] | undefined) ??\n    []\n  return opts.map((o) =>\n    localizeText(o.label as Record<string, string>, locale, o.value, defaultLocale),\n  )\n}\n\nexport function ElementPreview({\n  field,\n  locale,\n  defaultLocale,\n  compact = false,\n}: {\n  field: FormField\n  locale: AppLocale\n  defaultLocale: AppLocale\n  compact?: boolean\n}) {\n  const label = localizeText(field.label, locale, field.id, defaultLocale)\n  const helpText = localizeText(field.helpText, locale, '', defaultLocale)\n  const t = field.type\n\n  // Content elements ARE their content — no separate field label.\n  if (t === 'heading')\n    return (\n      <h3 className=\"text-base font-semibold text-fg\">\n        <GeneratedValue value={label} />\n      </h3>\n    )\n  if (t === 'paragraph')\n    return (\n      <p className=\"text-sm leading-snug text-fg-muted\">\n        <GeneratedValue value={label} />\n      </p>\n    )\n  if (t === 'divider') return <hr className=\"my-1 border-border\" />\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"text-xs font-medium text-fg-muted\">\n        <GeneratedValue value={label} />\n        <GeneratedValue value={field.required ? <span className=\"text-danger\"> *</span> : null} />\n      </div>\n      <ElementInput field={field} locale={locale} defaultLocale={defaultLocale} compact={compact} />\n      <GeneratedValue\n        value={\n          helpText ? (\n            <p className=\"text-[10px] text-fg-subtle\">\n              <GeneratedValue value={helpText} />\n            </p>\n          ) : null\n        }\n      />\n    </div>\n  )\n}\n\nfunction ElementInput({\n  field,\n  locale,\n  defaultLocale,\n  compact,\n}: {\n  field: FormField\n  locale: AppLocale\n  defaultLocale: AppLocale\n  compact?: boolean\n}) {\n  const tGenerated = useGeneratedTranslations()\n  const t = field.type\n  const labels = optionLabels(field, locale, defaultLocale)\n  const choices = labels.length ? labels : ['Option A', 'Option B']\n\n  switch (t) {\n    case 'long_text':\n      return <Textarea rows={compact ? 2 : 3} disabled placeholder=\"\" className=\"bg-white\" />\n    case 'number':\n      return <Input type=\"number\" disabled placeholder=\"0\" className=\"bg-white\" />\n    case 'date':\n      return <Input type=\"date\" disabled className=\"bg-white\" />\n    case 'datetime':\n      return <Input type=\"datetime-local\" disabled className=\"bg-white\" />\n    case 'time':\n      return <Input type=\"time\" disabled className=\"bg-white\" />\n    case 'email':\n      return (\n        <Input\n          type=\"email\"\n          disabled\n          placeholder={tGenerated('m_1b781270c0d2f5')}\n          className=\"bg-white\"\n        />\n      )\n    case 'phone':\n      return <Input disabled placeholder=\"(555) 555-5555\" className=\"bg-white\" />\n    case 'url':\n      return <Input disabled placeholder=\"https://\" className=\"bg-white\" />\n    case 'select':\n    case 'customer_picker':\n    case 'site_picker':\n    case 'project_picker':\n    case 'area_picker':\n    case 'person_picker':\n    case 'multi_person_picker':\n      return (\n        <Select disabled className=\"bg-white\">\n          <option>{labels[0] ?? 'Select…'}</option>\n        </Select>\n      )\n    case 'radio':\n      return (\n        <div className=\"space-y-1\">\n          <GeneratedValue\n            value={choices.slice(0, 4).map((l, i) => (\n              <label key={i} className=\"flex items-center gap-2 text-xs text-fg-muted\">\n                <input type=\"radio\" disabled /> <GeneratedValue value={l} />\n              </label>\n            ))}\n          />\n        </div>\n      )\n    case 'checkbox_group':\n    case 'multi_select':\n      return (\n        <div className=\"space-y-1\">\n          <GeneratedValue\n            value={choices.slice(0, 4).map((l, i) => (\n              <label key={i} className=\"flex items-center gap-2 text-xs text-fg-muted\">\n                <input type=\"checkbox\" disabled /> <GeneratedValue value={l} />\n              </label>\n            ))}\n          />\n        </div>\n      )\n    case 'yes_no_comment':\n      return (\n        <div className=\"flex gap-2\">\n          <GeneratedValue\n            value={['Yes', 'No'].map((v) => (\n              <span\n                key={v}\n                className=\"rounded-md border border-border px-3 py-1 text-xs text-fg-muted\"\n              >\n                <GeneratedValue value={v} />\n              </span>\n            ))}\n          />\n        </div>\n      )\n    case 'pass_fail_na':\n      return (\n        <div className=\"flex gap-1\">\n          <GeneratedValue\n            value={['PASS', 'FAIL', 'N/A'].map((v) => (\n              <span\n                key={v}\n                className=\"rounded border border-border px-2 py-1 text-[10px] text-fg-muted\"\n              >\n                <GeneratedValue value={v} />\n              </span>\n            ))}\n          />\n        </div>\n      )\n    case 'traffic_light':\n      return (\n        <div className=\"flex gap-1.5\">\n          <GeneratedValue\n            value={['bg-success', 'bg-warning', 'bg-danger'].map((tone) => (\n              <span key={tone} className={`h-5 w-5 rounded-full ${tone}`} />\n            ))}\n          />\n        </div>\n      )\n    case 'rating':\n      return (\n        <div className=\"flex gap-0.5 text-warning\">\n          <GeneratedValue\n            value={[1, 2, 3, 4, 5].map((i) => (\n              <Star key={i} size={16} fill=\"currentColor\" strokeWidth={0} />\n            ))}\n          />\n        </div>\n      )\n    case 'signature':\n      return (\n        <div className=\"flex h-16 items-center justify-center rounded border border-dashed border-border-strong bg-bg-subtle text-xs text-fg-subtle italic\">\n          <GeneratedText id=\"m_05a0e2d38bded7\" />\n        </div>\n      )\n    case 'photo':\n    case 'photo_upload':\n    case 'file':\n    case 'video':\n    case 'audio':\n      return (\n        <div className=\"flex h-16 items-center justify-center rounded border border-dashed border-border-strong bg-bg-subtle text-xs text-fg-subtle\">\n          <GeneratedText id=\"m_10e50435ff2693\" />\n        </div>\n      )\n    case 'sketch':\n      return (\n        <div className=\"flex h-20 items-center justify-center rounded border border-dashed border-border-strong bg-[repeating-linear-gradient(45deg,transparent,transparent_9px,rgba(148,163,184,0.12)_9px,rgba(148,163,184,0.12)_10px)] text-xs text-fg-subtle italic\">\n          <GeneratedText id=\"m_1abf555859c0a8\" />\n        </div>\n      )\n    case 'photo_ai':\n      return (\n        <div className=\"space-y-1.5\">\n          <div className=\"flex h-14 items-center justify-center rounded border border-dashed border-border-strong bg-bg-subtle text-xs text-fg-subtle\">\n            <GeneratedText id=\"m_18010438ac7907\" />\n          </div>\n          <span className=\"inline-flex items-center gap-1 rounded-md border border-info bg-info-subtle px-2 py-1 text-[11px] text-info\">\n            <Sparkles size={12} /> <GeneratedText id=\"m_0fec93e95858fc\" />\n          </span>\n          <div className=\"flex items-center gap-1 text-[10px] text-fg-subtle\">\n            <AlertTriangle size={11} className=\"text-warning\" />{' '}\n            <GeneratedText id=\"m_0289ca8aa7b891\" />\n          </div>\n        </div>\n      )\n    case 'typed_attestation':\n      return <Input disabled placeholder={tGenerated('m_0d0facbd71aa6a')} className=\"bg-white\" />\n    case 'formula':\n      return <Input disabled value=\"= computed\" className=\"bg-bg-subtle italic\" />\n    case 'slider': {\n      const c = cfg(field) as { min?: number; max?: number }\n      const min = c.min ?? 0\n      const max = c.max ?? 10\n      return (\n        <div className=\"flex items-center gap-2\">\n          <input\n            type=\"range\"\n            min={min}\n            max={max}\n            defaultValue={(min + max) / 2}\n            disabled\n            className=\"h-2 flex-1 rounded-full bg-border accent-primary\"\n          />\n          <span className=\"text-xs text-fg-subtle\">\n            <GeneratedValue value={Math.round((min + max) / 2)} />\n          </span>\n        </div>\n      )\n    }\n    case 'gps':\n      return (\n        <div className=\"flex items-center gap-1.5 rounded border border-border bg-white px-2 py-1.5 text-xs text-fg-muted\">\n          <MapPin size={13} /> <GeneratedText id=\"m_07cd022cc38d60\" />\n        </div>\n      )\n    case 'matrix': {\n      const c = cfg(field) as {\n        rows?: { key: string; label: string }[]\n        scale?: { value: string; label: string }[]\n      }\n      const rows = c.rows ?? [\n        { key: 'r1', label: 'Item 1' },\n        { key: 'r2', label: 'Item 2' },\n      ]\n      const scale = c.scale ?? [\n        { value: '1', label: '1' },\n        { value: '2', label: '2' },\n        { value: '3', label: '3' },\n      ]\n      return (\n        <table className=\"w-full text-[10px]\">\n          <thead>\n            <tr>\n              <th />\n              <GeneratedValue\n                value={scale.map((s) => (\n                  <th key={s.value} className=\"px-1 text-center font-normal text-fg-subtle\">\n                    <GeneratedValue value={s.label} />\n                  </th>\n                ))}\n              />\n            </tr>\n          </thead>\n          <tbody>\n            <GeneratedValue\n              value={rows.slice(0, 3).map((r) => (\n                <tr key={r.key}>\n                  <td className=\"pr-1 text-fg-muted\">\n                    <GeneratedValue value={r.label} />\n                  </td>\n                  <GeneratedValue\n                    value={scale.map((s) => (\n                      <td key={s.value} className=\"text-center\">\n                        <input type=\"radio\" disabled />\n                      </td>\n                    ))}\n                  />\n                </tr>\n              ))}\n            />\n          </tbody>\n        </table>\n      )\n    }\n    case 'risk_matrix':\n      return (\n        <div className=\"grid w-fit grid-cols-5 gap-0.5\">\n          <GeneratedValue\n            value={Array.from({ length: 25 }).map((_, i) => {\n              const sev = (i % 5) + Math.floor(i / 5)\n              const tone =\n                sev >= 6\n                  ? 'bg-danger'\n                  : sev >= 4\n                    ? 'bg-warning'\n                    : sev >= 2\n                      ? 'bg-warning-subtle'\n                      : 'bg-success-subtle'\n              return <span key={i} className={`h-3.5 w-3.5 rounded-sm ${tone}`} />\n            })}\n          />\n        </div>\n      )\n    case 'photo_annotated':\n      return (\n        <div className=\"space-y-1\">\n          <div className=\"relative flex h-24 items-center justify-center rounded border border-dashed border-border-strong bg-bg-subtle text-xs text-fg-subtle\">\n            <GeneratedText id=\"m_18010438ac7907\" />\n            <span className=\"absolute top-1/3 left-1/3 flex h-5 w-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-danger text-[10px] font-bold text-danger-fg ring-2 ring-surface\">\n              1\n            </span>\n            <span className=\"absolute top-1/2 left-2/3 flex h-5 w-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-danger text-[10px] font-bold text-white ring-2 ring-white\">\n              2\n            </span>\n          </div>\n          <div className=\"text-[10px] text-fg-subtle\">\n            <GeneratedText id=\"m_18c006b02858b9\" />\n          </div>\n        </div>\n      )\n    case 'qr_scanner':\n      return (\n        <div className=\"flex items-center gap-2\">\n          <Input\n            disabled\n            placeholder={tGenerated('m_0a43fb83c91fdf')}\n            className=\"flex-1 bg-white\"\n          />\n          <span className=\"inline-flex items-center gap-1 rounded border border-border px-1.5 py-1 text-[11px] text-fg-muted\">\n            <ScanLine size={12} /> <GeneratedText id=\"m_198b8dba5a829c\" />\n          </span>\n        </div>\n      )\n    case 'ranking': {\n      const ls = optionLabels(field, locale, defaultLocale)\n      const itemsR = ls.length ? ls : ['Option A', 'Option B', 'Option C']\n      return (\n        <ol className=\"space-y-1\">\n          <GeneratedValue\n            value={itemsR.slice(0, 4).map((l, i) => (\n              <li\n                key={i}\n                className=\"flex items-center gap-2 rounded border border-border bg-white px-2 py-1 text-xs\"\n              >\n                <span className=\"w-4 text-center font-semibold text-fg-subtle\">\n                  <GeneratedValue value={i + 1} />\n                </span>\n                <span className=\"flex-1 truncate text-fg-muted\">\n                  <GeneratedValue value={l} />\n                </span>\n                <span className=\"text-fg-subtle\">⇅</span>\n              </li>\n            ))}\n          />\n        </ol>\n      )\n    }\n    case 'rich_text':\n      return (\n        <div className=\"rounded border border-border\">\n          <div className=\"flex gap-2 border-b border-border bg-bg-subtle px-1.5 py-1 text-[11px] text-fg-subtle\">\n            <span className=\"font-bold\">\n              <GeneratedText id=\"m_03d716fddcdd92\" />\n            </span>\n            <span className=\"italic\">\n              <GeneratedText id=\"m_01f47383f19f8c\" />\n            </span>\n            <span>\n              <GeneratedText id=\"m_1287c1049195af\" />\n            </span>\n          </div>\n          <div className=\"space-y-1 p-2\">\n            <div className=\"h-1.5 w-3/4 rounded bg-surface-hover\" />\n            <div className=\"h-1.5 w-1/2 rounded bg-surface-hover\" />\n          </div>\n        </div>\n      )\n    case 'address':\n      return (\n        <div className=\"space-y-1.5\">\n          <div className=\"flex items-center gap-1 rounded border border-border bg-white px-2 py-1.5 text-xs text-fg-subtle\">\n            <MapPin size={12} /> <GeneratedText id=\"m_178de0c94da150\" />\n          </div>\n          <div className=\"grid grid-cols-2 gap-1.5\">\n            <div className=\"col-span-2 h-7 rounded border border-border bg-white\" />\n            <div className=\"h-7 rounded border border-border bg-white\" />\n            <div className=\"h-7 rounded border border-border bg-white\" />\n          </div>\n        </div>\n      )\n    case 'table':\n      return <MiniTable field={field} />\n    case 'lookup':\n      return (\n        <div className=\"space-y-1\">\n          <Select disabled className=\"bg-white\">\n            <option>{'Select…'}</option>\n          </Select>\n          <GeneratedValue\n            value={\n              field.binding?.autofill?.length ? (\n                <p className=\"text-[10px] text-info\">\n                  <GeneratedText id=\"m_011434db59926f\" />{' '}\n                  <GeneratedValue value={field.binding.autofill.length} />{' '}\n                  <GeneratedText id=\"m_1d6aa8702d3fac\" />\n                  <GeneratedValue\n                    value={\n                      field.binding.autofill.length === 1 ? (\n                        ''\n                      ) : (\n                        <GeneratedText id=\"m_00ded356f0f424\" />\n                      )\n                    }\n                  />\n                </p>\n              ) : null\n            }\n          />\n        </div>\n      )\n    case 'data_table': {\n      const keys = field.binding?.columns ?? []\n      const headers = keys.length ? keys : ['Column A', 'Column B', 'Column C']\n      const sel = field.binding?.selectable\n      return (\n        <div className=\"overflow-hidden rounded border border-border text-[10px]\">\n          <div className=\"flex bg-bg-subtle\">\n            <GeneratedValue\n              value={headers.slice(0, 5).map((h, i) => (\n                <div\n                  key={i}\n                  className=\"flex-1 truncate border-r border-border px-1.5 py-1 font-medium text-fg-muted last:border-0\"\n                >\n                  <GeneratedValue value={h} />\n                </div>\n              ))}\n            />\n          </div>\n          <GeneratedValue\n            value={[0, 1, 2].map((r) => (\n              <div key={r} className=\"flex border-t border-border-subtle\">\n                <GeneratedValue\n                  value={headers.slice(0, 5).map((_, i) => (\n                    <div\n                      key={i}\n                      className=\"flex-1 border-r border-border-subtle px-1.5 py-1 text-fg-subtle last:border-0\"\n                    >\n                      —\n                    </div>\n                  ))}\n                />\n              </div>\n            ))}\n          />\n          <GeneratedValue\n            value={\n              sel && sel !== 'none' ? (\n                <div className=\"bg-bg-subtle px-1.5 py-0.5 text-[9px] text-fg-subtle\">\n                  <GeneratedValue\n                    value={\n                      sel === 'single' ? (\n                        <GeneratedText id=\"m_1d33f094c621dc\" />\n                      ) : (\n                        <GeneratedText id=\"m_1a1dcc7d0b9e8a\" />\n                      )\n                    }\n                  />\n                </div>\n              ) : null\n            }\n          />\n        </div>\n      )\n    }\n    case 'metric': {\n      const agg = field.binding?.aggregate\n      const grouped =\n        !!agg?.groupBy || (!!field.binding?.display && field.binding.display !== 'number')\n      if (grouped) {\n        return (\n          <div className=\"flex h-14 items-end gap-1\">\n            <GeneratedValue\n              value={[8, 14, 10, 16, 6].map((h, i) => (\n                <span key={i} className=\"w-3 rounded-t bg-primary\" style={{ height: h * 3 }} />\n              ))}\n            />\n          </div>\n        )\n      }\n      return (\n        <div className=\"inline-flex items-center gap-2 rounded-lg border border-border bg-white px-3 py-2\">\n          <BarChart3 size={18} className=\"text-primary\" />\n          <div>\n            <div className=\"text-2xl leading-none font-semibold text-fg\">—</div>\n            <div className=\"mt-0.5 text-[10px] tracking-wide text-fg-subtle uppercase\">\n              <GeneratedValue value={agg?.fn ?? <GeneratedText id=\"m_15f748343d3956\" />} />\n              <GeneratedValue value={agg?.column ? ` · ${agg.column}` : ''} />\n            </div>\n          </div>\n        </div>\n      )\n    }\n    default:\n      return <Input disabled placeholder=\"\" className=\"bg-white\" />\n  }\n}\n\nfunction MiniTable({ field }: { field: FormField }) {\n  const cols = (cfg(field).columns as { key: string; label: string }[] | undefined) ?? []\n  if (cols.length === 0) {\n    return (\n      <div className=\"rounded border border-dashed border-border-strong p-2 text-center text-[11px] text-fg-subtle\">\n        <GeneratedText id=\"m_0d90d1eceb566b\" />\n      </div>\n    )\n  }\n  const shown = cols.slice(0, 5)\n  return (\n    <div className=\"overflow-hidden rounded border border-border text-[10px]\">\n      <div className=\"flex bg-bg-subtle\">\n        <GeneratedValue\n          value={shown.map((c) => (\n            <div\n              key={c.key}\n              className=\"flex-1 truncate border-r border-border px-1.5 py-1 font-medium text-fg-muted last:border-0\"\n            >\n              <GeneratedValue value={c.label || c.key} />\n            </div>\n          ))}\n        />\n      </div>\n      <GeneratedValue\n        value={[0, 1].map((r) => (\n          <div key={r} className=\"flex border-t border-border-subtle\">\n            <GeneratedValue\n              value={shown.map((c) => (\n                <div\n                  key={c.key}\n                  className=\"flex-1 border-r border-border-subtle px-1.5 py-1 text-fg-subtle last:border-0\"\n                >\n                  —\n                </div>\n              ))}\n            />\n          </div>\n        ))}\n      />\n    </div>\n  )\n}\n"]}

package/form-designer.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { type FieldType, type FormField, type FormSchemaV1 } from '@braedonsaunders/appkit-forms-core';
+import { type AppLocale } from '@braedonsaunders/appkit-i18n';
+import type { RecordActionFlow, RecordActionFlowAdapter, RecordConfig } from './record-config.js';
+import { type FormDataSource } from './properties.js';
+export type FormDesignerProps = {
+    value: FormSchemaV1;
+    onChange: (schema: FormSchemaV1) => void;
+    locale?: AppLocale;
+    availableFieldTypes?: readonly FieldType[];
+    className?: string;
+    readOnly?: boolean;
+    recordConfig?: RecordConfig;
+    onRecordConfigChange?: (config: RecordConfig) => void;
+    onRecordConfigSave?: (config: RecordConfig) => void | Promise<void>;
+    roles?: {
+        key: string;
+        name: string;
+    }[];
+    recordActionFlows?: RecordActionFlow[];
+    recordActionAdapter?: RecordActionFlowAdapter;
+    onRecordActionsChanged?: () => void | Promise<void>;
+    dataSources?: readonly FormDataSource[];
+    dataSourcesLoading?: boolean;
+    onRefreshDataSources?: () => void | Promise<void>;
+};
+export declare function createFormField(type: FieldType, existing?: ReadonlySet<string>): FormField;
+export declare function FormDesigner({ value, onChange, locale, availableFieldTypes, className, readOnly, recordConfig, onRecordConfigChange, onRecordConfigSave, roles, recordActionFlows, recordActionAdapter, onRecordActionsChanged, dataSources, dataSourcesLoading, onRefreshDataSources, }: FormDesignerProps): React.JSX.Element;
+//# sourceMappingURL=form-designer.d.ts.map

package/form-designer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-designer.d.ts","sourceRoot":"","sources":["../src/form-designer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,YAAY,EAClB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAiB7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9F,OAAO,EAAsC,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AAGtF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACxC,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,mBAAmB,CAAC,EAAE,SAAS,SAAS,EAAE,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACrD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACnE,KAAK,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvC,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACtC,mBAAmB,CAAC,EAAE,uBAAuB,CAAA;IAC7C,sBAAsB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACnD,WAAW,CAAC,EAAE,SAAS,cAAc,EAAE,CAAA;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,oBAAoB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAClD,CAAA;AAWD,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,GAAE,WAAW,CAAC,MAAM,CAAa,GAAG,SAAS,CAuCrG;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,MAAuB,EACvB,mBAAmB,EACnB,SAAS,EACT,QAAgB,EAChB,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,KAAK,EACL,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,WAAW,EACX,kBAAkB,EAClB,oBAAoB,GACrB,EAAE,iBAAiB,qBAoUnB"}

package/form-designer.js

@@ -0,0 +1,214 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { ArrowDown, ArrowUp, GitBranch, GripVertical, List, MousePointerClick, Plus, Search, Settings2, Trash2, Wrench } from 'lucide-react';
+import { CHOICE_FIELD_TYPES, FIELD_TYPES, } from '@braedonsaunders/appkit-forms-core';
+import { DEFAULT_LOCALE } from '@braedonsaunders/appkit-i18n';
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, Drawer, Input, cn, } from '@braedonsaunders/appkit-ui';
+import { readText, writeText } from './text.js';
+import { CanvasEditor, defaultBox } from './canvas-editor.js';
+import { RecordBehaviorPanel } from './record-behavior-panel.js';
+import { RecordListPanel } from './record-list-panel.js';
+import { RecordActionsPanel } from './record-actions-panel.js';
+import { FieldProperties, SectionProperties } from './properties.js';
+import { FormTabsEditor, FormWorkflowEditor } from './workflow-properties.js';
+const CATEGORY_ORDER = ['standard', 'choice', 'scoring', 'picker', 'media', 'identity', 'computed', 'data', 'display'];
+function newId(prefix, existing) {
+    let index = 1;
+    let candidate = prefix;
+    while (existing.has(candidate))
+        candidate = `${prefix}_${++index}`;
+    return candidate;
+}
+export function createFormField(type, existing = new Set()) {
+    const meta = FIELD_TYPES[type];
+    const field = {
+        id: newId(type, existing),
+        type,
+        label: meta.label,
+    };
+    if (CHOICE_FIELD_TYPES.has(type)) {
+        field.validation = {
+            options: [
+                { value: 'option_1', label: 'Option 1' },
+                { value: 'option_2', label: 'Option 2' },
+            ],
+        };
+    }
+    if (type === 'rating')
+        field.config = { max: 5 };
+    if (type === 'slider')
+        field.config = { min: 0, max: 10, step: 1 };
+    if (type === 'table') {
+        field.config = {
+            columns: [{ key: 'column_1', label: 'Column 1', type: 'text' }],
+            rowMode: 'addable',
+        };
+    }
+    if (type === 'matrix') {
+        field.config = {
+            rows: [{ key: 'row_1', label: 'Row 1' }],
+            scale: [
+                { value: '1', label: 'Low' },
+                { value: '2', label: 'High' },
+            ],
+        };
+    }
+    if (type === 'formula')
+        field.formula = { kind: 'literal', value: 0 };
+    if (type === 'lookup')
+        field.binding = { sourceKey: 'source' };
+    if (type === 'data_table')
+        field.binding = { sourceKey: 'source', selectable: 'multi' };
+    if (type === 'metric') {
+        field.binding = { sourceKey: 'source', aggregate: { fn: 'count' }, display: 'number' };
+    }
+    return field;
+}
+export function FormDesigner({ value, onChange, locale = DEFAULT_LOCALE, availableFieldTypes, className, readOnly = false, recordConfig, onRecordConfigChange, onRecordConfigSave, roles, recordActionFlows, recordActionAdapter, onRecordActionsChanged, dataSources, dataSourcesLoading, onRefreshDataSources, }) {
+    const [query, setQuery] = React.useState('');
+    const [rail, setRail] = React.useState('fields');
+    const [selected, setSelected] = React.useState(() => ({
+        sectionId: value.sections[0]?.id ?? '',
+    }));
+    const [propertiesOpen, setPropertiesOpen] = React.useState(false);
+    const dragTypeRef = React.useRef(null);
+    const types = availableFieldTypes ?? Object.keys(FIELD_TYPES);
+    const normalizedQuery = query.trim().toLowerCase();
+    const palette = types.filter((type) => {
+        const meta = FIELD_TYPES[type];
+        return !normalizedQuery || `${meta.label} ${meta.description} ${meta.category}`.toLowerCase().includes(normalizedQuery);
+    });
+    const sectionIndex = value.sections.findIndex((section) => section.id === selected.sectionId);
+    const section = value.sections[sectionIndex];
+    const fieldIndex = section?.fields.findIndex((field) => field.id === selected.fieldId) ?? -1;
+    const field = section?.fields[fieldIndex];
+    const recordFields = React.useMemo(() => value.sections.flatMap((itemSection) => itemSection.fields.map((itemField) => ({ id: itemField.id, label: readText(itemField.label, locale, itemField.id) }))), [locale, value.sections]);
+    const railItems = React.useMemo(() => [
+        { id: 'fields', label: 'Fields', icon: Wrench, available: true },
+        { id: 'workflow', label: 'Pages', icon: GitBranch, available: true },
+        { id: 'record', label: 'Record', icon: Settings2, available: Boolean(onRecordConfigChange) },
+        { id: 'list', label: 'List', icon: List, available: Boolean(onRecordConfigChange) },
+        { id: 'actions', label: 'Actions', icon: MousePointerClick, available: Boolean(recordActionAdapter) },
+    ].filter((item) => item.available), [onRecordConfigChange, recordActionAdapter]);
+    const commit = React.useCallback((mutate) => {
+        const draft = structuredClone(value);
+        mutate(draft);
+        onChange(draft);
+    }, [onChange, value]);
+    function addField(type) {
+        const targetIndex = sectionIndex >= 0 ? sectionIndex : 0;
+        const existing = new Set(value.sections.flatMap((item) => item.fields.map((itemField) => itemField.id)));
+        const next = createFormField(type, existing);
+        commit((draft) => {
+            const target = draft.sections[targetIndex];
+            target.fields.push(next);
+            if (target.canvas) {
+                const box = defaultBox(type);
+                const bottom = target.canvas.items.reduce((max, item) => Math.max(max, item.y + item.h), 0);
+                target.canvas.items.push({ i: next.id, x: 0, y: bottom, ...box });
+            }
+        });
+        setSelected({ sectionId: value.sections[targetIndex].id, fieldId: next.id });
+        setPropertiesOpen(true);
+    }
+    function addSection() {
+        const existing = new Set(value.sections.map((item) => item.id));
+        const id = newId('section', existing);
+        commit((draft) => draft.sections.push({ id, title: 'New section', fields: [] }));
+        setSelected({ sectionId: id });
+        setPropertiesOpen(true);
+    }
+    return (_jsxs("div", { className: cn('flex h-full min-h-0 flex-col overflow-hidden bg-bg', className), children: [_jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden lg:flex-row", children: [_jsxs("aside", { className: "flex h-64 w-full shrink-0 flex-col border-b border-border bg-surface lg:h-auto lg:w-80 lg:border-r lg:border-b-0", children: [railItems.length > 1 ? (_jsx("div", { className: "flex shrink-0 border-b border-border p-1", children: railItems.map((item) => {
+                                    const Icon = item.icon;
+                                    return _jsxs("button", { type: "button", "aria-pressed": rail === item.id, onClick: () => setRail(item.id), className: cn('flex min-w-0 flex-1 flex-col items-center gap-0.5 rounded px-1 py-1.5 text-[10px] font-medium transition-colors', rail === item.id ? 'bg-primary-subtle text-primary' : 'text-fg-muted hover:bg-surface-hover hover:text-fg'), children: [_jsx(Icon, { size: 14 }), _jsx("span", { className: "truncate", children: item.label })] }, item.id);
+                                }) })) : null, rail === 'fields' ? _jsxs(_Fragment, { children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between border-b border-border px-3 py-2.5", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold text-fg", children: "Field library" }), _jsx("p", { className: "text-xs text-fg-muted", children: "Choose a field to add it." })] }), _jsx(Badge, { variant: "secondary", children: types.length })] }), _jsx("div", { className: "shrink-0 border-b border-border p-3", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute top-2.5 left-3 size-4 text-fg-subtle" }), _jsx(Input, { value: query, onChange: (event) => setQuery(event.target.value), placeholder: "Find a field\u2026", className: "pl-9" })] }) }), _jsx("div", { className: "app-scroll min-h-0 flex-1 overflow-y-auto p-3", children: CATEGORY_ORDER.map((category) => {
+                                            const items = palette.filter((type) => FIELD_TYPES[type].category === category);
+                                            if (items.length === 0)
+                                                return null;
+                                            return (_jsxs("section", { className: "mb-3", children: [_jsx("h3", { className: "px-1 pb-1 text-[10px] font-semibold tracking-wider text-fg-subtle uppercase", children: category }), _jsx("div", { className: "grid grid-cols-1 gap-1", children: items.map((type) => (_jsxs("button", { type: "button", disabled: readOnly, draggable: !readOnly, onDragStart: (event) => {
+                                                                dragTypeRef.current = type;
+                                                                event.dataTransfer.effectAllowed = 'copy';
+                                                                event.dataTransfer.setData('application/x-appkit-form-field', type);
+                                                            }, onDragEnd: () => { dragTypeRef.current = null; }, onClick: () => addField(type), className: "flex items-center gap-2 rounded border border-border px-2 py-1.5 text-left text-xs text-fg hover:border-primary hover:bg-primary-subtle disabled:cursor-not-allowed disabled:opacity-50", title: `Add ${FIELD_TYPES[type].label}`, children: [_jsx(Plus, { className: "size-3 shrink-0" }), _jsx("span", { className: "truncate", children: FIELD_TYPES[type].label })] }, type))) })] }, category));
+                                        }) })] }) : null, rail === 'workflow' ? _jsxs("div", { className: "app-scroll min-h-0 flex-1 space-y-4 overflow-y-auto p-3", children: [_jsx(FormTabsEditor, { schema: value, locale: locale, readOnly: readOnly, onChange: (tabs, sectionTabs) => commit((draft) => { draft.tabs = tabs; for (const itemSection of draft.sections)
+                                            itemSection.tabId = sectionTabs[itemSection.id]; }) }), _jsx(FormWorkflowEditor, { schema: value, locale: locale, readOnly: readOnly, onChange: (steps) => commit((draft) => { draft.workflow = { ...(draft.workflow ?? {}), steps }; }) })] }) : null, rail === 'record' && onRecordConfigChange ? _jsx("div", { className: "app-scroll min-h-0 flex-1 overflow-y-auto p-3", children: _jsx(RecordBehaviorPanel, { value: recordConfig, roles: roles, onChange: onRecordConfigChange, onSave: onRecordConfigSave, readOnly: readOnly }) }) : null, rail === 'list' && onRecordConfigChange ? _jsx("div", { className: "app-scroll min-h-0 flex-1 overflow-y-auto p-3", children: _jsx(RecordListPanel, { value: recordConfig?.list, fields: recordFields, onChange: (list) => onRecordConfigChange({ ...recordConfig, list }), onSave: onRecordConfigSave ? async (list) => onRecordConfigSave({ ...recordConfig, list }) : undefined, readOnly: readOnly }) }) : null, rail === 'actions' && recordActionAdapter ? _jsx("div", { className: "app-scroll min-h-0 flex-1 overflow-y-auto p-3", children: _jsx(RecordActionsPanel, { flows: recordActionFlows ?? [], adapter: recordActionAdapter, onChanged: onRecordActionsChanged, readOnly: readOnly }) }) : null] }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col bg-bg-subtle", children: [_jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-border bg-surface px-3 py-2", children: [_jsx("span", { className: "text-xs font-semibold text-fg", children: "Build" }), _jsxs("span", { className: "text-xs text-fg-muted", children: [value.sections.length, " section", value.sections.length === 1 ? '' : 's'] }), _jsx("div", { className: "ml-auto w-full max-w-sm", children: _jsx(Input, { id: "form-title", "aria-label": "Form title", className: "h-8 text-sm font-semibold", value: readText(value.title, locale), disabled: readOnly, onChange: (event) => commit((draft) => { draft.title = writeText(draft.title, event.target.value, locale); }) }) })] }), _jsx("main", { className: "app-scroll min-h-0 flex-1 overflow-y-auto p-4 lg:p-6", children: _jsxs("div", { className: "w-full space-y-3", children: [value.sections.map((itemSection, itemSectionIndex) => {
+                                            const sectionActive = selected.sectionId === itemSection.id && !selected.fieldId;
+                                            return (_jsxs(Card, { className: cn('border transition-colors', sectionActive ? 'border-primary ring-1 ring-ring' : 'border-border'), children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between gap-2 p-4 pb-2", children: [_jsxs("button", { type: "button", onClick: () => {
+                                                                    setSelected({ sectionId: itemSection.id });
+                                                                    setPropertiesOpen(true);
+                                                                }, className: "min-w-0 flex-1 text-left", children: [_jsx(CardTitle, { className: "truncate text-base", children: readText(itemSection.title, locale, 'Untitled section') }), _jsxs("span", { className: "text-xs text-fg-muted", children: [itemSection.fields.length, " field", itemSection.fields.length === 1 ? '' : 's'] })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(IconButton, { label: "Move section up", disabled: readOnly || itemSectionIndex === 0, onClick: () => commit((draft) => { const [moved] = draft.sections.splice(itemSectionIndex, 1); draft.sections.splice(itemSectionIndex - 1, 0, moved); }), children: _jsx(ArrowUp, { size: 14 }) }), _jsx(IconButton, { label: "Move section down", disabled: readOnly || itemSectionIndex === value.sections.length - 1, onClick: () => commit((draft) => { const [moved] = draft.sections.splice(itemSectionIndex, 1); draft.sections.splice(itemSectionIndex + 1, 0, moved); }), children: _jsx(ArrowDown, { size: 14 }) }), _jsx(IconButton, { label: "Delete section", disabled: readOnly || value.sections.length === 1, onClick: () => {
+                                                                            const nextSection = value.sections[itemSectionIndex === 0 ? 1 : itemSectionIndex - 1];
+                                                                            commit((draft) => draft.sections.splice(itemSectionIndex, 1));
+                                                                            if (nextSection)
+                                                                                setSelected({ sectionId: nextSection.id });
+                                                                        }, children: _jsx(Trash2, { size: 14, className: "text-danger" }) })] })] }), _jsx(CardContent, { className: "p-4 pt-0", children: itemSection.canvas ? (_jsx(CanvasEditor, { section: itemSection, locale: locale, defaultLocale: locale, selectedFieldId: selected.sectionId === itemSection.id ? selected.fieldId ?? null : null, dragTypeRef: dragTypeRef, onLayout: (items) => {
+                                                                if (readOnly)
+                                                                    return;
+                                                                commit((draft) => { draft.sections[itemSectionIndex].canvas = { ...draft.sections[itemSectionIndex].canvas, items }; });
+                                                            }, onAddWidget: (type, box) => {
+                                                                if (readOnly)
+                                                                    return;
+                                                                const existing = new Set(value.sections.flatMap((candidate) => candidate.fields.map((candidateField) => candidateField.id)));
+                                                                const next = createFormField(type, existing);
+                                                                commit((draft) => {
+                                                                    const target = draft.sections[itemSectionIndex];
+                                                                    target.fields.push(next);
+                                                                    target.canvas.items.push({ i: next.id, ...box });
+                                                                });
+                                                                setSelected({ sectionId: itemSection.id, fieldId: next.id });
+                                                                setPropertiesOpen(true);
+                                                            }, onSelect: (fieldId) => {
+                                                                setSelected({ sectionId: itemSection.id, fieldId });
+                                                                setPropertiesOpen(true);
+                                                            }, onDelete: (fieldId) => {
+                                                                if (readOnly)
+                                                                    return;
+                                                                commit((draft) => {
+                                                                    const target = draft.sections[itemSectionIndex];
+                                                                    target.fields = target.fields.filter((candidate) => candidate.id !== fieldId);
+                                                                    target.canvas.items = target.canvas.items.filter((item) => item.i !== fieldId);
+                                                                });
+                                                                setSelected({ sectionId: itemSection.id });
+                                                            } })) : itemSection.fields.length === 0 ? (_jsx("button", { type: "button", onClick: () => {
+                                                                setSelected({ sectionId: itemSection.id });
+                                                                setPropertiesOpen(true);
+                                                            }, className: "w-full rounded-md border border-dashed border-border-strong p-4 text-center text-xs text-fg-subtle", children: "Select this section, then add a field from the library." })) : (_jsx("ul", { className: "divide-y divide-border-subtle", children: itemSection.fields.map((itemField, itemFieldIndex) => (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => {
+                                                                        setSelected({ sectionId: itemSection.id, fieldId: itemField.id });
+                                                                        setPropertiesOpen(true);
+                                                                    }, className: cn('flex w-full items-center gap-2 rounded px-2 py-2 text-left transition-colors hover:bg-surface-hover', selected.fieldId === itemField.id && 'bg-primary-subtle text-primary'), children: [_jsx(GripVertical, { className: "size-4 shrink-0 text-fg-subtle" }), _jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: readText(itemField.label, locale, FIELD_TYPES[itemField.type].label) }), _jsx(Badge, { variant: "secondary", className: "text-[10px]", children: FIELD_TYPES[itemField.type].label }), itemField.required || itemField.validation?.required ? _jsx(Badge, { variant: "warning", className: "text-[10px]", children: "Required" }) : null, _jsx("span", { className: "w-5 text-right text-xs tabular-nums text-fg-subtle", children: itemFieldIndex + 1 })] }) }, itemField.id))) })) })] }, itemSection.id));
+                                        }), _jsxs(Button, { type: "button", variant: "outline", onClick: addSection, disabled: readOnly, className: "w-full", children: [_jsx(Plus, { size: 14 }), "Add section"] })] }) })] })] }), _jsx(Drawer, { open: propertiesOpen, onClose: () => setPropertiesOpen(false), title: field ? 'Field properties' : 'Section properties', size: "sm", children: field && section ? (_jsx(FieldInspector, { field: field, sections: value.sections, availableFields: value.sections.flatMap((itemSection) => itemSection.fields
+                        .filter((itemField) => itemField.id !== field.id)
+                        .map((itemField) => ({
+                        id: itemField.id,
+                        label: readText(itemField.label, locale, itemField.id),
+                    }))), locale: locale, schema: value, sectionId: section.id, dataSources: dataSources, dataSourcesLoading: dataSourcesLoading, onRefreshDataSources: onRefreshDataSources, readOnly: readOnly, onPatch: (patch) => {
+                        commit((draft) => Object.assign(draft.sections[sectionIndex].fields[fieldIndex], patch));
+                        if (patch.id && patch.id !== field.id) {
+                            setSelected({ sectionId: section.id, fieldId: patch.id });
+                        }
+                    }, onMove: (offset) => commit((draft) => {
+                        const fields = draft.sections[sectionIndex].fields;
+                        const target = fieldIndex + offset;
+                        if (target < 0 || target >= fields.length)
+                            return;
+                        const [moved] = fields.splice(fieldIndex, 1);
+                        fields.splice(target, 0, moved);
+                    }), onDelete: () => {
+                        commit((draft) => draft.sections[sectionIndex].fields.splice(fieldIndex, 1));
+                        setSelected({ sectionId: section.id });
+                    }, canMoveUp: fieldIndex > 0, canMoveDown: fieldIndex < section.fields.length - 1 })) : section ? (_jsx(SectionInspector, { section: section, schema: value, locale: locale, readOnly: readOnly, onChange: (patch) => commit((draft) => Object.assign(draft.sections[sectionIndex], patch)), onDelete: value.sections.length > 1 ? () => {
+                        commit((draft) => draft.sections.splice(sectionIndex, 1));
+                        setSelected({ sectionId: value.sections[sectionIndex === 0 ? 1 : sectionIndex - 1].id });
+                    } : undefined })) : _jsx("p", { className: "text-sm text-fg-muted", children: "Select a section or field to edit it." }) })] }));
+}
+function IconButton({ label, onClick, disabled, children }) {
+    return _jsx("button", { type: "button", title: label, "aria-label": label, onClick: onClick, disabled: disabled, className: "rounded p-1 text-fg-muted hover:bg-surface-hover hover:text-fg disabled:cursor-not-allowed disabled:opacity-40", children: children });
+}
+function SectionInspector({ section, schema, locale, readOnly, onChange, onDelete }) {
+    return _jsxs("div", { className: "space-y-4", children: [_jsx(SectionProperties, { section: section, schema: schema, locale: locale, readOnly: readOnly, onChange: onChange }), onDelete ? _jsxs(Button, { variant: "destructive", size: "sm", onClick: onDelete, disabled: readOnly, children: [_jsx(Trash2, { size: 15 }), "Delete section"] }) : null] });
+}
+function FieldInspector({ field, schema, sectionId, locale, readOnly, dataSources, dataSourcesLoading, onRefreshDataSources, onPatch, onMove, onDelete, canMoveUp, canMoveDown }) {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(FieldProperties, { sectionId: sectionId, field: field, schema: schema, locale: locale, dataSources: dataSources, dataSourcesLoading: dataSourcesLoading, onRefreshDataSources: onRefreshDataSources, readOnly: readOnly, onChange: onPatch }), _jsxs("div", { className: "flex flex-wrap gap-1", children: [_jsx(Button, { type: "button", size: "icon", variant: "outline", "aria-label": "Move field up", disabled: readOnly || !canMoveUp, onClick: () => onMove(-1), children: _jsx(ArrowUp, { size: 15 }) }), _jsx(Button, { type: "button", size: "icon", variant: "outline", "aria-label": "Move field down", disabled: readOnly || !canMoveDown, onClick: () => onMove(1), children: _jsx(ArrowDown, { size: 15 }) }), _jsxs(Button, { type: "button", size: "sm", variant: "destructive", disabled: readOnly, onClick: onDelete, children: [_jsx(Trash2, { size: 15 }), "Delete"] })] })] }));
+}
+//# sourceMappingURL=form-designer.js.map

package/form-designer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-designer.js","sourceRoot":"","sources":["../src/form-designer.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { ArrowDown, ArrowUp, GitBranch, GripVertical, List, MousePointerClick, Plus, Search, Settings2, Trash2, Wrench } from 'lucide-react'\nimport {\n  CHOICE_FIELD_TYPES,\n  FIELD_TYPES,\n  type FieldType,\n  type FormField,\n  type FormSchemaV1,\n} from '@braedonsaunders/appkit-forms-core'\nimport { DEFAULT_LOCALE, type AppLocale } from '@braedonsaunders/appkit-i18n'\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Drawer,\n  Input,\n  cn,\n} from '@braedonsaunders/appkit-ui'\nimport { readText, writeText } from './text'\nimport { CanvasEditor, defaultBox } from './canvas-editor'\nimport { RecordBehaviorPanel } from './record-behavior-panel'\nimport { RecordListPanel } from './record-list-panel'\nimport { RecordActionsPanel } from './record-actions-panel'\nimport type { RecordActionFlow, RecordActionFlowAdapter, RecordConfig } from './record-config'\nimport { FieldProperties, SectionProperties, type FormDataSource } from './properties'\nimport { FormTabsEditor, FormWorkflowEditor } from './workflow-properties'\n\nexport type FormDesignerProps = {\n  value: FormSchemaV1\n  onChange: (schema: FormSchemaV1) => void\n  locale?: AppLocale\n  availableFieldTypes?: readonly FieldType[]\n  className?: string\n  readOnly?: boolean\n  recordConfig?: RecordConfig\n  onRecordConfigChange?: (config: RecordConfig) => void\n  onRecordConfigSave?: (config: RecordConfig) => void | Promise<void>\n  roles?: { key: string; name: string }[]\n  recordActionFlows?: RecordActionFlow[]\n  recordActionAdapter?: RecordActionFlowAdapter\n  onRecordActionsChanged?: () => void | Promise<void>\n  dataSources?: readonly FormDataSource[]\n  dataSourcesLoading?: boolean\n  onRefreshDataSources?: () => void | Promise<void>\n}\n\nconst CATEGORY_ORDER = ['standard', 'choice', 'scoring', 'picker', 'media', 'identity', 'computed', 'data', 'display'] as const\n\nfunction newId(prefix: string, existing: ReadonlySet<string>): string {\n  let index = 1\n  let candidate = prefix\n  while (existing.has(candidate)) candidate = `${prefix}_${++index}`\n  return candidate\n}\n\nexport function createFormField(type: FieldType, existing: ReadonlySet<string> = new Set()): FormField {\n  const meta = FIELD_TYPES[type]\n  const field: FormField = {\n    id: newId(type, existing),\n    type,\n    label: meta.label,\n  }\n  if (CHOICE_FIELD_TYPES.has(type)) {\n    field.validation = {\n      options: [\n        { value: 'option_1', label: 'Option 1' },\n        { value: 'option_2', label: 'Option 2' },\n      ],\n    }\n  }\n  if (type === 'rating') field.config = { max: 5 }\n  if (type === 'slider') field.config = { min: 0, max: 10, step: 1 }\n  if (type === 'table') {\n    field.config = {\n      columns: [{ key: 'column_1', label: 'Column 1', type: 'text' }],\n      rowMode: 'addable',\n    }\n  }\n  if (type === 'matrix') {\n    field.config = {\n      rows: [{ key: 'row_1', label: 'Row 1' }],\n      scale: [\n        { value: '1', label: 'Low' },\n        { value: '2', label: 'High' },\n      ],\n    }\n  }\n  if (type === 'formula') field.formula = { kind: 'literal', value: 0 }\n  if (type === 'lookup') field.binding = { sourceKey: 'source' }\n  if (type === 'data_table') field.binding = { sourceKey: 'source', selectable: 'multi' }\n  if (type === 'metric') {\n    field.binding = { sourceKey: 'source', aggregate: { fn: 'count' }, display: 'number' }\n  }\n  return field\n}\n\nexport function FormDesigner({\n  value,\n  onChange,\n  locale = DEFAULT_LOCALE,\n  availableFieldTypes,\n  className,\n  readOnly = false,\n  recordConfig,\n  onRecordConfigChange,\n  onRecordConfigSave,\n  roles,\n  recordActionFlows,\n  recordActionAdapter,\n  onRecordActionsChanged,\n  dataSources,\n  dataSourcesLoading,\n  onRefreshDataSources,\n}: FormDesignerProps) {\n  const [query, setQuery] = React.useState('')\n  const [rail, setRail] = React.useState<'fields' | 'workflow' | 'record' | 'list' | 'actions'>('fields')\n  const [selected, setSelected] = React.useState<{ sectionId: string; fieldId?: string }>(() => ({\n    sectionId: value.sections[0]?.id ?? '',\n  }))\n  const [propertiesOpen, setPropertiesOpen] = React.useState(false)\n  const dragTypeRef = React.useRef<FieldType | null>(null)\n  const types = availableFieldTypes ?? (Object.keys(FIELD_TYPES) as FieldType[])\n  const normalizedQuery = query.trim().toLowerCase()\n  const palette = types.filter((type) => {\n    const meta = FIELD_TYPES[type]\n    return !normalizedQuery || `${meta.label} ${meta.description} ${meta.category}`.toLowerCase().includes(normalizedQuery)\n  })\n  const sectionIndex = value.sections.findIndex((section) => section.id === selected.sectionId)\n  const section = value.sections[sectionIndex]\n  const fieldIndex = section?.fields.findIndex((field) => field.id === selected.fieldId) ?? -1\n  const field = section?.fields[fieldIndex]\n  const recordFields = React.useMemo(() => value.sections.flatMap((itemSection) => itemSection.fields.map((itemField) => ({ id: itemField.id, label: readText(itemField.label, locale, itemField.id) }))), [locale, value.sections])\n  const railItems = React.useMemo(() => [\n    { id: 'fields' as const, label: 'Fields', icon: Wrench, available: true },\n    { id: 'workflow' as const, label: 'Pages', icon: GitBranch, available: true },\n    { id: 'record' as const, label: 'Record', icon: Settings2, available: Boolean(onRecordConfigChange) },\n    { id: 'list' as const, label: 'List', icon: List, available: Boolean(onRecordConfigChange) },\n    { id: 'actions' as const, label: 'Actions', icon: MousePointerClick, available: Boolean(recordActionAdapter) },\n  ].filter((item) => item.available), [onRecordConfigChange, recordActionAdapter])\n\n  const commit = React.useCallback(\n    (mutate: (draft: FormSchemaV1) => void) => {\n      const draft = structuredClone(value)\n      mutate(draft)\n      onChange(draft)\n    },\n    [onChange, value],\n  )\n\n  function addField(type: FieldType) {\n    const targetIndex = sectionIndex >= 0 ? sectionIndex : 0\n    const existing = new Set(value.sections.flatMap((item) => item.fields.map((itemField) => itemField.id)))\n    const next = createFormField(type, existing)\n    commit((draft) => {\n      const target = draft.sections[targetIndex]!\n      target.fields.push(next)\n      if (target.canvas) {\n        const box = defaultBox(type)\n        const bottom = target.canvas.items.reduce((max, item) => Math.max(max, item.y + item.h), 0)\n        target.canvas.items.push({ i: next.id, x: 0, y: bottom, ...box })\n      }\n    })\n    setSelected({ sectionId: value.sections[targetIndex]!.id, fieldId: next.id })\n    setPropertiesOpen(true)\n  }\n\n  function addSection() {\n    const existing = new Set(value.sections.map((item) => item.id))\n    const id = newId('section', existing)\n    commit((draft) => draft.sections.push({ id, title: 'New section', fields: [] }))\n    setSelected({ sectionId: id })\n    setPropertiesOpen(true)\n  }\n\n  return (\n    <div className={cn('flex h-full min-h-0 flex-col overflow-hidden bg-bg', className)}>\n      <div className=\"flex min-h-0 flex-1 flex-col overflow-hidden lg:flex-row\">\n        {/* Fixed, independently scrolling builder rail. */}\n        <aside className=\"flex h-64 w-full shrink-0 flex-col border-b border-border bg-surface lg:h-auto lg:w-80 lg:border-r lg:border-b-0\">\n          {railItems.length > 1 ? (\n            <div className=\"flex shrink-0 border-b border-border p-1\">\n              {railItems.map((item) => {\n                const Icon = item.icon\n                return <button key={item.id} type=\"button\" aria-pressed={rail === item.id} onClick={() => setRail(item.id)} className={cn('flex min-w-0 flex-1 flex-col items-center gap-0.5 rounded px-1 py-1.5 text-[10px] font-medium transition-colors', rail === item.id ? 'bg-primary-subtle text-primary' : 'text-fg-muted hover:bg-surface-hover hover:text-fg')}><Icon size={14} /><span className=\"truncate\">{item.label}</span></button>\n              })}\n            </div>\n          ) : null}\n          {rail === 'fields' ? <>\n          <div className=\"flex shrink-0 items-center justify-between border-b border-border px-3 py-2.5\">\n          <div>\n            <h2 className=\"text-sm font-semibold text-fg\">Field library</h2>\n            <p className=\"text-xs text-fg-muted\">Choose a field to add it.</p>\n          </div>\n          <Badge variant=\"secondary\">{types.length}</Badge>\n        </div>\n          <div className=\"shrink-0 border-b border-border p-3\">\n            <div className=\"relative\">\n              <Search className=\"pointer-events-none absolute top-2.5 left-3 size-4 text-fg-subtle\" />\n              <Input value={query} onChange={(event) => setQuery(event.target.value)} placeholder=\"Find a field…\" className=\"pl-9\" />\n            </div>\n          </div>\n          <div className=\"app-scroll min-h-0 flex-1 overflow-y-auto p-3\">\n            {CATEGORY_ORDER.map((category) => {\n              const items = palette.filter((type) => FIELD_TYPES[type].category === category)\n              if (items.length === 0) return null\n              return (\n                <section key={category} className=\"mb-3\">\n                  <h3 className=\"px-1 pb-1 text-[10px] font-semibold tracking-wider text-fg-subtle uppercase\">{category}</h3>\n                  <div className=\"grid grid-cols-1 gap-1\">\n                    {items.map((type) => (\n                      <button\n                        key={type}\n                        type=\"button\"\n                        disabled={readOnly}\n                        draggable={!readOnly}\n                        onDragStart={(event) => {\n                          dragTypeRef.current = type\n                          event.dataTransfer.effectAllowed = 'copy'\n                          event.dataTransfer.setData('application/x-appkit-form-field', type)\n                        }}\n                        onDragEnd={() => { dragTypeRef.current = null }}\n                        onClick={() => addField(type)}\n                        className=\"flex items-center gap-2 rounded border border-border px-2 py-1.5 text-left text-xs text-fg hover:border-primary hover:bg-primary-subtle disabled:cursor-not-allowed disabled:opacity-50\"\n                        title={`Add ${FIELD_TYPES[type].label}`}\n                      >\n                        <Plus className=\"size-3 shrink-0\" />\n                        <span className=\"truncate\">{FIELD_TYPES[type].label}</span>\n                      </button>\n                    ))}\n                  </div>\n                </section>\n              )\n            })}\n          </div>\n          </> : null}\n          {rail === 'workflow' ? <div className=\"app-scroll min-h-0 flex-1 space-y-4 overflow-y-auto p-3\"><FormTabsEditor schema={value} locale={locale} readOnly={readOnly} onChange={(tabs, sectionTabs) => commit((draft) => { draft.tabs = tabs; for (const itemSection of draft.sections) itemSection.tabId = sectionTabs[itemSection.id] })} /><FormWorkflowEditor schema={value} locale={locale} readOnly={readOnly} onChange={(steps) => commit((draft) => { draft.workflow = { ...(draft.workflow ?? {}), steps } })} /></div> : null}\n          {rail === 'record' && onRecordConfigChange ? <div className=\"app-scroll min-h-0 flex-1 overflow-y-auto p-3\"><RecordBehaviorPanel value={recordConfig} roles={roles} onChange={onRecordConfigChange} onSave={onRecordConfigSave} readOnly={readOnly} /></div> : null}\n          {rail === 'list' && onRecordConfigChange ? <div className=\"app-scroll min-h-0 flex-1 overflow-y-auto p-3\"><RecordListPanel value={recordConfig?.list} fields={recordFields} onChange={(list) => onRecordConfigChange({ ...recordConfig, list })} onSave={onRecordConfigSave ? async (list) => onRecordConfigSave({ ...recordConfig, list }) : undefined} readOnly={readOnly} /></div> : null}\n          {rail === 'actions' && recordActionAdapter ? <div className=\"app-scroll min-h-0 flex-1 overflow-y-auto p-3\"><RecordActionsPanel flows={recordActionFlows ?? []} adapter={recordActionAdapter} onChanged={onRecordActionsChanged} readOnly={readOnly} /></div> : null}\n        </aside>\n\n        {/* The build surface owns the remaining space. */}\n        <div className=\"flex min-w-0 flex-1 flex-col bg-bg-subtle\">\n          <div className=\"flex shrink-0 items-center gap-2 border-b border-border bg-surface px-3 py-2\">\n            <span className=\"text-xs font-semibold text-fg\">Build</span>\n            <span className=\"text-xs text-fg-muted\">{value.sections.length} section{value.sections.length === 1 ? '' : 's'}</span>\n            <div className=\"ml-auto w-full max-w-sm\">\n              <Input\n                id=\"form-title\"\n                aria-label=\"Form title\"\n                className=\"h-8 text-sm font-semibold\"\n                value={readText(value.title, locale)}\n                disabled={readOnly}\n                onChange={(event) => commit((draft) => { draft.title = writeText(draft.title, event.target.value, locale) })}\n              />\n            </div>\n          </div>\n          <main className=\"app-scroll min-h-0 flex-1 overflow-y-auto p-4 lg:p-6\">\n            <div className=\"w-full space-y-3\">\n              {value.sections.map((itemSection, itemSectionIndex) => {\n                const sectionActive = selected.sectionId === itemSection.id && !selected.fieldId\n                return (\n                  <Card\n                    key={itemSection.id}\n                    className={cn(\n                      'border transition-colors',\n                      sectionActive ? 'border-primary ring-1 ring-ring' : 'border-border',\n                    )}\n                  >\n                    <CardHeader className=\"flex flex-row items-center justify-between gap-2 p-4 pb-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => {\n                          setSelected({ sectionId: itemSection.id })\n                          setPropertiesOpen(true)\n                        }}\n                        className=\"min-w-0 flex-1 text-left\"\n                      >\n                        <CardTitle className=\"truncate text-base\">{readText(itemSection.title, locale, 'Untitled section')}</CardTitle>\n                        <span className=\"text-xs text-fg-muted\">{itemSection.fields.length} field{itemSection.fields.length === 1 ? '' : 's'}</span>\n                      </button>\n                      <div className=\"flex items-center gap-1\">\n                        <IconButton label=\"Move section up\" disabled={readOnly || itemSectionIndex === 0} onClick={() => commit((draft) => { const [moved] = draft.sections.splice(itemSectionIndex, 1); draft.sections.splice(itemSectionIndex - 1, 0, moved!) })}><ArrowUp size={14} /></IconButton>\n                        <IconButton label=\"Move section down\" disabled={readOnly || itemSectionIndex === value.sections.length - 1} onClick={() => commit((draft) => { const [moved] = draft.sections.splice(itemSectionIndex, 1); draft.sections.splice(itemSectionIndex + 1, 0, moved!) })}><ArrowDown size={14} /></IconButton>\n                        <IconButton label=\"Delete section\" disabled={readOnly || value.sections.length === 1} onClick={() => {\n                          const nextSection = value.sections[itemSectionIndex === 0 ? 1 : itemSectionIndex - 1]\n                          commit((draft) => draft.sections.splice(itemSectionIndex, 1))\n                          if (nextSection) setSelected({ sectionId: nextSection.id })\n                        }}><Trash2 size={14} className=\"text-danger\" /></IconButton>\n                      </div>\n                    </CardHeader>\n                    <CardContent className=\"p-4 pt-0\">\n                      {itemSection.canvas ? (\n                        <CanvasEditor\n                          section={itemSection}\n                          locale={locale}\n                          defaultLocale={locale}\n                          selectedFieldId={selected.sectionId === itemSection.id ? selected.fieldId ?? null : null}\n                          dragTypeRef={dragTypeRef}\n                          onLayout={(items) => {\n                            if (readOnly) return\n                            commit((draft) => { draft.sections[itemSectionIndex]!.canvas = { ...draft.sections[itemSectionIndex]!.canvas!, items } })\n                          }}\n                          onAddWidget={(type, box) => {\n                            if (readOnly) return\n                            const existing = new Set(value.sections.flatMap((candidate) => candidate.fields.map((candidateField) => candidateField.id)))\n                            const next = createFormField(type, existing)\n                            commit((draft) => {\n                              const target = draft.sections[itemSectionIndex]!\n                              target.fields.push(next)\n                              target.canvas!.items.push({ i: next.id, ...box })\n                            })\n                            setSelected({ sectionId: itemSection.id, fieldId: next.id })\n                            setPropertiesOpen(true)\n                          }}\n                          onSelect={(fieldId) => {\n                            setSelected({ sectionId: itemSection.id, fieldId })\n                            setPropertiesOpen(true)\n                          }}\n                          onDelete={(fieldId) => {\n                            if (readOnly) return\n                            commit((draft) => {\n                              const target = draft.sections[itemSectionIndex]!\n                              target.fields = target.fields.filter((candidate) => candidate.id !== fieldId)\n                              target.canvas!.items = target.canvas!.items.filter((item) => item.i !== fieldId)\n                            })\n                            setSelected({ sectionId: itemSection.id })\n                          }}\n                        />\n                      ) : itemSection.fields.length === 0 ? (\n                        <button\n                          type=\"button\"\n                          onClick={() => {\n                            setSelected({ sectionId: itemSection.id })\n                            setPropertiesOpen(true)\n                          }}\n                          className=\"w-full rounded-md border border-dashed border-border-strong p-4 text-center text-xs text-fg-subtle\"\n                        >\n                          Select this section, then add a field from the library.\n                        </button>\n                      ) : (\n                        <ul className=\"divide-y divide-border-subtle\">\n                          {itemSection.fields.map((itemField, itemFieldIndex) => (\n                            <li key={itemField.id}>\n                              <button\n                                type=\"button\"\n                                onClick={() => {\n                                  setSelected({ sectionId: itemSection.id, fieldId: itemField.id })\n                                  setPropertiesOpen(true)\n                                }}\n                                className={cn(\n                                  'flex w-full items-center gap-2 rounded px-2 py-2 text-left transition-colors hover:bg-surface-hover',\n                                  selected.fieldId === itemField.id && 'bg-primary-subtle text-primary',\n                                )}\n                              >\n                                <GripVertical className=\"size-4 shrink-0 text-fg-subtle\" />\n                                <span className=\"min-w-0 flex-1 truncate text-sm font-medium\">{readText(itemField.label, locale, FIELD_TYPES[itemField.type].label)}</span>\n                                <Badge variant=\"secondary\" className=\"text-[10px]\">{FIELD_TYPES[itemField.type].label}</Badge>\n                                {itemField.required || itemField.validation?.required ? <Badge variant=\"warning\" className=\"text-[10px]\">Required</Badge> : null}\n                                <span className=\"w-5 text-right text-xs tabular-nums text-fg-subtle\">{itemFieldIndex + 1}</span>\n                              </button>\n                            </li>\n                          ))}\n                        </ul>\n                      )}\n                    </CardContent>\n                  </Card>\n                )\n              })}\n              <Button type=\"button\" variant=\"outline\" onClick={addSection} disabled={readOnly} className=\"w-full\"><Plus size={14} />Add section</Button>\n            </div>\n          </main>\n        </div>\n      </div>\n\n      {/* Properties use a flyout rather than a permanent third column. */}\n      <Drawer\n        open={propertiesOpen}\n        onClose={() => setPropertiesOpen(false)}\n        title={field ? 'Field properties' : 'Section properties'}\n        size=\"sm\"\n      >\n        {field && section ? (\n          <FieldInspector\n            field={field}\n            sections={value.sections}\n            availableFields={value.sections.flatMap((itemSection) =>\n              itemSection.fields\n                .filter((itemField) => itemField.id !== field.id)\n                .map((itemField) => ({\n                  id: itemField.id,\n                  label: readText(itemField.label, locale, itemField.id),\n                })),\n            )}\n            locale={locale}\n            schema={value}\n            sectionId={section.id}\n            dataSources={dataSources}\n            dataSourcesLoading={dataSourcesLoading}\n            onRefreshDataSources={onRefreshDataSources}\n            readOnly={readOnly}\n            onPatch={(patch) => {\n              commit((draft) => Object.assign(draft.sections[sectionIndex]!.fields[fieldIndex]!, patch))\n              if (patch.id && patch.id !== field.id) {\n                setSelected({ sectionId: section.id, fieldId: patch.id })\n              }\n            }}\n            onMove={(offset) => commit((draft) => {\n              const fields = draft.sections[sectionIndex]!.fields\n              const target = fieldIndex + offset\n              if (target < 0 || target >= fields.length) return\n              const [moved] = fields.splice(fieldIndex, 1)\n              fields.splice(target, 0, moved!)\n            })}\n            onDelete={() => {\n              commit((draft) => draft.sections[sectionIndex]!.fields.splice(fieldIndex, 1))\n              setSelected({ sectionId: section.id })\n            }}\n            canMoveUp={fieldIndex > 0}\n            canMoveDown={fieldIndex < section.fields.length - 1}\n          />\n        ) : section ? (\n          <SectionInspector\n            section={section}\n            schema={value}\n            locale={locale}\n            readOnly={readOnly}\n            onChange={(patch) => commit((draft) => Object.assign(draft.sections[sectionIndex]!, patch))}\n            onDelete={value.sections.length > 1 ? () => {\n              commit((draft) => draft.sections.splice(sectionIndex, 1))\n              setSelected({ sectionId: value.sections[sectionIndex === 0 ? 1 : sectionIndex - 1]!.id })\n            } : undefined}\n          />\n        ) : <p className=\"text-sm text-fg-muted\">Select a section or field to edit it.</p>}\n      </Drawer>\n    </div>\n  )\n}\n\nfunction IconButton({ label, onClick, disabled, children }: { label: string; onClick: () => void; disabled?: boolean; children: React.ReactNode }) {\n  return <button type=\"button\" title={label} aria-label={label} onClick={onClick} disabled={disabled} className=\"rounded p-1 text-fg-muted hover:bg-surface-hover hover:text-fg disabled:cursor-not-allowed disabled:opacity-40\">{children}</button>\n}\n\nfunction SectionInspector({ section, schema, locale, readOnly, onChange, onDelete }: { section: FormSchemaV1['sections'][number]; schema: FormSchemaV1; locale: AppLocale; readOnly: boolean; onChange: (patch: Partial<FormSchemaV1['sections'][number]>) => void; onDelete?: () => void }) {\n  return <div className=\"space-y-4\"><SectionProperties section={section} schema={schema} locale={locale} readOnly={readOnly} onChange={onChange} />{onDelete ? <Button variant=\"destructive\" size=\"sm\" onClick={onDelete} disabled={readOnly}><Trash2 size={15} />Delete section</Button> : null}</div>\n}\n\nfunction FieldInspector({ field, schema, sectionId, locale, readOnly, dataSources, dataSourcesLoading, onRefreshDataSources, onPatch, onMove, onDelete, canMoveUp, canMoveDown }: { field: FormField; schema: FormSchemaV1; sectionId: string; sections: FormSchemaV1['sections']; availableFields: { id: string; label: string }[]; locale: AppLocale; readOnly: boolean; dataSources?: readonly FormDataSource[]; dataSourcesLoading?: boolean; onRefreshDataSources?: () => void | Promise<void>; onPatch: (patch: Partial<FormField>) => void; onMove: (offset: number) => void; onDelete: () => void; canMoveUp: boolean; canMoveDown: boolean }) {\n  return (\n    <div className=\"space-y-4\">\n      <FieldProperties sectionId={sectionId} field={field} schema={schema} locale={locale} dataSources={dataSources} dataSourcesLoading={dataSourcesLoading} onRefreshDataSources={onRefreshDataSources} readOnly={readOnly} onChange={onPatch} />\n      <div className=\"flex flex-wrap gap-1\"><Button type=\"button\" size=\"icon\" variant=\"outline\" aria-label=\"Move field up\" disabled={readOnly || !canMoveUp} onClick={() => onMove(-1)}><ArrowUp size={15} /></Button><Button type=\"button\" size=\"icon\" variant=\"outline\" aria-label=\"Move field down\" disabled={readOnly || !canMoveDown} onClick={() => onMove(1)}><ArrowDown size={15} /></Button><Button type=\"button\" size=\"sm\" variant=\"destructive\" disabled={readOnly} onClick={onDelete}><Trash2 size={15} />Delete</Button></div>\n    </div>\n  )\n}\n"]}

package/form-flow-validation.d.ts

@@ -0,0 +1,5 @@
+import { type AutomationGraph, type FlowSubjectProfile, type FormSchemaV1 } from '@braedonsaunders/appkit-forms-core';
+import { type AppLocale } from '@braedonsaunders/appkit-i18n';
+export declare function formFlowProfile(templateId: string, label: string, schema: FormSchemaV1, locale?: AppLocale, defaultLocale?: AppLocale): FlowSubjectProfile;
+export declare function lintFormFlowGraph(graph: AutomationGraph, templateId: string, label: string, schema: FormSchemaV1): string[];
+//# sourceMappingURL=form-flow-validation.d.ts.map

package/form-flow-validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-flow-validation.d.ts","sourceRoot":"","sources":["../src/form-flow-validation.ts"],"names":[],"mappings":"AAAA,OAAO,EAUL,KAAK,eAAe,EAEpB,KAAK,kBAAkB,EAEvB,KAAK,YAAY,EAClB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAyB7E,wBAAgB,eAAe,CAC7B,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,YAAY,EACpB,MAAM,GAAE,SAA0B,EAClC,aAAa,GAAE,SAA0B,GACxC,kBAAkB,CA2CpB;AAwBD,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,eAAe,EACtB,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,YAAY,GACnB,MAAM,EAAE,CAqEV"}