@tmorrow/cre8-wc 2.0.2 → 2.0.4

package/lib/a2ui/index.d.ts

@@ -0,0 +1,5 @@
+export type { CatalogComponentDef, CatalogSchema, ComponentSpec, EmittedEvent, EventBinding, PropSchema, RegisteredCatalog, } from './types.js';
+export { registerCatalog, validateSpec } from './registry.js';
+export { render } from './renderer.js';
+export type { RenderOptions } from './renderer.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/a2ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../a2ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,iBAAiB,GAClB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/lib/a2ui/index.js

@@ -0,0 +1,3 @@
+export { registerCatalog, validateSpec } from './registry.js';
+export { render } from './renderer.js';
+//# sourceMappingURL=index.js.map

package/lib/a2ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../a2ui/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export type {\n  CatalogComponentDef,\n  CatalogSchema,\n  ComponentSpec,\n  EmittedEvent,\n  EventBinding,\n  PropSchema,\n  RegisteredCatalog,\n} from './types.js';\nexport { registerCatalog, validateSpec } from './registry.js';\nexport { render } from './renderer.js';\nexport type { RenderOptions } from './renderer.js';\n"]}

package/lib/a2ui/registry.d.ts

@@ -0,0 +1,4 @@
+import type { CatalogSchema, ComponentSpec, RegisteredCatalog } from './types.js';
+export declare function registerCatalog(schema: CatalogSchema): RegisteredCatalog;
+export declare function validateSpec(spec: unknown, catalog: RegisteredCatalog, path?: string): asserts spec is ComponentSpec;
+//# sourceMappingURL=registry.d.ts.map

package/lib/a2ui/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../a2ui/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAc,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE9F,wBAAgB,eAAe,CAAC,MAAM,EAAE,aAAa,GAAG,iBAAiB,CAKxE;AA+FD,wBAAgB,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,IAAI,SAAM,GAAG,OAAO,CAAC,IAAI,IAAI,aAAa,CA+EjH"}

package/lib/a2ui/registry.js

@@ -0,0 +1,167 @@
+export function registerCatalog(schema) {
+    const defs = schema.$defs?.components ?? {};
+    const components = new Map(Object.entries(defs));
+    const id = schema['x-a2ui']?.catalogId ?? schema.$id ?? 'unknown';
+    return { id, schema, components };
+}
+function validatePropValue(value, schema, path) {
+    if (value === undefined || value === null)
+        return;
+    if (!schema)
+        return;
+    if (schema.const !== undefined && value !== schema.const) {
+        throw new Error(`${path}: expected const ${JSON.stringify(schema.const)}, got ${JSON.stringify(value)}`);
+    }
+    if (schema.enum && !schema.enum.includes(value)) {
+        const allowed = schema.enum.map((v) => JSON.stringify(v)).join(', ');
+        throw new Error(`${path}: value ${JSON.stringify(value)} not in enum [${allowed}]`);
+    }
+    if (schema.oneOf && schema.oneOf.length) {
+        const errors = [];
+        for (const branch of schema.oneOf) {
+            try {
+                validatePropValue(value, branch, path);
+                return;
+            }
+            catch (e) {
+                errors.push(e.message);
+            }
+        }
+        throw new Error(`${path}: value ${JSON.stringify(value)} matched none of oneOf branches: ${errors.join(' | ')}`);
+    }
+    const types = Array.isArray(schema.type) ? schema.type : schema.type ? [schema.type] : [];
+    if (types.length && !types.some((t) => matchesType(t, value))) {
+        throw new Error(`${path}: expected type ${types.join('|')}, got ${describeType(value)}`);
+    }
+    if (Array.isArray(value) && schema.items) {
+        value.forEach((item, i) => validatePropValue(item, schema.items, `${path}[${i}]`));
+    }
+    if (typeof value === 'object' &&
+        value !== null &&
+        !Array.isArray(value) &&
+        schema.properties) {
+        const obj = value;
+        if (schema.required) {
+            for (const req of schema.required) {
+                if (!(req in obj)) {
+                    throw new Error(`${path}.${req}: required property missing`);
+                }
+            }
+        }
+        for (const [key, childVal] of Object.entries(obj)) {
+            const childSchema = schema.properties[key];
+            if (!childSchema) {
+                if (schema.additionalProperties === false) {
+                    throw new Error(`${path}.${key}: unexpected property`);
+                }
+                continue;
+            }
+            validatePropValue(childVal, childSchema, `${path}.${key}`);
+        }
+    }
+}
+function matchesType(t, v) {
+    switch (t) {
+        case 'string':
+            return typeof v === 'string';
+        case 'number':
+            return typeof v === 'number' && Number.isFinite(v);
+        case 'integer':
+            return typeof v === 'number' && Number.isInteger(v);
+        case 'boolean':
+            return typeof v === 'boolean';
+        case 'array':
+            return Array.isArray(v);
+        case 'object':
+            return typeof v === 'object' && v !== null && !Array.isArray(v);
+        case 'null':
+            return v === null;
+        default:
+            return true;
+    }
+}
+function describeType(v) {
+    if (v === null)
+        return 'null';
+    if (Array.isArray(v))
+        return 'array';
+    return typeof v;
+}
+export function validateSpec(spec, catalog, path = '$') {
+    if (!spec || typeof spec !== 'object') {
+        throw new Error(`${path}: spec must be an object`);
+    }
+    const s = spec;
+    if (typeof s.component !== 'string') {
+        throw new Error(`${path}: spec.component must be a string`);
+    }
+    if (!catalog.components.has(s.component)) {
+        throw new Error(`${path}: component "${s.component}" is not registered in catalog "${catalog.id}"`);
+    }
+    const def = catalog.components.get(s.component);
+    const allowedProps = new Set(Object.keys(def.properties?.props?.properties ?? {}));
+    const hasChildren = def.properties?.children !== undefined;
+    const allowedSlots = def.properties?.slots
+        ? new Set(Object.keys(def.properties.slots.properties ?? {}))
+        : null;
+    if (s.props) {
+        if (typeof s.props !== 'object')
+            throw new Error(`${path}.props: must be an object`);
+        const propDefs = def.properties?.props?.properties ?? {};
+        for (const [prop, value] of Object.entries(s.props)) {
+            if (!allowedProps.has(prop)) {
+                throw new Error(`${path}.props.${prop}: not a declared prop on ${s.component}`);
+            }
+            validatePropValue(value, propDefs[prop], `${path}.props.${prop}`);
+        }
+    }
+    if (s.children !== undefined) {
+        if (!hasChildren) {
+            throw new Error(`${path}.children: ${s.component} does not accept default children`);
+        }
+        if (!Array.isArray(s.children))
+            throw new Error(`${path}.children: must be an array`);
+        s.children.forEach((c, i) => {
+            if (typeof c === 'string')
+                return;
+            validateSpec(c, catalog, `${path}.children[${i}]`);
+        });
+    }
+    if (s.events !== undefined) {
+        if (!s.events || typeof s.events !== 'object' || Array.isArray(s.events)) {
+            throw new Error(`${path}.events: must be an object`);
+        }
+        for (const [evtName, binding] of Object.entries(s.events)) {
+            if (typeof binding === 'string')
+                continue;
+            if (!binding || typeof binding !== 'object') {
+                throw new Error(`${path}.events.${evtName}: must be a string or { handler } object`);
+            }
+            const b = binding;
+            if (typeof b.handler !== 'string' || b.handler.length === 0) {
+                throw new Error(`${path}.events.${evtName}.handler: must be a non-empty string`);
+            }
+        }
+    }
+    if (s.slots !== undefined) {
+        if (!allowedSlots) {
+            throw new Error(`${path}.slots: ${s.component} does not accept named slots`);
+        }
+        if (typeof s.slots !== 'object')
+            throw new Error(`${path}.slots: must be an object`);
+        for (const [slotName, arr] of Object.entries(s.slots)) {
+            if (!allowedSlots.has(slotName)) {
+                throw new Error(`${path}.slots.${slotName}: not a declared slot on ${s.component}`);
+            }
+            if (!Array.isArray(arr)) {
+                throw new Error(`${path}.slots.${slotName}: must be an array`);
+            }
+            arr.forEach((c, i) => {
+                if (typeof c === 'string')
+                    return;
+                validateSpec(c, catalog, `${path}.slots.${slotName}[${i}]`);
+            });
+        }
+    }
+}
+//# sourceMappingURL=registry.js.map

package/lib/a2ui/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../a2ui/registry.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CatalogSchema, ComponentSpec, PropSchema, RegisteredCatalog } from './types.js';\n\nexport function registerCatalog(schema: CatalogSchema): RegisteredCatalog {\n  const defs = schema.$defs?.components ?? {};\n  const components = new Map(Object.entries(defs));\n  const id = schema['x-a2ui']?.catalogId ?? schema.$id ?? 'unknown';\n  return { id, schema, components };\n}\n\nfunction validatePropValue(value: unknown, schema: PropSchema | undefined, path: string): void {\n  if (value === undefined || value === null) return;\n  if (!schema) return;\n\n  if (schema.const !== undefined && value !== schema.const) {\n    throw new Error(\n      `${path}: expected const ${JSON.stringify(schema.const)}, got ${JSON.stringify(value)}`\n    );\n  }\n\n  if (schema.enum && !schema.enum.includes(value as string)) {\n    const allowed = schema.enum.map((v) => JSON.stringify(v)).join(', ');\n    throw new Error(`${path}: value ${JSON.stringify(value)} not in enum [${allowed}]`);\n  }\n\n  if (schema.oneOf && schema.oneOf.length) {\n    const errors: string[] = [];\n    for (const branch of schema.oneOf) {\n      try {\n        validatePropValue(value, branch, path);\n        return;\n      } catch (e) {\n        errors.push((e as Error).message);\n      }\n    }\n    throw new Error(\n      `${path}: value ${JSON.stringify(value)} matched none of oneOf branches: ${errors.join(' | ')}`\n    );\n  }\n\n  const types = Array.isArray(schema.type) ? schema.type : schema.type ? [schema.type] : [];\n  if (types.length && !types.some((t) => matchesType(t, value))) {\n    throw new Error(`${path}: expected type ${types.join('|')}, got ${describeType(value)}`);\n  }\n\n  if (Array.isArray(value) && schema.items) {\n    value.forEach((item, i) => validatePropValue(item, schema.items, `${path}[${i}]`));\n  }\n\n  if (\n    typeof value === 'object' &&\n    value !== null &&\n    !Array.isArray(value) &&\n    schema.properties\n  ) {\n    const obj = value as Record<string, unknown>;\n    if (schema.required) {\n      for (const req of schema.required) {\n        if (!(req in obj)) {\n          throw new Error(`${path}.${req}: required property missing`);\n        }\n      }\n    }\n    for (const [key, childVal] of Object.entries(obj)) {\n      const childSchema = schema.properties[key];\n      if (!childSchema) {\n        if (schema.additionalProperties === false) {\n          throw new Error(`${path}.${key}: unexpected property`);\n        }\n        continue;\n      }\n      validatePropValue(childVal, childSchema, `${path}.${key}`);\n    }\n  }\n}\n\nfunction matchesType(t: string, v: unknown): boolean {\n  switch (t) {\n    case 'string':\n      return typeof v === 'string';\n    case 'number':\n      return typeof v === 'number' && Number.isFinite(v);\n    case 'integer':\n      return typeof v === 'number' && Number.isInteger(v);\n    case 'boolean':\n      return typeof v === 'boolean';\n    case 'array':\n      return Array.isArray(v);\n    case 'object':\n      return typeof v === 'object' && v !== null && !Array.isArray(v);\n    case 'null':\n      return v === null;\n    default:\n      return true;\n  }\n}\n\nfunction describeType(v: unknown): string {\n  if (v === null) return 'null';\n  if (Array.isArray(v)) return 'array';\n  return typeof v;\n}\n\nexport function validateSpec(spec: unknown, catalog: RegisteredCatalog, path = '$'): asserts spec is ComponentSpec {\n  if (!spec || typeof spec !== 'object') {\n    throw new Error(`${path}: spec must be an object`);\n  }\n  const s = spec as Record<string, unknown>;\n  if (typeof s.component !== 'string') {\n    throw new Error(`${path}: spec.component must be a string`);\n  }\n  if (!catalog.components.has(s.component)) {\n    throw new Error(\n      `${path}: component \"${s.component}\" is not registered in catalog \"${catalog.id}\"`\n    );\n  }\n\n  const def = catalog.components.get(s.component)!;\n  const allowedProps = new Set(Object.keys(def.properties?.props?.properties ?? {}));\n  const hasChildren = def.properties?.children !== undefined;\n  const allowedSlots = def.properties?.slots\n    ? new Set(Object.keys(def.properties.slots.properties ?? {}))\n    : null;\n\n  if (s.props) {\n    if (typeof s.props !== 'object') throw new Error(`${path}.props: must be an object`);\n    const propDefs = def.properties?.props?.properties ?? {};\n    for (const [prop, value] of Object.entries(s.props as Record<string, unknown>)) {\n      if (!allowedProps.has(prop)) {\n        throw new Error(`${path}.props.${prop}: not a declared prop on ${s.component}`);\n      }\n      validatePropValue(value, propDefs[prop], `${path}.props.${prop}`);\n    }\n  }\n\n  if (s.children !== undefined) {\n    if (!hasChildren) {\n      throw new Error(`${path}.children: ${s.component} does not accept default children`);\n    }\n    if (!Array.isArray(s.children)) throw new Error(`${path}.children: must be an array`);\n    s.children.forEach((c, i) => {\n      if (typeof c === 'string') return;\n      validateSpec(c, catalog, `${path}.children[${i}]`);\n    });\n  }\n\n  if (s.events !== undefined) {\n    if (!s.events || typeof s.events !== 'object' || Array.isArray(s.events)) {\n      throw new Error(`${path}.events: must be an object`);\n    }\n    for (const [evtName, binding] of Object.entries(s.events as Record<string, unknown>)) {\n      if (typeof binding === 'string') continue;\n      if (!binding || typeof binding !== 'object') {\n        throw new Error(`${path}.events.${evtName}: must be a string or { handler } object`);\n      }\n      const b = binding as Record<string, unknown>;\n      if (typeof b.handler !== 'string' || b.handler.length === 0) {\n        throw new Error(`${path}.events.${evtName}.handler: must be a non-empty string`);\n      }\n    }\n  }\n\n  if (s.slots !== undefined) {\n    if (!allowedSlots) {\n      throw new Error(`${path}.slots: ${s.component} does not accept named slots`);\n    }\n    if (typeof s.slots !== 'object') throw new Error(`${path}.slots: must be an object`);\n    for (const [slotName, arr] of Object.entries(s.slots as Record<string, unknown>)) {\n      if (!allowedSlots.has(slotName)) {\n        throw new Error(\n          `${path}.slots.${slotName}: not a declared slot on ${s.component}`\n        );\n      }\n      if (!Array.isArray(arr)) {\n        throw new Error(`${path}.slots.${slotName}: must be an array`);\n      }\n      arr.forEach((c, i) => {\n        if (typeof c === 'string') return;\n        validateSpec(c, catalog, `${path}.slots.${slotName}[${i}]`);\n      });\n    }\n  }\n}\n"]}

package/lib/a2ui/renderer.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentSpec, EmittedEvent, RegisteredCatalog } from './types.js';
+export interface RenderOptions {
+    root?: HTMLElement;
+    doc?: Document;
+    onEvent?: (evt: EmittedEvent) => void;
+}
+export declare function render(spec: ComponentSpec, catalog: RegisteredCatalog, options?: RenderOptions): HTMLElement;
+//# sourceMappingURL=renderer.d.ts.map

package/lib/a2ui/renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../a2ui/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,YAAY,EAGZ,iBAAiB,EAClB,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,MAAM,CACpB,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,iBAAiB,EAC1B,OAAO,GAAE,aAAkB,GAC1B,WAAW,CAMb"}

package/lib/a2ui/renderer.js

@@ -0,0 +1,109 @@
+import { validateSpec } from './registry.js';
+export function render(spec, catalog, options = {}) {
+    validateSpec(spec, catalog);
+    const doc = options.doc ?? document;
+    const el = buildElement(spec, catalog, doc, '$', options.onEvent);
+    if (options.root)
+        options.root.replaceChildren(el);
+    return el;
+}
+function buildElement(spec, catalog, doc, path, onEvent) {
+    const def = catalog.components.get(spec.component);
+    const propDefs = def.properties?.props?.properties ?? {};
+    const el = doc.createElement(spec.component);
+    if (spec.props) {
+        for (const [key, value] of Object.entries(spec.props)) {
+            applyProp(el, key, value, propDefs[key]);
+        }
+    }
+    if (spec.events && onEvent) {
+        for (const [evtName, binding] of Object.entries(spec.events)) {
+            attachEvent(el, spec.component, path, evtName, binding, onEvent);
+        }
+    }
+    if (spec.children) {
+        spec.children.forEach((child, i) => {
+            if (typeof child === 'string') {
+                el.appendChild(doc.createTextNode(child));
+                return;
+            }
+            el.appendChild(buildElement(child, catalog, doc, `${path}.children[${i}]`, onEvent));
+        });
+    }
+    if (spec.slots) {
+        for (const [slotName, children] of Object.entries(spec.slots)) {
+            children.forEach((child, i) => {
+                if (typeof child === 'string') {
+                    if (slotName === 'default') {
+                        el.appendChild(doc.createTextNode(child));
+                    }
+                    else {
+                        const wrap = doc.createElement('span');
+                        wrap.setAttribute('slot', slotName);
+                        wrap.textContent = child;
+                        el.appendChild(wrap);
+                    }
+                    return;
+                }
+                const childEl = buildElement(child, catalog, doc, `${path}.slots.${slotName}[${i}]`, onEvent);
+                if (slotName !== 'default')
+                    childEl.setAttribute('slot', slotName);
+                el.appendChild(childEl);
+            });
+        }
+    }
+    return el;
+}
+function attachEvent(el, component, path, eventName, binding, onEvent) {
+    const handler = typeof binding === 'string' ? binding : binding.handler;
+    const stop = typeof binding === 'object' && binding.stopPropagation === true;
+    const prevent = typeof binding === 'object' && binding.preventDefault === true;
+    el.addEventListener(eventName, (nativeEvent) => {
+        if (stop)
+            nativeEvent.stopPropagation();
+        if (prevent)
+            nativeEvent.preventDefault();
+        const detail = 'detail' in nativeEvent
+            ? nativeEvent.detail
+            : undefined;
+        onEvent({
+            component,
+            path,
+            event: eventName,
+            handler,
+            detail,
+            nativeEvent,
+        });
+    });
+}
+function applyProp(el, key, value, schema) {
+    if (value === undefined || value === null)
+        return;
+    if (schema?.['x-kind'] === 'property') {
+        el[key] = value;
+        return;
+    }
+    if (typeof value === 'boolean') {
+        if (value)
+            el.setAttribute(key, '');
+        else
+            el.removeAttribute(key);
+        return;
+    }
+    if (Array.isArray(value) || (typeof value === 'object' && value !== null)) {
+        el[key] = value;
+        return;
+    }
+    if (schema && isComplexSchema(schema)) {
+        el[key] = value;
+        return;
+    }
+    el.setAttribute(key, String(value));
+}
+function isComplexSchema(schema) {
+    const t = schema.type;
+    if (Array.isArray(t))
+        return t.some((x) => x === 'object' || x === 'array');
+    return t === 'object' || t === 'array';
+}
+//# sourceMappingURL=renderer.js.map

package/lib/a2ui/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../../a2ui/renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  ComponentSpec,\n  EmittedEvent,\n  EventBinding,\n  PropSchema,\n  RegisteredCatalog,\n} from './types.js';\nimport { validateSpec } from './registry.js';\n\nexport interface RenderOptions {\n  root?: HTMLElement;\n  doc?: Document;\n  onEvent?: (evt: EmittedEvent) => void;\n}\n\nexport function render(\n  spec: ComponentSpec,\n  catalog: RegisteredCatalog,\n  options: RenderOptions = {}\n): HTMLElement {\n  validateSpec(spec, catalog);\n  const doc = options.doc ?? document;\n  const el = buildElement(spec, catalog, doc, '$', options.onEvent);\n  if (options.root) options.root.replaceChildren(el);\n  return el;\n}\n\nfunction buildElement(\n  spec: ComponentSpec,\n  catalog: RegisteredCatalog,\n  doc: Document,\n  path: string,\n  onEvent?: (evt: EmittedEvent) => void\n): HTMLElement {\n  const def = catalog.components.get(spec.component)!;\n  const propDefs = def.properties?.props?.properties ?? {};\n  const el = doc.createElement(spec.component);\n\n  if (spec.props) {\n    for (const [key, value] of Object.entries(spec.props)) {\n      applyProp(el, key, value, propDefs[key]);\n    }\n  }\n\n  if (spec.events && onEvent) {\n    for (const [evtName, binding] of Object.entries(spec.events)) {\n      attachEvent(el, spec.component, path, evtName, binding, onEvent);\n    }\n  }\n\n  if (spec.children) {\n    spec.children.forEach((child, i) => {\n      if (typeof child === 'string') {\n        el.appendChild(doc.createTextNode(child));\n        return;\n      }\n      el.appendChild(buildElement(child, catalog, doc, `${path}.children[${i}]`, onEvent));\n    });\n  }\n\n  if (spec.slots) {\n    for (const [slotName, children] of Object.entries(spec.slots)) {\n      children.forEach((child, i) => {\n        if (typeof child === 'string') {\n          if (slotName === 'default') {\n            el.appendChild(doc.createTextNode(child));\n          } else {\n            const wrap = doc.createElement('span');\n            wrap.setAttribute('slot', slotName);\n            wrap.textContent = child;\n            el.appendChild(wrap);\n          }\n          return;\n        }\n        const childEl = buildElement(\n          child,\n          catalog,\n          doc,\n          `${path}.slots.${slotName}[${i}]`,\n          onEvent\n        );\n        if (slotName !== 'default') childEl.setAttribute('slot', slotName);\n        el.appendChild(childEl);\n      });\n    }\n  }\n\n  return el;\n}\n\nfunction attachEvent(\n  el: HTMLElement,\n  component: string,\n  path: string,\n  eventName: string,\n  binding: EventBinding,\n  onEvent: (evt: EmittedEvent) => void\n): void {\n  const handler = typeof binding === 'string' ? binding : binding.handler;\n  const stop = typeof binding === 'object' && binding.stopPropagation === true;\n  const prevent = typeof binding === 'object' && binding.preventDefault === true;\n\n  el.addEventListener(eventName, (nativeEvent) => {\n    if (stop) nativeEvent.stopPropagation();\n    if (prevent) nativeEvent.preventDefault();\n    const detail = 'detail' in nativeEvent\n      ? (nativeEvent as CustomEvent).detail\n      : undefined;\n    onEvent({\n      component,\n      path,\n      event: eventName,\n      handler,\n      detail,\n      nativeEvent,\n    });\n  });\n}\n\nfunction applyProp(\n  el: HTMLElement,\n  key: string,\n  value: unknown,\n  schema: PropSchema | undefined\n): void {\n  if (value === undefined || value === null) return;\n\n  if (schema?.['x-kind'] === 'property') {\n    (el as unknown as Record<string, unknown>)[key] = value;\n    return;\n  }\n\n  if (typeof value === 'boolean') {\n    if (value) el.setAttribute(key, '');\n    else el.removeAttribute(key);\n    return;\n  }\n\n  if (Array.isArray(value) || (typeof value === 'object' && value !== null)) {\n    (el as unknown as Record<string, unknown>)[key] = value;\n    return;\n  }\n\n  if (schema && isComplexSchema(schema)) {\n    (el as unknown as Record<string, unknown>)[key] = value;\n    return;\n  }\n\n  el.setAttribute(key, String(value));\n}\n\nfunction isComplexSchema(schema: PropSchema): boolean {\n  const t = schema.type;\n  if (Array.isArray(t)) return t.some((x) => x === 'object' || x === 'array');\n  return t === 'object' || t === 'array';\n}\n"]}

package/lib/a2ui/types.d.ts

@@ -0,0 +1,76 @@
+export type SpecChild = ComponentSpec | string;
+export interface ComponentSpec {
+    component: string;
+    props?: Record<string, unknown>;
+    children?: SpecChild[];
+    slots?: Record<string, SpecChild[]>;
+    events?: Record<string, EventBinding>;
+}
+export type EventBinding = string | {
+    handler: string;
+    stopPropagation?: boolean;
+    preventDefault?: boolean;
+};
+export interface EmittedEvent {
+    component: string;
+    path: string;
+    event: string;
+    handler: string;
+    detail: unknown;
+    nativeEvent: Event;
+}
+export interface CatalogSchema {
+    $id?: string;
+    $defs?: {
+        components?: Record<string, CatalogComponentDef>;
+    };
+    'x-a2ui'?: {
+        catalogId?: string;
+        library?: string;
+        libraryVersion?: string;
+        tagPrefix?: string;
+        framework?: string;
+    };
+    [key: string]: unknown;
+}
+export interface CatalogComponentDef {
+    title?: string;
+    description?: string;
+    'x-category'?: string;
+    'x-slot-descriptions'?: Record<string, string>;
+    'x-events'?: Record<string, {
+        detail?: unknown;
+    }>;
+    properties?: {
+        component?: {
+            const?: string;
+        };
+        props?: {
+            properties?: Record<string, PropSchema>;
+        };
+        children?: unknown;
+        slots?: {
+            properties?: Record<string, unknown>;
+        };
+    };
+}
+export interface PropSchema {
+    type?: string | string[];
+    enum?: string[];
+    const?: unknown;
+    default?: unknown;
+    description?: string;
+    items?: PropSchema;
+    properties?: Record<string, PropSchema>;
+    required?: string[];
+    additionalProperties?: boolean;
+    oneOf?: PropSchema[];
+    'x-tsType'?: string;
+    'x-kind'?: 'attribute' | 'property';
+}
+export interface RegisteredCatalog {
+    id: string;
+    schema: CatalogSchema;
+    components: Map<string, CatalogComponentDef>;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/a2ui/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../a2ui/types.ts"],"names":[],"mappings":"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"}

package/lib/a2ui/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/a2ui/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../a2ui/types.ts"],"names":[],"mappings":"","sourcesContent":["export type SpecChild = ComponentSpec | string;\n\nexport interface ComponentSpec {\n  component: string;\n  props?: Record<string, unknown>;\n  children?: SpecChild[];\n  slots?: Record<string, SpecChild[]>;\n  events?: Record<string, EventBinding>;\n}\n\nexport type EventBinding =\n  | string\n  | {\n      handler: string;\n      stopPropagation?: boolean;\n      preventDefault?: boolean;\n    };\n\nexport interface EmittedEvent {\n  component: string;\n  path: string;\n  event: string;\n  handler: string;\n  detail: unknown;\n  nativeEvent: Event;\n}\n\nexport interface CatalogSchema {\n  $id?: string;\n  $defs?: {\n    components?: Record<string, CatalogComponentDef>;\n  };\n  'x-a2ui'?: {\n    catalogId?: string;\n    library?: string;\n    libraryVersion?: string;\n    tagPrefix?: string;\n    framework?: string;\n  };\n  [key: string]: unknown;\n}\n\nexport interface CatalogComponentDef {\n  title?: string;\n  description?: string;\n  'x-category'?: string;\n  'x-slot-descriptions'?: Record<string, string>;\n  'x-events'?: Record<string, { detail?: unknown }>;\n  properties?: {\n    component?: { const?: string };\n    props?: {\n      properties?: Record<string, PropSchema>;\n    };\n    children?: unknown;\n    slots?: {\n      properties?: Record<string, unknown>;\n    };\n  };\n}\n\nexport interface PropSchema {\n  type?: string | string[];\n  enum?: string[];\n  const?: unknown;\n  default?: unknown;\n  description?: string;\n  items?: PropSchema;\n  properties?: Record<string, PropSchema>;\n  required?: string[];\n  additionalProperties?: boolean;\n  oneOf?: PropSchema[];\n  'x-tsType'?: string;\n  'x-kind'?: 'attribute' | 'property';\n}\n\nexport interface RegisteredCatalog {\n  id: string;\n  schema: CatalogSchema;\n  components: Map<string, CatalogComponentDef>;\n}\n"]}

package/lib/components/icon/icon.d.ts

@@ -1,6 +1,7 @@
 import { TemplateResult } from 'lit';
 import { Cre8Element } from '../cre8-element';
 /**
+ *
  *
  * <svg> is a web component, which can be used with any frontend framework and use any svg.
  * It takes raw svgs as props and renders them.
@@ -25,7 +26,7 @@ import { Cre8Element } from '../cre8-element';
  * If you need to install a newer version than what's included, please see
  * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).
  * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`
- * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg';`
+ * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg?raw';`
  *
  * Your import paths may be different depending on your project's build configuration.
  * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-@tmorrow/cre8-wc/icons--page)

package/lib/components/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,cAAc,EAAG,MAAM,KAAK,CAAC;AAyD5C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAc;IAE9B;;;;OAIG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW;IAaX,MAAM;CA0FT;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;IACD,UAAU,MAAM;QACZ,aAAa,CAAC,EAAE,MAAM,CAAC;KAC1B;CACJ;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,cAAc,EAAG,MAAM,KAAK,CAAC;AAyD5C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAc;IAE9B;;;;OAIG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW;IAaX,MAAM;CA0FT;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;IACD,UAAU,MAAM;QACZ,aAAa,CAAC,EAAE,MAAM,CAAC;KAC1B;CACJ;AAED,eAAe,QAAQ,CAAC"}

package/lib/components/icon/icon.js

@@ -10,63 +10,64 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, } from 'lit';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 import { property } from 'lit/decorators.js';
-import svgAdd from '@tmorrow/cre8-wc/icons/Add.svg';
-import svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left.svg';
-import svgChat from '@tmorrow/cre8-wc/icons/Chat_Default.svg';
-import svgCalendar from '@tmorrow/cre8-wc/icons/Calendar.svg';
-import svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg';
-import svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg';
-import svgCheck from '@tmorrow/cre8-wc/icons/Check.svg';
-import svgClose from '@tmorrow/cre8-wc/icons/Close.svg';
-import svgDownload from '@tmorrow/cre8-wc/icons/Download.svg';
-import svgEdit from '@tmorrow/cre8-wc/icons/Edit.svg';
-import svgEllipsis from '@tmorrow/cre8-wc/icons/Ellipsis_Filled.svg';
-import svgMessageFilled from '@tmorrow/cre8-wc/icons/Message_Unread_Filled.svg';
-import svgMessage from '@tmorrow/cre8-wc/icons/Message_Unread.svg';
-import svgError from '@tmorrow/cre8-wc/icons/Error.svg';
-import svgExternal from '@tmorrow/cre8-wc/icons/External_Link.svg';
-import svgMedication from '@tmorrow/cre8-wc/icons/Medication.svg';
-import svgGlobe from '@tmorrow/cre8-wc/icons/Globe.svg';
-import svgHelp from '@tmorrow/cre8-wc/icons/Help.svg';
-import svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg';
-import svgCaretUp from '@tmorrow/cre8-wc/icons/Caret_Up.svg';
-import svgLightbulb from '@tmorrow/cre8-wc/icons/Lightbulb.svg';
-import svgLocation from '@tmorrow/cre8-wc/icons/Location.svg';
-import svgMenu from '@tmorrow/cre8-wc/icons/Menu.svg';
-import svgMinus from '@tmorrow/cre8-wc/icons/Minus.svg';
-import svgAccountFilled from '@tmorrow/cre8-wc/icons/Account_Filled.svg';
-import svgNotification from '@tmorrow/cre8-wc/icons/Notification.svg';
-import svgRefill from '@tmorrow/cre8-wc/icons/Refill.svg';
-import svgAccount from '@tmorrow/cre8-wc/icons/Account.svg';
-import svgPlayFilled from '@tmorrow/cre8-wc/icons/Play_Arrow.svg';
-import svgPlayCircle from '@tmorrow/cre8-wc/icons/Play_Circle.svg';
-import svgSpinner from '@tmorrow/cre8-wc/icons/Spinner_75.svg';
-import svgUndo from '@tmorrow/cre8-wc/icons/Undo.svg';
-import svgSearch from '@tmorrow/cre8-wc/icons/Search.svg';
-import svgCart from '@tmorrow/cre8-wc/icons/Cart.svg';
-import svgRectangle from '@tmorrow/cre8-wc/icons/Rectangle.svg';
-import svgVaccine from '@tmorrow/cre8-wc/icons/Vaccinations.svg';
-import svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg';
-import svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/Caret_Double_Right.svg';
-import svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg';
-import svgEsi from '@tmorrow/cre8-wc/icons/express-scripts.svg';
-import svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg';
-import svgLinkedin from '@tmorrow/cre8-wc/icons/linkedin.svg';
-import svgOpen from '@tmorrow/cre8-wc/icons/open.svg';
-import svgPause from '@tmorrow/cre8-wc/icons/pause.svg';
-import svgPersonBubble from '@tmorrow/cre8-wc/icons/person-bubble.svg';
-import svgPinterest from '@tmorrow/cre8-wc/icons/pinterest.svg';
-import svgRss from '@tmorrow/cre8-wc/icons/rss-feed.svg';
-import svgRx from '@tmorrow/cre8-wc/icons/rx.svg';
-import svgSwap from '@tmorrow/cre8-wc/icons/swap.svg';
-import svgThumbsUp from '@tmorrow/cre8-wc/icons/thumb-up.svg';
-import svgTrendFlat from '@tmorrow/cre8-wc/icons/trending-flat.svg';
-import svgTrendUp from '@tmorrow/cre8-wc/icons/trending-up.svg';
-import svgTwitter from '@tmorrow/cre8-wc/icons/twitter.svg';
+import svgAdd from '@tmorrow/cre8-wc/icons/Add.svg?raw';
+import svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left.svg?raw';
+import svgChat from '@tmorrow/cre8-wc/icons/Chat_Default.svg?raw';
+import svgCalendar from '@tmorrow/cre8-wc/icons/Calendar.svg?raw';
+import svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg?raw';
+import svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';
+import svgCheck from '@tmorrow/cre8-wc/icons/Check.svg?raw';
+import svgClose from '@tmorrow/cre8-wc/icons/Close.svg?raw';
+import svgDownload from '@tmorrow/cre8-wc/icons/Download.svg?raw';
+import svgEdit from '@tmorrow/cre8-wc/icons/Edit.svg?raw';
+import svgEllipsis from '@tmorrow/cre8-wc/icons/Ellipsis_Filled.svg?raw';
+import svgMessageFilled from '@tmorrow/cre8-wc/icons/Message_Unread_Filled.svg?raw';
+import svgMessage from '@tmorrow/cre8-wc/icons/Message_Unread.svg?raw';
+import svgError from '@tmorrow/cre8-wc/icons/Error.svg?raw';
+import svgExternal from '@tmorrow/cre8-wc/icons/External_Link.svg?raw';
+import svgMedication from '@tmorrow/cre8-wc/icons/Medication.svg?raw';
+import svgGlobe from '@tmorrow/cre8-wc/icons/Globe.svg?raw';
+import svgHelp from '@tmorrow/cre8-wc/icons/Help.svg?raw';
+import svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';
+import svgCaretUp from '@tmorrow/cre8-wc/icons/Caret_Up.svg?raw';
+import svgLightbulb from '@tmorrow/cre8-wc/icons/Lightbulb.svg?raw';
+import svgLocation from '@tmorrow/cre8-wc/icons/Location.svg?raw';
+import svgMenu from '@tmorrow/cre8-wc/icons/Menu.svg?raw';
+import svgMinus from '@tmorrow/cre8-wc/icons/Minus.svg?raw';
+import svgAccountFilled from '@tmorrow/cre8-wc/icons/Account_Filled.svg?raw';
+import svgNotification from '@tmorrow/cre8-wc/icons/Notification.svg?raw';
+import svgRefill from '@tmorrow/cre8-wc/icons/Refill.svg?raw';
+import svgAccount from '@tmorrow/cre8-wc/icons/Account.svg?raw';
+import svgPlayFilled from '@tmorrow/cre8-wc/icons/Play_Arrow.svg?raw';
+import svgPlayCircle from '@tmorrow/cre8-wc/icons/Play_Circle.svg?raw';
+import svgSpinner from '@tmorrow/cre8-wc/icons/Spinner_75.svg?raw';
+import svgUndo from '@tmorrow/cre8-wc/icons/Undo.svg?raw';
+import svgSearch from '@tmorrow/cre8-wc/icons/Search.svg?raw';
+import svgCart from '@tmorrow/cre8-wc/icons/Cart.svg?raw';
+import svgRectangle from '@tmorrow/cre8-wc/icons/Rectangle.svg?raw';
+import svgVaccine from '@tmorrow/cre8-wc/icons/Vaccinations.svg?raw';
+import svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';
+import svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/Caret_Double_Right.svg?raw';
+import svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg?raw';
+import svgEsi from '@tmorrow/cre8-wc/icons/express-scripts.svg?raw';
+import svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg?raw';
+import svgLinkedin from '@tmorrow/cre8-wc/icons/linkedin.svg?raw';
+import svgOpen from '@tmorrow/cre8-wc/icons/open.svg?raw';
+import svgPause from '@tmorrow/cre8-wc/icons/pause.svg?raw';
+import svgPersonBubble from '@tmorrow/cre8-wc/icons/person-bubble.svg?raw';
+import svgPinterest from '@tmorrow/cre8-wc/icons/pinterest.svg?raw';
+import svgRss from '@tmorrow/cre8-wc/icons/rss-feed.svg?raw';
+import svgRx from '@tmorrow/cre8-wc/icons/rx.svg?raw';
+import svgSwap from '@tmorrow/cre8-wc/icons/swap.svg?raw';
+import svgThumbsUp from '@tmorrow/cre8-wc/icons/thumb-up.svg?raw';
+import svgTrendFlat from '@tmorrow/cre8-wc/icons/trending-flat.svg?raw';
+import svgTrendUp from '@tmorrow/cre8-wc/icons/trending-up.svg?raw';
+import svgTwitter from '@tmorrow/cre8-wc/icons/twitter.svg?raw';
 import { Cre8Element } from '../cre8-element';
 import styles from './icon.styles.js';
-import iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg';
+import iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';
 /**
+ *
  *
  * <svg> is a web component, which can be used with any frontend framework and use any svg.
  * It takes raw svgs as props and renders them.
@@ -91,7 +92,7 @@ import iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg';
  * If you need to install a newer version than what's included, please see
  * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).
  * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`
- * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg';`
+ * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg?raw';`
  *
  * Your import paths may be different depending on your project's build configuration.
  * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-@tmorrow/cre8-wc/icons--page)