clava 0.1.12 → 0.1.13

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # clava
 
+## 0.1.13
+
+### Patch Changes
+
+- 5955334: Fixed `computed` method receiving updated variants when extending multiple levels of components.
+
 ## 0.1.12
 
 ### Patch Changes

package/dist/index.js

@@ -158,7 +158,7 @@ function isHTMLObjStyle(style) {
 //#endregion
 //#region src/index.ts
 const META_KEY = "__meta";
-const SKIP_VARIANT = Symbol("skipVariant");
+const SKIP_STYLE_KEYS = Symbol("skipStyleKeys");
 function getComponentMeta(component) {
 	return component[META_KEY];
 }
@@ -229,11 +229,15 @@ function collectVariantKeys(config) {
 /**
 * Collects static default variants from extended components and the current
 * config. Also handles implicit boolean defaults (when only `false` key
-* exists).
+* exists). This does NOT trigger computed functions - use collectDefaultVariants
+* for that.
 */
 function collectStaticDefaults(config) {
 	const defaults = {};
-	if (config.extend) for (const ext of config.extend) Object.assign(defaults, ext.getVariants());
+	if (config.extend) for (const ext of config.extend) {
+		const meta = getComponentMeta(ext);
+		if (meta) Object.assign(defaults, meta.staticDefaults);
+	}
 	if (config.variants) for (const [variantName, variantDef] of Object.entries(config.variants)) {
 		if (!isStyleClassValue(variantDef)) continue;
 		if (Object.keys(variantDef).includes("false") && !defaults[variantName]) defaults[variantName] = false;
@@ -320,9 +324,9 @@ function computeExtendedStyles(config, resolvedVariants, overrideVariantKeys = /
 		style
 	};
 	for (const ext of config.extend) {
-		const filteredVariants = { ...resolvedVariants };
-		for (const key of overrideVariantKeys) filteredVariants[key] = SKIP_VARIANT;
-		const extResult = ext(filteredVariants);
+		const propsForExt = { ...resolvedVariants };
+		if (overrideVariantKeys.size > 0) propsForExt[SKIP_STYLE_KEYS] = overrideVariantKeys;
+		const extResult = ext(propsForExt);
 		assign(style, normalizeStyle(extResult.style));
 		const baseClass = getComponentMeta(ext)?.baseClass ?? "";
 		baseClasses.push(baseClass);
@@ -339,10 +343,11 @@ function computeExtendedStyles(config, resolvedVariants, overrideVariantKeys = /
 * Computes class and style from the component's own variants and
 * computedVariants (not extended components).
 */
-function computeVariantStyles(config, resolvedVariants) {
+function computeVariantStyles(config, resolvedVariants, skipStyleKeys = /* @__PURE__ */ new Set()) {
 	const classes = [];
 	const style = {};
 	if (config.variants) for (const [variantName, variantDef] of Object.entries(config.variants)) {
+		if (skipStyleKeys.has(variantName)) continue;
 		const selectedValue = resolvedVariants[variantName];
 		if (selectedValue === void 0) continue;
 		const result = getVariantResult(variantDef, selectedValue);
@@ -350,9 +355,9 @@ function computeVariantStyles(config, resolvedVariants) {
 		assign(style, result.style);
 	}
 	if (config.computedVariants) for (const [variantName, computeFn] of Object.entries(config.computedVariants)) {
+		if (skipStyleKeys.has(variantName)) continue;
 		const selectedValue = resolvedVariants[variantName];
 		if (selectedValue === void 0) continue;
-		if (selectedValue === SKIP_VARIANT) continue;
 		const result = extractClassAndStyle(computeFn(selectedValue));
 		classes.push(result.class);
 		assign(style, result.style);
@@ -375,11 +380,8 @@ function runComputedFunction(config, resolvedVariants, propsVariants) {
 		style,
 		updatedVariants
 	};
-	const variantsForComputed = { ...resolvedVariants };
-	const defaults = collectStaticDefaults(config);
-	for (const [key, value] of Object.entries(variantsForComputed)) if (value === SKIP_VARIANT) variantsForComputed[key] = defaults[key];
 	const context = {
-		variants: variantsForComputed,
+		variants: resolvedVariants,
 		setVariants: (newVariants) => {
 			Object.assign(updatedVariants, newVariants);
 		},
@@ -522,19 +524,21 @@ function create({ defaultMode = "jsx", transformClass = (className) => className
 		const computeResult = (props = {}) => {
 			const allClasses = [];
 			const allStyle = {};
+			const skipStyleKeys = props[SKIP_STYLE_KEYS] ?? /* @__PURE__ */ new Set();
 			const variantProps = {};
 			for (const key of variantKeys) if (key in props) variantProps[key] = props[key];
 			let resolvedVariants = resolveVariants(config, variantProps);
 			const computedResult = runComputedFunction(config, resolvedVariants, variantProps);
 			resolvedVariants = computedResult.updatedVariants;
-			const computedVariantKeys = new Set(config.computedVariants ? Object.keys(config.computedVariants) : []);
+			const computedVariantKeys = new Set(skipStyleKeys);
+			if (config.computedVariants) for (const key of Object.keys(config.computedVariants)) computedVariantKeys.add(key);
 			const extendedResult = computeExtendedStyles(config, resolvedVariants, computedVariantKeys);
 			allClasses.push(...extendedResult.baseClasses);
 			assign(allStyle, extendedResult.style);
 			allClasses.push(config.class);
 			if (config.style) assign(allStyle, config.style);
 			allClasses.push(...extendedResult.variantClasses);
-			const variantsResult = computeVariantStyles(config, resolvedVariants);
+			const variantsResult = computeVariantStyles(config, resolvedVariants, skipStyleKeys);
 			allClasses.push(...variantsResult.classes);
 			assign(allStyle, variantsResult.style);
 			allClasses.push(...computedResult.classes);
@@ -586,6 +590,7 @@ function create({ defaultMode = "jsx", transformClass = (className) => className
 			}
 			setComponentMeta(component$1, {
 				baseClass: cx$1(...extendedBaseClasses, config.class),
+				staticDefaults: collectStaticDefaults(config),
 				resolveDefaults: createResolveDefaults(config)
 			});
 			return component$1;

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  resolveDefaults: (\n    childDefaults: Record<string, unknown>,\n    userProps?: Record<string, unknown>,\n  ) => Record<string, unknown>;\n}\n\nconst META_KEY = \"__meta\";\n\n// Sentinel value used to signal \"skip this variant\" when a child's\n// computedVariants overrides a parent's variant. Using a Symbol ensures it\n// can't conflict with any user-provided value (including null).\nconst SKIP_VARIANT = Symbol(\"skipVariant\");\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).\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\n  if (config.extend) {\n    for (const ext of config.extend) {\n      Object.assign(defaults, ext.getVariants());\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    // Filter out variant keys that are being overridden by computedVariants\n    // Set to SKIP_VARIANT sentinel (not delete) to prevent the parent from\n    // applying its implicit boolean default\n    const filteredVariants = { ...resolvedVariants };\n    for (const key of overrideVariantKeys) {\n      filteredVariants[key] = SKIP_VARIANT;\n    }\n\n    const extResult = ext(filteredVariants);\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, unknown>,\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      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      const selectedValue = resolvedVariants[variantName];\n      if (selectedValue === undefined) continue;\n      // Skip SKIP_VARIANT sentinel (used when a child's computedVariants\n      // overrides a parent's variant)\n      if (selectedValue === SKIP_VARIANT) 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  // For the computed function, replace SKIP_VARIANT with default values.\n  // SKIP_VARIANT is used to prevent parent's variant styling when a child has\n  // computedVariants that override the parent's variant, but the computed\n  // function should still see valid values (the component's defaults).\n  const variantsForComputed = { ...resolvedVariants };\n  const defaults = collectStaticDefaults(config);\n  for (const [key, value] of Object.entries(variantsForComputed)) {\n    if (value === SKIP_VARIANT) {\n      variantsForComputed[key] = defaults[key];\n    }\n  }\n\n  const context = {\n    variants: variantsForComputed,\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 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      const computedVariantKeys = new Set<string>(\n        config.computedVariants ? Object.keys(config.computedVariants) : [],\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\n      const variantsResult = computeVariantStyles(\n        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,\n        resolvedVariants,\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      // Store internal metadata hidden from public types\n      setComponentMeta(component, {\n        baseClass,\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":["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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"}

package/package.json

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

package/src/index.ts

@@ -35,6 +35,7 @@ import {
 // Internal metadata stored on components but hidden from public types
 interface ComponentMeta {
   baseClass: string;
+  staticDefaults: Record<string, unknown>;
   resolveDefaults: (
     childDefaults: Record<string, unknown>,
     userProps?: Record<string, unknown>,
@@ -43,10 +44,10 @@ interface ComponentMeta {
 
 const META_KEY = "__meta";
 
-// Sentinel value used to signal "skip this variant" when a child's
-// computedVariants overrides a parent's variant. Using a Symbol ensures it
-// can't conflict with any user-provided value (including null).
-const SKIP_VARIANT = Symbol("skipVariant");
+// Symbol property used to pass skip keys through the props object without
+// polluting the actual variant values. This allows the computed function to
+// see actual variant values while still skipping styling for overridden keys.
+const SKIP_STYLE_KEYS = Symbol("skipStyleKeys");
 
 // Dynamic property access on function requires cast through unknown
 function getComponentMeta(component: AnyComponent): ComponentMeta | undefined {
@@ -194,17 +195,22 @@ function collectVariantKeys(
 /**
  * Collects static default variants from extended components and the current
  * config. Also handles implicit boolean defaults (when only `false` key
- * exists).
+ * exists). This does NOT trigger computed functions - use collectDefaultVariants
+ * for that.
  */
 function collectStaticDefaults(
   config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,
 ): Record<string, unknown> {
   const defaults: Record<string, unknown> = {};
 
-  // Collect static defaults from extended components
+  // Collect static defaults from extended components (via metadata to avoid
+  // triggering computed functions)
   if (config.extend) {
     for (const ext of config.extend) {
-      Object.assign(defaults, ext.getVariants());
+      const meta = getComponentMeta(ext);
+      if (meta) {
+        Object.assign(defaults, meta.staticDefaults);
+      }
     }
   }
 
@@ -347,15 +353,17 @@ function computeExtendedStyles(
   if (!config.extend) return { baseClasses, variantClasses, style };
 
   for (const ext of config.extend) {
-    // Filter out variant keys that are being overridden by computedVariants
-    // Set to SKIP_VARIANT sentinel (not delete) to prevent the parent from
-    // applying its implicit boolean default
-    const filteredVariants = { ...resolvedVariants };
-    for (const key of overrideVariantKeys) {
-      filteredVariants[key] = SKIP_VARIANT;
+    // Pass actual variant values but mark which keys should skip styling.
+    // Using a Symbol property keeps variant values clean for computed functions
+    // while still allowing us to skip styling for overridden keys.
+    const propsForExt: Record<string | symbol, unknown> = {
+      ...resolvedVariants,
+    };
+    if (overrideVariantKeys.size > 0) {
+      propsForExt[SKIP_STYLE_KEYS] = overrideVariantKeys;
     }
 
-    const extResult = ext(filteredVariants);
+    const extResult = ext(propsForExt);
     assign(style, normalizeStyle(extResult.style));
 
     // Get base class from internal metadata (no variants)
@@ -382,7 +390,8 @@ function computeExtendedStyles(
  */
 function computeVariantStyles(
   config: CVConfig<Variants, ComputedVariants, AnyComponent[]>,
-  resolvedVariants: Record<string, unknown>,
+  resolvedVariants: Record<string | symbol, unknown>,
+  skipStyleKeys: Set<string> = new Set(),
 ): { classes: ClassValue[]; style: StyleValue } {
   const classes: ClassValue[] = [];
   const style: StyleValue = {};
@@ -390,6 +399,9 @@ function computeVariantStyles(
   // Process current component's variants
   if (config.variants) {
     for (const [variantName, variantDef] of Object.entries(config.variants)) {
+      // Skip styling for variants that are overridden by child's computedVariants
+      if (skipStyleKeys.has(variantName)) continue;
+
       const selectedValue = resolvedVariants[variantName];
       if (selectedValue === undefined) continue;
 
@@ -404,11 +416,11 @@ function computeVariantStyles(
     for (const [variantName, computeFn] of Object.entries(
       config.computedVariants,
     )) {
+      // Skip styling for variants that are overridden by child's computedVariants
+      if (skipStyleKeys.has(variantName)) continue;
+
       const selectedValue = resolvedVariants[variantName];
       if (selectedValue === undefined) continue;
-      // Skip SKIP_VARIANT sentinel (used when a child's computedVariants
-      // overrides a parent's variant)
-      if (selectedValue === SKIP_VARIANT) continue;
 
       const computedResult = computeFn(selectedValue);
       const result = extractClassAndStyle(computedResult);
@@ -441,20 +453,8 @@ function runComputedFunction(
     return { classes, style, updatedVariants };
   }
 
-  // For the computed function, replace SKIP_VARIANT with default values.
-  // SKIP_VARIANT is used to prevent parent's variant styling when a child has
-  // computedVariants that override the parent's variant, but the computed
-  // function should still see valid values (the component's defaults).
-  const variantsForComputed = { ...resolvedVariants };
-  const defaults = collectStaticDefaults(config);
-  for (const [key, value] of Object.entries(variantsForComputed)) {
-    if (value === SKIP_VARIANT) {
-      variantsForComputed[key] = defaults[key];
-    }
-  }
-
   const context = {
-    variants: variantsForComputed,
+    variants: resolvedVariants,
     setVariants: (newVariants: VariantValues<Record<string, unknown>>) => {
       Object.assign(updatedVariants, newVariants);
     },
@@ -717,6 +717,12 @@ export function create<M extends Mode = "jsx">({
       const allClasses: ClassValue[] = [];
       const allStyle: StyleValue = {};
 
+      // Extract skip style keys from props (set by child's computedVariants)
+      const skipStyleKeys =
+        ((props as Record<symbol, unknown>)[SKIP_STYLE_KEYS] as
+          | Set<string>
+          | undefined) ?? new Set<string>();
+
       // Extract variant props from input
       const variantProps: Record<string, unknown> = {};
       for (const key of variantKeys) {
@@ -739,10 +745,14 @@ export function create<M extends Mode = "jsx">({
       );
       resolvedVariants = computedResult.updatedVariants;
 
-      // Collect computedVariants keys that will override extended variants
-      const computedVariantKeys = new Set<string>(
-        config.computedVariants ? Object.keys(config.computedVariants) : [],
-      );
+      // Collect computedVariants keys that will override extended variants.
+      // Combine with incoming skip keys to propagate through the extend chain.
+      const computedVariantKeys = new Set<string>(skipStyleKeys);
+      if (config.computedVariants) {
+        for (const key of Object.keys(config.computedVariants)) {
+          computedVariantKeys.add(key);
+        }
+      }
 
       // Process extended components (separates base and variant classes)
       const extendedResult = computeExtendedStyles(
@@ -766,10 +776,11 @@ export function create<M extends Mode = "jsx">({
       // 4. Extended variant classes
       allClasses.push(...extendedResult.variantClasses);
 
-      // 5. Current component's variants
+      // 5. Current component's variants (skip keys that are overridden)
       const variantsResult = computeVariantStyles(
         config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,
         resolvedVariants,
+        skipStyleKeys,
       );
       allClasses.push(...variantsResult.classes);
       assign(allStyle, variantsResult.style);
@@ -860,9 +871,16 @@ export function create<M extends Mode = "jsx">({
         config.class as ClsxClassValue,
       );
 
+      // Compute static defaults once at creation time (without triggering
+      // computed functions)
+      const staticDefaults = collectStaticDefaults(
+        config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,
+      );
+
       // Store internal metadata hidden from public types
       setComponentMeta(component, {
         baseClass,
+        staticDefaults,
         resolveDefaults: createResolveDefaults(
           config as CVConfig<Variants, ComputedVariants, AnyComponent[]>,
         ),

package/src/test.ts

@@ -1363,11 +1363,11 @@ for (const config of Object.values(CONFIGS)) {
       expect(getStyleClass(props)).toEqual({ class: cls("lg computed-lg") });
     });
 
-    test("computed from parent receives default boolean value from overridden variant in child", () => {
+    test("computed from parent receives boolean default value from overridden variant in child", () => {
       const base = cv({
         variants: {
           size: { sm: "sm", lg: "lg" },
-          border: { default: "default", false: "" },
+          border: { default: "default", true: "border", false: "" },
         },
         defaultVariants: { size: "lg" },
         computed: ({ variants, setVariants }) => {
@@ -1391,11 +1391,40 @@ for (const config of Object.values(CONFIGS)) {
       expect(getStyleClass(props)).toEqual({ class: cls("sm") });
     });
 
-    test("computed from parent receives props boolean value from overridden variant in child", () => {
+    test("computed from parent receives boolean default value from overridden variant in grandchild", () => {
       const base = cv({
         variants: {
           size: { sm: "sm", lg: "lg" },
-          border: { default: "default", false: "" },
+          border: { default: "default", true: "border", false: "" },
+        },
+        defaultVariants: { size: "lg" },
+        computed: ({ variants, setVariants }) => {
+          expect(variants.border).toBe(false);
+          if (!variants.border) {
+            setVariants({ size: "sm" });
+          }
+        },
+      });
+      const base2 = cv({ extend: [base] });
+      const component = getModalComponent(
+        mode,
+        cv({
+          extend: [base2],
+          computedVariants: {
+            border: (_: boolean) => {},
+          },
+          defaultVariants: { border: false },
+        }),
+      );
+      const props = component();
+      expect(getStyleClass(props)).toEqual({ class: cls("sm") });
+    });
+
+    test("computed from parent receives false prop from overridden variant in child", () => {
+      const base = cv({
+        variants: {
+          size: { sm: "sm", lg: "lg" },
+          border: { default: "default", true: "border", false: "" },
         },
         defaultVariants: { size: "lg" },
         computed: ({ variants, setVariants }) => {
@@ -1418,6 +1447,61 @@ for (const config of Object.values(CONFIGS)) {
       expect(getStyleClass(props)).toEqual({ class: cls("sm") });
     });
 
+    test("computed from parent receives true prop from overridden variant in child", () => {
+      const base = cv({
+        variants: {
+          size: { sm: "sm", lg: "lg" },
+          border: { default: "default", true: "border", false: "" },
+        },
+        defaultVariants: { size: "lg" },
+        computed: ({ variants, setVariants }) => {
+          expect(variants.border).toBe(true);
+          if (variants.border) {
+            setVariants({ size: "sm" });
+          }
+        },
+      });
+      const component = getModalComponent(
+        mode,
+        cv({
+          extend: [base],
+          computedVariants: {
+            border: (_: boolean) => {},
+          },
+        }),
+      );
+      const props = component({ border: true });
+      expect(getStyleClass(props)).toEqual({ class: cls("sm") });
+    });
+
+    test("computed from parent receives true prop from overridden variant in grandchild", () => {
+      const base = cv({
+        variants: {
+          size: { sm: "sm", lg: "lg" },
+          border: { default: "default", true: "border", false: "" },
+        },
+        defaultVariants: { size: "lg" },
+        computed: ({ variants, setVariants }) => {
+          expect(variants.border).toBe(true);
+          if (variants.border) {
+            setVariants({ size: "sm" });
+          }
+        },
+      });
+      const base2 = cv({ extend: [base] });
+      const component = getModalComponent(
+        mode,
+        cv({
+          extend: [base2],
+          computedVariants: {
+            border: (_: boolean) => {},
+          },
+        }),
+      );
+      const props = component({ border: true });
+      expect(getStyleClass(props)).toEqual({ class: cls("sm") });
+    });
+
     test("computed with style", () => {
       const component = getModalComponent(
         mode,