@neurocle/synapse-react 0.0.0-stage → 0.3.0

package/dist/system/create-part.mjs

@@ -0,0 +1,123 @@
+"use client";
+import { mergeSynapseProps, yieldAmendedName } from "./merge-props.mjs";
+import { devWarn } from "./dev-warn.mjs";
+import { SynapseDefinitionError, SynapseStructuralError } from "./context.mjs";
+import { isRef } from "./react-node.mjs";
+import { composeRefs } from "./refs.mjs";
+import { renderPart } from "./as-child.mjs";
+import { readGetter } from "./getters.mjs";
+import { markStyledComponent, rendersStyledChild } from "./styled-component.mjs";
+import { Fragment, createElement, isValidElement } from "react";
+//#region src/system/create-part.ts
+function renderOwnedElements(options) {
+	const { componentName, ownerName, owned, api, ownerArgs, field } = options;
+	return owned.flatMap((element) => {
+		const getter = readGetter(api, element.getter);
+		if (getter === void 0) throw new SynapseDefinitionError(`${componentName}.${ownerName}: owned getter "${element.getter}" is not on the connected api.`);
+		return (element.getterArgs?.(api, ownerArgs) ?? [void 0]).map((args, index) => {
+			const raw = args === void 0 ? getter() : getter(args);
+			const props = withFieldProps(field, element.name, raw);
+			const content = element.render ? element.render(props, api) : createElement(element.element ?? "div", props);
+			return createElement(Fragment, { key: `${element.name}:${index}` }, content);
+		});
+	});
+}
+function readElementSignal(behaviorProps) {
+	if (behaviorProps["type"] === "button") return {
+		element: "button",
+		signal: "button-type"
+	};
+	if (behaviorProps["htmlFor"] !== void 0) return {
+		element: "label",
+		signal: "label-for"
+	};
+	if (behaviorProps["role"] !== void 0) return {
+		element: "div",
+		signal: "own-role"
+	};
+	return {
+		element: "div",
+		signal: "unspecified"
+	};
+}
+function withFieldProps(field, anatomyKey, behaviorProps) {
+	if (field === void 0 || !field.describes.has(anatomyKey)) return behaviorProps;
+	const describedBy = [behaviorProps["aria-describedby"], field.props["aria-describedby"]].filter((value) => typeof value === "string" && value !== "").join(" ");
+	return {
+		...field.props,
+		...behaviorProps,
+		"aria-describedby": describedBy === "" ? void 0 : describedBy
+	};
+}
+function createPart(config) {
+	const { componentName, context, part } = config;
+	const displayName = `${componentName}.${part.partName}`;
+	function Part(props) {
+		const root = context.usePartContext(part.partName);
+		devWarn(part.anatomyKey === "label" && root.field?.labelTaken === true, `<${componentName}.Label> is rendered inside a <Field.Root>, whose <Field.Label> already names this control and owns the label id. Two elements now share that id. Inside a Field, use <Field.Label> only.`);
+		if (!root.presence.isPresent(part.anatomyKey)) return null;
+		const { asChild, children, ref, ...rest } = props;
+		const getterParams = {};
+		const consumerProps = {};
+		for (const key of Object.keys(rest)) if (part.getterProps.includes(key)) getterParams[key] = rest[key];
+		else consumerProps[key] = rest[key];
+		const getterName = typeof part.getterName === "string" ? part.getterName : part.getterName.resolve(getterParams);
+		const getter = readGetter(root.api, getterName);
+		if (getter === void 0) throw new SynapseStructuralError({
+			component: componentName,
+			part: part.partName,
+			reason: `has no behavior getter \`${getterName}\` on the ${componentName} machine. The part list is derived from the machine's anatomy, so this means the anatomy and the connected api disagree.`
+		});
+		let behaviorProps;
+		try {
+			behaviorProps = part.getterProps.length > 0 ? getter(getterParams) : getter();
+		} catch (error) {
+			throw new SynapseStructuralError({
+				component: componentName,
+				part: part.partName,
+				reason: `could not read its behavior props: \`${getterName}\` threw. A getter that needs arguments is given them through the part's \`getterProps\`, which this part declares as ${part.getterProps.length === 0 ? "none" : `[${part.getterProps.join(", ")}]`}.`,
+				cause: error
+			});
+		}
+		behaviorProps = withFieldProps(root.field, part.anatomyKey, behaviorProps);
+		if (part.amend !== void 0) {
+			const childProps = asChild === true && isValidElement(children) ? children.props : void 0;
+			behaviorProps = {
+				...behaviorProps,
+				...yieldAmendedName(behaviorProps, part.amend(behaviorProps, root.api, getterParams, root.translate, children), [consumerProps, childProps])
+			};
+		}
+		const slotClass = rendersStyledChild(asChild, children) || asChild === true && part.unstyledWhenAsChild === true ? void 0 : root.slotClasses[part.anatomyKey];
+		const styleProps = slotClass === void 0 ? void 0 : { className: slotClass };
+		const defaultChildren = part.defaultContent !== void 0 && (children === void 0 || asChild === true) ? part.defaultContent(root.api, root.translate, getterParams) : void 0;
+		const { element: derived, signal } = readElementSignal(behaviorProps);
+		devWarn(part.element !== void 0 && part.element !== derived && (signal === "button-type" || signal === "label-for"), `<${componentName}.${part.partName}> is declared as \`${String(part.element)}\` but its machine emits ${signal === "button-type" ? "`type=\"button\"`" : "`htmlFor`"}, which belongs on a \`${String(derived)}\`. Remove the \`elements\` entry to follow the machine, or keep it if this component genuinely needs the other element.`);
+		const owned = part.ownedElements === void 0 || part.ownedElements.length === 0 ? void 0 : renderOwnedElements({
+			field: root.field,
+			componentName,
+			ownerName: part.partName,
+			owned: part.ownedElements,
+			api: root.api,
+			ownerArgs: getterParams
+		});
+		const behaviorRef = behaviorProps["ref"];
+		return renderPart({
+			componentName,
+			partName: part.partName,
+			element: part.element ?? derived,
+			props: mergeSynapseProps(behaviorProps, styleProps, consumerProps),
+			ref: composeRefs(isRef(behaviorRef) ? behaviorRef : void 0, ref),
+			children,
+			defaultChildren,
+			trailingChildren: owned,
+			asChild
+		});
+	}
+	Part.displayName = displayName;
+	markStyledComponent(Part);
+	return Part;
+}
+//#endregion
+export { createPart, readElementSignal, renderOwnedElements, withFieldProps };
+
+//# sourceMappingURL=create-part.mjs.map

package/dist/system/create-part.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-part.mjs","names":[],"sources":["../../src/system/create-part.ts"],"sourcesContent":["'use client'\n\nimport { createElement, Fragment, isValidElement, type ReactNode, type Ref } from 'react'\n\nimport { renderPart } from '#/system/as-child.ts'\nimport {\n  SynapseDefinitionError,\n  SynapseStructuralError,\n  type FieldPart,\n  type RootContext,\n} from '#/system/context.ts'\nimport { devWarn } from '#/system/dev-warn.ts'\nimport { readGetter } from '#/system/getters.ts'\nimport { mergeSynapseProps, type Props, yieldAmendedName } from '#/system/merge-props.ts'\nimport { isRef } from '#/system/react-node.ts'\nimport { composeRefs } from '#/system/refs.ts'\nimport { markStyledComponent, rendersStyledChild } from '#/system/styled-component.ts'\nimport type {\n  BehaviorApi,\n  GetterName,\n  BehaviorAmendment,\n  BehaviorProps,\n  DefaultContent,\n  OwnedElement,\n  PartComponent,\n  PartElement,\n} from '#/system/types.ts'\n\nexport interface PartDefinition<TApi extends BehaviorApi = BehaviorApi> {\n  anatomyKey: string\n  partName: string\n  element?: PartElement\n  getterName: GetterName\n  getterProps: readonly string[]\n  defaultContent?: DefaultContent<TApi>\n  ownedElements?: readonly OwnedElement<TApi>[]\n  amend?: BehaviorAmendment<TApi>\n  unstyledWhenAsChild?: boolean\n}\n\nexport function renderOwnedElements<TApi extends BehaviorApi>(options: {\n  componentName: string\n  ownerName: string\n  owned: readonly OwnedElement<TApi>[]\n  api: TApi\n  ownerArgs: Readonly<Record<string, unknown>>\n  field?: FieldPart | undefined\n}): ReactNode[] {\n  const { componentName, ownerName, owned, api, ownerArgs, field } = options\n  return owned.flatMap((element) => {\n    const getter = readGetter(api, element.getter)\n    if (getter === undefined) {\n      throw new SynapseDefinitionError(\n        `${componentName}.${ownerName}: owned getter \"${element.getter}\" is not on the ` +\n          `connected api.`,\n      )\n    }\n\n    const argumentSets = element.getterArgs?.(api, ownerArgs) ?? [undefined]\n\n    return argumentSets.map((args, index) => {\n      const raw = args === undefined ? getter() : getter(args)\n      const props = withFieldProps(field, element.name, raw)\n      const content = element.render\n        ? element.render(props, api)\n        : createElement(element.element ?? 'div', props)\n      return createElement(Fragment, { key: `${element.name}:${index}` }, content)\n    })\n  })\n}\n\nexport type ElementSignal = 'button-type' | 'label-for' | 'own-role' | 'unspecified'\n\nexport function readElementSignal(behaviorProps: BehaviorProps): {\n  element: PartElement\n  signal: ElementSignal\n} {\n  if (behaviorProps['type'] === 'button') return { element: 'button', signal: 'button-type' }\n  if (behaviorProps['htmlFor'] !== undefined) return { element: 'label', signal: 'label-for' }\n  if (behaviorProps['role'] !== undefined) return { element: 'div', signal: 'own-role' }\n  return { element: 'div', signal: 'unspecified' }\n}\n\nexport function deriveElement(behaviorProps: BehaviorProps): PartElement {\n  return readElementSignal(behaviorProps).element\n}\n\ntype PartRuntimeProps = Record<string, unknown> & {\n  asChild?: boolean\n  children?: ReactNode\n  ref?: Ref<HTMLElement>\n}\n\nexport interface CreatePartConfig<TApi extends BehaviorApi> {\n  componentName: string\n  context: RootContext<TApi>\n  part: PartDefinition<TApi>\n}\n\nexport function withFieldProps(\n  field: FieldPart | undefined,\n  anatomyKey: string,\n  behaviorProps: BehaviorProps,\n): BehaviorProps {\n  if (field === undefined || !field.describes.has(anatomyKey)) return behaviorProps\n  const describedBy = [behaviorProps['aria-describedby'], field.props['aria-describedby']]\n    .filter((value): value is string => typeof value === 'string' && value !== '')\n    .join(' ')\n  return {\n    ...field.props,\n    ...behaviorProps,\n    'aria-describedby': describedBy === '' ? undefined : describedBy,\n  }\n}\n\nexport function createPart<TApi extends BehaviorApi>(\n  config: CreatePartConfig<TApi>,\n): PartComponent<HTMLElement, Record<string, unknown>> {\n  const { componentName, context, part } = config\n  const displayName = `${componentName}.${part.partName}`\n\n  function Part(props: PartRuntimeProps): ReactNode {\n    const root = context.usePartContext(part.partName)\n\n    devWarn(\n      part.anatomyKey === 'label' && root.field?.labelTaken === true,\n      `<${componentName}.Label> is rendered inside a <Field.Root>, whose <Field.Label> already ` +\n        `names this control and owns the label id. Two elements now share that id. Inside a ` +\n        `Field, use <Field.Label> only.`,\n    )\n\n    if (!root.presence.isPresent(part.anatomyKey)) return null\n\n    const { asChild, children, ref, ...rest } = props\n\n    const getterParams: Record<string, unknown> = {}\n    const consumerProps: Props = {}\n    for (const key of Object.keys(rest)) {\n      if (part.getterProps.includes(key)) getterParams[key] = rest[key]\n      else consumerProps[key] = rest[key]\n    }\n\n    const getterName =\n      typeof part.getterName === 'string' ? part.getterName : part.getterName.resolve(getterParams)\n\n    const getter = readGetter(root.api, getterName)\n    if (getter === undefined) {\n      throw new SynapseStructuralError({\n        component: componentName,\n        part: part.partName,\n        reason:\n          `has no behavior getter \\`${getterName}\\` on the ${componentName} machine. ` +\n          `The part list is derived from the machine's anatomy, so this means the anatomy and ` +\n          `the connected api disagree.`,\n      })\n    }\n\n    let behaviorProps: BehaviorProps\n    try {\n      behaviorProps = part.getterProps.length > 0 ? getter(getterParams) : getter()\n    } catch (error) {\n      throw new SynapseStructuralError({\n        component: componentName,\n        part: part.partName,\n        reason:\n          `could not read its behavior props: \\`${getterName}\\` threw. A getter that ` +\n          `needs arguments is given them through the part's \\`getterProps\\`, which this part ` +\n          `declares as ${part.getterProps.length === 0 ? 'none' : `[${part.getterProps.join(', ')}]`}.`,\n        cause: error,\n      })\n    }\n\n    behaviorProps = withFieldProps(root.field, part.anatomyKey, behaviorProps)\n\n    if (part.amend !== undefined) {\n      const childProps =\n        asChild === true && isValidElement<Props>(children) ? children.props : undefined\n      behaviorProps = {\n        ...behaviorProps,\n        ...yieldAmendedName(\n          behaviorProps,\n          part.amend(behaviorProps, root.api, getterParams, root.translate, children),\n          [consumerProps, childProps],\n        ),\n      }\n    }\n\n    const slotClass =\n      rendersStyledChild(asChild, children) ||\n      (asChild === true && part.unstyledWhenAsChild === true)\n        ? undefined\n        : root.slotClasses[part.anatomyKey]\n    const styleProps: Props | undefined =\n      slotClass === undefined\n        ? undefined\n        : {\n            className: slotClass,\n          }\n\n    const defaultChildren =\n      part.defaultContent !== undefined && (children === undefined || asChild === true)\n        ? part.defaultContent(root.api, root.translate, getterParams)\n        : undefined\n\n    const { element: derived, signal } = readElementSignal(behaviorProps)\n\n    devWarn(\n      part.element !== undefined &&\n        part.element !== derived &&\n        (signal === 'button-type' || signal === 'label-for'),\n      `<${componentName}.${part.partName}> is declared as \\`${String(part.element)}\\` but its ` +\n        `machine emits ${signal === 'button-type' ? '`type=\"button\"`' : '`htmlFor`'}, which ` +\n        `belongs on a \\`${String(derived)}\\`. Remove the \\`elements\\` entry to follow the ` +\n        `machine, or keep it if this component genuinely needs the other element.`,\n    )\n\n    const owned =\n      part.ownedElements === undefined || part.ownedElements.length === 0\n        ? undefined\n        : renderOwnedElements({\n            field: root.field,\n            componentName,\n            ownerName: part.partName,\n            owned: part.ownedElements,\n            api: root.api,\n            ownerArgs: getterParams,\n          })\n\n    const behaviorRef = behaviorProps['ref']\n    return renderPart({\n      componentName,\n      partName: part.partName,\n      element: part.element ?? derived,\n      props: mergeSynapseProps(behaviorProps, styleProps, consumerProps),\n      ref: composeRefs(isRef<HTMLElement>(behaviorRef) ? behaviorRef : undefined, ref),\n      children,\n      defaultChildren,\n      trailingChildren: owned,\n      asChild,\n    })\n  }\n\n  Part.displayName = displayName\n  markStyledComponent(Part)\n  return Part\n}\n"],"mappings":"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"}

package/dist/system/dev-warn.mjs

@@ -0,0 +1,13 @@
+//#region src/system/dev-warn.ts
+const seen = /* @__PURE__ */ new Set();
+function devWarn(condition, message) {
+	if (process.env.NODE_ENV === "production") return;
+	if (!condition) return;
+	if (seen.has(message)) return;
+	seen.add(message);
+	console.warn(`[synapse] ${message}`);
+}
+//#endregion
+export { devWarn };
+
+//# sourceMappingURL=dev-warn.mjs.map

package/dist/system/dev-warn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-warn.mjs","names":[],"sources":["../../src/system/dev-warn.ts"],"sourcesContent":["const seen = new Set<string>()\n\nexport function devWarn(condition: boolean, message: string): void {\n  if (process.env.NODE_ENV === 'production') return\n  if (!condition) return\n  if (seen.has(message)) return\n  seen.add(message)\n  // oxlint-disable-next-line no-console\n  console.warn(`[synapse] ${message}`)\n}\n\nexport function resetDevWarnings(): void {\n  seen.clear()\n}\n"],"mappings":";AAAA,MAAM,uBAAO,IAAI,IAAY;AAE7B,SAAgB,QAAQ,WAAoB,SAAuB;CACjE,IAAI,QAAQ,IAAI,aAAa,cAAc;CAC3C,IAAI,CAAC,WAAW;CAChB,IAAI,KAAK,IAAI,OAAO,GAAG;CACvB,KAAK,IAAI,OAAO;CAEhB,QAAQ,KAAK,aAAa,SAAS;AACrC"}

package/dist/system/getters.mjs

@@ -0,0 +1,24 @@
+//#region src/system/getters.ts
+const isRecord = (value) => typeof value === "object" && value !== null;
+function memberOf(api, name) {
+	return typeof api === "object" && api !== null ? Reflect.get(api, name) : void 0;
+}
+function hasGetter(api, name) {
+	return typeof memberOf(api, name) === "function";
+}
+function apiKeys(api) {
+	return typeof api === "object" && api !== null ? Object.keys(api) : [];
+}
+function readGetter(api, name) {
+	const member = memberOf(api, name);
+	if (typeof member !== "function") return void 0;
+	return (params) => {
+		const result = params === void 0 ? Reflect.apply(member, void 0, []) : Reflect.apply(member, void 0, [params]);
+		if (!isRecord(result)) throw new TypeError(`[synapse] behavior getter \`${name}\` returned ${typeof result} rather than props.`);
+		return result;
+	};
+}
+//#endregion
+export { apiKeys, hasGetter, memberOf, readGetter };
+
+//# sourceMappingURL=getters.mjs.map

package/dist/system/getters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getters.mjs","names":[],"sources":["../../src/system/getters.ts"],"sourcesContent":["import type { BehaviorProps } from '#/system/types.ts'\n\nexport type PartPropsGetter = (params?: Readonly<Record<string, unknown>>) => BehaviorProps\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null\n\nexport function memberOf(api: unknown, name: string): unknown {\n  return typeof api === 'object' && api !== null ? Reflect.get(api, name) : undefined\n}\n\nexport function hasGetter(api: unknown, name: string): boolean {\n  return typeof memberOf(api, name) === 'function'\n}\n\nexport function apiKeys(api: unknown): string[] {\n  return typeof api === 'object' && api !== null ? Object.keys(api) : []\n}\n\nexport function readGetter(api: unknown, name: string): PartPropsGetter | undefined {\n  const member = memberOf(api, name)\n  if (typeof member !== 'function') return undefined\n  return (params) => {\n    const result: unknown =\n      params === undefined\n        ? Reflect.apply(member, undefined, [])\n        : Reflect.apply(member, undefined, [params])\n    if (!isRecord(result)) {\n      throw new TypeError(\n        `[synapse] behavior getter \\`${name}\\` returned ${typeof result} rather than props.`,\n      )\n    }\n    return result\n  }\n}\n"],"mappings":";AAIA,MAAM,YAAY,UAChB,OAAO,UAAU,YAAY,UAAU;AAEzC,SAAgB,SAAS,KAAc,MAAuB;CAC5D,OAAO,OAAO,QAAQ,YAAY,QAAQ,OAAO,QAAQ,IAAI,KAAK,IAAI,IAAI,KAAA;AAC5E;AAEA,SAAgB,UAAU,KAAc,MAAuB;CAC7D,OAAO,OAAO,SAAS,KAAK,IAAI,MAAM;AACxC;AAEA,SAAgB,QAAQ,KAAwB;CAC9C,OAAO,OAAO,QAAQ,YAAY,QAAQ,OAAO,OAAO,KAAK,GAAG,IAAI,CAAC;AACvE;AAEA,SAAgB,WAAW,KAAc,MAA2C;CAClF,MAAM,SAAS,SAAS,KAAK,IAAI;CACjC,IAAI,OAAO,WAAW,YAAY,OAAO,KAAA;CACzC,QAAQ,WAAW;EACjB,MAAM,SACJ,WAAW,KAAA,IACP,QAAQ,MAAM,QAAQ,KAAA,GAAW,CAAC,CAAC,IACnC,QAAQ,MAAM,QAAQ,KAAA,GAAW,CAAC,MAAM,CAAC;EAC/C,IAAI,CAAC,SAAS,MAAM,GAClB,MAAM,IAAI,UACR,+BAA+B,KAAK,cAAc,OAAO,OAAO,oBAClE;EAEF,OAAO;CACT;AACF"}

package/dist/system/merge-props.d.mts

@@ -0,0 +1,5 @@
+//#region src/system/merge-props.d.ts
+export type Props = Record<string | symbol, unknown>;
+export declare function mergeSynapseProps(behaviorProps: Props | undefined, styleProps: Props | undefined, consumerProps: Props | undefined): Props;
+//#endregion
+//# sourceMappingURL=merge-props.d.mts.map

package/dist/system/merge-props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-props.d.mts","names":[],"sources":["../../src/system/merge-props.ts"],"mappings":";YAEY,QAAQ;wBAkDJ,kBACd,eAAe,mBACf,YAAY,mBACZ,eAAe,oBACd"}

package/dist/system/merge-props.mjs

@@ -0,0 +1,95 @@
+import { mergeProps } from "@zag-js/core";
+//#region src/system/merge-props.ts
+const STRUCTURAL_KEYS = /* @__PURE__ */ new Set(["ref", "key"]);
+const BEHAVIOR_STATE_KEYS = /* @__PURE__ */ new Set([
+	"hidden",
+	"disabled",
+	"readOnly",
+	"checked",
+	"selected",
+	"required",
+	"inert"
+]);
+const ACCESSIBILITY_KEYS = /* @__PURE__ */ new Set([
+	"role",
+	"id",
+	"tabIndex"
+]);
+const NAME_KEYS = ["aria-label", "aria-labelledby"];
+const PRESENTATION_KEYS = /* @__PURE__ */ new Set([
+	"className",
+	"class",
+	"style",
+	"css"
+]);
+function classifyKey(key) {
+	if (STRUCTURAL_KEYS.has(key)) return "structural";
+	if (ACCESSIBILITY_KEYS.has(key) || BEHAVIOR_STATE_KEYS.has(key) || key.startsWith("aria-")) return "accessibility";
+	if (/^on[A-Z]/.test(key)) return "handler";
+	if (PRESENTATION_KEYS.has(key) || key.startsWith("data-")) return "presentation";
+	return "other";
+}
+function partition(props) {
+	const out = {
+		structural: {},
+		accessibility: {},
+		handler: {},
+		presentation: {},
+		other: {}
+	};
+	if (!props) return out;
+	for (const key of Object.keys(props)) out[classifyKey(key)][key] = props[key];
+	return out;
+}
+function mergeClass(layers, order) {
+	const args = order === "behavior-last" ? layers.toReversed() : layers;
+	return mergeProps(...args);
+}
+function mergeSynapseProps(behaviorProps, styleProps, consumerProps) {
+	const layers = [
+		behaviorProps,
+		styleProps,
+		consumerProps
+	];
+	const b = partition(behaviorProps);
+	const s = partition(styleProps);
+	const c = partition(consumerProps);
+	const merged = {
+		...mergeClass([
+			b.other,
+			s.other,
+			c.other
+		], "consumer-last"),
+		...mergeClass([
+			b.presentation,
+			s.presentation,
+			c.presentation
+		], "consumer-last"),
+		...mergeClass([
+			b.handler,
+			s.handler,
+			c.handler
+		], "behavior-last"),
+		...mergeClass([
+			b.accessibility,
+			s.accessibility,
+			c.accessibility
+		], "behavior-last")
+	};
+	for (const layer of layers) {
+		if (!layer) continue;
+		for (const symbol of Object.getOwnPropertySymbols(layer)) merged[symbol] = layer[symbol];
+	}
+	return merged;
+}
+function yieldAmendedName(machine, amended, consumerLayers) {
+	if (!consumerLayers.some((layer) => layer !== void 0 && NAME_KEYS.some((key) => layer[key] !== void 0 && layer[key] !== null && layer[key] !== "")) || !NAME_KEYS.some((key) => Object.hasOwn(amended, key))) return amended;
+	if (NAME_KEYS.some((key) => machine[key] !== void 0)) return amended;
+	const yielded = { ...amended };
+	for (const key of NAME_KEYS) if (Object.hasOwn(yielded, key)) yielded[key] = void 0;
+	return yielded;
+}
+//#endregion
+export { classifyKey, mergeSynapseProps, yieldAmendedName };
+
+//# sourceMappingURL=merge-props.mjs.map

package/dist/system/merge-props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-props.mjs","names":[],"sources":["../../src/system/merge-props.ts"],"sourcesContent":["import { mergeProps } from '@zag-js/core'\n\nexport type Props = Record<string | symbol, unknown>\n\nexport type KeyClass = 'structural' | 'accessibility' | 'handler' | 'presentation' | 'other'\n\nconst STRUCTURAL_KEYS = new Set(['ref', 'key'])\n\nconst BEHAVIOR_STATE_KEYS = new Set([\n  'hidden',\n  'disabled',\n  'readOnly',\n  'checked',\n  'selected',\n  'required',\n  'inert',\n])\n\nconst ACCESSIBILITY_KEYS = new Set(['role', 'id', 'tabIndex'])\nconst NAME_KEYS: readonly ['aria-label', 'aria-labelledby'] = ['aria-label', 'aria-labelledby']\nconst PRESENTATION_KEYS = new Set(['className', 'class', 'style', 'css'])\n\nexport function classifyKey(key: string): KeyClass {\n  if (STRUCTURAL_KEYS.has(key)) return 'structural'\n  if (ACCESSIBILITY_KEYS.has(key) || BEHAVIOR_STATE_KEYS.has(key) || key.startsWith('aria-')) {\n    return 'accessibility'\n  }\n  if (/^on[A-Z]/.test(key)) return 'handler'\n  if (PRESENTATION_KEYS.has(key) || key.startsWith('data-')) return 'presentation'\n  return 'other'\n}\n\ntype Partitioned = Record<KeyClass, Props>\n\nfunction partition(props: Props | undefined): Partitioned {\n  const out: Partitioned = {\n    structural: {},\n    accessibility: {},\n    handler: {},\n    presentation: {},\n    other: {},\n  }\n  if (!props) return out\n  for (const key of Object.keys(props)) out[classifyKey(key)][key] = props[key]\n  return out\n}\n\nfunction mergeClass(layers: Props[], order: 'behavior-last' | 'consumer-last'): Props {\n  const args = order === 'behavior-last' ? layers.toReversed() : layers\n  return mergeProps(...args)\n}\n\nexport function mergeSynapseProps(\n  behaviorProps: Props | undefined,\n  styleProps: Props | undefined,\n  consumerProps: Props | undefined,\n): Props {\n  const layers = [behaviorProps, styleProps, consumerProps]\n  const b = partition(behaviorProps)\n  const s = partition(styleProps)\n  const c = partition(consumerProps)\n\n  const merged: Props = {\n    ...mergeClass([b.other, s.other, c.other], 'consumer-last'),\n    ...mergeClass([b.presentation, s.presentation, c.presentation], 'consumer-last'),\n    ...mergeClass([b.handler, s.handler, c.handler], 'behavior-last'),\n    ...mergeClass([b.accessibility, s.accessibility, c.accessibility], 'behavior-last'),\n  }\n\n  for (const layer of layers) {\n    if (!layer) continue\n    for (const symbol of Object.getOwnPropertySymbols(layer)) merged[symbol] = layer[symbol]\n  }\n\n  return merged\n}\n\nexport function yieldAmendedName(\n  machine: Props,\n  amended: Props,\n  consumerLayers: readonly (Props | undefined)[],\n): Props {\n  const named = consumerLayers.some(\n    (layer) =>\n      layer !== undefined &&\n      NAME_KEYS.some((key) => layer[key] !== undefined && layer[key] !== null && layer[key] !== ''),\n  )\n  if (!named || !NAME_KEYS.some((key) => Object.hasOwn(amended, key))) return amended\n  if (NAME_KEYS.some((key) => machine[key] !== undefined)) return amended\n  const yielded: Props = { ...amended }\n  for (const key of NAME_KEYS) if (Object.hasOwn(yielded, key)) yielded[key] = undefined\n  return yielded\n}\n"],"mappings":";;AAMA,MAAM,kCAAkB,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC;AAE9C,MAAM,sCAAsB,IAAI,IAAI;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAED,MAAM,qCAAqB,IAAI,IAAI;CAAC;CAAQ;CAAM;AAAU,CAAC;AAC7D,MAAM,YAAwD,CAAC,cAAc,iBAAiB;AAC9F,MAAM,oCAAoB,IAAI,IAAI;CAAC;CAAa;CAAS;CAAS;AAAK,CAAC;AAExE,SAAgB,YAAY,KAAuB;CACjD,IAAI,gBAAgB,IAAI,GAAG,GAAG,OAAO;CACrC,IAAI,mBAAmB,IAAI,GAAG,KAAK,oBAAoB,IAAI,GAAG,KAAK,IAAI,WAAW,OAAO,GACvF,OAAO;CAET,IAAI,WAAW,KAAK,GAAG,GAAG,OAAO;CACjC,IAAI,kBAAkB,IAAI,GAAG,KAAK,IAAI,WAAW,OAAO,GAAG,OAAO;CAClE,OAAO;AACT;AAIA,SAAS,UAAU,OAAuC;CACxD,MAAM,MAAmB;EACvB,YAAY,CAAC;EACb,eAAe,CAAC;EAChB,SAAS,CAAC;EACV,cAAc,CAAC;EACf,OAAO,CAAC;CACV;CACA,IAAI,CAAC,OAAO,OAAO;CACnB,KAAK,MAAM,OAAO,OAAO,KAAK,KAAK,GAAG,IAAI,YAAY,GAAG,EAAE,CAAC,OAAO,MAAM;CACzE,OAAO;AACT;AAEA,SAAS,WAAW,QAAiB,OAAiD;CACpF,MAAM,OAAO,UAAU,kBAAkB,OAAO,WAAW,IAAI;CAC/D,OAAO,WAAW,GAAG,IAAI;AAC3B;AAEA,SAAgB,kBACd,eACA,YACA,eACO;CACP,MAAM,SAAS;EAAC;EAAe;EAAY;CAAa;CACxD,MAAM,IAAI,UAAU,aAAa;CACjC,MAAM,IAAI,UAAU,UAAU;CAC9B,MAAM,IAAI,UAAU,aAAa;CAEjC,MAAM,SAAgB;EACpB,GAAG,WAAW;GAAC,EAAE;GAAO,EAAE;GAAO,EAAE;EAAK,GAAG,eAAe;EAC1D,GAAG,WAAW;GAAC,EAAE;GAAc,EAAE;GAAc,EAAE;EAAY,GAAG,eAAe;EAC/E,GAAG,WAAW;GAAC,EAAE;GAAS,EAAE;GAAS,EAAE;EAAO,GAAG,eAAe;EAChE,GAAG,WAAW;GAAC,EAAE;GAAe,EAAE;GAAe,EAAE;EAAa,GAAG,eAAe;CACpF;CAEA,KAAK,MAAM,SAAS,QAAQ;EAC1B,IAAI,CAAC,OAAO;EACZ,KAAK,MAAM,UAAU,OAAO,sBAAsB,KAAK,GAAG,OAAO,UAAU,MAAM;CACnF;CAEA,OAAO;AACT;AAEA,SAAgB,iBACd,SACA,SACA,gBACO;CAMP,IAAI,CALU,eAAe,MAC1B,UACC,UAAU,KAAA,KACV,UAAU,MAAM,QAAQ,MAAM,SAAS,KAAA,KAAa,MAAM,SAAS,QAAQ,MAAM,SAAS,EAAE,CAEvF,KAAK,CAAC,UAAU,MAAM,QAAQ,OAAO,OAAO,SAAS,GAAG,CAAC,GAAG,OAAO;CAC5E,IAAI,UAAU,MAAM,QAAQ,QAAQ,SAAS,KAAA,CAAS,GAAG,OAAO;CAChE,MAAM,UAAiB,EAAE,GAAG,QAAQ;CACpC,KAAK,MAAM,OAAO,WAAW,IAAI,OAAO,OAAO,SAAS,GAAG,GAAG,QAAQ,OAAO,KAAA;CAC7E,OAAO;AACT"}

package/dist/system/react-node.mjs

@@ -0,0 +1,17 @@
+import { isValidElement } from "react";
+//#region src/system/react-node.ts
+function isReactNode(value) {
+	if (value === null || value === void 0) return true;
+	if (typeof value === "function" || typeof value === "symbol") return false;
+	if (typeof value !== "object") return true;
+	return isValidElement(value) || Symbol.iterator in value || "then" in value;
+}
+function isRef(value) {
+	if (value === null || value === void 0) return true;
+	if (typeof value === "function") return true;
+	return typeof value === "object" && "current" in value;
+}
+//#endregion
+export { isReactNode, isRef };
+
+//# sourceMappingURL=react-node.mjs.map

package/dist/system/react-node.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-node.mjs","names":[],"sources":["../../src/system/react-node.ts"],"sourcesContent":["import { isValidElement, type ReactNode, type Ref } from 'react'\n\nexport function isReactNode(value: unknown): value is ReactNode {\n  if (value === null || value === undefined) return true\n  if (typeof value === 'function' || typeof value === 'symbol') return false\n  if (typeof value !== 'object') return true\n  return isValidElement(value) || Symbol.iterator in value || 'then' in value\n}\n\nexport function isRef<TElement>(value: unknown): value is Ref<TElement> | undefined {\n  if (value === null || value === undefined) return true\n  if (typeof value === 'function') return true\n  return typeof value === 'object' && 'current' in value\n}\n"],"mappings":";;AAEA,SAAgB,YAAY,OAAoC;CAC9D,IAAI,UAAU,QAAQ,UAAU,KAAA,GAAW,OAAO;CAClD,IAAI,OAAO,UAAU,cAAc,OAAO,UAAU,UAAU,OAAO;CACrE,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,OAAO,eAAe,KAAK,KAAK,OAAO,YAAY,SAAS,UAAU;AACxE;AAEA,SAAgB,MAAgB,OAAoD;CAClF,IAAI,UAAU,QAAQ,UAAU,KAAA,GAAW,OAAO;CAClD,IAAI,OAAO,UAAU,YAAY,OAAO;CACxC,OAAO,OAAO,UAAU,YAAY,aAAa;AACnD"}

package/dist/system/refs.mjs

@@ -0,0 +1,21 @@
+//#region src/system/refs.ts
+function composeRefs(...refs) {
+	const present = refs.filter((ref) => ref !== void 0 && ref !== null);
+	if (present.length === 0) return void 0;
+	if (present.length === 1) return present[0];
+	return (instance) => {
+		const cleanups = [];
+		for (const ref of present) if (typeof ref === "function") {
+			const result = ref(instance);
+			if (typeof result === "function") cleanups.push(result);
+		} else ref.current = instance;
+		return () => {
+			for (const cleanup of cleanups) cleanup();
+			for (const ref of present) if (typeof ref !== "function") ref.current = null;
+		};
+	};
+}
+//#endregion
+export { composeRefs };
+
+//# sourceMappingURL=refs.mjs.map

package/dist/system/refs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"refs.mjs","names":[],"sources":["../../src/system/refs.ts"],"sourcesContent":["import type { Ref } from 'react'\n\ntype RefCleanup = () => void\n\nexport function composeRefs<TElement>(\n  ...refs: (Ref<TElement> | undefined)[]\n): Ref<TElement> | undefined {\n  const present = refs.filter((ref) => ref !== undefined && ref !== null)\n  if (present.length === 0) return undefined\n  if (present.length === 1) return present[0]\n\n  return (instance: TElement | null) => {\n    const cleanups: RefCleanup[] = []\n    for (const ref of present) {\n      if (typeof ref === 'function') {\n        const result = ref(instance)\n        if (typeof result === 'function') cleanups.push(result)\n      } else {\n        ref.current = instance\n      }\n    }\n    return () => {\n      for (const cleanup of cleanups) cleanup()\n      for (const ref of present) {\n        if (typeof ref !== 'function') ref.current = null\n      }\n    }\n  }\n}\n"],"mappings":";AAIA,SAAgB,YACd,GAAG,MACwB;CAC3B,MAAM,UAAU,KAAK,QAAQ,QAAQ,QAAQ,KAAA,KAAa,QAAQ,IAAI;CACtE,IAAI,QAAQ,WAAW,GAAG,OAAO,KAAA;CACjC,IAAI,QAAQ,WAAW,GAAG,OAAO,QAAQ;CAEzC,QAAQ,aAA8B;EACpC,MAAM,WAAyB,CAAC;EAChC,KAAK,MAAM,OAAO,SAChB,IAAI,OAAO,QAAQ,YAAY;GAC7B,MAAM,SAAS,IAAI,QAAQ;GAC3B,IAAI,OAAO,WAAW,YAAY,SAAS,KAAK,MAAM;EACxD,OACE,IAAI,UAAU;EAGlB,aAAa;GACX,KAAK,MAAM,WAAW,UAAU,QAAQ;GACxC,KAAK,MAAM,OAAO,SAChB,IAAI,OAAO,QAAQ,YAAY,IAAI,UAAU;EAEjD;CACF;AACF"}

package/dist/system/styled-component.mjs

@@ -0,0 +1,15 @@
+import { isValidElement } from "react";
+//#region src/system/styled-component.ts
+const styledComponents = /* @__PURE__ */ new WeakSet();
+function markStyledComponent(component) {
+	styledComponents.add(component);
+}
+function rendersStyledChild(asChild, children) {
+	if (asChild !== true || !isValidElement(children)) return false;
+	const type = children.type;
+	return (typeof type === "function" || typeof type === "object" && type !== null) && styledComponents.has(type);
+}
+//#endregion
+export { markStyledComponent, rendersStyledChild };
+
+//# sourceMappingURL=styled-component.mjs.map

package/dist/system/styled-component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-component.mjs","names":[],"sources":["../../src/system/styled-component.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from 'react'\n\nconst styledComponents = new WeakSet<object>()\n\nexport function markStyledComponent(component: object): void {\n  styledComponents.add(component)\n}\n\nexport function rendersStyledChild(asChild: boolean | undefined, children: ReactNode): boolean {\n  if (asChild !== true || !isValidElement(children)) return false\n  const type: unknown = children.type\n  return (\n    (typeof type === 'function' || (typeof type === 'object' && type !== null)) &&\n    styledComponents.has(type)\n  )\n}\n"],"mappings":";;AAEA,MAAM,mCAAmB,IAAI,QAAgB;AAE7C,SAAgB,oBAAoB,WAAyB;CAC3D,iBAAiB,IAAI,SAAS;AAChC;AAEA,SAAgB,mBAAmB,SAA8B,UAA8B;CAC7F,IAAI,YAAY,QAAQ,CAAC,eAAe,QAAQ,GAAG,OAAO;CAC1D,MAAM,OAAgB,SAAS;CAC/B,QACG,OAAO,SAAS,cAAe,OAAO,SAAS,YAAY,SAAS,SACrE,iBAAiB,IAAI,IAAI;AAE7B"}

package/dist/system/types.d.mts

@@ -0,0 +1,47 @@
+import { TranslationOverrides } from "../provider/translations.mjs";
+import { CSSProperties, ReactNode, Ref } from "react";
+//#region src/system/types.d.ts
+export type Direction = 'ltr' | 'rtl';
+export type Orientation = 'horizontal' | 'vertical';
+export interface StyleCustomization {
+  className?: string;
+  style?: CSSProperties;
+}
+export interface PartOwnProps<TElement> extends StyleCustomization {
+  asChild?: boolean;
+  children?: ReactNode;
+  ref?: Ref<TElement>;
+}
+export type PartProps<TElement extends Element = HTMLElement, TExtra = Record<never, never>> = PartOwnProps<TElement> & TExtra & Omit<DomAttributes, keyof PartOwnProps<TElement>>;
+export interface DomAttributes {
+  id?: string;
+  role?: string;
+  tabIndex?: number;
+  hidden?: boolean;
+  title?: string;
+  [dataOrAria: `data-${string}` | `aria-${string}`]: unknown;
+}
+export type PartComponent<TElement extends Element = HTMLElement, TExtra = Record<never, never>> = ((props: PartProps<TElement, TExtra>) => ReactNode) & {
+  readonly displayName: string;
+};
+export interface RootOwnProps {
+  translations?: TranslationOverrides;
+}
+export type RootComponent<TRootProps> = ((props: TRootProps & RootOwnProps & PartOwnProps<HTMLElement> & DomAttributes) => ReactNode) & {
+  readonly displayName: string;
+};
+export interface SynapseComponentMeta {
+  componentName: string;
+  anatomyParts: readonly string[];
+  partNames: readonly string[];
+  rootPart: string | null;
+  rootOwnedGetters: readonly string[];
+  unrenderedParts: readonly string[];
+  amendedParts: readonly string[];
+}
+export type SynapseComponent<TKey extends string, TRootPart extends TKey | null, TRootProps, TUnrendered extends TKey = never> = {
+  Root: RootComponent<TRootProps>;
+  meta: SynapseComponentMeta;
+} & { [K in Exclude<TKey, Extract<TRootPart, string> | TUnrendered> as Capitalize<K>]: PartComponent<HTMLElement, Record<string, unknown>>; };
+//#endregion
+//# sourceMappingURL=types.d.mts.map

package/dist/system/types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.mts","names":[],"sources":["../../src/system/types.ts"],"mappings":";;;YAIY;YAEA;iBAEK;EACf;EACA,QAAQ;;iBAGO,aAAa,kBAAkB;EAC9C;EACA,WAAW;EACX,MAAM,IAAI;;YAGA,UACV,iBAAiB,UAAU,aAC3B,SAAS,wBACP,aAAa,YAAY,SAAS,KAAK,qBAAqB,aAAa;iBAE5D;EACf;EACA;EACA;EACA;EACA;GACC;;YAGS,cACV,iBAAiB,UAAU,aAC3B,SAAS,0BACL,OAAO,UAAU,UAAU,YAAY;WAAwB;;iBAEpD;EACf,eAAe;;YAGL,cAAc,gBACxB,OAAO,aAAa,eAAe,aAAa,eAAe,kBAC5D;WAAwB;;iBAiDZ;EACf;EACA;EACA;EACA;EACA;EACA;EACA;;YAGU,iBACV,qBACA,kBAAkB,aAClB,YACA,oBAAoB;EAEpB,MAAM,cAAc;EACpB,MAAM;OAEL,KAAK,QAAQ,MAAM,QAAQ,qBAAqB,gBAAgB,WAAW,KAAK,cAC/E,aACA"}

package/dist/tokens/dist/preset.d.mts

@@ -0,0 +1,6 @@
+import { Preset } from "@pandacss/dev";
+//#region ../tokens/dist/preset.d.ts
+export declare const synapsePreset: Preset;
+//#endregion
+export { synapsePreset as default };
+//# sourceMappingURL=preset.d.mts.map

package/dist/tokens/dist/preset.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.mts","names":[],"sources":["../../../../tokens/dist/preset.d.ts"],"mappings":";;qBAIqB,eAAe"}