clava 0.1.11 → 0.1.12

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # clava
 
+## 0.1.12
+
+### Patch Changes
+
+- e4da426: Fixed `computed` method receiving variant values with internal symbol.
+
 ## 0.1.11
 
 ### Patch Changes

package/dist/index.js

@@ -375,8 +375,11 @@ 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: resolvedVariants,
+		variants: variantsForComputed,
 		setVariants: (newVariants) => {
 			Object.assign(updatedVariants, newVariants);
 		},

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  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 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  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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"}

package/package.json

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

package/src/index.ts

@@ -441,8 +441,20 @@ 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: resolvedVariants,
+    variants: variantsForComputed,
     setVariants: (newVariants: VariantValues<Record<string, unknown>>) => {
       Object.assign(updatedVariants, newVariants);
     },

package/src/test.ts

@@ -1363,6 +1363,61 @@ 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", () => {
+      const base = cv({
+        variants: {
+          size: { sm: "sm", lg: "lg" },
+          border: { default: "default", false: "" },
+        },
+        defaultVariants: { size: "lg" },
+        computed: ({ variants, setVariants }) => {
+          expect(variants.border).toBe(false);
+          if (!variants.border) {
+            setVariants({ size: "sm" });
+          }
+        },
+      });
+      const component = getModalComponent(
+        mode,
+        cv({
+          extend: [base],
+          computedVariants: {
+            border: (_: boolean) => {},
+          },
+          defaultVariants: { border: false },
+        }),
+      );
+      const props = component();
+      expect(getStyleClass(props)).toEqual({ class: cls("sm") });
+    });
+
+    test("computed from parent receives props boolean value from overridden variant in child", () => {
+      const base = cv({
+        variants: {
+          size: { sm: "sm", lg: "lg" },
+          border: { default: "default", false: "" },
+        },
+        defaultVariants: { size: "lg" },
+        computed: ({ variants, setVariants }) => {
+          expect(variants.border).toBe(false);
+          if (!variants.border) {
+            setVariants({ size: "sm" });
+          }
+        },
+      });
+      const component = getModalComponent(
+        mode,
+        cv({
+          extend: [base],
+          computedVariants: {
+            border: (_: boolean) => {},
+          },
+        }),
+      );
+      const props = component({ border: false });
+      expect(getStyleClass(props)).toEqual({ class: cls("sm") });
+    });
+
     test("computed with style", () => {
       const component = getModalComponent(
         mode,