clava 0.1.13 → 0.1.15

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # clava
 
+## 0.1.15
+
+### Patch Changes
+
+- c15884d: Added `addClass` and `addStyle` methods to the `computed` parameters.
+
+## 0.1.14
+
+### Patch Changes
+
+- fee9f84: Fixed `computed` method not receiving default variants set by an intermediate component.
+
 ## 0.1.13
 
 ### Patch Changes

package/dist/index.d.ts

@@ -20198,10 +20198,10 @@ interface StyleProps {
 }
 type ComponentResult = JSXProps | HTMLProps | HTMLObjProps;
 type AllComponentResultKeys = keyof JSXProps | keyof HTMLProps | keyof HTMLObjProps;
-type ComponentResultValue<K$1 extends AllComponentResultKeys> = K$1 extends "style" ? StyleProperty : K$1 extends "className" ? string : K$1 extends "class" ? string : never;
+type ComponentResultValue<K extends AllComponentResultKeys> = K extends "style" ? StyleProperty : K extends "className" ? string : K extends "class" ? string : never;
 type NullableComponentResult = { [K in AllComponentResultKeys]?: ComponentResultValue<K> | null };
-type ComponentProps<V$1 = {}> = VariantValues<V$1> & NullableComponentResult;
-type GetVariants<V$1> = (variants?: VariantValues<V$1>) => VariantValues<V$1>;
+type ComponentProps<V = {}> = VariantValues<V> & NullableComponentResult;
+type GetVariants<V> = (variants?: VariantValues<V>) => VariantValues<V>;
 type KeySourceArray = readonly string[];
 type KeySourceComponent = {
   keys: readonly (string | number | symbol)[];
@@ -20226,48 +20226,50 @@ type SourceResultWithoutStyling<T, S> = IsComponent<S> extends true ? Pick<T, Ex
 type BuildSourceResults<T, Sources extends readonly KeySource[], StylingClaimed extends boolean, UsedKeys> = Sources extends readonly [infer Current extends KeySource, ...infer Rest extends readonly KeySource[]] ? [StylingClaimed extends true ? SourceResultWithoutStyling<T, Current> : SourceResultWithStyling<T, Current>, ...BuildSourceResults<T, Rest, StylingClaimed extends true ? true : IsComponent<Current>, UsedKeys | SourceKeys<Current>>] : [Omit<T, UsedKeys & (string | number | symbol)>];
 type SplitPropsFunction = <T, const S1 extends KeySource, const Sources extends readonly KeySource[]>(props: T, source1: S1, ...sources: Sources) => SplitPropsFunctionResult<T, S1, Sources>;
 type SplitPropsFunctionResult<T, S1 extends KeySource, Sources extends readonly KeySource[]> = [SourceResultWithStyling<T, S1>, ...BuildSourceResults<T, Sources, IsComponent<S1>, SourceKeys<S1>>];
-interface ModalComponent<V$1, R extends ComponentResult> {
-  (props?: ComponentProps<V$1>): R;
-  class: (props?: ComponentProps<V$1>) => string;
-  style: (props?: ComponentProps<V$1>) => R["style"];
-  getVariants: GetVariants<V$1>;
-  keys: (keyof V$1 | keyof R)[];
-  variantKeys: (keyof V$1)[];
-  propKeys: (keyof V$1 | keyof R)[];
+interface ModalComponent<V, R extends ComponentResult> {
+  (props?: ComponentProps<V>): R;
+  class: (props?: ComponentProps<V>) => string;
+  style: (props?: ComponentProps<V>) => R["style"];
+  getVariants: GetVariants<V>;
+  keys: (keyof V | keyof R)[];
+  variantKeys: (keyof V)[];
+  propKeys: (keyof V | keyof R)[];
 }
-interface CVComponent<V$1 extends Variants = {}, CV$1 extends ComputedVariants = {}, E$1 extends AnyComponent[] = [], R extends ComponentResult = ComponentResult> extends ModalComponent<MergeVariants<V$1, CV$1, E$1>, R> {
-  jsx: ModalComponent<MergeVariants<V$1, CV$1, E$1>, JSXProps>;
-  html: ModalComponent<MergeVariants<V$1, CV$1, E$1>, HTMLProps>;
-  htmlObj: ModalComponent<MergeVariants<V$1, CV$1, E$1>, HTMLObjProps>;
+interface CVComponent<V extends Variants = {}, CV extends ComputedVariants = {}, E extends AnyComponent[] = [], R extends ComponentResult = ComponentResult> extends ModalComponent<MergeVariants<V, CV, E>, R> {
+  jsx: ModalComponent<MergeVariants<V, CV, E>, JSXProps>;
+  html: ModalComponent<MergeVariants<V, CV, E>, HTMLProps>;
+  htmlObj: ModalComponent<MergeVariants<V, CV, E>, HTMLObjProps>;
 }
 type AnyComponent = CVComponent<any, any, any, any> | ModalComponent<any, any>;
 type MergeExtendedVariants<T> = T extends readonly [infer First, ...infer Rest] ? ExtractVariants<First> & MergeExtendedVariants<Rest> : {};
 type MergeExtendedComputedVariants<T> = T extends readonly [infer First, ...infer Rest] ? ExtractComputedVariants<First> & MergeExtendedComputedVariants<Rest> : {};
 type ExtractVariants<T> = T extends CVComponent<infer V, any, infer E, any> ? V & MergeExtendedVariants<E> : {};
 type ExtractComputedVariants<T> = T extends CVComponent<any, infer CV, infer E, any> ? CV & Omit<MergeExtendedComputedVariants<E>, keyof CV> : {};
-type MergeVariants<V$1, CV$1, E$1 extends AnyComponent[]> = NoInfer<CV$1> & Omit<NoInfer<V$1>, keyof CV$1> & Omit<MergeExtendedVariants<E$1>, keyof CV$1> & Omit<MergeExtendedComputedVariants<E$1>, keyof CV$1>;
+type MergeVariants<V, CV, E extends AnyComponent[]> = NoInfer<CV> & Omit<NoInfer<V>, keyof CV> & Omit<MergeExtendedVariants<E>, keyof CV> & Omit<MergeExtendedComputedVariants<E>, keyof CV>;
 type StringToBoolean<T> = T extends "true" | "false" ? boolean : T;
 type VariantValue = ClassValue | StyleClassValue;
 type ExtractVariantValue<T> = T extends ((value: infer V) => any) ? V : T extends ClassValue ? boolean : T extends Record<infer K, any> ? StringToBoolean<K> : never;
-type VariantValues<V$1> = { [K in keyof V$1]?: ExtractVariantValue<V$1[K]> };
+type VariantValues<V> = { [K in keyof V]?: ExtractVariantValue<V[K]> };
 type StyleValue = Properties & {
   [key: `--${string}`]: string;
 };
 type StyleClassValue = StyleValue & {
   class?: ClassValue;
 };
-interface ComputedContext<V$1> {
-  variants: VariantValues<V$1>;
-  setVariants: (variants: VariantValues<V$1>) => void;
-  setDefaultVariants: (variants: VariantValues<V$1>) => void;
+interface ComputedContext<V> {
+  variants: VariantValues<V>;
+  setVariants: (variants: VariantValues<V>) => void;
+  setDefaultVariants: (variants: VariantValues<V>) => void;
+  addClass: (className: ClassValue) => void;
+  addStyle: (style: StyleValue) => void;
 }
-type Computed<V$1> = (context: ComputedContext<V$1>) => VariantValue;
+type Computed<V> = (context: ComputedContext<V>) => VariantValue;
 type ComputedVariant = (value: any) => VariantValue;
 type ComputedVariants = Record<string, ComputedVariant>;
 type Variant = ClassValue | Record<string, VariantValue>;
 type Variants = Record<string, Variant>;
-type ExtendedVariants<E$1 extends AnyComponent[]> = MergeExtendedVariants<E$1> & MergeExtendedComputedVariants<E$1>;
-type ExtendableVariants<V$1 extends Variants, E$1 extends AnyComponent[]> = V$1 & { [K in keyof ExtendedVariants<E$1>]?: Partial<ExtendedVariants<E$1>[K]> | Variant };
+type ExtendedVariants<E extends AnyComponent[]> = MergeExtendedVariants<E> & MergeExtendedComputedVariants<E>;
+type ExtendableVariants<V extends Variants, E extends AnyComponent[]> = V & { [K in keyof ExtendedVariants<E>]?: Partial<ExtendedVariants<E>[K]> | Variant };
 //#endregion
 //#region src/utils.d.ts
 declare const MODES: readonly ["jsx", "html", "htmlObj"];
@@ -20275,14 +20277,14 @@ type Mode = (typeof MODES)[number];
 //#endregion
 //#region src/index.d.ts
 type VariantProps<T extends Pick<AnyComponent, "getVariants">> = ReturnType<T["getVariants"]>;
-interface CVConfig<V$1 extends Variants = {}, CV$1 extends ComputedVariants = {}, E$1 extends AnyComponent[] = []> {
-  extend?: E$1;
+interface CVConfig<V extends Variants = {}, CV extends ComputedVariants = {}, E extends AnyComponent[] = []> {
+  extend?: E;
   class?: ClassValue;
   style?: StyleValue;
-  variants?: ExtendableVariants<V$1, E$1>;
-  computedVariants?: CV$1;
-  defaultVariants?: VariantValues<MergeVariants<V$1, CV$1, E$1>>;
-  computed?: Computed<MergeVariants<V$1, CV$1, E$1>>;
+  variants?: ExtendableVariants<V, E>;
+  computedVariants?: CV;
+  defaultVariants?: VariantValues<MergeVariants<V, CV, E>>;
+  computed?: Computed<MergeVariants<V, CV, E>>;
 }
 interface CreateParams<M extends Mode> {
   defaultMode?: M;
@@ -20314,10 +20316,10 @@ declare function create<M extends Mode = "jsx">({
   defaultMode,
   transformClass
 }?: CreateParams<M>): {
-  cv: <V$1 extends Variants = {}, CV$1 extends ComputedVariants = {}, const E$1 extends AnyComponent[] = []>(config?: CVConfig<V$1, CV$1, E$1>) => CVComponent<V$1, CV$1, E$1, StyleProps[M]>;
+  cv: <V extends Variants = {}, CV extends ComputedVariants = {}, const E extends AnyComponent[] = []>(config?: CVConfig<V, CV, E>) => CVComponent<V, CV, E, StyleProps[M]>;
   cx: (...classes: ClassValue$1[]) => string;
 };
-declare const cv: <V$1 extends Variants = {}, CV$1 extends ComputedVariants = {}, const E$1 extends AnyComponent[] = []>(config?: CVConfig<V$1, CV$1, E$1>) => CVComponent<V$1, CV$1, E$1, JSXProps>, cx: (...classes: ClassValue$1[]) => string;
+declare const cv: <V extends Variants = {}, CV extends ComputedVariants = {}, const E extends AnyComponent[] = []>(config?: CVConfig<V, CV, E>) => CVComponent<V, CV, E, JSXProps>, cx: (...classes: ClassValue$1[]) => string;
 //#endregion
 export { type CVComponent, CVConfig, type ClassValue, type HTMLObjProps, type HTMLProps, type JSXProps, type StyleClassValue, type StyleValue, VariantProps, create, cv, cx, splitProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -254,11 +254,10 @@ function collectStaticDefaults(config) {
 function collectDefaultVariants(config, propsVariants = {}) {
 	const defaults = collectStaticDefaults(config);
 	if (!config.extend) return defaults;
-	const childStaticDefaults = config.defaultVariants || {};
 	for (const ext of config.extend) {
 		const meta = getComponentMeta(ext);
 		if (!meta) continue;
-		Object.assign(defaults, meta.resolveDefaults(childStaticDefaults, propsVariants));
+		Object.assign(defaults, meta.resolveDefaults(defaults, propsVariants));
 	}
 	return defaults;
 }
@@ -387,6 +386,12 @@ function runComputedFunction(config, resolvedVariants, propsVariants) {
 		},
 		setDefaultVariants: (newDefaults) => {
 			for (const [key, value] of Object.entries(newDefaults)) if (propsVariants[key] === void 0) updatedVariants[key] = value;
+		},
+		addClass: (className) => {
+			classes.push(className);
+		},
+		addStyle: (newStyle) => {
+			assign(style, newStyle);
 		}
 	};
 	const computedResult = config.computed(context);
@@ -504,7 +509,9 @@ function createResolveDefaults(config) {
 			setVariants: () => {},
 			setDefaultVariants: (newDefaults) => {
 				for (const [key, value] of Object.entries(newDefaults)) if (userProps[key] === void 0) computedDefaults[key] = value;
-			}
+			},
+			addClass: () => {},
+			addStyle: () => {}
 		});
 		return computedDefaults;
 	};
@@ -513,8 +520,8 @@ function createResolveDefaults(config) {
 * Creates the cv and cx functions.
 */
 function create({ defaultMode = "jsx", transformClass = (className) => className } = {}) {
-	const cx$1 = (...classes) => transformClass(clsx_default(...classes));
-	const cv$1 = (config = {}) => {
+	const cx = (...classes) => transformClass(clsx_default(...classes));
+	const cv = (config = {}) => {
 		const variantKeys = collectVariantKeys(config);
 		const getPropsKeys = (mode) => [
 			getClassPropertyName(mode),
@@ -547,13 +554,13 @@ function create({ defaultMode = "jsx", transformClass = (className) => className
 			if ("className" in props) allClasses.push(props.className);
 			if (props.style != null) assign(allStyle, normalizeStyle(props.style));
 			return {
-				className: cx$1(...allClasses),
+				className: cx(...allClasses),
 				style: allStyle
 			};
 		};
 		const createModalComponent = (mode) => {
 			const propsKeys = getPropsKeys(mode);
-			const component$1 = ((props = {}) => {
+			const component = ((props = {}) => {
 				const { className, style } = computeResult(props);
 				if (mode === "jsx") return {
 					className,
@@ -568,32 +575,32 @@ function create({ defaultMode = "jsx", transformClass = (className) => className
 					style: styleValueToHTMLObjStyle(style)
 				};
 			});
-			component$1.class = (props = {}) => {
+			component.class = (props = {}) => {
 				return computeResult(props).className;
 			};
-			component$1.style = ((props = {}) => {
+			component.style = ((props = {}) => {
 				const { style } = computeResult(props);
 				if (mode === "jsx") return styleValueToJSXStyle(style);
 				if (mode === "html") return styleValueToHTMLStyle(style);
 				return styleValueToHTMLObjStyle(style);
 			});
-			component$1.getVariants = (variants) => {
+			component.getVariants = (variants) => {
 				return resolveVariants(config, variants);
 			};
-			component$1.keys = propsKeys;
-			component$1.variantKeys = variantKeys;
-			component$1.propKeys = propsKeys;
+			component.keys = propsKeys;
+			component.variantKeys = variantKeys;
+			component.propKeys = propsKeys;
 			const extendedBaseClasses = [];
 			if (config.extend) for (const ext of config.extend) {
 				const meta = getComponentMeta(ext);
 				extendedBaseClasses.push(meta?.baseClass ?? "");
 			}
-			setComponentMeta(component$1, {
-				baseClass: cx$1(...extendedBaseClasses, config.class),
+			setComponentMeta(component, {
+				baseClass: cx(...extendedBaseClasses, config.class),
 				staticDefaults: collectStaticDefaults(config),
 				resolveDefaults: createResolveDefaults(config)
 			});
-			return component$1;
+			return component;
 		};
 		const defaultComponent = createModalComponent(defaultMode);
 		const jsxComponent = createModalComponent("jsx");
@@ -606,8 +613,8 @@ function create({ defaultMode = "jsx", transformClass = (className) => className
 		return component;
 	};
 	return {
-		cv: cv$1,
-		cx: cx$1
+		cv,
+		cx
 	};
 }
 const { cv, cx } = create();

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["cx","clsx","cv","component"],"sources":["../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/utils.ts","../src/index.ts"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import type * as CSS from \"csstype\";\nimport type {\n  HTMLCSSProperties,\n  JSXCSSProperties,\n  StyleValue,\n} from \"./types.ts\";\n\nexport const MODES = [\"jsx\", \"html\", \"htmlObj\"] as const;\nexport type Mode = (typeof MODES)[number];\n\n/**\n * Returns the appropriate class property name based on the mode.\n * @example\n * getClassPropertyName(\"jsx\") // \"className\"\n * getClassPropertyName(\"html\") // \"class\"\n */\nexport function getClassPropertyName(mode: Mode) {\n  return mode === \"jsx\" ? \"className\" : \"class\";\n}\n\n/**\n * Converts a hyphenated CSS property name to camelCase.\n * @example\n * hyphenToCamel(\"background-color\") // \"backgroundColor\"\n * hyphenToCamel(\"--custom-var\") // \"--custom-var\" (CSS variables are preserved)\n */\nexport function hyphenToCamel(str: string) {\n  // CSS custom properties (variables) should not be converted\n  if (str.startsWith(\"--\")) {\n    return str;\n  }\n  return str.replace(/-([a-z])/gi, (_, letter) => letter.toUpperCase());\n}\n\n/**\n * Converts a camelCase CSS property name to hyphenated form.\n * @example\n * camelToHyphen(\"backgroundColor\") // \"background-color\"\n * camelToHyphen(\"--customVar\") // \"--customVar\" (CSS variables are preserved)\n */\nexport function camelToHyphen(str: string) {\n  // CSS custom properties (variables) should not be converted\n  if (str.startsWith(\"--\")) {\n    return str;\n  }\n  return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);\n}\n\n/**\n * Parses a length value, adding \"px\" if it's a number.\n * @example\n * parseLengthValue(16); // \"16px\"\n * parseLengthValue(\"2em\"); // \"2em\"\n */\nexport function parseLengthValue(value: string | number) {\n  if (typeof value === \"string\") return value;\n  return `${value}px`;\n}\n\n/**\n * Parses a CSS style string into a StyleValue object.\n * @example\n * htmlStyleToStyleValue(\"background-color: red; font-size: 16px;\");\n * // { backgroundColor: \"red\", fontSize: \"16px\" }\n */\nexport function htmlStyleToStyleValue(styleString: string) {\n  if (!styleString) return {};\n\n  const result: StyleValue = {};\n  const declarations = styleString.split(\";\");\n\n  for (const declaration of declarations) {\n    const trimmed = declaration.trim();\n    if (!trimmed) continue;\n\n    const colonIndex = trimmed.indexOf(\":\");\n    if (colonIndex === -1) continue;\n\n    const property = trimmed.slice(0, colonIndex).trim();\n    const value = trimmed.slice(colonIndex + 1).trim();\n    if (!property) continue;\n    if (!value) continue;\n\n    // CSS property names and values are dynamic - cast required for index access\n    (result as Record<string, string>)[hyphenToCamel(property)] = value;\n  }\n\n  return result;\n}\n\n/**\n * Converts a hyphenated style object to a camelCase StyleValue object.\n * @example\n * htmlObjStyleToStyleValue({ \"background-color\": \"red\", \"font-size\": \"16px\" });\n * // { backgroundColor: \"red\", fontSize: \"16px\" }\n */\nexport function htmlObjStyleToStyleValue(style: HTMLCSSProperties) {\n  const result: StyleValue = {};\n  for (const [key, value] of Object.entries(style)) {\n    if (value == null) continue;\n    // CSS property names and values are dynamic - cast required for index access\n    (result as Record<string, string>)[hyphenToCamel(key)] =\n      parseLengthValue(value);\n  }\n  return result;\n}\n\n/**\n * Converts a camelCase style object to a StyleValue object.\n * @example\n * jsxStyleToStyleValue({ backgroundColor: \"red\", fontSize: 16 });\n * // { backgroundColor: \"red\", fontSize: \"16px\" }\n */\nexport function jsxStyleToStyleValue(style: JSXCSSProperties) {\n  const result: StyleValue = {};\n  for (const [key, value] of Object.entries(style)) {\n    if (value == null) continue;\n    // CSS property names and values are dynamic - cast required for index access\n    (result as Record<string, string>)[key] = parseLengthValue(value);\n  }\n  return result;\n}\n\n/**\n * Converts a StyleValue object to a CSS style string.\n * @example\n * styleValueToHTMLStyle({ backgroundColor: \"red\", fontSize: \"16px\" });\n * // \"background-color: red; font-size: 16px;\"\n */\nexport function styleValueToHTMLStyle(style: StyleValue): string {\n  const parts: string[] = [];\n  for (const [key, value] of Object.entries(style)) {\n    if (value == null) continue;\n    parts.push(`${camelToHyphen(key)}: ${value}`);\n  }\n  if (!parts.length) return \"\";\n  return `${parts.join(\"; \")};`;\n}\n\n/**\n * Converts a StyleValue object to a hyphenated style object.\n * @example\n * styleValueToHTMLObjStyle({ backgroundColor: \"red\", fontSize: \"16px\" });\n * // { \"background-color\": \"red\", \"font-size\": \"16px\" }\n */\nexport function styleValueToHTMLObjStyle(style: StyleValue) {\n  const result: CSS.PropertiesHyphen = {};\n  for (const [key, value] of Object.entries(style)) {\n    if (value == null) continue;\n    const property = camelToHyphen(key) as keyof HTMLCSSProperties;\n    result[property] = value;\n  }\n  return result;\n}\n\n/**\n * Converts a StyleValue object to a camelCase style object.\n * @example\n * styleValueToJSXStyle({ backgroundColor: \"red\", fontSize: \"16px\" });\n * // { backgroundColor: \"red\", fontSize: \"16px\" }\n */\nexport function styleValueToJSXStyle(style: StyleValue) {\n  return style as JSXCSSProperties;\n}\n\n/**\n * Type guard to check if a style object has hyphenated keys.\n * @example\n * isHTMLObjStyle({ \"background-color\": \"red\" }); // true\n * isHTMLObjStyle({ backgroundColor: \"red\" }); // false\n */\nexport function isHTMLObjStyle(\n  style: CSS.Properties<any> | CSS.PropertiesHyphen<any>,\n): style is CSS.PropertiesHyphen {\n  return Object.keys(style).some(\n    (key) => key.includes(\"-\") && !key.startsWith(\"--\"),\n  );\n}\n","import clsx, { type ClassValue as ClsxClassValue } from \"clsx\";\nimport type {\n  AnyComponent,\n  CVComponent,\n  ClassValue,\n  ComponentProps,\n  ComponentResult,\n  Computed,\n  ComputedVariants,\n  ExtendableVariants,\n  HTMLObjProps,\n  HTMLProps,\n  JSXProps,\n  MergeVariants,\n  ModalComponent,\n  SplitPropsFunction,\n  StyleClassValue,\n  StyleProps,\n  StyleValue,\n  VariantValues,\n  Variants,\n} from \"./types.ts\";\nimport {\n  type Mode,\n  getClassPropertyName,\n  htmlObjStyleToStyleValue,\n  htmlStyleToStyleValue,\n  isHTMLObjStyle,\n  jsxStyleToStyleValue,\n  styleValueToHTMLObjStyle,\n  styleValueToHTMLStyle,\n  styleValueToJSXStyle,\n} from \"./utils.ts\";\n\n// Internal metadata stored on components but hidden from public types\ninterface ComponentMeta {\n  baseClass: string;\n  staticDefaults: Record<string, unknown>;\n  resolveDefaults: (\n    childDefaults: Record<string, unknown>,\n    userProps?: Record<string, unknown>,\n  ) => Record<string, unknown>;\n}\n\nconst META_KEY = \"__meta\";\n\n// Symbol property used to pass skip keys through the props object without\n// polluting the actual variant values. This allows the computed function to\n// see actual variant values while still skipping styling for overridden keys.\nconst SKIP_STYLE_KEYS = Symbol(\"skipStyleKeys\");\n\n// Dynamic property access on function requires cast through unknown\nfunction getComponentMeta(component: AnyComponent): ComponentMeta | undefined {\n  return (component as unknown as Record<string, unknown>)[META_KEY] as\n    | ComponentMeta\n    | undefined;\n}\n\nfunction setComponentMeta(component: AnyComponent, meta: ComponentMeta): void {\n  (component as unknown as Record<string, unknown>)[META_KEY] = meta;\n}\n\n/**\n * Mutates target by assigning all properties from source. Avoids object spread\n * overhead in hot paths where we're building up a result object.\n */\nfunction assign<T extends object>(target: T, source: T): void {\n  for (const key of Object.keys(source)) {\n    (target as Record<string, unknown>)[key] = (\n      source as Record<string, unknown>\n    )[key];\n  }\n}\n\nexport type {\n  ClassValue,\n  StyleValue,\n  StyleClassValue,\n  JSXProps,\n  HTMLProps,\n  HTMLObjProps,\n  CVComponent,\n};\n\nexport type VariantProps<T extends Pick<AnyComponent, \"getVariants\">> =\n  ReturnType<T[\"getVariants\"]>;\n\nexport interface CVConfig<\n  V extends Variants = {},\n  CV extends ComputedVariants = {},\n  E extends AnyComponent[] = [],\n> {\n  extend?: E;\n  class?: ClassValue;\n  style?: StyleValue;\n  variants?: ExtendableVariants<V, E>;\n  computedVariants?: CV;\n  defaultVariants?: VariantValues<MergeVariants<V, CV, E>>;\n  computed?: Computed<MergeVariants<V, CV, E>>;\n}\n\ninterface CreateParams<M extends Mode> {\n  defaultMode?: M;\n  transformClass?: (className: string) => string;\n}\n\n/**\n * Checks if a value is a style-class object (has style properties, not just a\n * class value).\n */\nfunction isStyleClassValue(value: unknown): value is StyleClassValue {\n  if (typeof value !== \"object\") return false;\n  if (value == null) return false;\n  if (Array.isArray(value)) return false;\n  return true;\n}\n\n/**\n * Converts any style input (string, JSX object, or HTML object) to a normalized\n * StyleValue.\n */\nfunction normalizeStyle(style: unknown): StyleValue {\n  if (typeof style === \"string\") {\n    return htmlStyleToStyleValue(style);\n  }\n  if (typeof style === \"object\" && style != null) {\n    if (isHTMLObjStyle(style as Record<string, unknown>)) {\n      return htmlObjStyleToStyleValue(style as Record<string, string | number>);\n    }\n    return jsxStyleToStyleValue(style as Record<string, string | number>);\n  }\n  return {};\n}\n\n/**\n * Extracts class and style from a style-class value object.\n */\nfunction extractStyleClass(value: StyleClassValue): {\n  class: ClassValue;\n  style: StyleValue;\n} {\n  const { class: cls, ...style } = value;\n  return { class: cls, style };\n}\n\n/**\n * Extracts class and style from a variant value (either a class value or a\n * style-class object).\n */\nfunction extractClassAndStyle(value: unknown): {\n  class: ClassValue;\n  style: StyleValue;\n} {\n  if (isStyleClassValue(value)) {\n    return extractStyleClass(value);\n  }\n  return { class: value as ClassValue, style: {} };\n}\n\n/**\n * Gets all variant keys from a component's config, including extended\n * components.\n */\nfunction collectVariantKeys(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n): string[] {\n  const keys = new Set<string>();\n\n  // Collect from extended components\n  if (config.extend) {\n    for (const ext of config.extend) {\n      for (const key of ext.variantKeys) {\n        keys.add(key as string);\n      }\n    }\n  }\n\n  // Collect from variants\n  if (config.variants) {\n    for (const key of Object.keys(config.variants)) {\n      keys.add(key);\n    }\n  }\n\n  // Collect from computedVariants\n  if (config.computedVariants) {\n    for (const key of Object.keys(config.computedVariants)) {\n      keys.add(key);\n    }\n  }\n\n  return Array.from(keys);\n}\n\n/**\n * Collects static default variants from extended components and the current\n * config. Also handles implicit boolean defaults (when only `false` key\n * exists). This does NOT trigger computed functions - use collectDefaultVariants\n * for that.\n */\nfunction collectStaticDefaults(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n): Record<string, unknown> {\n  const defaults: Record<string, unknown> = {};\n\n  // Collect static defaults from extended components (via metadata to avoid\n  // triggering computed functions)\n  if (config.extend) {\n    for (const ext of config.extend) {\n      const meta = getComponentMeta(ext);\n      if (meta) {\n        Object.assign(defaults, meta.staticDefaults);\n      }\n    }\n  }\n\n  // Handle implicit boolean defaults from variants\n  // If a variant has a `false` key, default to false when no value is provided\n  if (config.variants) {\n    for (const [variantName, variantDef] of Object.entries(config.variants)) {\n      if (!isStyleClassValue(variantDef)) continue;\n      const keys = Object.keys(variantDef);\n      const hasFalse = keys.includes(\"false\");\n      if (hasFalse && !defaults[variantName]) {\n        defaults[variantName] = false;\n      }\n    }\n  }\n\n  // Override with current config's static defaults\n  if (config.defaultVariants) {\n    Object.assign(defaults, config.defaultVariants);\n  }\n\n  return defaults;\n}\n\n/**\n * Collects default variants from extended components and the current config.\n * This includes both static defaults and computed defaults (from\n * setDefaultVariants in extended components' computed functions). Priority:\n * parent static < child static < parent computed < child computed.\n */\nfunction collectDefaultVariants(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n  propsVariants: Record<string, unknown> = {},\n): Record<string, unknown> {\n  // Start with static defaults (parent static < child static)\n  const defaults = collectStaticDefaults(config);\n\n  // Apply computed defaults from extended components\n  // Parent's setDefaultVariants should override child's static defaults\n  if (!config.extend) return defaults;\n\n  const childStaticDefaults = config.defaultVariants || {};\n  for (const ext of config.extend) {\n    const meta = getComponentMeta(ext);\n    if (!meta) continue;\n    Object.assign(\n      defaults,\n      meta.resolveDefaults(childStaticDefaults, propsVariants),\n    );\n  }\n\n  return defaults;\n}\n\n/**\n * Filters out keys with undefined values from an object.\n */\nfunction filterUndefined(\n  obj: Record<string, unknown>,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(obj)) {\n    if (value === undefined) continue;\n    result[key] = value;\n  }\n  return result;\n}\n\n/**\n * Resolves variant values by merging defaults with provided props. Props with\n * undefined values are filtered out so they don't override defaults.\n */\nfunction resolveVariants(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n  props: Record<string, unknown> = {},\n): Record<string, unknown> {\n  const defaults = collectDefaultVariants(config, props);\n  return { ...defaults, ...filterUndefined(props) };\n}\n\n/**\n * Gets the value for a single variant based on the variant definition and the\n * selected value.\n */\nfunction getVariantResult(\n  variantDef: unknown,\n  selectedValue: unknown,\n): { class: ClassValue; style: StyleValue } {\n  // Shorthand variant: `disabled: \"disabled-class\"` means { true: \"...\" }\n  if (!isStyleClassValue(variantDef)) {\n    if (selectedValue === true) {\n      return extractClassAndStyle(variantDef);\n    }\n    return { class: null, style: {} };\n  }\n\n  // Object variant: { sm: \"...\", lg: \"...\" }\n  const key = String(selectedValue);\n  const value = (variantDef as Record<string, unknown>)[key];\n  if (value === undefined) return { class: null, style: {} };\n\n  return extractClassAndStyle(value);\n}\n\n/**\n * Extracts classes from fullClass that are not in baseClass. Uses string\n * comparison optimization: if fullClass starts with baseClass, just take the\n * suffix.\n */\nfunction extractVariantClasses(fullClass: string, baseClass: string): string {\n  if (!fullClass) return \"\";\n  if (!baseClass) return fullClass;\n\n  // Fast path: fullClass starts with baseClass (common case)\n  if (fullClass.startsWith(baseClass)) {\n    return fullClass.slice(baseClass.length).trim();\n  }\n\n  // Slow path: need to diff the class sets\n  const baseClassSet = new Set(baseClass.split(\" \").filter(Boolean));\n  return fullClass\n    .split(\" \")\n    .filter((c) => c && !baseClassSet.has(c))\n    .join(\" \");\n}\n\nfunction computeExtendedStyles(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n  resolvedVariants: Record<string, unknown>,\n  overrideVariantKeys: Set<string> = new Set(),\n): {\n  baseClasses: ClassValue[];\n  variantClasses: ClassValue[];\n  style: StyleValue;\n} {\n  const baseClasses: ClassValue[] = [];\n  const variantClasses: ClassValue[] = [];\n  const style: StyleValue = {};\n\n  if (!config.extend) return { baseClasses, variantClasses, style };\n\n  for (const ext of config.extend) {\n    // Pass actual variant values but mark which keys should skip styling.\n    // Using a Symbol property keeps variant values clean for computed functions\n    // while still allowing us to skip styling for overridden keys.\n    const propsForExt: Record<string | symbol, unknown> = {\n      ...resolvedVariants,\n    };\n    if (overrideVariantKeys.size > 0) {\n      propsForExt[SKIP_STYLE_KEYS] = overrideVariantKeys;\n    }\n\n    const extResult = ext(propsForExt);\n    assign(style, normalizeStyle(extResult.style));\n\n    // Get base class from internal metadata (no variants)\n    const meta = getComponentMeta(ext);\n    const baseClass = meta?.baseClass ?? \"\";\n    baseClasses.push(baseClass);\n\n    // Get full class with variants\n    const fullClass =\n      \"className\" in extResult ? extResult.className : extResult.class;\n\n    const variantPortion = extractVariantClasses(fullClass, baseClass);\n    if (variantPortion) {\n      variantClasses.push(variantPortion);\n    }\n  }\n\n  return { baseClasses, variantClasses, style };\n}\n\n/**\n * Computes class and style from the component's own variants and\n * computedVariants (not extended components).\n */\nfunction computeVariantStyles(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n  resolvedVariants: Record<string | symbol, unknown>,\n  skipStyleKeys: Set<string> = new Set(),\n): { classes: ClassValue[]; style: StyleValue } {\n  const classes: ClassValue[] = [];\n  const style: StyleValue = {};\n\n  // Process current component's variants\n  if (config.variants) {\n    for (const [variantName, variantDef] of Object.entries(config.variants)) {\n      // Skip styling for variants that are overridden by child's computedVariants\n      if (skipStyleKeys.has(variantName)) continue;\n\n      const selectedValue = resolvedVariants[variantName];\n      if (selectedValue === undefined) continue;\n\n      const result = getVariantResult(variantDef, selectedValue);\n      classes.push(result.class);\n      assign(style, result.style);\n    }\n  }\n\n  // Process computedVariants\n  if (config.computedVariants) {\n    for (const [variantName, computeFn] of Object.entries(\n      config.computedVariants,\n    )) {\n      // Skip styling for variants that are overridden by child's computedVariants\n      if (skipStyleKeys.has(variantName)) continue;\n\n      const selectedValue = resolvedVariants[variantName];\n      if (selectedValue === undefined) continue;\n\n      const computedResult = computeFn(selectedValue);\n      const result = extractClassAndStyle(computedResult);\n      classes.push(result.class);\n      assign(style, result.style);\n    }\n  }\n\n  return { classes, style };\n}\n\n/**\n * Runs the computed function if present, returning classes, styles, and updated\n * variants.\n */\nfunction runComputedFunction(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n  resolvedVariants: Record<string, unknown>,\n  propsVariants: Record<string, unknown>,\n): {\n  classes: ClassValue[];\n  style: StyleValue;\n  updatedVariants: Record<string, unknown>;\n} {\n  const classes: ClassValue[] = [];\n  const style: StyleValue = {};\n  const updatedVariants = { ...resolvedVariants };\n\n  if (!config.computed) {\n    return { classes, style, updatedVariants };\n  }\n\n  const context = {\n    variants: resolvedVariants,\n    setVariants: (newVariants: VariantValues<Record<string, unknown>>) => {\n      Object.assign(updatedVariants, newVariants);\n    },\n    setDefaultVariants: (\n      newDefaults: VariantValues<Record<string, unknown>>,\n    ) => {\n      // Only apply defaults for variants not explicitly set in props\n      for (const [key, value] of Object.entries(newDefaults)) {\n        if (propsVariants[key] === undefined) {\n          updatedVariants[key] = value;\n        }\n      }\n    },\n  };\n\n  const computedResult = config.computed(context);\n  if (computedResult != null) {\n    const result = extractClassAndStyle(computedResult);\n    classes.push(result.class);\n    assign(style, result.style);\n  }\n\n  return { classes, style, updatedVariants };\n}\n\ninterface NormalizedSource {\n  keys: string[];\n  variantKeys: string[];\n  defaults: Record<string, unknown>;\n  isComponent: boolean;\n}\n\nconst EMPTY_SOURCE: NormalizedSource = {\n  keys: [],\n  variantKeys: [],\n  defaults: {},\n  isComponent: false,\n};\n\n/**\n * Normalizes a key source (array or component) to an object with keys,\n * variantKeys, defaults, and isComponent flag.\n */\nfunction normalizeKeySource(source: unknown): NormalizedSource {\n  if (Array.isArray(source)) {\n    return {\n      keys: source as string[],\n      variantKeys: source as string[],\n      defaults: {},\n      isComponent: false,\n    };\n  }\n\n  if (!source) return EMPTY_SOURCE;\n  if (typeof source !== \"object\" && typeof source !== \"function\") {\n    return EMPTY_SOURCE;\n  }\n  if (!(\"keys\" in source)) return EMPTY_SOURCE;\n  if (!(\"variantKeys\" in source)) return EMPTY_SOURCE;\n\n  // Source is a component with keys and variantKeys properties\n  const typed = source as {\n    keys: string[];\n    variantKeys: string[];\n    getVariants?: () => Record<string, unknown>;\n  };\n  return {\n    keys: [...typed.keys],\n    variantKeys: [...typed.variantKeys],\n    defaults: typed.getVariants?.() ?? {},\n    isComponent: true,\n  };\n}\n\n/**\n * Splits props into multiple groups based on key sources. Only the first\n * component claims styling props (class/className/style). Subsequent components\n * only receive variant props. Arrays always receive their listed keys but don't\n * claim styling props.\n */\nfunction splitPropsImpl(\n  selfKeys: string[],\n  selfIsComponent: boolean,\n  props: Record<string, unknown>,\n  sources: NormalizedSource[],\n): Record<string, unknown>[] {\n  const allUsedKeys = new Set<string>(selfKeys);\n  const results: Record<string, unknown>[] = [];\n\n  // Track if styling has been claimed by a component\n  let stylingClaimed = selfIsComponent;\n\n  // Self result\n  const selfResult: Record<string, unknown> = {};\n  for (const key of selfKeys) {\n    if (key in props) {\n      selfResult[key] = props[key];\n    }\n  }\n  results.push(selfResult);\n\n  // Process each source\n  for (const source of sources) {\n    const sourceResult: Record<string, unknown> = {};\n\n    // Determine which keys this source should use\n    // Components use variantKeys if styling has already been claimed\n    // Arrays always use their listed keys\n    const effectiveKeys =\n      source.isComponent && stylingClaimed ? source.variantKeys : source.keys;\n\n    for (const key of effectiveKeys) {\n      allUsedKeys.add(key);\n      if (key in props) {\n        sourceResult[key] = props[key];\n      }\n    }\n    results.push(sourceResult);\n\n    // If this is a component that hasn't claimed styling yet, mark styling as claimed\n    if (source.isComponent && !stylingClaimed) {\n      stylingClaimed = true;\n    }\n  }\n\n  // Rest - keys not used by anyone\n  const rest: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(props)) {\n    if (!allUsedKeys.has(key)) {\n      rest[key] = value;\n    }\n  }\n  results.push(rest);\n\n  return results;\n}\n\n/**\n * Splits props into multiple groups based on key sources. Each source gets its\n * own result object containing all its matching keys. The first component\n * source claims styling props (class/className/style). Subsequent components\n * only receive variant props. Arrays receive their listed keys but don't claim\n * styling props. The last element is always the \"rest\" containing keys not\n * claimed by any source.\n * @example\n * ```ts\n * const [buttonProps, inputProps, rest] = splitProps(\n *   props,\n *   buttonComponent,\n *   inputComponent,\n * );\n * // buttonProps has class/style + button variants\n * // inputProps has only input variants (no class/style)\n * ```\n */\nexport const splitProps: SplitPropsFunction = ((\n  props: Record<string, unknown>,\n  source1: unknown,\n  ...sources: unknown[]\n) => {\n  const normalizedSource1 = normalizeKeySource(source1);\n  const normalizedSources = sources.map(normalizeKeySource);\n  return splitPropsImpl(\n    normalizedSource1.keys,\n    normalizedSource1.isComponent,\n    props,\n    normalizedSources,\n  );\n}) as SplitPropsFunction;\n\n/**\n * Creates the resolveDefaults function for a component. This function returns\n * only the variants set via setDefaultVariants in the computed function. Used\n * by child components to get parent's computed defaults.\n */\nfunction createResolveDefaults(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n): ComponentMeta[\"resolveDefaults\"] {\n  return (childDefaults, userProps = {}) => {\n    // Get static defaults (including from extended components)\n    const staticDefaults = collectStaticDefaults(config);\n\n    // Merge: parent static < child static < user props\n    // This is what parent's computed will see in `variants`\n    const resolvedVariants = {\n      ...staticDefaults,\n      ...filterUndefined(childDefaults),\n      ...filterUndefined(userProps),\n    };\n\n    // Track which keys are set via setDefaultVariants\n    const computedDefaults: Record<string, unknown> = {};\n\n    // Propagate to extended components so their computed functions can run\n    // This allows grandparent computed functions to see grandchild defaults\n    if (config.extend) {\n      for (const ext of config.extend) {\n        const meta = getComponentMeta(ext);\n        if (!meta) continue;\n        Object.assign(\n          computedDefaults,\n          meta.resolveDefaults(childDefaults, userProps),\n        );\n      }\n    }\n\n    if (config.computed) {\n      config.computed({\n        variants: resolvedVariants as VariantValues<Record<string, unknown>>,\n        setVariants: () => {\n          // Not relevant for collecting defaults\n        },\n        setDefaultVariants: (newDefaults) => {\n          // Only apply defaults for variants not explicitly set by user\n          // (child's static defaults should not block setDefaultVariants)\n          for (const [key, value] of Object.entries(newDefaults)) {\n            if (userProps[key] === undefined) {\n              computedDefaults[key] = value;\n            }\n          }\n        },\n      });\n    }\n\n    return computedDefaults;\n  };\n}\n\n/**\n * Creates the cv and cx functions.\n */\nexport function create<M extends Mode = \"jsx\">({\n  defaultMode = \"jsx\" as M,\n  transformClass = (className) => className,\n}: CreateParams<M> = {}) {\n  const cx = (...classes: ClsxClassValue[]) => transformClass(clsx(...classes));\n\n  const cv = <\n    V extends Variants = {},\n    CV extends ComputedVariants = {},\n    const E extends AnyComponent[] = [],\n  >(\n    config: CVConfig<V, CV, E> = {},\n  ): CVComponent<V, CV, E, StyleProps[M]> => {\n    type MergedVariants = MergeVariants<V, CV, E>;\n\n    const variantKeys = collectVariantKeys(\n      config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n    );\n\n    const getPropsKeys = (mode: Mode) => [\n      getClassPropertyName(mode),\n      \"style\",\n      ...variantKeys,\n    ];\n\n    const computeResult = (\n      props: ComponentProps<MergedVariants> = {},\n    ): { className: string; style: StyleValue } => {\n      const allClasses: ClassValue[] = [];\n      const allStyle: StyleValue = {};\n\n      // Extract skip style keys from props (set by child's computedVariants)\n      const skipStyleKeys =\n        ((props as Record<symbol, unknown>)[SKIP_STYLE_KEYS] as\n          | Set<string>\n          | undefined) ?? new Set<string>();\n\n      // Extract variant props from input\n      const variantProps: Record<string, unknown> = {};\n      for (const key of variantKeys) {\n        if (key in props) {\n          variantProps[key] = (props as Record<string, unknown>)[key];\n        }\n      }\n\n      // Resolve variants with defaults\n      let resolvedVariants = resolveVariants(\n        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n        variantProps,\n      );\n\n      // Process computed first to potentially update variants\n      const computedResult = runComputedFunction(\n        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n        resolvedVariants,\n        variantProps,\n      );\n      resolvedVariants = computedResult.updatedVariants;\n\n      // Collect computedVariants keys that will override extended variants.\n      // Combine with incoming skip keys to propagate through the extend chain.\n      const computedVariantKeys = new Set<string>(skipStyleKeys);\n      if (config.computedVariants) {\n        for (const key of Object.keys(config.computedVariants)) {\n          computedVariantKeys.add(key);\n        }\n      }\n\n      // Process extended components (separates base and variant classes)\n      const extendedResult = computeExtendedStyles(\n        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n        resolvedVariants,\n        computedVariantKeys,\n      );\n\n      // 1. Extended base classes first\n      allClasses.push(...extendedResult.baseClasses);\n      assign(allStyle, extendedResult.style);\n\n      // 2. Current component's base class\n      allClasses.push(config.class);\n\n      // 3. Add base style\n      if (config.style) {\n        assign(allStyle, config.style);\n      }\n\n      // 4. Extended variant classes\n      allClasses.push(...extendedResult.variantClasses);\n\n      // 5. Current component's variants (skip keys that are overridden)\n      const variantsResult = computeVariantStyles(\n        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n        resolvedVariants,\n        skipStyleKeys,\n      );\n      allClasses.push(...variantsResult.classes);\n      assign(allStyle, variantsResult.style);\n\n      // Add computed results\n      allClasses.push(...computedResult.classes);\n      assign(allStyle, computedResult.style);\n\n      // Merge class from props\n      if (\"class\" in props) {\n        allClasses.push(props.class);\n      }\n      if (\"className\" in props) {\n        allClasses.push(props.className);\n      }\n\n      // Merge style from props\n      if (props.style != null) {\n        assign(allStyle, normalizeStyle(props.style));\n      }\n\n      return {\n        className: cx(...(allClasses as ClsxClassValue[])),\n        style: allStyle,\n      };\n    };\n\n    const createModalComponent = <R extends ComponentResult>(\n      mode: Mode,\n    ): ModalComponent<MergedVariants, R> => {\n      const propsKeys = getPropsKeys(mode);\n\n      const component = ((props: ComponentProps<MergedVariants> = {}) => {\n        const { className, style } = computeResult(props);\n\n        if (mode === \"jsx\") {\n          return { className, style: styleValueToJSXStyle(style) } as R;\n        }\n        if (mode === \"html\") {\n          return {\n            class: className,\n            style: styleValueToHTMLStyle(style),\n          } as R;\n        }\n        // htmlObj\n        return {\n          class: className,\n          style: styleValueToHTMLObjStyle(style),\n        } as R;\n      }) as ModalComponent<MergedVariants, R>;\n\n      component.class = (props: ComponentProps<MergedVariants> = {}) => {\n        return computeResult(props).className;\n      };\n\n      component.style = ((props: ComponentProps<MergedVariants> = {}) => {\n        const { style } = computeResult(props);\n        if (mode === \"jsx\") return styleValueToJSXStyle(style);\n        if (mode === \"html\") return styleValueToHTMLStyle(style);\n        return styleValueToHTMLObjStyle(style);\n      }) as ModalComponent<MergedVariants, R>[\"style\"];\n\n      component.getVariants = (\n        variants?: VariantValues<MergedVariants>,\n      ): VariantValues<MergedVariants> => {\n        return resolveVariants(\n          config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n          variants as VariantValues<Record<string, unknown>>,\n        ) as VariantValues<MergedVariants>;\n      };\n\n      component.keys = propsKeys as (keyof MergedVariants | keyof R)[];\n\n      component.variantKeys = variantKeys as (keyof MergedVariants)[];\n\n      component.propKeys = propsKeys as (keyof MergedVariants | keyof R)[];\n\n      // Compute base class (without variants) - includes extended base classes\n      const extendedBaseClasses: ClassValue[] = [];\n      if (config.extend) {\n        for (const ext of config.extend) {\n          const meta = getComponentMeta(ext);\n          extendedBaseClasses.push(meta?.baseClass ?? \"\");\n        }\n      }\n      const baseClass = cx(\n        ...(extendedBaseClasses as ClsxClassValue[]),\n        config.class as ClsxClassValue,\n      );\n\n      // Compute static defaults once at creation time (without triggering\n      // computed functions)\n      const staticDefaults = collectStaticDefaults(\n        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n      );\n\n      // Store internal metadata hidden from public types\n      setComponentMeta(component, {\n        baseClass,\n        staticDefaults,\n        resolveDefaults: createResolveDefaults(\n          config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n        ),\n      });\n\n      return component;\n    };\n\n    // Create the default modal component\n    const defaultComponent = createModalComponent<StyleProps[M]>(defaultMode);\n\n    // Create all modal variants\n    const jsxComponent = createModalComponent<JSXProps>(\"jsx\");\n    const htmlComponent = createModalComponent<HTMLProps>(\"html\");\n    const htmlObjComponent = createModalComponent<HTMLObjProps>(\"htmlObj\");\n\n    // Build the final component\n    const component = defaultComponent as CVComponent<V, CV, E, StyleProps[M]>;\n    component.jsx = jsxComponent;\n    component.html = htmlComponent;\n    component.htmlObj = htmlObjComponent;\n\n    return component;\n  };\n\n  return { cv, cx };\n}\n\nexport const { cv, cx } = create();\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"index.js","names":["clsx"],"sources":["../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../src/utils.ts","../src/index.ts"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import type * as CSS from \"csstype\";\nimport type {\n  HTMLCSSProperties,\n  JSXCSSProperties,\n  StyleValue,\n} from \"./types.ts\";\n\nexport const MODES = [\"jsx\", \"html\", \"htmlObj\"] as const;\nexport type Mode = (typeof MODES)[number];\n\n/**\n * Returns the appropriate class property name based on the mode.\n * @example\n * getClassPropertyName(\"jsx\") // \"className\"\n * getClassPropertyName(\"html\") // \"class\"\n */\nexport function getClassPropertyName(mode: Mode) {\n  return mode === \"jsx\" ? \"className\" : \"class\";\n}\n\n/**\n * Converts a hyphenated CSS property name to camelCase.\n * @example\n * hyphenToCamel(\"background-color\") // \"backgroundColor\"\n * hyphenToCamel(\"--custom-var\") // \"--custom-var\" (CSS variables are preserved)\n */\nexport function hyphenToCamel(str: string) {\n  // CSS custom properties (variables) should not be converted\n  if (str.startsWith(\"--\")) {\n    return str;\n  }\n  return str.replace(/-([a-z])/gi, (_, letter) => letter.toUpperCase());\n}\n\n/**\n * Converts a camelCase CSS property name to hyphenated form.\n * @example\n * camelToHyphen(\"backgroundColor\") // \"background-color\"\n * camelToHyphen(\"--customVar\") // \"--customVar\" (CSS variables are preserved)\n */\nexport function camelToHyphen(str: string) {\n  // CSS custom properties (variables) should not be converted\n  if (str.startsWith(\"--\")) {\n    return str;\n  }\n  return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);\n}\n\n/**\n * Parses a length value, adding \"px\" if it's a number.\n * @example\n * parseLengthValue(16); // \"16px\"\n * parseLengthValue(\"2em\"); // \"2em\"\n */\nexport function parseLengthValue(value: string | number) {\n  if (typeof value === \"string\") return value;\n  return `${value}px`;\n}\n\n/**\n * Parses a CSS style string into a StyleValue object.\n * @example\n * htmlStyleToStyleValue(\"background-color: red; font-size: 16px;\");\n * // { backgroundColor: \"red\", fontSize: \"16px\" }\n */\nexport function htmlStyleToStyleValue(styleString: string) {\n  if (!styleString) return {};\n\n  const result: StyleValue = {};\n  const declarations = styleString.split(\";\");\n\n  for (const declaration of declarations) {\n    const trimmed = declaration.trim();\n    if (!trimmed) continue;\n\n    const colonIndex = trimmed.indexOf(\":\");\n    if (colonIndex === -1) continue;\n\n    const property = trimmed.slice(0, colonIndex).trim();\n    const value = trimmed.slice(colonIndex + 1).trim();\n    if (!property) continue;\n    if (!value) continue;\n\n    // CSS property names and values are dynamic - cast required for index access\n    (result as Record<string, string>)[hyphenToCamel(property)] = value;\n  }\n\n  return result;\n}\n\n/**\n * Converts a hyphenated style object to a camelCase StyleValue object.\n * @example\n * htmlObjStyleToStyleValue({ \"background-color\": \"red\", \"font-size\": \"16px\" });\n * // { backgroundColor: \"red\", fontSize: \"16px\" }\n */\nexport function htmlObjStyleToStyleValue(style: HTMLCSSProperties) {\n  const result: StyleValue = {};\n  for (const [key, value] of Object.entries(style)) {\n    if (value == null) continue;\n    // CSS property names and values are dynamic - cast required for index access\n    (result as Record<string, string>)[hyphenToCamel(key)] =\n      parseLengthValue(value);\n  }\n  return result;\n}\n\n/**\n * Converts a camelCase style object to a StyleValue object.\n * @example\n * jsxStyleToStyleValue({ backgroundColor: \"red\", fontSize: 16 });\n * // { backgroundColor: \"red\", fontSize: \"16px\" }\n */\nexport function jsxStyleToStyleValue(style: JSXCSSProperties) {\n  const result: StyleValue = {};\n  for (const [key, value] of Object.entries(style)) {\n    if (value == null) continue;\n    // CSS property names and values are dynamic - cast required for index access\n    (result as Record<string, string>)[key] = parseLengthValue(value);\n  }\n  return result;\n}\n\n/**\n * Converts a StyleValue object to a CSS style string.\n * @example\n * styleValueToHTMLStyle({ backgroundColor: \"red\", fontSize: \"16px\" });\n * // \"background-color: red; font-size: 16px;\"\n */\nexport function styleValueToHTMLStyle(style: StyleValue): string {\n  const parts: string[] = [];\n  for (const [key, value] of Object.entries(style)) {\n    if (value == null) continue;\n    parts.push(`${camelToHyphen(key)}: ${value}`);\n  }\n  if (!parts.length) return \"\";\n  return `${parts.join(\"; \")};`;\n}\n\n/**\n * Converts a StyleValue object to a hyphenated style object.\n * @example\n * styleValueToHTMLObjStyle({ backgroundColor: \"red\", fontSize: \"16px\" });\n * // { \"background-color\": \"red\", \"font-size\": \"16px\" }\n */\nexport function styleValueToHTMLObjStyle(style: StyleValue) {\n  const result: CSS.PropertiesHyphen = {};\n  for (const [key, value] of Object.entries(style)) {\n    if (value == null) continue;\n    const property = camelToHyphen(key) as keyof HTMLCSSProperties;\n    result[property] = value;\n  }\n  return result;\n}\n\n/**\n * Converts a StyleValue object to a camelCase style object.\n * @example\n * styleValueToJSXStyle({ backgroundColor: \"red\", fontSize: \"16px\" });\n * // { backgroundColor: \"red\", fontSize: \"16px\" }\n */\nexport function styleValueToJSXStyle(style: StyleValue) {\n  return style as JSXCSSProperties;\n}\n\n/**\n * Type guard to check if a style object has hyphenated keys.\n * @example\n * isHTMLObjStyle({ \"background-color\": \"red\" }); // true\n * isHTMLObjStyle({ backgroundColor: \"red\" }); // false\n */\nexport function isHTMLObjStyle(\n  style: CSS.Properties<any> | CSS.PropertiesHyphen<any>,\n): style is CSS.PropertiesHyphen {\n  return Object.keys(style).some(\n    (key) => key.includes(\"-\") && !key.startsWith(\"--\"),\n  );\n}\n","import clsx, { type ClassValue as ClsxClassValue } from \"clsx\";\nimport type {\n  AnyComponent,\n  CVComponent,\n  ClassValue,\n  ComponentProps,\n  ComponentResult,\n  Computed,\n  ComputedVariants,\n  ExtendableVariants,\n  HTMLObjProps,\n  HTMLProps,\n  JSXProps,\n  MergeVariants,\n  ModalComponent,\n  SplitPropsFunction,\n  StyleClassValue,\n  StyleProps,\n  StyleValue,\n  VariantValues,\n  Variants,\n} from \"./types.ts\";\nimport {\n  type Mode,\n  getClassPropertyName,\n  htmlObjStyleToStyleValue,\n  htmlStyleToStyleValue,\n  isHTMLObjStyle,\n  jsxStyleToStyleValue,\n  styleValueToHTMLObjStyle,\n  styleValueToHTMLStyle,\n  styleValueToJSXStyle,\n} from \"./utils.ts\";\n\n// Internal metadata stored on components but hidden from public types\ninterface ComponentMeta {\n  baseClass: string;\n  staticDefaults: Record<string, unknown>;\n  resolveDefaults: (\n    childDefaults: Record<string, unknown>,\n    userProps?: Record<string, unknown>,\n  ) => Record<string, unknown>;\n}\n\nconst META_KEY = \"__meta\";\n\n// Symbol property used to pass skip keys through the props object without\n// polluting the actual variant values. This allows the computed function to\n// see actual variant values while still skipping styling for overridden keys.\nconst SKIP_STYLE_KEYS = Symbol(\"skipStyleKeys\");\n\n// Dynamic property access on function requires cast through unknown\nfunction getComponentMeta(component: AnyComponent): ComponentMeta | undefined {\n  return (component as unknown as Record<string, unknown>)[META_KEY] as\n    | ComponentMeta\n    | undefined;\n}\n\nfunction setComponentMeta(component: AnyComponent, meta: ComponentMeta): void {\n  (component as unknown as Record<string, unknown>)[META_KEY] = meta;\n}\n\n/**\n * Mutates target by assigning all properties from source. Avoids object spread\n * overhead in hot paths where we're building up a result object.\n */\nfunction assign<T extends object>(target: T, source: T): void {\n  for (const key of Object.keys(source)) {\n    (target as Record<string, unknown>)[key] = (\n      source as Record<string, unknown>\n    )[key];\n  }\n}\n\nexport type {\n  ClassValue,\n  StyleValue,\n  StyleClassValue,\n  JSXProps,\n  HTMLProps,\n  HTMLObjProps,\n  CVComponent,\n};\n\nexport type VariantProps<T extends Pick<AnyComponent, \"getVariants\">> =\n  ReturnType<T[\"getVariants\"]>;\n\nexport interface CVConfig<\n  V extends Variants = {},\n  CV extends ComputedVariants = {},\n  E extends AnyComponent[] = [],\n> {\n  extend?: E;\n  class?: ClassValue;\n  style?: StyleValue;\n  variants?: ExtendableVariants<V, E>;\n  computedVariants?: CV;\n  defaultVariants?: VariantValues<MergeVariants<V, CV, E>>;\n  computed?: Computed<MergeVariants<V, CV, E>>;\n}\n\ninterface CreateParams<M extends Mode> {\n  defaultMode?: M;\n  transformClass?: (className: string) => string;\n}\n\n/**\n * Checks if a value is a style-class object (has style properties, not just a\n * class value).\n */\nfunction isStyleClassValue(value: unknown): value is StyleClassValue {\n  if (typeof value !== \"object\") return false;\n  if (value == null) return false;\n  if (Array.isArray(value)) return false;\n  return true;\n}\n\n/**\n * Converts any style input (string, JSX object, or HTML object) to a normalized\n * StyleValue.\n */\nfunction normalizeStyle(style: unknown): StyleValue {\n  if (typeof style === \"string\") {\n    return htmlStyleToStyleValue(style);\n  }\n  if (typeof style === \"object\" && style != null) {\n    if (isHTMLObjStyle(style as Record<string, unknown>)) {\n      return htmlObjStyleToStyleValue(style as Record<string, string | number>);\n    }\n    return jsxStyleToStyleValue(style as Record<string, string | number>);\n  }\n  return {};\n}\n\n/**\n * Extracts class and style from a style-class value object.\n */\nfunction extractStyleClass(value: StyleClassValue): {\n  class: ClassValue;\n  style: StyleValue;\n} {\n  const { class: cls, ...style } = value;\n  return { class: cls, style };\n}\n\n/**\n * Extracts class and style from a variant value (either a class value or a\n * style-class object).\n */\nfunction extractClassAndStyle(value: unknown): {\n  class: ClassValue;\n  style: StyleValue;\n} {\n  if (isStyleClassValue(value)) {\n    return extractStyleClass(value);\n  }\n  return { class: value as ClassValue, style: {} };\n}\n\n/**\n * Gets all variant keys from a component's config, including extended\n * components.\n */\nfunction collectVariantKeys(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n): string[] {\n  const keys = new Set<string>();\n\n  // Collect from extended components\n  if (config.extend) {\n    for (const ext of config.extend) {\n      for (const key of ext.variantKeys) {\n        keys.add(key as string);\n      }\n    }\n  }\n\n  // Collect from variants\n  if (config.variants) {\n    for (const key of Object.keys(config.variants)) {\n      keys.add(key);\n    }\n  }\n\n  // Collect from computedVariants\n  if (config.computedVariants) {\n    for (const key of Object.keys(config.computedVariants)) {\n      keys.add(key);\n    }\n  }\n\n  return Array.from(keys);\n}\n\n/**\n * Collects static default variants from extended components and the current\n * config. Also handles implicit boolean defaults (when only `false` key\n * exists). This does NOT trigger computed functions - use collectDefaultVariants\n * for that.\n */\nfunction collectStaticDefaults(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n): Record<string, unknown> {\n  const defaults: Record<string, unknown> = {};\n\n  // Collect static defaults from extended components (via metadata to avoid\n  // triggering computed functions)\n  if (config.extend) {\n    for (const ext of config.extend) {\n      const meta = getComponentMeta(ext);\n      if (meta) {\n        Object.assign(defaults, meta.staticDefaults);\n      }\n    }\n  }\n\n  // Handle implicit boolean defaults from variants\n  // If a variant has a `false` key, default to false when no value is provided\n  if (config.variants) {\n    for (const [variantName, variantDef] of Object.entries(config.variants)) {\n      if (!isStyleClassValue(variantDef)) continue;\n      const keys = Object.keys(variantDef);\n      const hasFalse = keys.includes(\"false\");\n      if (hasFalse && !defaults[variantName]) {\n        defaults[variantName] = false;\n      }\n    }\n  }\n\n  // Override with current config's static defaults\n  if (config.defaultVariants) {\n    Object.assign(defaults, config.defaultVariants);\n  }\n\n  return defaults;\n}\n\n/**\n * Collects default variants from extended components and the current config.\n * This includes both static defaults and computed defaults (from\n * setDefaultVariants in extended components' computed functions). Priority:\n * parent static < child static < parent computed < child computed.\n */\nfunction collectDefaultVariants(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n  propsVariants: Record<string, unknown> = {},\n): Record<string, unknown> {\n  // Start with static defaults (parent static < child static)\n  const defaults = collectStaticDefaults(config);\n\n  // Apply computed defaults from extended components\n  // Parent's setDefaultVariants should override child's static defaults\n  if (!config.extend) return defaults;\n\n  // Pass full static defaults (not just this config's defaultVariants)\n  // so that intermediate components' defaults are visible to ancestors\n  for (const ext of config.extend) {\n    const meta = getComponentMeta(ext);\n    if (!meta) continue;\n    Object.assign(defaults, meta.resolveDefaults(defaults, propsVariants));\n  }\n\n  return defaults;\n}\n\n/**\n * Filters out keys with undefined values from an object.\n */\nfunction filterUndefined(\n  obj: Record<string, unknown>,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(obj)) {\n    if (value === undefined) continue;\n    result[key] = value;\n  }\n  return result;\n}\n\n/**\n * Resolves variant values by merging defaults with provided props. Props with\n * undefined values are filtered out so they don't override defaults.\n */\nfunction resolveVariants(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n  props: Record<string, unknown> = {},\n): Record<string, unknown> {\n  const defaults = collectDefaultVariants(config, props);\n  return { ...defaults, ...filterUndefined(props) };\n}\n\n/**\n * Gets the value for a single variant based on the variant definition and the\n * selected value.\n */\nfunction getVariantResult(\n  variantDef: unknown,\n  selectedValue: unknown,\n): { class: ClassValue; style: StyleValue } {\n  // Shorthand variant: `disabled: \"disabled-class\"` means { true: \"...\" }\n  if (!isStyleClassValue(variantDef)) {\n    if (selectedValue === true) {\n      return extractClassAndStyle(variantDef);\n    }\n    return { class: null, style: {} };\n  }\n\n  // Object variant: { sm: \"...\", lg: \"...\" }\n  const key = String(selectedValue);\n  const value = (variantDef as Record<string, unknown>)[key];\n  if (value === undefined) return { class: null, style: {} };\n\n  return extractClassAndStyle(value);\n}\n\n/**\n * Extracts classes from fullClass that are not in baseClass. Uses string\n * comparison optimization: if fullClass starts with baseClass, just take the\n * suffix.\n */\nfunction extractVariantClasses(fullClass: string, baseClass: string): string {\n  if (!fullClass) return \"\";\n  if (!baseClass) return fullClass;\n\n  // Fast path: fullClass starts with baseClass (common case)\n  if (fullClass.startsWith(baseClass)) {\n    return fullClass.slice(baseClass.length).trim();\n  }\n\n  // Slow path: need to diff the class sets\n  const baseClassSet = new Set(baseClass.split(\" \").filter(Boolean));\n  return fullClass\n    .split(\" \")\n    .filter((c) => c && !baseClassSet.has(c))\n    .join(\" \");\n}\n\nfunction computeExtendedStyles(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n  resolvedVariants: Record<string, unknown>,\n  overrideVariantKeys: Set<string> = new Set(),\n): {\n  baseClasses: ClassValue[];\n  variantClasses: ClassValue[];\n  style: StyleValue;\n} {\n  const baseClasses: ClassValue[] = [];\n  const variantClasses: ClassValue[] = [];\n  const style: StyleValue = {};\n\n  if (!config.extend) return { baseClasses, variantClasses, style };\n\n  for (const ext of config.extend) {\n    // Pass actual variant values but mark which keys should skip styling.\n    // Using a Symbol property keeps variant values clean for computed functions\n    // while still allowing us to skip styling for overridden keys.\n    const propsForExt: Record<string | symbol, unknown> = {\n      ...resolvedVariants,\n    };\n    if (overrideVariantKeys.size > 0) {\n      propsForExt[SKIP_STYLE_KEYS] = overrideVariantKeys;\n    }\n\n    const extResult = ext(propsForExt);\n    assign(style, normalizeStyle(extResult.style));\n\n    // Get base class from internal metadata (no variants)\n    const meta = getComponentMeta(ext);\n    const baseClass = meta?.baseClass ?? \"\";\n    baseClasses.push(baseClass);\n\n    // Get full class with variants\n    const fullClass =\n      \"className\" in extResult ? extResult.className : extResult.class;\n\n    const variantPortion = extractVariantClasses(fullClass, baseClass);\n    if (variantPortion) {\n      variantClasses.push(variantPortion);\n    }\n  }\n\n  return { baseClasses, variantClasses, style };\n}\n\n/**\n * Computes class and style from the component's own variants and\n * computedVariants (not extended components).\n */\nfunction computeVariantStyles(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n  resolvedVariants: Record<string | symbol, unknown>,\n  skipStyleKeys: Set<string> = new Set(),\n): { classes: ClassValue[]; style: StyleValue } {\n  const classes: ClassValue[] = [];\n  const style: StyleValue = {};\n\n  // Process current component's variants\n  if (config.variants) {\n    for (const [variantName, variantDef] of Object.entries(config.variants)) {\n      // Skip styling for variants that are overridden by child's computedVariants\n      if (skipStyleKeys.has(variantName)) continue;\n\n      const selectedValue = resolvedVariants[variantName];\n      if (selectedValue === undefined) continue;\n\n      const result = getVariantResult(variantDef, selectedValue);\n      classes.push(result.class);\n      assign(style, result.style);\n    }\n  }\n\n  // Process computedVariants\n  if (config.computedVariants) {\n    for (const [variantName, computeFn] of Object.entries(\n      config.computedVariants,\n    )) {\n      // Skip styling for variants that are overridden by child's computedVariants\n      if (skipStyleKeys.has(variantName)) continue;\n\n      const selectedValue = resolvedVariants[variantName];\n      if (selectedValue === undefined) continue;\n\n      const computedResult = computeFn(selectedValue);\n      const result = extractClassAndStyle(computedResult);\n      classes.push(result.class);\n      assign(style, result.style);\n    }\n  }\n\n  return { classes, style };\n}\n\n/**\n * Runs the computed function if present, returning classes, styles, and updated\n * variants.\n */\nfunction runComputedFunction(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n  resolvedVariants: Record<string, unknown>,\n  propsVariants: Record<string, unknown>,\n): {\n  classes: ClassValue[];\n  style: StyleValue;\n  updatedVariants: Record<string, unknown>;\n} {\n  const classes: ClassValue[] = [];\n  const style: StyleValue = {};\n  const updatedVariants = { ...resolvedVariants };\n\n  if (!config.computed) {\n    return { classes, style, updatedVariants };\n  }\n\n  const context = {\n    variants: resolvedVariants,\n    setVariants: (newVariants: VariantValues<Record<string, unknown>>) => {\n      Object.assign(updatedVariants, newVariants);\n    },\n    setDefaultVariants: (\n      newDefaults: VariantValues<Record<string, unknown>>,\n    ) => {\n      // Only apply defaults for variants not explicitly set in props\n      for (const [key, value] of Object.entries(newDefaults)) {\n        if (propsVariants[key] === undefined) {\n          updatedVariants[key] = value;\n        }\n      }\n    },\n    addClass: (className: ClassValue) => {\n      classes.push(className);\n    },\n    addStyle: (newStyle: StyleValue) => {\n      assign(style, newStyle);\n    },\n  };\n\n  const computedResult = config.computed(context);\n  if (computedResult != null) {\n    const result = extractClassAndStyle(computedResult);\n    classes.push(result.class);\n    assign(style, result.style);\n  }\n\n  return { classes, style, updatedVariants };\n}\n\ninterface NormalizedSource {\n  keys: string[];\n  variantKeys: string[];\n  defaults: Record<string, unknown>;\n  isComponent: boolean;\n}\n\nconst EMPTY_SOURCE: NormalizedSource = {\n  keys: [],\n  variantKeys: [],\n  defaults: {},\n  isComponent: false,\n};\n\n/**\n * Normalizes a key source (array or component) to an object with keys,\n * variantKeys, defaults, and isComponent flag.\n */\nfunction normalizeKeySource(source: unknown): NormalizedSource {\n  if (Array.isArray(source)) {\n    return {\n      keys: source as string[],\n      variantKeys: source as string[],\n      defaults: {},\n      isComponent: false,\n    };\n  }\n\n  if (!source) return EMPTY_SOURCE;\n  if (typeof source !== \"object\" && typeof source !== \"function\") {\n    return EMPTY_SOURCE;\n  }\n  if (!(\"keys\" in source)) return EMPTY_SOURCE;\n  if (!(\"variantKeys\" in source)) return EMPTY_SOURCE;\n\n  // Source is a component with keys and variantKeys properties\n  const typed = source as {\n    keys: string[];\n    variantKeys: string[];\n    getVariants?: () => Record<string, unknown>;\n  };\n  return {\n    keys: [...typed.keys],\n    variantKeys: [...typed.variantKeys],\n    defaults: typed.getVariants?.() ?? {},\n    isComponent: true,\n  };\n}\n\n/**\n * Splits props into multiple groups based on key sources. Only the first\n * component claims styling props (class/className/style). Subsequent components\n * only receive variant props. Arrays always receive their listed keys but don't\n * claim styling props.\n */\nfunction splitPropsImpl(\n  selfKeys: string[],\n  selfIsComponent: boolean,\n  props: Record<string, unknown>,\n  sources: NormalizedSource[],\n): Record<string, unknown>[] {\n  const allUsedKeys = new Set<string>(selfKeys);\n  const results: Record<string, unknown>[] = [];\n\n  // Track if styling has been claimed by a component\n  let stylingClaimed = selfIsComponent;\n\n  // Self result\n  const selfResult: Record<string, unknown> = {};\n  for (const key of selfKeys) {\n    if (key in props) {\n      selfResult[key] = props[key];\n    }\n  }\n  results.push(selfResult);\n\n  // Process each source\n  for (const source of sources) {\n    const sourceResult: Record<string, unknown> = {};\n\n    // Determine which keys this source should use\n    // Components use variantKeys if styling has already been claimed\n    // Arrays always use their listed keys\n    const effectiveKeys =\n      source.isComponent && stylingClaimed ? source.variantKeys : source.keys;\n\n    for (const key of effectiveKeys) {\n      allUsedKeys.add(key);\n      if (key in props) {\n        sourceResult[key] = props[key];\n      }\n    }\n    results.push(sourceResult);\n\n    // If this is a component that hasn't claimed styling yet, mark styling as claimed\n    if (source.isComponent && !stylingClaimed) {\n      stylingClaimed = true;\n    }\n  }\n\n  // Rest - keys not used by anyone\n  const rest: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(props)) {\n    if (!allUsedKeys.has(key)) {\n      rest[key] = value;\n    }\n  }\n  results.push(rest);\n\n  return results;\n}\n\n/**\n * Splits props into multiple groups based on key sources. Each source gets its\n * own result object containing all its matching keys. The first component\n * source claims styling props (class/className/style). Subsequent components\n * only receive variant props. Arrays receive their listed keys but don't claim\n * styling props. The last element is always the \"rest\" containing keys not\n * claimed by any source.\n * @example\n * ```ts\n * const [buttonProps, inputProps, rest] = splitProps(\n *   props,\n *   buttonComponent,\n *   inputComponent,\n * );\n * // buttonProps has class/style + button variants\n * // inputProps has only input variants (no class/style)\n * ```\n */\nexport const splitProps: SplitPropsFunction = ((\n  props: Record<string, unknown>,\n  source1: unknown,\n  ...sources: unknown[]\n) => {\n  const normalizedSource1 = normalizeKeySource(source1);\n  const normalizedSources = sources.map(normalizeKeySource);\n  return splitPropsImpl(\n    normalizedSource1.keys,\n    normalizedSource1.isComponent,\n    props,\n    normalizedSources,\n  );\n}) as SplitPropsFunction;\n\n/**\n * Creates the resolveDefaults function for a component. This function returns\n * only the variants set via setDefaultVariants in the computed function. Used\n * by child components to get parent's computed defaults.\n */\nfunction createResolveDefaults(\n  config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n): ComponentMeta[\"resolveDefaults\"] {\n  return (childDefaults, userProps = {}) => {\n    // Get static defaults (including from extended components)\n    const staticDefaults = collectStaticDefaults(config);\n\n    // Merge: parent static < child static < user props\n    // This is what parent's computed will see in `variants`\n    const resolvedVariants = {\n      ...staticDefaults,\n      ...filterUndefined(childDefaults),\n      ...filterUndefined(userProps),\n    };\n\n    // Track which keys are set via setDefaultVariants\n    const computedDefaults: Record<string, unknown> = {};\n\n    // Propagate to extended components so their computed functions can run\n    // This allows grandparent computed functions to see grandchild defaults\n    if (config.extend) {\n      for (const ext of config.extend) {\n        const meta = getComponentMeta(ext);\n        if (!meta) continue;\n        Object.assign(\n          computedDefaults,\n          meta.resolveDefaults(childDefaults, userProps),\n        );\n      }\n    }\n\n    if (config.computed) {\n      config.computed({\n        variants: resolvedVariants as VariantValues<Record<string, unknown>>,\n        setVariants: () => {\n          // Not relevant for collecting defaults\n        },\n        setDefaultVariants: (newDefaults) => {\n          // Only apply defaults for variants not explicitly set by user\n          // (child's static defaults should not block setDefaultVariants)\n          for (const [key, value] of Object.entries(newDefaults)) {\n            if (userProps[key] === undefined) {\n              computedDefaults[key] = value;\n            }\n          }\n        },\n        addClass: () => {\n          // Not relevant for collecting defaults\n        },\n        addStyle: () => {\n          // Not relevant for collecting defaults\n        },\n      });\n    }\n\n    return computedDefaults;\n  };\n}\n\n/**\n * Creates the cv and cx functions.\n */\nexport function create<M extends Mode = \"jsx\">({\n  defaultMode = \"jsx\" as M,\n  transformClass = (className) => className,\n}: CreateParams<M> = {}) {\n  const cx = (...classes: ClsxClassValue[]) => transformClass(clsx(...classes));\n\n  const cv = <\n    V extends Variants = {},\n    CV extends ComputedVariants = {},\n    const E extends AnyComponent[] = [],\n  >(\n    config: CVConfig<V, CV, E> = {},\n  ): CVComponent<V, CV, E, StyleProps[M]> => {\n    type MergedVariants = MergeVariants<V, CV, E>;\n\n    const variantKeys = collectVariantKeys(\n      config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n    );\n\n    const getPropsKeys = (mode: Mode) => [\n      getClassPropertyName(mode),\n      \"style\",\n      ...variantKeys,\n    ];\n\n    const computeResult = (\n      props: ComponentProps<MergedVariants> = {},\n    ): { className: string; style: StyleValue } => {\n      const allClasses: ClassValue[] = [];\n      const allStyle: StyleValue = {};\n\n      // Extract skip style keys from props (set by child's computedVariants)\n      const skipStyleKeys =\n        ((props as Record<symbol, unknown>)[SKIP_STYLE_KEYS] as\n          | Set<string>\n          | undefined) ?? new Set<string>();\n\n      // Extract variant props from input\n      const variantProps: Record<string, unknown> = {};\n      for (const key of variantKeys) {\n        if (key in props) {\n          variantProps[key] = (props as Record<string, unknown>)[key];\n        }\n      }\n\n      // Resolve variants with defaults\n      let resolvedVariants = resolveVariants(\n        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n        variantProps,\n      );\n\n      // Process computed first to potentially update variants\n      const computedResult = runComputedFunction(\n        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n        resolvedVariants,\n        variantProps,\n      );\n      resolvedVariants = computedResult.updatedVariants;\n\n      // Collect computedVariants keys that will override extended variants.\n      // Combine with incoming skip keys to propagate through the extend chain.\n      const computedVariantKeys = new Set<string>(skipStyleKeys);\n      if (config.computedVariants) {\n        for (const key of Object.keys(config.computedVariants)) {\n          computedVariantKeys.add(key);\n        }\n      }\n\n      // Process extended components (separates base and variant classes)\n      const extendedResult = computeExtendedStyles(\n        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n        resolvedVariants,\n        computedVariantKeys,\n      );\n\n      // 1. Extended base classes first\n      allClasses.push(...extendedResult.baseClasses);\n      assign(allStyle, extendedResult.style);\n\n      // 2. Current component's base class\n      allClasses.push(config.class);\n\n      // 3. Add base style\n      if (config.style) {\n        assign(allStyle, config.style);\n      }\n\n      // 4. Extended variant classes\n      allClasses.push(...extendedResult.variantClasses);\n\n      // 5. Current component's variants (skip keys that are overridden)\n      const variantsResult = computeVariantStyles(\n        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n        resolvedVariants,\n        skipStyleKeys,\n      );\n      allClasses.push(...variantsResult.classes);\n      assign(allStyle, variantsResult.style);\n\n      // Add computed results\n      allClasses.push(...computedResult.classes);\n      assign(allStyle, computedResult.style);\n\n      // Merge class from props\n      if (\"class\" in props) {\n        allClasses.push(props.class);\n      }\n      if (\"className\" in props) {\n        allClasses.push(props.className);\n      }\n\n      // Merge style from props\n      if (props.style != null) {\n        assign(allStyle, normalizeStyle(props.style));\n      }\n\n      return {\n        className: cx(...(allClasses as ClsxClassValue[])),\n        style: allStyle,\n      };\n    };\n\n    const createModalComponent = <R extends ComponentResult>(\n      mode: Mode,\n    ): ModalComponent<MergedVariants, R> => {\n      const propsKeys = getPropsKeys(mode);\n\n      const component = ((props: ComponentProps<MergedVariants> = {}) => {\n        const { className, style } = computeResult(props);\n\n        if (mode === \"jsx\") {\n          return { className, style: styleValueToJSXStyle(style) } as R;\n        }\n        if (mode === \"html\") {\n          return {\n            class: className,\n            style: styleValueToHTMLStyle(style),\n          } as R;\n        }\n        // htmlObj\n        return {\n          class: className,\n          style: styleValueToHTMLObjStyle(style),\n        } as R;\n      }) as ModalComponent<MergedVariants, R>;\n\n      component.class = (props: ComponentProps<MergedVariants> = {}) => {\n        return computeResult(props).className;\n      };\n\n      component.style = ((props: ComponentProps<MergedVariants> = {}) => {\n        const { style } = computeResult(props);\n        if (mode === \"jsx\") return styleValueToJSXStyle(style);\n        if (mode === \"html\") return styleValueToHTMLStyle(style);\n        return styleValueToHTMLObjStyle(style);\n      }) as ModalComponent<MergedVariants, R>[\"style\"];\n\n      component.getVariants = (\n        variants?: VariantValues<MergedVariants>,\n      ): VariantValues<MergedVariants> => {\n        return resolveVariants(\n          config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n          variants as VariantValues<Record<string, unknown>>,\n        ) as VariantValues<MergedVariants>;\n      };\n\n      component.keys = propsKeys as (keyof MergedVariants | keyof R)[];\n\n      component.variantKeys = variantKeys as (keyof MergedVariants)[];\n\n      component.propKeys = propsKeys as (keyof MergedVariants | keyof R)[];\n\n      // Compute base class (without variants) - includes extended base classes\n      const extendedBaseClasses: ClassValue[] = [];\n      if (config.extend) {\n        for (const ext of config.extend) {\n          const meta = getComponentMeta(ext);\n          extendedBaseClasses.push(meta?.baseClass ?? \"\");\n        }\n      }\n      const baseClass = cx(\n        ...(extendedBaseClasses as ClsxClassValue[]),\n        config.class as ClsxClassValue,\n      );\n\n      // Compute static defaults once at creation time (without triggering\n      // computed functions)\n      const staticDefaults = collectStaticDefaults(\n        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n      );\n\n      // Store internal metadata hidden from public types\n      setComponentMeta(component, {\n        baseClass,\n        staticDefaults,\n        resolveDefaults: createResolveDefaults(\n          config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n        ),\n      });\n\n      return component;\n    };\n\n    // Create the default modal component\n    const defaultComponent = createModalComponent<StyleProps[M]>(defaultMode);\n\n    // Create all modal variants\n    const jsxComponent = createModalComponent<JSXProps>(\"jsx\");\n    const htmlComponent = createModalComponent<HTMLProps>(\"html\");\n    const htmlObjComponent = createModalComponent<HTMLObjProps>(\"htmlObj\");\n\n    // Build the final component\n    const component = defaultComponent as CVComponent<V, CV, E, StyleProps[M]>;\n    component.jsx = jsxComponent;\n    component.html = htmlComponent;\n    component.htmlObj = htmlObjComponent;\n\n    return component;\n  };\n\n  return { cv, cx };\n}\n\nexport const { cv, cx } = create();\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clava",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "description": "Clava library",
   "keywords": [
     "class variance",

package/src/index.ts

@@ -252,14 +252,12 @@ function collectDefaultVariants(
   // Parent's setDefaultVariants should override child's static defaults
   if (!config.extend) return defaults;
 
-  const childStaticDefaults = config.defaultVariants || {};
+  // Pass full static defaults (not just this config's defaultVariants)
+  // so that intermediate components' defaults are visible to ancestors
   for (const ext of config.extend) {
     const meta = getComponentMeta(ext);
     if (!meta) continue;
-    Object.assign(
-      defaults,
-      meta.resolveDefaults(childStaticDefaults, propsVariants),
-    );
+    Object.assign(defaults, meta.resolveDefaults(defaults, propsVariants));
   }
 
   return defaults;
@@ -468,6 +466,12 @@ function runComputedFunction(
         }
       }
     },
+    addClass: (className: ClassValue) => {
+      classes.push(className);
+    },
+    addStyle: (newStyle: StyleValue) => {
+      assign(style, newStyle);
+    },
   };
 
   const computedResult = config.computed(context);
@@ -676,6 +680,12 @@ function createResolveDefaults(
             }
           }
         },
+        addClass: () => {
+          // Not relevant for collecting defaults
+        },
+        addStyle: () => {
+          // Not relevant for collecting defaults
+        },
       });
     }
 

package/src/test.ts

@@ -1262,6 +1262,21 @@ for (const config of Object.values(CONFIGS)) {
       expect(getStyleClass(props)).toEqual({ class: cls("lg red") });
     });
 
+    test("computed receives default variants from intermediate component", () => {
+      const parent = cv({
+        variants: { size: { sm: "sm", lg: "lg" } },
+        computed: ({ variants, setDefaultVariants }) => {
+          if (!variants.size) {
+            setDefaultVariants({ size: "lg" });
+          }
+        },
+      });
+      const child = cv({ extend: [parent], defaultVariants: { size: "sm" } });
+      const component = getModalComponent(mode, cv({ extend: [child] }));
+      const props = component();
+      expect(getStyleClass(props)).toEqual({ class: cls("sm") });
+    });
+
     test("child computed setDefaultVariants overrides parent computed setDefaultVariants", () => {
       const base = cv({
         variants: { size: { sm: "sm", lg: "lg" } },
@@ -1593,6 +1608,226 @@ for (const config of Object.values(CONFIGS)) {
       expect(getStyleClass(props)).toEqual({ class: "" });
     });
 
+    test("computed addClass with string", () => {
+      const component = getModalComponent(
+        mode,
+        cv({
+          variants: { size: { sm: "sm", lg: "lg" } },
+          computed: ({ variants, addClass }) => {
+            if (variants.size === "lg") {
+              addClass("added-lg");
+            }
+          },
+        }),
+      );
+      const props = component({ size: "lg" });
+      expect(getStyleClass(props)).toEqual({ class: cls("lg added-lg") });
+    });
+
+    test("computed addClass with array", () => {
+      const component = getModalComponent(
+        mode,
+        cv({
+          variants: { size: { sm: "sm", lg: "lg" } },
+          computed: ({ variants, addClass }) => {
+            if (variants.size === "lg") {
+              addClass(["added-lg", "extra-class"]);
+            }
+          },
+        }),
+      );
+      const props = component({ size: "lg" });
+      expect(getStyleClass(props)).toEqual({
+        class: cls("lg added-lg extra-class"),
+      });
+    });
+
+    test("computed addStyle", () => {
+      const component = getModalComponent(
+        mode,
+        cv({
+          variants: { size: { sm: "sm", lg: "lg" } },
+          computed: ({ variants, addStyle }) => {
+            if (variants.size === "lg") {
+              addStyle({ fontSize: "20px" });
+            }
+          },
+        }),
+      );
+      const props = component({ size: "lg" });
+      expect(getStyleClass(props)).toEqual({
+        class: cls("lg"),
+        fontSize: "20px",
+      });
+    });
+
+    test("computed addClass combined with return value", () => {
+      const component = getModalComponent(
+        mode,
+        cv({
+          variants: { size: { sm: "sm", lg: "lg" } },
+          computed: ({ variants, addClass }) => {
+            if (variants.size === "lg") {
+              addClass("added-class");
+            }
+            return "returned-class";
+          },
+        }),
+      );
+      const props = component({ size: "lg" });
+      expect(getStyleClass(props)).toEqual({
+        class: cls("lg added-class returned-class"),
+      });
+    });
+
+    test("computed addStyle combined with return value", () => {
+      const component = getModalComponent(
+        mode,
+        cv({
+          variants: { size: { sm: "sm", lg: "lg" } },
+          computed: ({ variants, addStyle }) => {
+            if (variants.size === "lg") {
+              addStyle({ fontSize: "20px" });
+            }
+            return { backgroundColor: "red" };
+          },
+        }),
+      );
+      const props = component({ size: "lg" });
+      expect(getStyleClass(props)).toEqual({
+        class: cls("lg"),
+        fontSize: "20px",
+        backgroundColor: "red",
+      });
+    });
+
+    test("computed addClass and addStyle together", () => {
+      const component = getModalComponent(
+        mode,
+        cv({
+          variants: { size: { sm: "sm", lg: "lg" } },
+          computed: ({ variants, addClass, addStyle }) => {
+            if (variants.size === "lg") {
+              addClass("added-lg");
+              addStyle({ fontSize: "20px" });
+            }
+          },
+        }),
+      );
+      const props = component({ size: "lg" });
+      expect(getStyleClass(props)).toEqual({
+        class: cls("lg added-lg"),
+        fontSize: "20px",
+      });
+    });
+
+    test("computed addClass and addStyle with return value", () => {
+      const component = getModalComponent(
+        mode,
+        cv({
+          variants: { size: { sm: "sm", lg: "lg" } },
+          computed: ({ variants, addClass, addStyle }) => {
+            if (variants.size === "lg") {
+              addClass("added-lg");
+              addStyle({ fontSize: "20px" });
+            }
+            return { class: "returned-class", backgroundColor: "red" };
+          },
+        }),
+      );
+      const props = component({ size: "lg" });
+      expect(getStyleClass(props)).toEqual({
+        class: cls("lg added-lg returned-class"),
+        fontSize: "20px",
+        backgroundColor: "red",
+      });
+    });
+
+    test("computed addClass multiple calls", () => {
+      const component = getModalComponent(
+        mode,
+        cv({
+          variants: { size: { sm: "sm", lg: "lg" } },
+          computed: ({ variants, addClass }) => {
+            if (variants.size === "lg") {
+              addClass("first");
+              addClass("second");
+              addClass("third");
+            }
+          },
+        }),
+      );
+      const props = component({ size: "lg" });
+      expect(getStyleClass(props)).toEqual({
+        class: cls("lg first second third"),
+      });
+    });
+
+    test("computed addStyle multiple calls merges styles", () => {
+      const component = getModalComponent(
+        mode,
+        cv({
+          variants: { size: { sm: "sm", lg: "lg" } },
+          computed: ({ variants, addStyle }) => {
+            if (variants.size === "lg") {
+              addStyle({ fontSize: "20px" });
+              addStyle({ backgroundColor: "red" });
+              addStyle({ color: "blue" });
+            }
+          },
+        }),
+      );
+      const props = component({ size: "lg" });
+      expect(getStyleClass(props)).toEqual({
+        class: cls("lg"),
+        fontSize: "20px",
+        backgroundColor: "red",
+        color: "blue",
+      });
+    });
+
+    test("computed addStyle later call overrides earlier", () => {
+      const component = getModalComponent(
+        mode,
+        cv({
+          variants: { size: { sm: "sm", lg: "lg" } },
+          computed: ({ variants, addStyle }) => {
+            if (variants.size === "lg") {
+              addStyle({ fontSize: "16px" });
+              addStyle({ fontSize: "20px" });
+            }
+          },
+        }),
+      );
+      const props = component({ size: "lg" });
+      expect(getStyleClass(props)).toEqual({
+        class: cls("lg"),
+        fontSize: "20px",
+      });
+    });
+
+    test("computed addStyle does not accept numbers", () => {
+      const component = getModalComponent(
+        mode,
+        cv({
+          variants: { size: { sm: "sm", lg: "lg" } },
+          computed: ({ variants, addStyle }) => {
+            if (variants.size === "lg") {
+              addStyle({
+                // @ts-expect-error
+                fontSize: 20,
+              });
+            }
+          },
+        }),
+      );
+      const props = component({ size: "lg" });
+      expect(getStyleClass(props)).toEqual({
+        class: cls("lg"),
+        fontSize: expect.toBeOneOf(["20", "20px"]),
+      });
+    });
+
     test("extend single component", () => {
       const base = cv({ class: "base", variants: { size: { sm: "sm" } } });
       const component = getModalComponent(

package/src/types.ts

@@ -232,6 +232,8 @@ export interface ComputedContext<V> {
   variants: VariantValues<V>;
   setVariants: (variants: VariantValues<V>) => void;
   setDefaultVariants: (variants: VariantValues<V>) => void;
+  addClass: (className: ClassValue) => void;
+  addStyle: (style: StyleValue) => void;
 }
 
 export type Computed<V> = (context: ComputedContext<V>) => VariantValue;