praxis-kit 3.1.1 → 4.0.0

package/dist/react/index.d.ts

@@ -1,18 +1,14 @@
-import { E as ElementType, U as UnknownProps, V as VariantMap, R as RecipeMap, a as EmptyRecord, C as ClassPluginFactory, A as AnyRecord, b as ReactFactoryOptions, P as PolymorphicComponent, c as PolymorphicGenerics, d as ExtractPluginProps } from '../merge-refs-BKyE8h8M.js';
-export { e as AnyFactoryOptions, f as ElementRef, F as FactoryOptions, g as PolymorphicProps, h as PolymorphicWithAsChild, i as PolymorphicWithRender, j as RenderCallbackProps, S as Slottable, k as SlottableProps, l as defineContractComponent, m as mergeRefs } from '../merge-refs-BKyE8h8M.js';
+export { defineContractComponent } from '@praxis-kit/adapter-utils';
+import { ElementType, EmptyRecord, VariantMap, RecipeMap, ClassPluginFactory, AnyRecord, PolymorphicGenerics, ExtractPluginProps } from '@praxis-kit/core';
+export { AnyFactoryOptions, ElementType, EmptyRecord, FactoryOptions, PolymorphicGenerics } from '@praxis-kit/core';
+import { U as UnknownProps, R as ReactFactoryOptions, P as PolymorphicComponent } from '../merge-refs-DUuHyTRO.js';
+export { E as ElementRef, a as PolymorphicProps, b as PolymorphicWithAsChild, c as PolymorphicWithRender, d as RenderCallbackProps, S as Slottable, e as SlottableProps, m as composeRefs, m as mergeRefs } from '../merge-refs-DUuHyTRO.js';
 import { Ref, ReactElement } from 'react';
+import '@praxis-kit/runtime';
 import 'type-fest';
 
-declare function createAriaEnforcedComponent<TDefault extends ElementType, Props extends UnknownProps, Variants extends Readonly<VariantMap>, TPreset extends RecipeMap<Variants> = Readonly<EmptyRecord>, TPlugin extends ClassPluginFactory<AnyRecord> | undefined = ClassPluginFactory<AnyRecord> | undefined>(options: ReactFactoryOptions<TDefault, Props, Variants, TPreset, TPlugin>): PolymorphicComponent<PolymorphicGenerics<TDefault, Props & ExtractPluginProps<TPlugin>, Variants, TPreset>>;
-
-declare function createChildrenEnforcedComponent<TDefault extends ElementType, Props extends UnknownProps, Variants extends Readonly<VariantMap>, TPreset extends RecipeMap<Variants> = Readonly<EmptyRecord>, TPlugin extends ClassPluginFactory<AnyRecord> | undefined = ClassPluginFactory<AnyRecord> | undefined>(options: ReactFactoryOptions<TDefault, Props, Variants, TPreset, TPlugin>): PolymorphicComponent<PolymorphicGenerics<TDefault, Props & ExtractPluginProps<TPlugin>, Variants, TPreset>>;
-
 declare function createContractComponent<TDefault extends ElementType, Props extends UnknownProps = EmptyRecord, Variants extends Readonly<VariantMap> = Readonly<EmptyRecord>, TPreset extends RecipeMap<Variants> = Readonly<EmptyRecord>, TPlugin extends ClassPluginFactory<AnyRecord> | undefined = ClassPluginFactory<AnyRecord> | undefined, TAllowed extends ElementType = ElementType>(options: ReactFactoryOptions<TDefault, Props, Variants, TPreset, TPlugin, TAllowed>): PolymorphicComponent<PolymorphicGenerics<TDefault, Props & ExtractPluginProps<TPlugin>, Variants, TPreset, TAllowed>>;
 
-declare function createContractedComponent<TDefault extends ElementType, Props extends UnknownProps, Variants extends Readonly<VariantMap>, TPreset extends RecipeMap<Variants> = Readonly<EmptyRecord>, TPlugin extends ClassPluginFactory<AnyRecord> | undefined = ClassPluginFactory<AnyRecord> | undefined>(options: ReactFactoryOptions<TDefault, Props, Variants, TPreset, TPlugin>): PolymorphicComponent<PolymorphicGenerics<TDefault, Props & ExtractPluginProps<TPlugin>, Variants, TPreset>>;
-
-declare function createPolymorphicComponent<TDefault extends ElementType, Props extends UnknownProps, Variants extends Readonly<VariantMap>, TPreset extends RecipeMap<Variants> = Readonly<EmptyRecord>, TPlugin extends ClassPluginFactory<AnyRecord> | undefined = ClassPluginFactory<AnyRecord> | undefined>(options: ReactFactoryOptions<TDefault, Props, Variants, TPreset, TPlugin>): PolymorphicComponent<PolymorphicGenerics<TDefault, Props & ExtractPluginProps<TPlugin>, Variants, TPreset>>;
-
 type SlotProps = {
     ref?: Ref<unknown> | null;
     [key: string]: unknown;
@@ -22,4 +18,20 @@ declare namespace Slot {
     var displayName: string;
 }
 
-export { ElementType, EmptyRecord, PolymorphicComponent, PolymorphicGenerics, ReactFactoryOptions, Slot, createAriaEnforcedComponent, createChildrenEnforcedComponent, createContractComponent, createContractedComponent, createPolymorphicComponent };
+type CloneInput = {
+    child: ReactElement;
+    slotProps: UnknownProps;
+    ref: Ref<unknown> | null;
+};
+declare function cloneSlotChild({ child, slotProps, ref }: CloneInput): ReactElement;
+
+/**
+ * Cross-version ref extraction for React 19 elements.
+ * React 19 stores ref in `element.props.ref`; when a React 18-created element is passed in,
+ * React attaches a warning getter there instead and keeps the real ref on `element.ref`.
+ * `getChildRef` detects which location is live and reads from there.
+ */
+
+declare function getChildRef(element: ReactElement): Ref<unknown> | null;
+
+export { PolymorphicComponent, ReactFactoryOptions, Slot, cloneSlotChild, createContractComponent, getChildRef };

package/dist/react/index.js

@@ -1,23 +1,35 @@
 import {
+  AriaPolicyEngine,
   COMPONENT_DEFAULT_TAG,
   SLOT_NAME,
   SlotValidator,
   Slottable,
+  applyAria,
+  applyAttributes,
   applyDisplayName,
+  applyFilterProps,
+  applyPropNormalizers,
+  applyRef,
   applySlot,
+  buildDefinition,
   buildEngines,
-  buildRuntime,
+  buildStylePipeline,
   cloneWithProps,
-  composeFilter,
-  createContractedPolymorphic,
-  createPolymorphic,
   defineContractComponent,
+  enforceAllowedAs,
+  extractDecoration,
+  flattenClassName,
+  getHtmlChildrenEvaluator,
   isFunction,
   isPlainObject,
+  joinClasses,
+  makeRenderAsChild,
   mergeRefs,
   mergeSlotProps,
-  render
-} from "../chunk-6RJN5B6L.js";
+  renderNormally,
+  renderWithCallback,
+  resolveAdapterCommonOptions
+} from "../chunk-TJRHF6MS.js";
 
 // ../../adapters/react/src/current/slot/cloneSlotChild.ts
 import { Fragment } from "react";
@@ -51,12 +63,6 @@ function cloneSlotChild({ child, slotProps, ref }) {
   return cloneWithProps(child, merged, mergedRef);
 }
 
-// ../../adapters/react/src/current/slot/Slot.tsx
-function Slot({ ref = null, children, ...slotProps }) {
-  return applySlot(children, slotProps, ref, cloneSlotChild);
-}
-Slot.displayName = SLOT_NAME;
-
 // ../../adapters/react/src/current/normalize-children.ts
 import { isValidElement } from "react";
 function normalizeChildren(children) {
@@ -65,125 +71,118 @@ function normalizeChildren(children) {
   return [];
 }
 
-// ../../adapters/react/src/current/create-aria-enforced-component.ts
-function createAriaEnforcedComponent(options) {
-  const name = options.name ?? "PolymorphicComponent";
-  const strict = options.enforcement?.strict ?? "throw";
-  const slotComponent = options.slotComponent ?? Slot;
-  const runtime = createContractedPolymorphic(options);
-  const filterProps = composeFilter(/* @__PURE__ */ new Set(), options.filterProps);
-  const slotValidator = new SlotValidator(name, strict);
-  function Component({ ref, ...props }) {
-    return render({
-      runtime,
-      props,
-      ref: ref ?? null,
-      slotComponent,
-      normalizeChildren,
-      filterProps,
-      slotValidator
-    });
-  }
-  applyDisplayName(Component, name);
-  return Component;
-}
-
-// ../../adapters/react/src/current/create-children-enforced-component.ts
-function createChildrenEnforcedComponent(options) {
-  const name = options.name ?? "PolymorphicComponent";
-  const strict = options.enforcement?.strict ?? "throw";
-  const slotComponent = options.slotComponent ?? Slot;
-  const runtime = createPolymorphic(options);
-  const filterProps = composeFilter(/* @__PURE__ */ new Set(), options.filterProps);
-  const slotValidator = new SlotValidator(name, strict);
-  const { childrenEvaluator } = buildEngines(strict, options.enforcement?.children, name);
-  function Component({ ref, ...props }) {
-    return render({
-      runtime,
-      props,
-      ref: ref ?? null,
-      slotComponent,
-      normalizeChildren,
-      filterProps,
-      slotValidator,
-      ...childrenEvaluator !== void 0 && { childrenEvaluator }
-    });
-  }
-  applyDisplayName(Component, name);
-  return Component;
-}
-
 // ../../adapters/react/src/current/create-contract-component.ts
+var EMPTY_SET = /* @__PURE__ */ new Set();
 function createContractComponent(options) {
-  const bundle = buildRuntime(
-    options,
-    Slot,
-    normalizeChildren
+  const resolved = resolveAdapterCommonOptions(options);
+  const displayName = resolved.name;
+  const defaultTag = options.tag ?? "div";
+  const artifact = options.artifact;
+  const definition = artifact?.definition ?? buildDefinition(displayName, defaultTag);
+  const variantKeys = new Set(Object.keys(options.styling?.variants ?? {}));
+  const domDefaults = options.defaults;
+  const stylePipeline = buildStylePipeline(
+    options.styling?.variants,
+    options.styling?.presets,
+    options.styling?.defaults ?? {},
+    options.styling?.compounds,
+    artifact?.precomputed?.variantLookup
+  );
+  const base = options.styling?.base !== void 0 ? flattenClassName(options.styling.base) : void 0;
+  const filterFn = options.filterProps;
+  const allowedAs = options.enforcement?.allowedAs;
+  const normalizeFn = options.normalize;
+  const enforcementNormalizers = options.enforcement?.props;
+  const classPlugin = options.styling?.plugin !== void 0 ? options.styling.plugin(
+    options.styling,
+    resolved.diagnostics
+  ) : void 0;
+  const pluginKeys = classPlugin?.ownedKeys ?? EMPTY_SET;
+  const { childrenEvaluator: explicitEvaluator } = buildEngines(
+    resolved.diagnostics,
+    options.enforcement?.children,
+    displayName
   );
+  const ariaEngine = options.enforcement !== void 0 ? new AriaPolicyEngine(resolved.diagnostics) : void 0;
+  const slotValidator = new SlotValidator(displayName, resolved.diagnostics, "React element");
+  const renderAsChild = makeRenderAsChild(cloneSlotChild);
   function Component({ ref, ...props }) {
-    return render({ ...bundle, props, ref: ref ?? null });
+    const {
+      as,
+      asChild,
+      render,
+      children,
+      className: callerClassName,
+      recipe,
+      ...ownProps
+    } = props;
+    const tag = typeof as === "string" ? as : defaultTag;
+    if (allowedAs !== void 0) enforceAllowedAs(tag, allowedAs, resolved.diagnostics, displayName);
+    const rawBaseProps = domDefaults !== void 0 ? { ...domDefaults, ...ownProps } : ownProps;
+    const normalizedProps = applyPropNormalizers(tag, rawBaseProps, enforcementNormalizers);
+    const baseProps = normalizeFn !== void 0 ? normalizeFn(normalizedProps) : normalizedProps;
+    const pluginProps = {};
+    const propsForExtraction = pluginKeys.size > 0 ? Object.fromEntries(
+      Object.entries(baseProps).filter(([k]) => {
+        if (pluginKeys.has(k)) {
+          pluginProps[k] = baseProps[k];
+          return false;
+        }
+        return true;
+      })
+    ) : baseProps;
+    const rootDec = extractDecoration(propsForExtraction, variantKeys);
+    const decoration = applyAria(
+      Object.keys(rootDec).length > 0 ? { root: rootDec } : {},
+      tag,
+      ariaEngine
+    );
+    if (process.env.NODE_ENV !== "production") {
+      const childEval = explicitEvaluator ?? getHtmlChildrenEvaluator(tag);
+      childEval?.evaluate(normalizeChildren(children));
+    }
+    const recipeName = typeof recipe === "string" ? recipe : void 0;
+    const { variantClasses, compoundClasses } = stylePipeline ? stylePipeline.execute(decoration, recipeName) : { variantClasses: [], compoundClasses: [] };
+    const rawClassName = joinClasses(base, ...variantClasses, ...compoundClasses, callerClassName);
+    const className = classPlugin !== void 0 ? classPlugin.pipeline(tag, pluginProps, rawClassName, recipeName) : rawClassName;
+    if (asChild === true) {
+      if (typeof as === "string") {
+        slotValidator.assertExclusive();
+      } else {
+        return renderAsChild(children, className, ref);
+      }
+    }
+    let finalDecoration = className ? applyAttributes("root", { className }, decoration, variantKeys) : decoration;
+    finalDecoration = applyFilterProps(finalDecoration, filterFn, variantKeys);
+    finalDecoration = applyRef(finalDecoration, ref);
+    if (typeof render === "function")
+      return renderWithCallback(
+        render,
+        finalDecoration["root"]?.attributes ?? {},
+        className,
+        ref
+      );
+    return renderNormally(definition, tag, finalDecoration, children);
   }
   applyDisplayName(Component, options.name);
-  if (typeof bundle.runtime.options.defaultTag === "string") {
-    Object.assign(Component, { [COMPONENT_DEFAULT_TAG]: bundle.runtime.options.defaultTag });
-  }
-  return Component;
-}
-
-// ../../adapters/react/src/current/create-contracted-component.ts
-function createContractedComponent(options) {
-  const name = options.name ?? "PolymorphicComponent";
-  const strict = options.enforcement?.strict ?? "throw";
-  const slotComponent = options.slotComponent ?? Slot;
-  const runtime = createContractedPolymorphic(options);
-  const filterProps = composeFilter(/* @__PURE__ */ new Set(), options.filterProps);
-  const slotValidator = new SlotValidator(name, strict);
-  const { childrenEvaluator } = buildEngines(strict, options.enforcement?.children, name);
-  function Component({ ref, ...props }) {
-    return render({
-      runtime,
-      props,
-      ref: ref ?? null,
-      slotComponent,
-      normalizeChildren,
-      filterProps,
-      slotValidator,
-      ...childrenEvaluator !== void 0 && { childrenEvaluator }
-    });
+  if (typeof defaultTag === "string") {
+    Object.assign(Component, { [COMPONENT_DEFAULT_TAG]: defaultTag });
   }
-  applyDisplayName(Component, name);
   return Component;
 }
 
-// ../../adapters/react/src/current/create-polymorphic-component.ts
-function createPolymorphicComponent(options) {
-  const name = options.name ?? "PolymorphicComponent";
-  const slotComponent = options.slotComponent ?? Slot;
-  const runtime = createPolymorphic(options);
-  const filterProps = composeFilter(/* @__PURE__ */ new Set(), options.filterProps);
-  const slotValidator = new SlotValidator(name, "throw");
-  function Component({ ref, ...props }) {
-    return render({
-      runtime,
-      props,
-      ref: ref ?? null,
-      slotComponent,
-      normalizeChildren,
-      filterProps,
-      slotValidator
-    });
-  }
-  applyDisplayName(Component, name);
-  return Component;
+// ../../adapters/react/src/current/slot/Slot.tsx
+function Slot({ ref = null, children, ...slotProps }) {
+  return applySlot(children, slotProps, ref, cloneSlotChild);
 }
+Slot.displayName = SLOT_NAME;
 export {
   Slot,
   Slottable,
-  createAriaEnforcedComponent,
-  createChildrenEnforcedComponent,
+  cloneSlotChild,
+  mergeRefs as composeRefs,
   createContractComponent,
-  createContractedComponent,
-  createPolymorphicComponent,
   defineContractComponent,
+  getChildRef,
   mergeRefs
 };

package/dist/react/legacy.d.ts

@@ -1,21 +1,17 @@
-import { E as ElementType, U as UnknownProps, V as VariantMap, R as RecipeMap, a as EmptyRecord, C as ClassPluginFactory, A as AnyRecord, b as ReactFactoryOptions, P as PolymorphicComponent, c as PolymorphicGenerics, d as ExtractPluginProps } from '../merge-refs-BKyE8h8M.js';
-export { e as AnyFactoryOptions, f as ElementRef, F as FactoryOptions, g as PolymorphicProps, h as PolymorphicWithAsChild, i as PolymorphicWithRender, j as RenderCallbackProps, S as Slottable, k as SlottableProps, l as defineContractComponent, m as mergeRefs } from '../merge-refs-BKyE8h8M.js';
+export { defineContractComponent } from '@praxis-kit/adapter-utils';
+import { ElementType, EmptyRecord, VariantMap, RecipeMap, ClassPluginFactory, AnyRecord, PolymorphicGenerics, ExtractPluginProps } from '@praxis-kit/core';
+export { AnyFactoryOptions, ElementType, EmptyRecord, FactoryOptions, PolymorphicGenerics } from '@praxis-kit/core';
+import { U as UnknownProps, R as ReactFactoryOptions, P as PolymorphicComponent } from '../merge-refs-DUuHyTRO.js';
+export { E as ElementRef, a as PolymorphicProps, b as PolymorphicWithAsChild, c as PolymorphicWithRender, d as RenderCallbackProps, S as Slottable, e as SlottableProps, m as mergeRefs } from '../merge-refs-DUuHyTRO.js';
 import * as react from 'react';
+import '@praxis-kit/runtime';
 import 'type-fest';
 
-declare function createAriaEnforcedComponent<TDefault extends ElementType, Props extends UnknownProps, Variants extends Readonly<VariantMap>, TPreset extends RecipeMap<Variants> = Readonly<EmptyRecord>, TPlugin extends ClassPluginFactory<AnyRecord> | undefined = ClassPluginFactory<AnyRecord> | undefined>(options: ReactFactoryOptions<TDefault, Props, Variants, TPreset, TPlugin>): PolymorphicComponent<PolymorphicGenerics<TDefault, Props & ExtractPluginProps<TPlugin>, Variants, TPreset>>;
-
-declare function createChildrenEnforcedComponent<TDefault extends ElementType, Props extends UnknownProps, Variants extends Readonly<VariantMap>, TPreset extends RecipeMap<Variants> = Readonly<EmptyRecord>, TPlugin extends ClassPluginFactory<AnyRecord> | undefined = ClassPluginFactory<AnyRecord> | undefined>(options: ReactFactoryOptions<TDefault, Props, Variants, TPreset, TPlugin>): PolymorphicComponent<PolymorphicGenerics<TDefault, Props & ExtractPluginProps<TPlugin>, Variants, TPreset>>;
-
 declare function createContractComponent<TDefault extends ElementType, Props extends UnknownProps = EmptyRecord, Variants extends Readonly<VariantMap> = Readonly<EmptyRecord>, TPreset extends RecipeMap<Variants> = Readonly<EmptyRecord>, TPlugin extends ClassPluginFactory<AnyRecord> | undefined = ClassPluginFactory<AnyRecord> | undefined, TAllowed extends ElementType = ElementType>(options: ReactFactoryOptions<TDefault, Props, Variants, TPreset, TPlugin, TAllowed>): PolymorphicComponent<PolymorphicGenerics<TDefault, Props & ExtractPluginProps<TPlugin>, Variants, TPreset, TAllowed>>;
 
-declare function createContractedComponent<TDefault extends ElementType, Props extends UnknownProps, Variants extends Readonly<VariantMap>, TPreset extends RecipeMap<Variants> = Readonly<EmptyRecord>, TPlugin extends ClassPluginFactory<AnyRecord> | undefined = ClassPluginFactory<AnyRecord> | undefined>(options: ReactFactoryOptions<TDefault, Props, Variants, TPreset, TPlugin>): PolymorphicComponent<PolymorphicGenerics<TDefault, Props & ExtractPluginProps<TPlugin>, Variants, TPreset>>;
-
-declare function createPolymorphicComponent<TDefault extends ElementType, Props extends UnknownProps, Variants extends Readonly<VariantMap>, TPreset extends RecipeMap<Variants> = Readonly<EmptyRecord>, TPlugin extends ClassPluginFactory<AnyRecord> | undefined = ClassPluginFactory<AnyRecord> | undefined>(options: ReactFactoryOptions<TDefault, Props, Variants, TPreset, TPlugin>): PolymorphicComponent<PolymorphicGenerics<TDefault, Props & ExtractPluginProps<TPlugin>, Variants, TPreset>>;
-
 type SlotProps = {
     [key: string]: unknown;
 };
 declare const Slot: react.ForwardRefExoticComponent<Omit<SlotProps, "ref"> & react.RefAttributes<unknown>>;
 
-export { ElementType, EmptyRecord, PolymorphicComponent, PolymorphicGenerics, ReactFactoryOptions, Slot, createAriaEnforcedComponent, createChildrenEnforcedComponent, createContractComponent, createContractedComponent, createPolymorphicComponent };
+export { PolymorphicComponent, ReactFactoryOptions, Slot, createContractComponent };

package/dist/react/legacy.js

@@ -1,28 +1,37 @@
 import {
+  AriaPolicyEngine,
   COMPONENT_DEFAULT_TAG,
   SLOT_NAME,
   SlotValidator,
   Slottable,
+  applyAria,
+  applyAttributes,
   applyDisplayName,
+  applyFilterProps,
+  applyPropNormalizers,
+  applyRef,
   applySlot,
+  buildDefinition,
   buildEngines,
-  buildRuntime,
+  buildStylePipeline,
   cloneWithProps,
-  composeFilter,
-  createContractedPolymorphic,
-  createPolymorphic,
   defineContractComponent,
+  enforceAllowedAs,
+  extractDecoration,
+  flattenClassName,
+  getHtmlChildrenEvaluator,
   isFunction,
   isPlainObject,
+  joinClasses,
+  makeRenderAsChild,
   mergeRefs,
   mergeSlotProps,
-  render
-} from "../chunk-6RJN5B6L.js";
+  renderNormally,
+  renderWithCallback,
+  resolveAdapterCommonOptions
+} from "../chunk-TJRHF6MS.js";
 
-// ../../adapters/react/src/legacy/create-aria-enforced-component.ts
-import { forwardRef as forwardRef2 } from "react";
-
-// ../../adapters/react/src/legacy/slot/Slot.tsx
+// ../../adapters/react/src/legacy/create-contract-component.ts
 import { forwardRef } from "react";
 
 // ../../adapters/react/src/legacy/slot/cloneSlotChild.ts
@@ -57,151 +66,122 @@ function cloneSlotChild({ child, slotProps, ref }) {
   return cloneWithProps(child, merged, mergedRef);
 }
 
-// ../../adapters/react/src/legacy/slot/Slot.tsx
-var Slot = forwardRef(function Slot2({ children, ...slotProps }, ref) {
-  return applySlot(children, slotProps, ref, cloneSlotChild);
-});
-Slot.displayName = SLOT_NAME;
-
 // ../../adapters/react/src/legacy/normalize-children.ts
 import { Children, isValidElement } from "react";
 function normalizeChildren(children) {
   return Children.toArray(children).filter(isValidElement);
 }
 
-// ../../adapters/react/src/legacy/create-aria-enforced-component.ts
-function createAriaEnforcedComponent(options) {
-  const name = options.name ?? "PolymorphicComponent";
-  const strict = options.enforcement?.strict ?? "throw";
-  const slotComponent = options.slotComponent ?? Slot;
-  const runtime = createContractedPolymorphic(options);
-  const filterProps = composeFilter(/* @__PURE__ */ new Set(), options.filterProps);
-  const slotValidator = new SlotValidator(name, strict);
-  const Component = forwardRef2(
-    function PolymorphicComponent(props, ref) {
-      return render({
-        runtime,
-        props,
-        ref,
-        slotComponent,
-        normalizeChildren,
-        filterProps,
-        slotValidator
-      });
-    }
-  );
-  applyDisplayName(Component, name);
-  return Component;
-}
-
-// ../../adapters/react/src/legacy/create-children-enforced-component.ts
-import { forwardRef as forwardRef3 } from "react";
-function createChildrenEnforcedComponent(options) {
-  const name = options.name ?? "PolymorphicComponent";
-  const strict = options.enforcement?.strict ?? "throw";
-  const slotComponent = options.slotComponent ?? Slot;
-  const runtime = createPolymorphic(options);
-  const filterProps = composeFilter(/* @__PURE__ */ new Set(), options.filterProps);
-  const slotValidator = new SlotValidator(name, strict);
-  const { childrenEvaluator } = buildEngines(strict, options.enforcement?.children, name);
-  const Component = forwardRef3(
-    function PolymorphicComponent(props, ref) {
-      return render({
-        runtime,
-        props,
-        ref,
-        slotComponent,
-        normalizeChildren,
-        filterProps,
-        slotValidator,
-        ...childrenEvaluator !== void 0 && { childrenEvaluator }
-      });
-    }
-  );
-  applyDisplayName(Component, name);
-  return Component;
-}
-
 // ../../adapters/react/src/legacy/create-contract-component.ts
-import { forwardRef as forwardRef4 } from "react";
+var EMPTY_SET = /* @__PURE__ */ new Set();
 function createContractComponent(options) {
-  const bundle = buildRuntime(
-    options,
-    Slot,
-    normalizeChildren
+  const resolved = resolveAdapterCommonOptions(options);
+  const displayName = resolved.name;
+  const defaultTag = options.tag ?? "div";
+  const artifact = options.artifact;
+  const definition = artifact?.definition ?? buildDefinition(displayName, defaultTag);
+  const variantKeys = new Set(Object.keys(options.styling?.variants ?? {}));
+  const domDefaults = options.defaults;
+  const stylePipeline = buildStylePipeline(
+    options.styling?.variants,
+    options.styling?.presets,
+    options.styling?.defaults ?? {},
+    options.styling?.compounds,
+    artifact?.precomputed?.variantLookup
   );
-  const Component = forwardRef4(
-    function PolymorphicComponent(props, ref) {
-      return render({ ...bundle, props, ref });
-    }
+  const base = options.styling?.base !== void 0 ? flattenClassName(options.styling.base) : void 0;
+  const filterFn = options.filterProps;
+  const allowedAs = options.enforcement?.allowedAs;
+  const normalizeFn = options.normalize;
+  const enforcementNormalizers = options.enforcement?.props;
+  const classPlugin = options.styling?.plugin !== void 0 ? options.styling.plugin(
+    options.styling,
+    resolved.diagnostics
+  ) : void 0;
+  const pluginKeys = classPlugin?.ownedKeys ?? EMPTY_SET;
+  const { childrenEvaluator: explicitEvaluator } = buildEngines(
+    resolved.diagnostics,
+    options.enforcement?.children,
+    displayName
   );
+  const ariaEngine = options.enforcement !== void 0 ? new AriaPolicyEngine(resolved.diagnostics) : void 0;
+  const slotValidator = new SlotValidator(displayName, resolved.diagnostics, "React element");
+  const renderAsChild = makeRenderAsChild(cloneSlotChild);
+  const Component = forwardRef(function Component2(props, ref) {
+    const {
+      as,
+      asChild,
+      render,
+      children,
+      className: callerClassName,
+      recipe,
+      ...ownProps
+    } = props;
+    const tag = typeof as === "string" ? as : defaultTag;
+    if (allowedAs !== void 0) enforceAllowedAs(tag, allowedAs, resolved.diagnostics, displayName);
+    const rawBaseProps = domDefaults !== void 0 ? { ...domDefaults, ...ownProps } : ownProps;
+    const normalizedProps = applyPropNormalizers(tag, rawBaseProps, enforcementNormalizers);
+    const baseProps = normalizeFn !== void 0 ? normalizeFn(normalizedProps) : normalizedProps;
+    const pluginProps = {};
+    const propsForExtraction = pluginKeys.size > 0 ? Object.fromEntries(
+      Object.entries(baseProps).filter(([k]) => {
+        if (pluginKeys.has(k)) {
+          pluginProps[k] = baseProps[k];
+          return false;
+        }
+        return true;
+      })
+    ) : baseProps;
+    const rootDec = extractDecoration(propsForExtraction, variantKeys);
+    const decoration = applyAria(
+      Object.keys(rootDec).length > 0 ? { root: rootDec } : {},
+      tag,
+      ariaEngine
+    );
+    if (process.env.NODE_ENV !== "production") {
+      const childEval = explicitEvaluator ?? getHtmlChildrenEvaluator(tag);
+      childEval?.evaluate(normalizeChildren(children));
+    }
+    const recipeName = typeof recipe === "string" ? recipe : void 0;
+    const { variantClasses, compoundClasses } = stylePipeline ? stylePipeline.execute(decoration, recipeName) : { variantClasses: [], compoundClasses: [] };
+    const rawClassName = joinClasses(base, ...variantClasses, ...compoundClasses, callerClassName);
+    const className = classPlugin !== void 0 ? classPlugin.pipeline(tag, pluginProps, rawClassName, recipeName) : rawClassName;
+    if (asChild === true) {
+      if (typeof as === "string") {
+        slotValidator.assertExclusive();
+      } else {
+        return renderAsChild(children, className, ref);
+      }
+    }
+    let finalDecoration = className ? applyAttributes("root", { className }, decoration, variantKeys) : decoration;
+    finalDecoration = applyFilterProps(finalDecoration, filterFn, variantKeys);
+    finalDecoration = applyRef(finalDecoration, ref);
+    if (typeof render === "function")
+      return renderWithCallback(
+        render,
+        finalDecoration["root"]?.attributes ?? {},
+        className,
+        ref
+      );
+    return renderNormally(definition, tag, finalDecoration, children);
+  });
   applyDisplayName(Component, options.name);
-  if (typeof bundle.runtime.options.defaultTag === "string") {
-    Object.assign(Component, { [COMPONENT_DEFAULT_TAG]: bundle.runtime.options.defaultTag });
+  if (typeof defaultTag === "string") {
+    Object.assign(Component, { [COMPONENT_DEFAULT_TAG]: defaultTag });
   }
   return Component;
 }
 
-// ../../adapters/react/src/legacy/create-contracted-component.ts
-import { forwardRef as forwardRef5 } from "react";
-function createContractedComponent(options) {
-  const name = options.name ?? "PolymorphicComponent";
-  const strict = options.enforcement?.strict ?? "throw";
-  const slotComponent = options.slotComponent ?? Slot;
-  const runtime = createContractedPolymorphic(options);
-  const filterProps = composeFilter(/* @__PURE__ */ new Set(), options.filterProps);
-  const slotValidator = new SlotValidator(name, strict);
-  const { childrenEvaluator } = buildEngines(strict, options.enforcement?.children, name);
-  const Component = forwardRef5(
-    function PolymorphicComponent(props, ref) {
-      return render({
-        runtime,
-        props,
-        ref,
-        slotComponent,
-        normalizeChildren,
-        filterProps,
-        slotValidator,
-        ...childrenEvaluator !== void 0 && { childrenEvaluator }
-      });
-    }
-  );
-  applyDisplayName(Component, name);
-  return Component;
-}
-
-// ../../adapters/react/src/legacy/create-polymorphic-component.ts
-import { forwardRef as forwardRef6 } from "react";
-function createPolymorphicComponent(options) {
-  const name = options.name ?? "PolymorphicComponent";
-  const slotComponent = options.slotComponent ?? Slot;
-  const runtime = createPolymorphic(options);
-  const filterProps = composeFilter(/* @__PURE__ */ new Set(), options.filterProps);
-  const slotValidator = new SlotValidator(name, "throw");
-  const Component = forwardRef6(
-    function PolymorphicComponent(props, ref) {
-      return render({
-        runtime,
-        props,
-        ref,
-        slotComponent,
-        normalizeChildren,
-        filterProps,
-        slotValidator
-      });
-    }
-  );
-  applyDisplayName(Component, name);
-  return Component;
-}
+// ../../adapters/react/src/legacy/slot/Slot.tsx
+import { forwardRef as forwardRef2 } from "react";
+var Slot = forwardRef2(function Slot2({ children, ...slotProps }, ref) {
+  return applySlot(children, slotProps, ref, cloneSlotChild);
+});
+Slot.displayName = SLOT_NAME;
 export {
   Slot,
   Slottable,
-  createAriaEnforcedComponent,
-  createChildrenEnforcedComponent,
   createContractComponent,
-  createContractedComponent,
-  createPolymorphicComponent,
   defineContractComponent,
   mergeRefs
 };