@yahoo/uds-create-config 5.25.2 → 5.27.0

package/dist/spec/specToJsx.js

@@ -1,3 +1,5 @@
+import { UDS_FORCE_STATES } from "../framework/component-states.js";
+import "../framework/class-names.js";
 import { glyphJsxForm, glyphMemberOf, jsxIdentifier, parseGlyphType } from "./glyph-jsx.js";
 import { serializeProps } from "@json-render/codegen";
 //#region src/spec/specToJsx.ts
@@ -108,6 +110,8 @@ function renderElement(key, spec, depth, ctx, ancestors) {
 	if (ancestors.has(key)) return `${indent}{/* cyclic reference to "${key}" omitted */}`;
 	const withSelf = new Set(ancestors).add(key);
 	const { children: _children, ...propsWithoutSlots } = element.props ?? {};
+	delete propsWithoutSlots[UDS_FORCE_STATES];
+	for (const state of ctx.states?.[element.type] ?? []) delete propsWithoutSlots[state];
 	const slotKeys = collectSlotKeys(element.slots);
 	const slotAttrs = [];
 	for (const [propName, fills] of Object.entries(element.slots ?? {})) if (fills.length === 1) {
@@ -207,6 +211,7 @@ function specToJsx(spec, options) {
 		glyphModules: options?.glyphModules,
 		glyphProps: options?.glyphProps,
 		glyphMembers: options?.glyphMembers,
+		states: options?.states,
 		members: /* @__PURE__ */ new Map()
 	};
 	const jsxTree = renderElement(spec.root, spec, 0, ctx, /* @__PURE__ */ new Set());