npm - cva - Versions diffs - 1.0.0-beta.4 → 1.0.0-beta.6 - Mend

cva 1.0.0-beta.4 → 1.0.0-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -4,7 +4,35 @@ export type ClassArray = ClassValue[];
 type OmitUndefined<T> = T extends undefined ? never : T;
 type StringToBoolean<T> = T extends "true" | "false" ? boolean : T;
 type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+type ComposedTuple<S extends CVAComponentShape | undefined, L extends readonly CVAComponentShape[]> = [S] extends [CVAComponentShape] ? [S] : L;
+type MergedVariants<T extends readonly unknown[]> = UnionToIntersection<{
+    [K in keyof T]: T[K] extends {
+        config: {
+            variants?: infer V extends CVAVariantShape;
+        };
+    } ? V : never;
+}[number]>;
+type RightMerge<A, B> = {
+    [K in keyof A | keyof B]: K extends keyof B ? B[K] : K extends keyof A ? A[K] : never;
+};
+type DefaultsOf<Component> = Component extends {
+    config: {
+        defaultVariants?: infer D;
+    };
+} ? D extends undefined ? {} : D : {};
+type MergedDefaultVariants<T extends readonly unknown[]> = T extends readonly [
+    infer Head,
+    ...infer Rest
+] ? RightMerge<DefaultsOf<Head>, MergedDefaultVariants<Rest>> : {};
 export type VariantProps<Component extends (...args: any) => any> = Omit<OmitUndefined<Parameters<Component>[0]>, "class" | "className">;
+/**
+ * @deprecated Use the `composes` property inside `cva` instead.
+ * @example
+ * // Before
+ * const card = compose(box, stack)
+ * // After
+ * const card = cva({ composes: [box, stack] })
+ */
 export interface Compose {
     <T extends ReturnType<CVA>[]>(...components: [...T]): (props?: (UnionToIntersection<{
         [K in keyof T]: VariantProps<T[K]>;
@@ -15,10 +43,14 @@ export interface CX {
 }
 export type CXOptions = Parameters<CX>;
 export type CXReturn = ReturnType<CX>;
-type CVAConfigBase = {
+type CVAComponentConfigBase = {
     base?: ClassValue;
 };
-type CVAVariantShape = Record<string, Record<string, ClassValue>>;
+/**
+ * Exported so TypeScript can name this type in your generated declarations
+ * (`declaration: true`) — you shouldn't really use it directly.
+ */
+export type CVAVariantShape = Record<string, Record<string, ClassValue>>;
 type CVAVariantSchema<V extends CVAVariantShape> = {
     [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | undefined;
 };
@@ -29,18 +61,42 @@ type CVAClassProp = {
     class?: never;
     className?: ClassValue;
 };
+type InternalOnlyWarning = "cva's generic parameters are restricted to internal use only.";
+type CVAComponentConfig<Config, Variants, ComposedSingle extends CVAComponentShape | undefined = CVAComponentShape | undefined, ComposedList extends readonly CVAComponentShape[] = readonly CVAComponentShape[]> = Config & {
+    composes?: ComposedSingle | readonly [...ComposedList];
+} & (Variants extends CVAVariantShape ? CVAComponentConfigBase & {
+    variants?: Variants;
+    compoundVariants?: (Variants extends CVAVariantShape ? (CVAVariantSchema<Variants> | {
+        [Variant in keyof Variants]?: StringToBoolean<keyof Variants[Variant]> | StringToBoolean<keyof Variants[Variant]>[] | undefined;
+    }) & CVAClassProp : CVAClassProp)[];
+    defaultVariants?: CVAVariantSchema<Variants>;
+} : CVAComponentConfigBase & {
+    variants?: never;
+    compoundVariants?: never;
+    defaultVariants?: never;
+});
+/**
+ * Exported so TypeScript can name this type in your generated declarations
+ * (`declaration: true`) — you shouldn't really use it directly.
+ */
+export interface CVAComponent<Config, Variants> {
+    (props?: Variants extends CVAVariantShape ? CVAVariantSchema<Variants> & CVAClassProp : CVAClassProp): string;
+    /** @internal */
+    config: Config;
+}
+/**
+ * Exported so TypeScript can name this type in your generated declarations
+ * (`declaration: true`) — you shouldn't really use it directly.
+ */
+export type CVAComponentShape = CVAComponent<any, any>;
+type CVADefaultVariants<Config> = Config extends {
+    defaultVariants?: infer D;
+} ? D : {};
 export interface CVA {
-    <_ extends "cva's generic parameters are restricted to internal use only.", V>(config: V extends CVAVariantShape ? CVAConfigBase & {
-        variants?: V;
-        compoundVariants?: (V extends CVAVariantShape ? (CVAVariantSchema<V> | {
-            [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> | StringToBoolean<keyof V[Variant]>[] | undefined;
-        }) & CVAClassProp : CVAClassProp)[];
-        defaultVariants?: CVAVariantSchema<V>;
-    } : CVAConfigBase & {
-        variants?: never;
-        compoundVariants?: never;
-        defaultVariants?: never;
-    }): (props?: V extends CVAVariantShape ? CVAVariantSchema<V> & CVAClassProp : CVAClassProp) => string;
+    <_ extends InternalOnlyWarning, Config, Variants, ComposedSingle extends CVAComponentShape | undefined = undefined, ComposedList extends readonly CVAComponentShape[] = []>(config: CVAComponentConfig<Config, Variants, ComposedSingle, ComposedList>): CVAComponent<Omit<Config, "defaultVariants"> & {
+        variants: Variants & MergedVariants<ComposedTuple<ComposedSingle, ComposedList>>;
+        defaultVariants: Omit<MergedDefaultVariants<ComposedTuple<ComposedSingle, ComposedList>>, keyof CVADefaultVariants<Config>> & CVADefaultVariants<Config>;
+    }, Variants & MergedVariants<ComposedTuple<ComposedSingle, ComposedList>>>;
 }
 export interface DefineConfigOptions {
     hooks?: {
@@ -56,6 +112,14 @@ export interface DefineConfigOptions {
 }
 export interface DefineConfig {
     (options?: DefineConfigOptions): {
+        /**
+         * @deprecated Use the `composes` property inside `cva` instead.
+         * @example
+         * // Before
+         * const card = compose(box, stack)
+         * // After
+         * const card = cva({ composes: [box, stack] })
+         */
         compose: Compose;
         cx: CX;
         cva: CVA;
@@ -63,4 +127,23 @@ export interface DefineConfig {
 }
 export declare const defineConfig: DefineConfig;
 export declare const compose: Compose, cva: CVA, cx: CX;
+export interface GetSchema {
+    <_ extends InternalOnlyWarning, Component, Config, Variants>(component: Component & (Component extends ReturnType<CVA> ? {
+        config: CVAComponentConfig<Config, Variants>;
+    } : never)): {
+        [Variant in keyof Variants]: Config extends CVAComponentConfig<Config, Variants> ? Variant extends keyof Config["defaultVariants"] ? Config["defaultVariants"][Variant] extends undefined ? never : {
+            values: ReadonlyArray<StringToBoolean<keyof Variants[Variant]>>;
+            defaultValue: Readonly<StringToBoolean<Config["defaultVariants"][Variant]>>;
+        } : {
+            values: ReadonlyArray<StringToBoolean<keyof Variants[Variant]>>;
+        } : never;
+    } extends infer Schema ? {
+        [K in keyof Schema as Schema[K] extends {
+            values: readonly never[];
+        } ? never : K]: Schema[K] extends {
+            defaultValue: never;
+        } ? never : Schema[K];
+    } : never;
+}
+export declare const getSchema: GetSchema;
 export {};

package/dist/index.js CHANGED Viewed

@@ -19,85 +19,137 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    compose: function() {
+    get compose () {
         return compose;
     },
-    cva: function() {
+    get cva () {
         return cva;
     },
-    cx: function() {
+    get cx () {
         return cx;
     },
-    defineConfig: function() {
+    get defineConfig () {
         return defineConfig;
+    },
+    get getSchema () {
+        return getSchema;
     }
 });
 const _clsx = require("clsx");
 /* Exports
   ============================================ */ const falsyToString = (value)=>typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+// Shared across every non-composed call, rather than allocating a fresh `[]`
+// per call — `cx` (clsx) treats an empty array identically to an absent one.
+const emptyClassNames = [];
 const defineConfig = (options)=>{
-    const cx = function() {
-        for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
-            inputs[_key] = arguments[_key];
-        }
-        var _options_hooks, _options_hooks1;
-        if (typeof (options === null || options === void 0 ? void 0 : (_options_hooks = options.hooks) === null || _options_hooks === void 0 ? void 0 : _options_hooks["cx:done"]) !== "undefined") return options === null || options === void 0 ? void 0 : options.hooks["cx:done"]((0, _clsx.clsx)(inputs));
-        if (typeof (options === null || options === void 0 ? void 0 : (_options_hooks1 = options.hooks) === null || _options_hooks1 === void 0 ? void 0 : _options_hooks1.onComplete) !== "undefined") return options === null || options === void 0 ? void 0 : options.hooks.onComplete((0, _clsx.clsx)(inputs));
+    const cx = (...inputs)=>{
+        if (typeof options?.hooks?.["cx:done"] !== "undefined") return options?.hooks["cx:done"]((0, _clsx.clsx)(inputs));
+        if (typeof options?.hooks?.onComplete !== "undefined") return options?.hooks.onComplete((0, _clsx.clsx)(inputs));
         return (0, _clsx.clsx)(inputs);
     };
-    const cva = (config)=>(props)=>{
-            var _config_compoundVariants;
-            if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(config === null || config === void 0 ? void 0 : config.base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-            const { variants, defaultVariants } = config;
+    const cva = (config)=>{
+        const components = config?.composes == null ? [] : Array.isArray(config.composes) ? config.composes : [
+            config.composes
+        ];
+        // A one-level-deep merge per variant key, so overlapping variants (e.g.
+        // multiple composed components declaring `style`) union their values
+        // instead of the last component's values silently replacing the rest.
+        const mergeVariants = (acc, variants)=>{
+            if (!variants) return acc;
+            const merged = {
+                ...acc
+            };
+            for (const key of Object.keys(variants)){
+                merged[key] = {
+                    ...merged[key],
+                    ...variants[key]
+                };
+            }
+            return merged;
+        };
+        const mergedVariantsFromComposed = components.reduce((acc, component)=>mergeVariants(acc, component.config?.variants), {});
+        const mergedVariants = mergeVariants(mergedVariantsFromComposed, config?.variants);
+        const mergedDefaultVariantsFromComposed = components.reduce((acc, component)=>({
+                ...acc,
+                ...component.config?.defaultVariants
+            }), {});
+        // Local `defaultVariants` win over composed ones here too (last spread).
+        const mergedDefaultVariants = {
+            ...mergedDefaultVariantsFromComposed,
+            ...config?.defaultVariants
+        };
+        const component = (props)=>{
+            // Strip `class`/`className` and explicit `undefined` from props once,
+            // reused for both the composed-component calls and compound-variant
+            // matching. An explicit `{ variant: undefined }` is dropped so it falls
+            // back to the (possibly composed) default, matching variant resolution
+            // below. Only built when something consumes it — a plain component with
+            // no `composes` and no `variants` skips the work entirely.
+            const definedPropsWithoutClass = components.length || config?.variants != null ? Object.fromEntries(Object.entries(props || {}).filter(([key, value])=>key !== "class" && key !== "className" && typeof value !== "undefined")) : {};
+            const getComposedClassNames = components.length ? components.map((component)=>component({
+                    ...mergedDefaultVariants,
+                    ...definedPropsWithoutClass
+                })) : emptyClassNames;
+            if (config?.variants == null) {
+                return cx(getComposedClassNames, config?.base, props?.class, props?.className);
+            }
+            const { variants } = config;
+            // Resolve against the *merged* defaults (composed + local) so a variant
+            // redeclared locally over a composed key uses the same effective default
+            // the composed components and `getSchema` see.
             const getVariantClassNames = Object.keys(variants).map((variant)=>{
-                const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-                const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+                const variantProp = props?.[variant];
+                const defaultVariantProp = mergedDefaultVariants[variant];
                 const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
                 return variants[variant][variantKey];
             });
             const defaultsAndProps = {
-                ...defaultVariants,
-                // remove `undefined` props
-                ...props && Object.entries(props).reduce((acc, param)=>{
-                    let [key, value] = param;
-                    return typeof value === "undefined" ? acc : {
-                        ...acc,
-                        [key]: value
-                    };
-                }, {})
+                ...mergedDefaultVariants,
+                ...definedPropsWithoutClass
             };
-            const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{
-                let { class: cvClass, className: cvClassName, ...cvConfig } = param;
-                return Object.entries(cvConfig).every((param)=>{
-                    let [cvKey, cvSelector] = param;
+            const getCompoundVariantClassNames = config?.compoundVariants?.reduce((acc, { class: cvClass, className: cvClassName, ...cvConfig })=>Object.entries(cvConfig).every(([cvKey, cvSelector])=>{
                     const selector = defaultsAndProps[cvKey];
                     return Array.isArray(cvSelector) ? cvSelector.includes(selector) : selector === cvSelector;
                 }) ? [
                     ...acc,
                     cvClass,
                     cvClassName
-                ] : acc;
-            }, []);
-            return cx(config === null || config === void 0 ? void 0 : config.base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+                ] : acc, []);
+            return cx(getComposedClassNames, config?.base, getVariantClassNames, getCompoundVariantClassNames, props?.class, props?.className);
         };
-    const compose = function() {
-        for(var _len = arguments.length, components = new Array(_len), _key = 0; _key < _len; _key++){
-            components[_key] = arguments[_key];
-        }
-        return (props)=>{
-            const propsWithoutClass = Object.fromEntries(Object.entries(props || {}).filter((param)=>{
-                let [key] = param;
-                return ![
+        component.config = {
+            ...config,
+            variants: mergedVariants,
+            defaultVariants: mergedDefaultVariants
+        };
+        return component;
+    };
+    const compose = (...components)=>{
+        const config = components.reduce((acc, { config })=>{
+            Object.entries(config || {}).forEach(([key, value])=>{
+                acc[key] = typeof value === "object" && value !== null && !Array.isArray(value) ? {
+                    ...acc[key],
+                    ...value
+                } : value;
+            });
+            return acc;
+        }, // A loose accumulator: composed configs carry heterogeneous values
+        // (base strings, variant maps, compoundVariant arrays), not just the
+        // `CVAVariantShape` the merged `variants` key holds.
+        {});
+        const component = (props)=>{
+            const propsWithoutClass = Object.fromEntries(Object.entries(props || {}).filter(([key])=>![
                     "class",
                     "className"
-                ].includes(key);
-            }));
-            return cx(components.map((component)=>component(propsWithoutClass)), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+                ].includes(key)));
+            return cx(components.map((component)=>component(propsWithoutClass)), props?.class, props?.className);
         };
+        component.config = config;
+        return component;
     };
     return {
         compose,
@@ -106,6 +158,36 @@ const defineConfig = (options)=>{
     };
 };
 const { compose, cva, cx } = defineConfig();
+const getSchema = (component)=>{
+    if (!component.config?.variants) return {};
+    return Object.entries(component.config.variants).reduce((acc, [key, value])=>{
+        const defaultValue = component.config.defaultVariants?.[key];
+        const hasDefaultValue = defaultValue !== undefined;
+        const values = Object.keys(value).map((v)=>{
+            if (v === "true") return true;
+            if (v === "false") return false;
+            // Normalize numeric-literal keys back to numbers, since that's how
+            // they appear in variant prop types (`keyof { 1: ... }` is `1`, not
+            // `"1"`) — object keys are always strings/symbols at runtime. The
+            // `String(n) === v` round-trip only accepts canonical numeric forms
+            // (so `"01"`, `""`, `" 1"` stay strings), covering negatives too.
+            const n = Number(v);
+            return Number.isFinite(n) && String(n) === v ? n : v;
+        });
+        const hasValues = values.length > 0;
+        return hasValues || hasDefaultValue ? {
+            ...acc,
+            [key]: {
+                ...hasValues ? {
+                    values
+                } : {},
+                ...hasDefaultValue ? {
+                    defaultValue
+                } : {}
+            }
+        } : acc;
+    }, {});
+};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/*\n Copyright 2022 Joe Bell. All rights reserved.\n \n This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n /\nimport { clsx } from \"clsx\";\n\n/ Types\n ============================================ /\n\n/ clsx\n ---------------------------------- /\n\n// When compiling with `declaration: true`, many projects experience the dreaded\n// TS2742 error. To combat this, we copy clsx's types manually.\n// Should this project move to JSDoc, this workaround would no longer be needed.\n\nexport type ClassValue =\n \| ClassArray\n \| ClassDictionary\n \| string\n \| number\n \| bigint\n \| null\n \| boolean\n \| undefined;\nexport type ClassDictionary = Record<string, any>;\nexport type ClassArray = ClassValue[];\n\n/ Utils\n ---------------------------------- /\n\ntype OmitUndefined<T> = T extends undefined ? never : T;\ntype StringToBoolean<T> = T extends \"true\" \| \"false\" ? boolean : T;\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (\n k: infer I,\n) => void\n ? I\n : never;\n\nexport type VariantProps<Component extends (...args: any) => any> = Omit<\n OmitUndefined<Parameters<Component>[0]>,\n \"class\" \| \"className\"\n>;\n\n/ compose\n ---------------------------------- /\n\nexport interface Compose {\n <T extends ReturnType<CVA>[]>(\n ...components: [...T]\n ): (\n props?: (\n \| UnionToIntersection<\n {\n [K in keyof T]: VariantProps<T[K]>;\n }[number]\n >\n \| undefined\n ) &\n CVAClassProp,\n ) => string;\n}\n\n/ cx\n ---------------------------------- /\n\nexport interface CX {\n (...inputs: ClassValue[]): string;\n}\n\nexport type CXOptions = Parameters<CX>;\nexport type CXReturn = ReturnType<CX>;\n\n/ cva\n ============================================ /\n\ntype CVAConfigBase = { base?: ClassValue };\ntype CVAVariantShape = Record<string, Record<string, ClassValue>>;\ntype CVAVariantSchema<V extends CVAVariantShape> = {\n [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> \| undefined;\n};\ntype CVAClassProp =\n \| {\n class?: ClassValue;\n className?: never;\n }\n \| {\n class?: never;\n className?: ClassValue;\n };\n\nexport interface CVA {\n <\n _ extends \"cva's generic parameters are restricted to internal use only.\",\n V,\n >(\n config: V extends CVAVariantShape\n ? CVAConfigBase & {\n variants?: V;\n compoundVariants?: (V extends CVAVariantShape\n ? (\n \| CVAVariantSchema<V>\n \| {\n [Variant in keyof V]?:\n \| StringToBoolean<keyof V[Variant]>\n \| StringToBoolean<keyof V[Variant]>[]\n \| undefined;\n }\n ) &\n CVAClassProp\n : CVAClassProp)[];\n defaultVariants?: CVAVariantSchema<V>;\n }\n : CVAConfigBase & {\n variants?: never;\n compoundVariants?: never;\n defaultVariants?: never;\n },\n ): (\n props?: V extends CVAVariantShape\n ? CVAVariantSchema<V> & CVAClassProp\n : CVAClassProp,\n ) => string;\n}\n\n/ defineConfig\n ---------------------------------- /\n\nexport interface DefineConfigOptions {\n hooks?: {\n /\n @deprecated please use `onComplete`\n /\n \"cx:done\"?: (className: string) => string;\n /\n Returns the completed string of concatenated classes/classNames.\n /\n onComplete?: (className: string) => string;\n };\n}\n\nexport interface DefineConfig {\n (options?: DefineConfigOptions): {\n compose: Compose;\n cx: CX;\n cva: CVA;\n };\n}\n\n/ Exports\n ============================================ */\n\nconst falsyToString = <T extends unknown>(value: T) =>\n typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\n\nexport const defineConfig: DefineConfig = (options) => {\n const cx: CX = (...inputs) => {\n if (typeof options?.hooks?.[\"cx:done\"] !== \"undefined\")\n return options?.hooks[\"cx:done\"](clsx(inputs));\n\n if (typeof options?.hooks?.onComplete !== \"undefined\")\n return options?.hooks.onComplete(clsx(inputs));\n\n return clsx(inputs);\n };\n\n const cva: CVA = (config) => (props) => {\n if (config?.variants == null)\n return cx(config?.base, props?.class, props?.className);\n\n const { variants, defaultVariants } = config;\n\n const getVariantClassNames = Object.keys(variants).map(\n (variant: keyof typeof variants) => {\n const variantProp = props?.[variant as keyof typeof props];\n const defaultVariantProp = defaultVariants?.[variant];\n\n const variantKey = (falsyToString(variantProp) \|\|\n falsyToString(\n defaultVariantProp,\n )) as keyof (typeof variants)[typeof variant];\n\n return variants[variant][variantKey];\n },\n );\n\n const defaultsAndProps = {\n ...defaultVariants,\n // remove `undefined` props\n ...(props &&\n Object.entries(props).reduce<typeof props>(\n (acc, [key, value]) =>\n typeof value === \"undefined\" ? acc : { ...acc, [key]: value },\n {} as typeof props,\n )),\n };\n\n const getCompoundVariantClassNames = config?.compoundVariants?.reduce(\n (acc, { class: cvClass, className: cvClassName, ...cvConfig }) =>\n Object.entries(cvConfig).every(([cvKey, cvSelector]) => {\n const selector =\n defaultsAndProps[cvKey as keyof typeof defaultsAndProps];\n\n return Array.isArray(cvSelector)\n ? cvSelector.includes(selector)\n : selector === cvSelector;\n })\n ? [...acc, cvClass, cvClassName]\n : acc,\n [] as ClassValue[],\n );\n\n return cx(\n config?.base,\n getVariantClassNames,\n getCompoundVariantClassNames,\n props?.class,\n props?.className,\n );\n };\n\n const compose: Compose =\n (...components) =>\n (props) => {\n const propsWithoutClass = Object.fromEntries(\n Object.entries(props \|\| {}).filter(\n ([key]) => ![\"class\", \"className\"].includes(key),\n ),\n );\n\n return cx(\n components.map((component) => component(propsWithoutClass)),\n props?.class,\n props?.className,\n );\n };\n\n return {\n compose,\n cva,\n cx,\n };\n};\n\nexport const { compose, cva, cx } = defineConfig();\n"]}
1	+ {"version":3,"sources":["../src/index.ts"],"names":["compose","cva","cx","defineConfig","getSchema","falsyToString","value","emptyClassNames","options","inputs","hooks","clsx","onComplete","config","components","composes","Array","isArray","mergeVariants","acc","variants","merged","key","Object","keys","mergedVariantsFromComposed","reduce","component","mergedVariants","mergedDefaultVariantsFromComposed","defaultVariants","mergedDefaultVariants","props","definedPropsWithoutClass","length","fromEntries","entries","filter","getComposedClassNames","map","base","class","className","getVariantClassNames","variant","variantProp","defaultVariantProp","variantKey","defaultsAndProps","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","cvConfig","every","cvKey","cvSelector","selector","includes","forEach","propsWithoutClass","defaultValue","hasDefaultValue","undefined","values","v","n","Number","isFinite","String","hasValues"],"mappings":"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","file":"index.js","sourcesContent":["/*\n Copyright 2022 Joe Bell. All rights reserved.\n \n This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n /\nimport { clsx } from \"clsx\";\n\n/ Types\n ============================================ /\n\n/ clsx\n ---------------------------------- /\n\n// When compiling with `declaration: true`, many projects experience the dreaded\n// TS2742 error. To combat this, we copy clsx's types manually.\n// Should this project move to JSDoc, this workaround would no longer be needed.\n\nexport type ClassValue =\n \| ClassArray\n \| ClassDictionary\n \| string\n \| number\n \| bigint\n \| null\n \| boolean\n \| undefined;\nexport type ClassDictionary = Record<string, any>;\nexport type ClassArray = ClassValue[];\n\n/ Utils\n ---------------------------------- /\n\ntype OmitUndefined<T> = T extends undefined ? never : T;\ntype StringToBoolean<T> = T extends \"true\" \| \"false\" ? boolean : T;\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (\n k: infer I,\n) => void\n ? I\n : never;\n\n// `composes` accepts either a single component or a list of components. A\n// plain union (`CVAComponentShape \| CVAComponentShape[]`) collapses an array\n// literal's element type to a union, silently dropping components whose\n// variants are a structural subtype of another composed component's (e.g.\n// `composes: [a, b]` where `b`'s variants are a superset of `a`'s). Splitting\n// inference across two type parameters preserves the array as a real tuple.\ntype ComposedTuple<\n S extends CVAComponentShape \| undefined,\n L extends readonly CVAComponentShape[],\n> = [S] extends [CVAComponentShape] ? [S] : L;\n\ntype MergedVariants<T extends readonly unknown[]> = UnionToIntersection<\n {\n [K in keyof T]: T[K] extends {\n config: { variants?: infer V extends CVAVariantShape };\n }\n ? V\n : never;\n }[number]\n>;\n\n// Right-biased merge (`B`'s keys win on conflicts) implemented as a mapped\n// type rather than `Omit<A, keyof B> & B`: the latter stays an unresolved\n// deferred type when `A`/`B` are themselves generic (as they are here, via\n// `ReturnType<CVA>` with no concrete `Config`), which then breaks downstream\n// `any`-narrowing in unrelated code that consumes `ReturnType<CVA>` (e.g.\n// the deprecated `compose`). A mapped type resolves eagerly instead.\ntype RightMerge<A, B> = {\n [K in keyof A \| keyof B]: K extends keyof B\n ? B[K]\n : K extends keyof A\n ? A[K]\n : never;\n};\n\n// `D` infers as `undefined` (not absent) when a component declares no\n// `defaultVariants` at all. `NonNullable<undefined>` would give `never`,\n// and `keyof never` is `string \| number \| symbol` (not `never`) — poisoning\n// `RightMerge`'s key union with every possible key. Normalize to `{}` instead,\n// matching a component that contributes nothing to the merge.\ntype DefaultsOf<Component> = Component extends {\n config: { defaultVariants?: infer D };\n}\n ? D extends undefined\n ? {}\n : D\n : {};\n\ntype MergedDefaultVariants<T extends readonly unknown[]> = T extends readonly [\n infer Head,\n ...infer Rest,\n]\n ? RightMerge<DefaultsOf<Head>, MergedDefaultVariants<Rest>>\n : {};\n\nexport type VariantProps<Component extends (...args: any) => any> = Omit<\n OmitUndefined<Parameters<Component>[0]>,\n \"class\" \| \"className\"\n>;\n\n/ compose\n ---------------------------------- /\n\n/\n @deprecated Use the `composes` property inside `cva` instead.\n * @example\n * // Before\n * const card = compose(box, stack)\n * // After\n * const card = cva({ composes: [box, stack] })\n /\nexport interface Compose {\n <T extends ReturnType<CVA>[]>(\n ...components: [...T]\n ): (\n props?: (\n \| UnionToIntersection<\n {\n [K in keyof T]: VariantProps<T[K]>;\n }[number]\n >\n \| undefined\n ) &\n CVAClassProp,\n ) => string;\n}\n\n/ cx\n ---------------------------------- /\n\nexport interface CX {\n (...inputs: ClassValue[]): string;\n}\n\nexport type CXOptions = Parameters<CX>;\nexport type CXReturn = ReturnType<CX>;\n\n/ cva\n ============================================ /\n\ntype CVAComponentConfigBase = { base?: ClassValue };\n/\n Exported so TypeScript can name this type in your generated declarations\n * (`declaration: true`) — you shouldn't really use it directly.\n /\nexport type CVAVariantShape = Record<string, Record<string, ClassValue>>;\ntype CVAVariantSchema<V extends CVAVariantShape> = {\n [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> \| undefined;\n};\ntype CVAClassProp =\n \| {\n class?: ClassValue;\n className?: never;\n }\n \| {\n class?: never;\n className?: ClassValue;\n };\n\ntype InternalOnlyWarning =\n \"cva's generic parameters are restricted to internal use only.\";\n\ntype CVAComponentConfig<\n Config,\n Variants,\n ComposedSingle extends CVAComponentShape \| undefined =\n \| CVAComponentShape\n \| undefined,\n ComposedList extends readonly CVAComponentShape[] =\n readonly CVAComponentShape[],\n> = Config & {\n composes?: ComposedSingle \| readonly [...ComposedList];\n} & (Variants extends CVAVariantShape\n ? CVAComponentConfigBase & {\n variants?: Variants;\n compoundVariants?: (Variants extends CVAVariantShape\n ? (\n \| CVAVariantSchema<Variants>\n \| {\n [Variant in keyof Variants]?:\n \| StringToBoolean<keyof Variants[Variant]>\n \| StringToBoolean<keyof Variants[Variant]>[]\n \| undefined;\n }\n ) &\n CVAClassProp\n : CVAClassProp)[];\n defaultVariants?: CVAVariantSchema<Variants>;\n }\n : CVAComponentConfigBase & {\n variants?: never;\n compoundVariants?: never;\n defaultVariants?: never;\n });\n\n/\n Exported so TypeScript can name this type in your generated declarations\n * (`declaration: true`) — you shouldn't really use it directly.\n /\nexport interface CVAComponent<Config, Variants> {\n (\n props?: Variants extends CVAVariantShape\n ? CVAVariantSchema<Variants> & CVAClassProp\n : CVAClassProp,\n ): string;\n /* @internal /\n config: Config;\n}\n\n// The loosest form a composable component can take, constraining `composes`\n// and the composition merge helpers above. Deriving it from `CVAComponent`\n// keeps the two from drifting: instantiated with `any`, the props conditional\n// and `config` both collapse to `any` (mapped types over `any` are `any`),\n// i.e. `{ (props?: any): string; config: any }`. The required `config`\n// property is what rejects plain functions and (deprecated) `compose`\n// results.\n//\n// The `any` arguments are deliberate, not lazy typing — a shaped `config`\n// (e.g. `{ variants?: CVAVariantShape }`) was tried and verifiably breaks:\n// a variant-less `cva({ base })` carries `variants: unknown`, and\n// `ReturnType<CVA>` instantiates this constraint inside the\n// `Compose`/`GetSchema` guards, where the shaped form rejects every real\n// component via props contravariance.\n/\n Exported so TypeScript can name this type in your generated declarations\n * (`declaration: true`) — you shouldn't really use it directly.\n /\nexport type CVAComponentShape = CVAComponent<any, any>;\n\ntype CVADefaultVariants<Config> = Config extends { defaultVariants?: infer D }\n ? D\n : {};\n\nexport interface CVA {\n <\n _ extends InternalOnlyWarning,\n Config,\n Variants,\n ComposedSingle extends CVAComponentShape \| undefined = undefined,\n ComposedList extends readonly CVAComponentShape[] = [],\n >(\n config: CVAComponentConfig<Config, Variants, ComposedSingle, ComposedList>,\n ): CVAComponent<\n Omit<Config, \"defaultVariants\"> & {\n variants: Variants &\n MergedVariants<ComposedTuple<ComposedSingle, ComposedList>>;\n // Local `defaultVariants` win over composed ones on key conflicts,\n // matching the runtime spread order. A plain intersection would collapse\n // a conflicting key's value to `never` (e.g. `\"sm\" & \"lg\"`), which then\n // silently drops the variant from `getSchema`'s inferred type.\n defaultVariants: Omit<\n MergedDefaultVariants<ComposedTuple<ComposedSingle, ComposedList>>,\n keyof CVADefaultVariants<Config>\n > &\n CVADefaultVariants<Config>;\n },\n Variants & MergedVariants<ComposedTuple<ComposedSingle, ComposedList>>\n >;\n}\n\n/ defineConfig\n ---------------------------------- /\n\nexport interface DefineConfigOptions {\n hooks?: {\n /\n @deprecated please use `onComplete`\n /\n \"cx:done\"?: (className: string) => string;\n /\n Returns the completed string of concatenated classes/classNames.\n /\n onComplete?: (className: string) => string;\n };\n}\n\nexport interface DefineConfig {\n (options?: DefineConfigOptions): {\n /\n @deprecated Use the `composes` property inside `cva` instead.\n * @example\n * // Before\n * const card = compose(box, stack)\n * // After\n * const card = cva({ composes: [box, stack] })\n /\n compose: Compose;\n cx: CX;\n cva: CVA;\n };\n}\n\n/ Exports\n ============================================ /\n\nconst falsyToString = <T extends unknown>(value: T) =>\n typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\n\n// Shared across every non-composed call, rather than allocating a fresh `[]`\n// per call — `cx` (clsx) treats an empty array identically to an absent one.\nconst emptyClassNames: string[] = [];\n\nexport const defineConfig: DefineConfig = (options) => {\n const cx: CX = (...inputs) => {\n if (typeof options?.hooks?.[\"cx:done\"] !== \"undefined\")\n return options?.hooks[\"cx:done\"](clsx(inputs));\n\n if (typeof options?.hooks?.onComplete !== \"undefined\")\n return options?.hooks.onComplete(clsx(inputs));\n\n return clsx(inputs);\n };\n\n const cva = (<\n _ extends InternalOnlyWarning,\n Config,\n Variants,\n ComposedSingle extends CVAComponentShape \| undefined = undefined,\n ComposedList extends readonly CVAComponentShape[] = [],\n >(\n config: CVAComponentConfig<Config, Variants, ComposedSingle, ComposedList>,\n ) => {\n const components = (\n config?.composes == null\n ? []\n : Array.isArray(config.composes)\n ? config.composes\n : [config.composes]\n ) as CVAComponentShape[];\n // A one-level-deep merge per variant key, so overlapping variants (e.g.\n // multiple composed components declaring `style`) union their values\n // instead of the last component's values silently replacing the rest.\n const mergeVariants = (\n acc: CVAVariantShape,\n variants: CVAVariantShape \| undefined,\n ): CVAVariantShape => {\n if (!variants) return acc;\n const merged: CVAVariantShape = { ...acc };\n for (const key of Object.keys(variants)) {\n merged[key] = { ...merged[key], ...variants[key] };\n }\n return merged;\n };\n const mergedVariantsFromComposed = components.reduce(\n (acc: CVAVariantShape, component: CVAComponentShape) =>\n mergeVariants(acc, component.config?.variants),\n {} as CVAVariantShape,\n );\n const mergedVariants = mergeVariants(\n mergedVariantsFromComposed,\n config?.variants as CVAVariantShape \| undefined,\n );\n const mergedDefaultVariantsFromComposed = components.reduce(\n (acc: Record<string, unknown>, component: CVAComponentShape) => ({\n ...acc,\n ...component.config?.defaultVariants,\n }),\n {} as Record<string, unknown>,\n );\n // Local `defaultVariants` win over composed ones here too (last spread).\n const mergedDefaultVariants: Record<string, unknown> = {\n ...mergedDefaultVariantsFromComposed,\n ...config?.defaultVariants,\n };\n\n const component: CVAComponent<typeof config, typeof config.variants> = (\n props,\n ) => {\n // Strip `class`/`className` and explicit `undefined` from props once,\n // reused for both the composed-component calls and compound-variant\n // matching. An explicit `{ variant: undefined }` is dropped so it falls\n // back to the (possibly composed) default, matching variant resolution\n // below. Only built when something consumes it — a plain component with\n // no `composes` and no `variants` skips the work entirely.\n const definedPropsWithoutClass =\n components.length \|\| config?.variants != null\n ? Object.fromEntries(\n Object.entries(props \|\| {}).filter(\n ([key, value]) =>\n key !== \"class\" &&\n key !== \"className\" &&\n typeof value !== \"undefined\",\n ),\n )\n : {};\n\n const getComposedClassNames = components.length\n ? components.map((component: CVAComponentShape) =>\n component({\n ...mergedDefaultVariants,\n ...definedPropsWithoutClass,\n }),\n )\n : emptyClassNames;\n\n if (config?.variants == null) {\n return cx(\n getComposedClassNames,\n config?.base,\n props?.class,\n props?.className,\n );\n }\n\n const { variants } = config;\n\n // Resolve against the merged* defaults (composed + local) so a variant\n // redeclared locally over a composed key uses the same effective default\n // the composed components and `getSchema` see.\n const getVariantClassNames = Object.keys(variants).map(\n (variant: keyof typeof variants) => {\n const variantProp = props?.[variant as keyof typeof props];\n const defaultVariantProp = mergedDefaultVariants[variant as string];\n\n const variantKey = (falsyToString(variantProp) \|\|\n falsyToString(\n defaultVariantProp,\n )) as keyof (typeof variants)[typeof variant];\n\n return variants[variant][variantKey];\n },\n );\n\n const defaultsAndProps = {\n ...mergedDefaultVariants,\n ...definedPropsWithoutClass,\n };\n\n const getCompoundVariantClassNames = config?.compoundVariants?.reduce(\n (\n acc: ClassValue[],\n {\n class: cvClass,\n className: cvClassName,\n ...cvConfig\n }: CVAClassProp & Record<string, unknown>,\n ) =>\n Object.entries(cvConfig).every(([cvKey, cvSelector]) => {\n const selector =\n defaultsAndProps[cvKey as keyof typeof defaultsAndProps];\n\n return Array.isArray(cvSelector)\n ? cvSelector.includes(selector)\n : selector === cvSelector;\n })\n ? [...acc, cvClass, cvClassName]\n : acc,\n [] as ClassValue[],\n );\n\n return cx(\n getComposedClassNames,\n config?.base,\n getVariantClassNames,\n getCompoundVariantClassNames,\n props?.class,\n props?.className,\n );\n };\n\n component.config = {\n ...config,\n variants: mergedVariants,\n defaultVariants: mergedDefaultVariants,\n };\n\n return component as ReturnType<CVA>;\n }) as CVA;\n\n const compose: Compose = (...components) => {\n const config = components.reduce(\n (acc, { config }) => {\n Object.entries(config \|\| {}).forEach(([key, value]) => {\n acc[key] =\n typeof value === \"object\" && value !== null && !Array.isArray(value)\n ? {\n ...acc[key],\n ...value,\n }\n : value;\n });\n return acc;\n },\n // A loose accumulator: composed configs carry heterogeneous values\n // (base strings, variant maps, compoundVariant arrays), not just the\n // `CVAVariantShape` the merged `variants` key holds.\n {} as Record<string, any>,\n );\n\n const component: CVAComponent<typeof config, typeof config.variants> = (\n props,\n ) => {\n const propsWithoutClass = Object.fromEntries(\n Object.entries(props \|\| {}).filter(\n ([key]) => ![\"class\", \"className\"].includes(key),\n ),\n );\n\n return cx(\n components.map((component) => component(propsWithoutClass)),\n props?.class,\n props?.className,\n );\n };\n\n component.config = config;\n\n return component;\n };\n\n return {\n compose,\n cva,\n cx,\n };\n};\n\nexport const { compose, cva, cx } = defineConfig();\n\nexport interface GetSchema {\n <_ extends InternalOnlyWarning, Component, Config, Variants>(\n component: Component &\n (Component extends ReturnType<CVA>\n ? { config: CVAComponentConfig<Config, Variants> }\n : never),\n ): {\n [Variant in keyof Variants]: Config extends CVAComponentConfig<\n Config,\n Variants\n >\n ? Variant extends keyof Config[\"defaultVariants\"]\n ? Config[\"defaultVariants\"][Variant] extends undefined\n ? never\n : {\n values: ReadonlyArray<StringToBoolean<keyof Variants[Variant]>>;\n defaultValue: Readonly<\n StringToBoolean<Config[\"defaultVariants\"][Variant]>\n >;\n }\n : {\n values: ReadonlyArray<StringToBoolean<keyof Variants[Variant]>>;\n }\n : never;\n // Iterate over the returned schema and remove any keys that have no values\n } extends infer Schema\n ? {\n [K in keyof Schema as Schema[K] extends {\n values: readonly never[];\n }\n ? never\n : K]: Schema[K] extends { defaultValue: never } ? never : Schema[K];\n }\n : never;\n}\n\nexport const getSchema: GetSchema = (component) => {\n if (!component.config?.variants) return {} as any;\n\n return Object.entries(component.config.variants).reduce(\n (acc, [key, value]) => {\n const defaultValue = component.config.defaultVariants?.[key];\n const hasDefaultValue = defaultValue !== undefined;\n const values = Object.keys(value).map((v) => {\n if (v === \"true\") return true;\n if (v === \"false\") return false;\n // Normalize numeric-literal keys back to numbers, since that's how\n // they appear in variant prop types (`keyof { 1: ... }` is `1`, not\n // `\"1\"`) — object keys are always strings/symbols at runtime. The\n // `String(n) === v` round-trip only accepts canonical numeric forms\n // (so `\"01\"`, `\"\"`, `\" 1\"` stay strings), covering negatives too.\n const n = Number(v);\n return Number.isFinite(n) && String(n) === v ? n : v;\n }) as StringToBoolean<keyof typeof value>[];\n const hasValues = values.length > 0;\n\n return hasValues \|\| hasDefaultValue\n ? {\n ...acc,\n [key]: {\n ...(hasValues ? { values } : {}),\n ...(hasDefaultValue ? { defaultValue } : {}),\n },\n }\n : acc;\n },\n {} as ReturnType<GetSchema>,\n );\n};\n"]}

package/dist/index.mjs CHANGED Viewed

@@ -15,65 +15,114 @@
  */ import { clsx } from "clsx";
 /* Exports
   ============================================ */ const falsyToString = (value)=>typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+// Shared across every non-composed call, rather than allocating a fresh `[]`
+// per call — `cx` (clsx) treats an empty array identically to an absent one.
+const emptyClassNames = [];
 export const defineConfig = (options)=>{
-    const cx = function() {
-        for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
-            inputs[_key] = arguments[_key];
-        }
-        var _options_hooks, _options_hooks1;
-        if (typeof (options === null || options === void 0 ? void 0 : (_options_hooks = options.hooks) === null || _options_hooks === void 0 ? void 0 : _options_hooks["cx:done"]) !== "undefined") return options === null || options === void 0 ? void 0 : options.hooks["cx:done"](clsx(inputs));
-        if (typeof (options === null || options === void 0 ? void 0 : (_options_hooks1 = options.hooks) === null || _options_hooks1 === void 0 ? void 0 : _options_hooks1.onComplete) !== "undefined") return options === null || options === void 0 ? void 0 : options.hooks.onComplete(clsx(inputs));
+    const cx = (...inputs)=>{
+        if (typeof options?.hooks?.["cx:done"] !== "undefined") return options?.hooks["cx:done"](clsx(inputs));
+        if (typeof options?.hooks?.onComplete !== "undefined") return options?.hooks.onComplete(clsx(inputs));
         return clsx(inputs);
     };
-    const cva = (config)=>(props)=>{
-            var _config_compoundVariants;
-            if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(config === null || config === void 0 ? void 0 : config.base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-            const { variants, defaultVariants } = config;
+    const cva = (config)=>{
+        const components = config?.composes == null ? [] : Array.isArray(config.composes) ? config.composes : [
+            config.composes
+        ];
+        // A one-level-deep merge per variant key, so overlapping variants (e.g.
+        // multiple composed components declaring `style`) union their values
+        // instead of the last component's values silently replacing the rest.
+        const mergeVariants = (acc, variants)=>{
+            if (!variants) return acc;
+            const merged = {
+                ...acc
+            };
+            for (const key of Object.keys(variants)){
+                merged[key] = {
+                    ...merged[key],
+                    ...variants[key]
+                };
+            }
+            return merged;
+        };
+        const mergedVariantsFromComposed = components.reduce((acc, component)=>mergeVariants(acc, component.config?.variants), {});
+        const mergedVariants = mergeVariants(mergedVariantsFromComposed, config?.variants);
+        const mergedDefaultVariantsFromComposed = components.reduce((acc, component)=>({
+                ...acc,
+                ...component.config?.defaultVariants
+            }), {});
+        // Local `defaultVariants` win over composed ones here too (last spread).
+        const mergedDefaultVariants = {
+            ...mergedDefaultVariantsFromComposed,
+            ...config?.defaultVariants
+        };
+        const component = (props)=>{
+            // Strip `class`/`className` and explicit `undefined` from props once,
+            // reused for both the composed-component calls and compound-variant
+            // matching. An explicit `{ variant: undefined }` is dropped so it falls
+            // back to the (possibly composed) default, matching variant resolution
+            // below. Only built when something consumes it — a plain component with
+            // no `composes` and no `variants` skips the work entirely.
+            const definedPropsWithoutClass = components.length || config?.variants != null ? Object.fromEntries(Object.entries(props || {}).filter(([key, value])=>key !== "class" && key !== "className" && typeof value !== "undefined")) : {};
+            const getComposedClassNames = components.length ? components.map((component)=>component({
+                    ...mergedDefaultVariants,
+                    ...definedPropsWithoutClass
+                })) : emptyClassNames;
+            if (config?.variants == null) {
+                return cx(getComposedClassNames, config?.base, props?.class, props?.className);
+            }
+            const { variants } = config;
+            // Resolve against the *merged* defaults (composed + local) so a variant
+            // redeclared locally over a composed key uses the same effective default
+            // the composed components and `getSchema` see.
             const getVariantClassNames = Object.keys(variants).map((variant)=>{
-                const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-                const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+                const variantProp = props?.[variant];
+                const defaultVariantProp = mergedDefaultVariants[variant];
                 const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
                 return variants[variant][variantKey];
             });
             const defaultsAndProps = {
-                ...defaultVariants,
-                // remove `undefined` props
-                ...props && Object.entries(props).reduce((acc, param)=>{
-                    let [key, value] = param;
-                    return typeof value === "undefined" ? acc : {
-                        ...acc,
-                        [key]: value
-                    };
-                }, {})
+                ...mergedDefaultVariants,
+                ...definedPropsWithoutClass
             };
-            const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{
-                let { class: cvClass, className: cvClassName, ...cvConfig } = param;
-                return Object.entries(cvConfig).every((param)=>{
-                    let [cvKey, cvSelector] = param;
+            const getCompoundVariantClassNames = config?.compoundVariants?.reduce((acc, { class: cvClass, className: cvClassName, ...cvConfig })=>Object.entries(cvConfig).every(([cvKey, cvSelector])=>{
                     const selector = defaultsAndProps[cvKey];
                     return Array.isArray(cvSelector) ? cvSelector.includes(selector) : selector === cvSelector;
                 }) ? [
                     ...acc,
                     cvClass,
                     cvClassName
-                ] : acc;
-            }, []);
-            return cx(config === null || config === void 0 ? void 0 : config.base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+                ] : acc, []);
+            return cx(getComposedClassNames, config?.base, getVariantClassNames, getCompoundVariantClassNames, props?.class, props?.className);
+        };
+        component.config = {
+            ...config,
+            variants: mergedVariants,
+            defaultVariants: mergedDefaultVariants
         };
-    const compose = function() {
-        for(var _len = arguments.length, components = new Array(_len), _key = 0; _key < _len; _key++){
-            components[_key] = arguments[_key];
-        }
-        return (props)=>{
-            const propsWithoutClass = Object.fromEntries(Object.entries(props || {}).filter((param)=>{
-                let [key] = param;
-                return ![
+        return component;
+    };
+    const compose = (...components)=>{
+        const config = components.reduce((acc, { config })=>{
+            Object.entries(config || {}).forEach(([key, value])=>{
+                acc[key] = typeof value === "object" && value !== null && !Array.isArray(value) ? {
+                    ...acc[key],
+                    ...value
+                } : value;
+            });
+            return acc;
+        }, // A loose accumulator: composed configs carry heterogeneous values
+        // (base strings, variant maps, compoundVariant arrays), not just the
+        // `CVAVariantShape` the merged `variants` key holds.
+        {});
+        const component = (props)=>{
+            const propsWithoutClass = Object.fromEntries(Object.entries(props || {}).filter(([key])=>![
                     "class",
                     "className"
-                ].includes(key);
-            }));
-            return cx(components.map((component)=>component(propsWithoutClass)), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+                ].includes(key)));
+            return cx(components.map((component)=>component(propsWithoutClass)), props?.class, props?.className);
         };
+        component.config = config;
+        return component;
     };
     return {
         compose,
@@ -82,6 +131,36 @@ export const defineConfig = (options)=>{
     };
 };
 export const { compose, cva, cx } = defineConfig();
+export const getSchema = (component)=>{
+    if (!component.config?.variants) return {};
+    return Object.entries(component.config.variants).reduce((acc, [key, value])=>{
+        const defaultValue = component.config.defaultVariants?.[key];
+        const hasDefaultValue = defaultValue !== undefined;
+        const values = Object.keys(value).map((v)=>{
+            if (v === "true") return true;
+            if (v === "false") return false;
+            // Normalize numeric-literal keys back to numbers, since that's how
+            // they appear in variant prop types (`keyof { 1: ... }` is `1`, not
+            // `"1"`) — object keys are always strings/symbols at runtime. The
+            // `String(n) === v` round-trip only accepts canonical numeric forms
+            // (so `"01"`, `""`, `" 1"` stay strings), covering negatives too.
+            const n = Number(v);
+            return Number.isFinite(n) && String(n) === v ? n : v;
+        });
+        const hasValues = values.length > 0;
+        return hasValues || hasDefaultValue ? {
+            ...acc,
+            [key]: {
+                ...hasValues ? {
+                    values
+                } : {},
+                ...hasDefaultValue ? {
+                    defaultValue
+                } : {}
+            }
+        } : acc;
+    }, {});
+};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;CAcC,GACD,SAAS,IAAI,QAAQ,OAAO;AAiJ5B;+CAC+C,GAE/C,MAAM,gBAAgB,CAAoB,QACxC,OAAO,UAAU,YAAY,CAAC,EAAE,MAAM,CAAC,GAAG,UAAU,IAAI,MAAM;AAEhE,OAAO,MAAM,eAA6B,CAAC;IACzC,MAAM,KAAS;yCAAI;YAAA;;YACN,gBAGA;QAHX,IAAI,QAAO,oBAAA,+BAAA,iBAAA,QAAS,KAAK,cAAd,qCAAA,cAAgB,CAAC,UAAU,MAAK,aACzC,OAAO,oBAAA,8BAAA,QAAS,KAAK,CAAC,UAAU,CAAC,KAAK;QAExC,IAAI,QAAO,oBAAA,+BAAA,kBAAA,QAAS,KAAK,cAAd,sCAAA,gBAAgB,UAAU,MAAK,aACxC,OAAO,oBAAA,8BAAA,QAAS,KAAK,CAAC,UAAU,CAAC,KAAK;QAExC,OAAO,KAAK;IACd;IAEA,MAAM,MAAW,CAAC,SAAW,CAAC;gBA+BS;YA9BrC,IAAI,CAAA,mBAAA,6BAAA,OAAQ,QAAQ,KAAI,MACtB,OAAO,GAAG,mBAAA,6BAAA,OAAQ,IAAI,EAAE,kBAAA,4BAAA,MAAO,KAAK,EAAE,kBAAA,4BAAA,MAAO,SAAS;YAExD,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG;YAEtC,MAAM,uBAAuB,OAAO,IAAI,CAAC,UAAU,GAAG,CACpD,CAAC;gBACC,MAAM,cAAc,kBAAA,4BAAA,KAAO,CAAC,QAA8B;gBAC1D,MAAM,qBAAqB,4BAAA,sCAAA,eAAiB,CAAC,QAAQ;gBAErD,MAAM,aAAc,cAAc,gBAChC,cACE;gBAGJ,OAAO,QAAQ,CAAC,QAAQ,CAAC,WAAW;YACtC;YAGF,MAAM,mBAAmB;gBACvB,GAAG,eAAe;gBAClB,2BAA2B;gBAC3B,GAAI,SACF,OAAO,OAAO,CAAC,OAAO,MAAM,CAC1B,CAAC;wBAAK,CAAC,KAAK,MAAM;2BAChB,OAAO,UAAU,cAAc,MAAM;wBAAE,GAAG,GAAG;wBAAE,CAAC,IAAI,EAAE;oBAAM;mBAC9D,CAAC,EACF;YACL;YAEA,MAAM,+BAA+B,mBAAA,8BAAA,2BAAA,OAAQ,gBAAgB,cAAxB,+CAAA,yBAA0B,MAAM,CACnE,CAAC;oBAAK,EAAE,OAAO,OAAO,EAAE,WAAW,WAAW,EAAE,GAAG,UAAU;uBAC3D,OAAO,OAAO,CAAC,UAAU,KAAK,CAAC;wBAAC,CAAC,OAAO,WAAW;oBACjD,MAAM,WACJ,gBAAgB,CAAC,MAAuC;oBAE1D,OAAO,MAAM,OAAO,CAAC,cACjB,WAAW,QAAQ,CAAC,YACpB,aAAa;gBACnB,KACI;uBAAI;oBAAK;oBAAS;iBAAY,GAC9B;eACN,EAAE;YAGJ,OAAO,GACL,mBAAA,6BAAA,OAAQ,IAAI,EACZ,sBACA,8BACA,kBAAA,4BAAA,MAAO,KAAK,EACZ,kBAAA,4BAAA,MAAO,SAAS;QAEpB;IAEA,MAAM,UACJ;yCAAI;YAAA;;eACJ,CAAC;YACC,MAAM,oBAAoB,OAAO,WAAW,CAC1C,OAAO,OAAO,CAAC,SAAS,CAAC,GAAG,MAAM,CAChC;oBAAC,CAAC,IAAI;uBAAK,CAAC;oBAAC;oBAAS;iBAAY,CAAC,QAAQ,CAAC;;YAIhD,OAAO,GACL,WAAW,GAAG,CAAC,CAAC,YAAc,UAAU,qBACxC,kBAAA,4BAAA,MAAO,KAAK,EACZ,kBAAA,4BAAA,MAAO,SAAS;QAEpB;;IAEF,OAAO;QACL;QACA;QACA;IACF;AACF,EAAE;AAEF,OAAO,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,eAAe","file":"index.mjs","sourcesContent":["/*\n Copyright 2022 Joe Bell. All rights reserved.\n \n This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n /\nimport { clsx } from \"clsx\";\n\n/ Types\n ============================================ /\n\n/ clsx\n ---------------------------------- /\n\n// When compiling with `declaration: true`, many projects experience the dreaded\n// TS2742 error. To combat this, we copy clsx's types manually.\n// Should this project move to JSDoc, this workaround would no longer be needed.\n\nexport type ClassValue =\n \| ClassArray\n \| ClassDictionary\n \| string\n \| number\n \| bigint\n \| null\n \| boolean\n \| undefined;\nexport type ClassDictionary = Record<string, any>;\nexport type ClassArray = ClassValue[];\n\n/ Utils\n ---------------------------------- /\n\ntype OmitUndefined<T> = T extends undefined ? never : T;\ntype StringToBoolean<T> = T extends \"true\" \| \"false\" ? boolean : T;\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (\n k: infer I,\n) => void\n ? I\n : never;\n\nexport type VariantProps<Component extends (...args: any) => any> = Omit<\n OmitUndefined<Parameters<Component>[0]>,\n \"class\" \| \"className\"\n>;\n\n/ compose\n ---------------------------------- /\n\nexport interface Compose {\n <T extends ReturnType<CVA>[]>(\n ...components: [...T]\n ): (\n props?: (\n \| UnionToIntersection<\n {\n [K in keyof T]: VariantProps<T[K]>;\n }[number]\n >\n \| undefined\n ) &\n CVAClassProp,\n ) => string;\n}\n\n/ cx\n ---------------------------------- /\n\nexport interface CX {\n (...inputs: ClassValue[]): string;\n}\n\nexport type CXOptions = Parameters<CX>;\nexport type CXReturn = ReturnType<CX>;\n\n/ cva\n ============================================ /\n\ntype CVAConfigBase = { base?: ClassValue };\ntype CVAVariantShape = Record<string, Record<string, ClassValue>>;\ntype CVAVariantSchema<V extends CVAVariantShape> = {\n [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> \| undefined;\n};\ntype CVAClassProp =\n \| {\n class?: ClassValue;\n className?: never;\n }\n \| {\n class?: never;\n className?: ClassValue;\n };\n\nexport interface CVA {\n <\n _ extends \"cva's generic parameters are restricted to internal use only.\",\n V,\n >(\n config: V extends CVAVariantShape\n ? CVAConfigBase & {\n variants?: V;\n compoundVariants?: (V extends CVAVariantShape\n ? (\n \| CVAVariantSchema<V>\n \| {\n [Variant in keyof V]?:\n \| StringToBoolean<keyof V[Variant]>\n \| StringToBoolean<keyof V[Variant]>[]\n \| undefined;\n }\n ) &\n CVAClassProp\n : CVAClassProp)[];\n defaultVariants?: CVAVariantSchema<V>;\n }\n : CVAConfigBase & {\n variants?: never;\n compoundVariants?: never;\n defaultVariants?: never;\n },\n ): (\n props?: V extends CVAVariantShape\n ? CVAVariantSchema<V> & CVAClassProp\n : CVAClassProp,\n ) => string;\n}\n\n/ defineConfig\n ---------------------------------- /\n\nexport interface DefineConfigOptions {\n hooks?: {\n /\n @deprecated please use `onComplete`\n /\n \"cx:done\"?: (className: string) => string;\n /\n Returns the completed string of concatenated classes/classNames.\n /\n onComplete?: (className: string) => string;\n };\n}\n\nexport interface DefineConfig {\n (options?: DefineConfigOptions): {\n compose: Compose;\n cx: CX;\n cva: CVA;\n };\n}\n\n/ Exports\n ============================================ */\n\nconst falsyToString = <T extends unknown>(value: T) =>\n typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\n\nexport const defineConfig: DefineConfig = (options) => {\n const cx: CX = (...inputs) => {\n if (typeof options?.hooks?.[\"cx:done\"] !== \"undefined\")\n return options?.hooks[\"cx:done\"](clsx(inputs));\n\n if (typeof options?.hooks?.onComplete !== \"undefined\")\n return options?.hooks.onComplete(clsx(inputs));\n\n return clsx(inputs);\n };\n\n const cva: CVA = (config) => (props) => {\n if (config?.variants == null)\n return cx(config?.base, props?.class, props?.className);\n\n const { variants, defaultVariants } = config;\n\n const getVariantClassNames = Object.keys(variants).map(\n (variant: keyof typeof variants) => {\n const variantProp = props?.[variant as keyof typeof props];\n const defaultVariantProp = defaultVariants?.[variant];\n\n const variantKey = (falsyToString(variantProp) \|\|\n falsyToString(\n defaultVariantProp,\n )) as keyof (typeof variants)[typeof variant];\n\n return variants[variant][variantKey];\n },\n );\n\n const defaultsAndProps = {\n ...defaultVariants,\n // remove `undefined` props\n ...(props &&\n Object.entries(props).reduce<typeof props>(\n (acc, [key, value]) =>\n typeof value === \"undefined\" ? acc : { ...acc, [key]: value },\n {} as typeof props,\n )),\n };\n\n const getCompoundVariantClassNames = config?.compoundVariants?.reduce(\n (acc, { class: cvClass, className: cvClassName, ...cvConfig }) =>\n Object.entries(cvConfig).every(([cvKey, cvSelector]) => {\n const selector =\n defaultsAndProps[cvKey as keyof typeof defaultsAndProps];\n\n return Array.isArray(cvSelector)\n ? cvSelector.includes(selector)\n : selector === cvSelector;\n })\n ? [...acc, cvClass, cvClassName]\n : acc,\n [] as ClassValue[],\n );\n\n return cx(\n config?.base,\n getVariantClassNames,\n getCompoundVariantClassNames,\n props?.class,\n props?.className,\n );\n };\n\n const compose: Compose =\n (...components) =>\n (props) => {\n const propsWithoutClass = Object.fromEntries(\n Object.entries(props \|\| {}).filter(\n ([key]) => ![\"class\", \"className\"].includes(key),\n ),\n );\n\n return cx(\n components.map((component) => component(propsWithoutClass)),\n props?.class,\n props?.className,\n );\n };\n\n return {\n compose,\n cva,\n cx,\n };\n};\n\nexport const { compose, cva, cx } = defineConfig();\n"]}
1	+ {"version":3,"sources":["../src/index.ts"],"names":["clsx","falsyToString","value","emptyClassNames","defineConfig","options","cx","inputs","hooks","onComplete","cva","config","components","composes","Array","isArray","mergeVariants","acc","variants","merged","key","Object","keys","mergedVariantsFromComposed","reduce","component","mergedVariants","mergedDefaultVariantsFromComposed","defaultVariants","mergedDefaultVariants","props","definedPropsWithoutClass","length","fromEntries","entries","filter","getComposedClassNames","map","base","class","className","getVariantClassNames","variant","variantProp","defaultVariantProp","variantKey","defaultsAndProps","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","cvConfig","every","cvKey","cvSelector","selector","includes","compose","forEach","propsWithoutClass","getSchema","defaultValue","hasDefaultValue","undefined","values","v","n","Number","isFinite","String","hasValues"],"mappings":"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","file":"index.mjs","sourcesContent":["/*\n Copyright 2022 Joe Bell. All rights reserved.\n \n This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n /\nimport { clsx } from \"clsx\";\n\n/ Types\n ============================================ /\n\n/ clsx\n ---------------------------------- /\n\n// When compiling with `declaration: true`, many projects experience the dreaded\n// TS2742 error. To combat this, we copy clsx's types manually.\n// Should this project move to JSDoc, this workaround would no longer be needed.\n\nexport type ClassValue =\n \| ClassArray\n \| ClassDictionary\n \| string\n \| number\n \| bigint\n \| null\n \| boolean\n \| undefined;\nexport type ClassDictionary = Record<string, any>;\nexport type ClassArray = ClassValue[];\n\n/ Utils\n ---------------------------------- /\n\ntype OmitUndefined<T> = T extends undefined ? never : T;\ntype StringToBoolean<T> = T extends \"true\" \| \"false\" ? boolean : T;\ntype UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (\n k: infer I,\n) => void\n ? I\n : never;\n\n// `composes` accepts either a single component or a list of components. A\n// plain union (`CVAComponentShape \| CVAComponentShape[]`) collapses an array\n// literal's element type to a union, silently dropping components whose\n// variants are a structural subtype of another composed component's (e.g.\n// `composes: [a, b]` where `b`'s variants are a superset of `a`'s). Splitting\n// inference across two type parameters preserves the array as a real tuple.\ntype ComposedTuple<\n S extends CVAComponentShape \| undefined,\n L extends readonly CVAComponentShape[],\n> = [S] extends [CVAComponentShape] ? [S] : L;\n\ntype MergedVariants<T extends readonly unknown[]> = UnionToIntersection<\n {\n [K in keyof T]: T[K] extends {\n config: { variants?: infer V extends CVAVariantShape };\n }\n ? V\n : never;\n }[number]\n>;\n\n// Right-biased merge (`B`'s keys win on conflicts) implemented as a mapped\n// type rather than `Omit<A, keyof B> & B`: the latter stays an unresolved\n// deferred type when `A`/`B` are themselves generic (as they are here, via\n// `ReturnType<CVA>` with no concrete `Config`), which then breaks downstream\n// `any`-narrowing in unrelated code that consumes `ReturnType<CVA>` (e.g.\n// the deprecated `compose`). A mapped type resolves eagerly instead.\ntype RightMerge<A, B> = {\n [K in keyof A \| keyof B]: K extends keyof B\n ? B[K]\n : K extends keyof A\n ? A[K]\n : never;\n};\n\n// `D` infers as `undefined` (not absent) when a component declares no\n// `defaultVariants` at all. `NonNullable<undefined>` would give `never`,\n// and `keyof never` is `string \| number \| symbol` (not `never`) — poisoning\n// `RightMerge`'s key union with every possible key. Normalize to `{}` instead,\n// matching a component that contributes nothing to the merge.\ntype DefaultsOf<Component> = Component extends {\n config: { defaultVariants?: infer D };\n}\n ? D extends undefined\n ? {}\n : D\n : {};\n\ntype MergedDefaultVariants<T extends readonly unknown[]> = T extends readonly [\n infer Head,\n ...infer Rest,\n]\n ? RightMerge<DefaultsOf<Head>, MergedDefaultVariants<Rest>>\n : {};\n\nexport type VariantProps<Component extends (...args: any) => any> = Omit<\n OmitUndefined<Parameters<Component>[0]>,\n \"class\" \| \"className\"\n>;\n\n/ compose\n ---------------------------------- /\n\n/\n @deprecated Use the `composes` property inside `cva` instead.\n * @example\n * // Before\n * const card = compose(box, stack)\n * // After\n * const card = cva({ composes: [box, stack] })\n /\nexport interface Compose {\n <T extends ReturnType<CVA>[]>(\n ...components: [...T]\n ): (\n props?: (\n \| UnionToIntersection<\n {\n [K in keyof T]: VariantProps<T[K]>;\n }[number]\n >\n \| undefined\n ) &\n CVAClassProp,\n ) => string;\n}\n\n/ cx\n ---------------------------------- /\n\nexport interface CX {\n (...inputs: ClassValue[]): string;\n}\n\nexport type CXOptions = Parameters<CX>;\nexport type CXReturn = ReturnType<CX>;\n\n/ cva\n ============================================ /\n\ntype CVAComponentConfigBase = { base?: ClassValue };\n/\n Exported so TypeScript can name this type in your generated declarations\n * (`declaration: true`) — you shouldn't really use it directly.\n /\nexport type CVAVariantShape = Record<string, Record<string, ClassValue>>;\ntype CVAVariantSchema<V extends CVAVariantShape> = {\n [Variant in keyof V]?: StringToBoolean<keyof V[Variant]> \| undefined;\n};\ntype CVAClassProp =\n \| {\n class?: ClassValue;\n className?: never;\n }\n \| {\n class?: never;\n className?: ClassValue;\n };\n\ntype InternalOnlyWarning =\n \"cva's generic parameters are restricted to internal use only.\";\n\ntype CVAComponentConfig<\n Config,\n Variants,\n ComposedSingle extends CVAComponentShape \| undefined =\n \| CVAComponentShape\n \| undefined,\n ComposedList extends readonly CVAComponentShape[] =\n readonly CVAComponentShape[],\n> = Config & {\n composes?: ComposedSingle \| readonly [...ComposedList];\n} & (Variants extends CVAVariantShape\n ? CVAComponentConfigBase & {\n variants?: Variants;\n compoundVariants?: (Variants extends CVAVariantShape\n ? (\n \| CVAVariantSchema<Variants>\n \| {\n [Variant in keyof Variants]?:\n \| StringToBoolean<keyof Variants[Variant]>\n \| StringToBoolean<keyof Variants[Variant]>[]\n \| undefined;\n }\n ) &\n CVAClassProp\n : CVAClassProp)[];\n defaultVariants?: CVAVariantSchema<Variants>;\n }\n : CVAComponentConfigBase & {\n variants?: never;\n compoundVariants?: never;\n defaultVariants?: never;\n });\n\n/\n Exported so TypeScript can name this type in your generated declarations\n * (`declaration: true`) — you shouldn't really use it directly.\n /\nexport interface CVAComponent<Config, Variants> {\n (\n props?: Variants extends CVAVariantShape\n ? CVAVariantSchema<Variants> & CVAClassProp\n : CVAClassProp,\n ): string;\n /* @internal /\n config: Config;\n}\n\n// The loosest form a composable component can take, constraining `composes`\n// and the composition merge helpers above. Deriving it from `CVAComponent`\n// keeps the two from drifting: instantiated with `any`, the props conditional\n// and `config` both collapse to `any` (mapped types over `any` are `any`),\n// i.e. `{ (props?: any): string; config: any }`. The required `config`\n// property is what rejects plain functions and (deprecated) `compose`\n// results.\n//\n// The `any` arguments are deliberate, not lazy typing — a shaped `config`\n// (e.g. `{ variants?: CVAVariantShape }`) was tried and verifiably breaks:\n// a variant-less `cva({ base })` carries `variants: unknown`, and\n// `ReturnType<CVA>` instantiates this constraint inside the\n// `Compose`/`GetSchema` guards, where the shaped form rejects every real\n// component via props contravariance.\n/\n Exported so TypeScript can name this type in your generated declarations\n * (`declaration: true`) — you shouldn't really use it directly.\n /\nexport type CVAComponentShape = CVAComponent<any, any>;\n\ntype CVADefaultVariants<Config> = Config extends { defaultVariants?: infer D }\n ? D\n : {};\n\nexport interface CVA {\n <\n _ extends InternalOnlyWarning,\n Config,\n Variants,\n ComposedSingle extends CVAComponentShape \| undefined = undefined,\n ComposedList extends readonly CVAComponentShape[] = [],\n >(\n config: CVAComponentConfig<Config, Variants, ComposedSingle, ComposedList>,\n ): CVAComponent<\n Omit<Config, \"defaultVariants\"> & {\n variants: Variants &\n MergedVariants<ComposedTuple<ComposedSingle, ComposedList>>;\n // Local `defaultVariants` win over composed ones on key conflicts,\n // matching the runtime spread order. A plain intersection would collapse\n // a conflicting key's value to `never` (e.g. `\"sm\" & \"lg\"`), which then\n // silently drops the variant from `getSchema`'s inferred type.\n defaultVariants: Omit<\n MergedDefaultVariants<ComposedTuple<ComposedSingle, ComposedList>>,\n keyof CVADefaultVariants<Config>\n > &\n CVADefaultVariants<Config>;\n },\n Variants & MergedVariants<ComposedTuple<ComposedSingle, ComposedList>>\n >;\n}\n\n/ defineConfig\n ---------------------------------- /\n\nexport interface DefineConfigOptions {\n hooks?: {\n /\n @deprecated please use `onComplete`\n /\n \"cx:done\"?: (className: string) => string;\n /\n Returns the completed string of concatenated classes/classNames.\n /\n onComplete?: (className: string) => string;\n };\n}\n\nexport interface DefineConfig {\n (options?: DefineConfigOptions): {\n /\n @deprecated Use the `composes` property inside `cva` instead.\n * @example\n * // Before\n * const card = compose(box, stack)\n * // After\n * const card = cva({ composes: [box, stack] })\n /\n compose: Compose;\n cx: CX;\n cva: CVA;\n };\n}\n\n/ Exports\n ============================================ /\n\nconst falsyToString = <T extends unknown>(value: T) =>\n typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\n\n// Shared across every non-composed call, rather than allocating a fresh `[]`\n// per call — `cx` (clsx) treats an empty array identically to an absent one.\nconst emptyClassNames: string[] = [];\n\nexport const defineConfig: DefineConfig = (options) => {\n const cx: CX = (...inputs) => {\n if (typeof options?.hooks?.[\"cx:done\"] !== \"undefined\")\n return options?.hooks[\"cx:done\"](clsx(inputs));\n\n if (typeof options?.hooks?.onComplete !== \"undefined\")\n return options?.hooks.onComplete(clsx(inputs));\n\n return clsx(inputs);\n };\n\n const cva = (<\n _ extends InternalOnlyWarning,\n Config,\n Variants,\n ComposedSingle extends CVAComponentShape \| undefined = undefined,\n ComposedList extends readonly CVAComponentShape[] = [],\n >(\n config: CVAComponentConfig<Config, Variants, ComposedSingle, ComposedList>,\n ) => {\n const components = (\n config?.composes == null\n ? []\n : Array.isArray(config.composes)\n ? config.composes\n : [config.composes]\n ) as CVAComponentShape[];\n // A one-level-deep merge per variant key, so overlapping variants (e.g.\n // multiple composed components declaring `style`) union their values\n // instead of the last component's values silently replacing the rest.\n const mergeVariants = (\n acc: CVAVariantShape,\n variants: CVAVariantShape \| undefined,\n ): CVAVariantShape => {\n if (!variants) return acc;\n const merged: CVAVariantShape = { ...acc };\n for (const key of Object.keys(variants)) {\n merged[key] = { ...merged[key], ...variants[key] };\n }\n return merged;\n };\n const mergedVariantsFromComposed = components.reduce(\n (acc: CVAVariantShape, component: CVAComponentShape) =>\n mergeVariants(acc, component.config?.variants),\n {} as CVAVariantShape,\n );\n const mergedVariants = mergeVariants(\n mergedVariantsFromComposed,\n config?.variants as CVAVariantShape \| undefined,\n );\n const mergedDefaultVariantsFromComposed = components.reduce(\n (acc: Record<string, unknown>, component: CVAComponentShape) => ({\n ...acc,\n ...component.config?.defaultVariants,\n }),\n {} as Record<string, unknown>,\n );\n // Local `defaultVariants` win over composed ones here too (last spread).\n const mergedDefaultVariants: Record<string, unknown> = {\n ...mergedDefaultVariantsFromComposed,\n ...config?.defaultVariants,\n };\n\n const component: CVAComponent<typeof config, typeof config.variants> = (\n props,\n ) => {\n // Strip `class`/`className` and explicit `undefined` from props once,\n // reused for both the composed-component calls and compound-variant\n // matching. An explicit `{ variant: undefined }` is dropped so it falls\n // back to the (possibly composed) default, matching variant resolution\n // below. Only built when something consumes it — a plain component with\n // no `composes` and no `variants` skips the work entirely.\n const definedPropsWithoutClass =\n components.length \|\| config?.variants != null\n ? Object.fromEntries(\n Object.entries(props \|\| {}).filter(\n ([key, value]) =>\n key !== \"class\" &&\n key !== \"className\" &&\n typeof value !== \"undefined\",\n ),\n )\n : {};\n\n const getComposedClassNames = components.length\n ? components.map((component: CVAComponentShape) =>\n component({\n ...mergedDefaultVariants,\n ...definedPropsWithoutClass,\n }),\n )\n : emptyClassNames;\n\n if (config?.variants == null) {\n return cx(\n getComposedClassNames,\n config?.base,\n props?.class,\n props?.className,\n );\n }\n\n const { variants } = config;\n\n // Resolve against the merged* defaults (composed + local) so a variant\n // redeclared locally over a composed key uses the same effective default\n // the composed components and `getSchema` see.\n const getVariantClassNames = Object.keys(variants).map(\n (variant: keyof typeof variants) => {\n const variantProp = props?.[variant as keyof typeof props];\n const defaultVariantProp = mergedDefaultVariants[variant as string];\n\n const variantKey = (falsyToString(variantProp) \|\|\n falsyToString(\n defaultVariantProp,\n )) as keyof (typeof variants)[typeof variant];\n\n return variants[variant][variantKey];\n },\n );\n\n const defaultsAndProps = {\n ...mergedDefaultVariants,\n ...definedPropsWithoutClass,\n };\n\n const getCompoundVariantClassNames = config?.compoundVariants?.reduce(\n (\n acc: ClassValue[],\n {\n class: cvClass,\n className: cvClassName,\n ...cvConfig\n }: CVAClassProp & Record<string, unknown>,\n ) =>\n Object.entries(cvConfig).every(([cvKey, cvSelector]) => {\n const selector =\n defaultsAndProps[cvKey as keyof typeof defaultsAndProps];\n\n return Array.isArray(cvSelector)\n ? cvSelector.includes(selector)\n : selector === cvSelector;\n })\n ? [...acc, cvClass, cvClassName]\n : acc,\n [] as ClassValue[],\n );\n\n return cx(\n getComposedClassNames,\n config?.base,\n getVariantClassNames,\n getCompoundVariantClassNames,\n props?.class,\n props?.className,\n );\n };\n\n component.config = {\n ...config,\n variants: mergedVariants,\n defaultVariants: mergedDefaultVariants,\n };\n\n return component as ReturnType<CVA>;\n }) as CVA;\n\n const compose: Compose = (...components) => {\n const config = components.reduce(\n (acc, { config }) => {\n Object.entries(config \|\| {}).forEach(([key, value]) => {\n acc[key] =\n typeof value === \"object\" && value !== null && !Array.isArray(value)\n ? {\n ...acc[key],\n ...value,\n }\n : value;\n });\n return acc;\n },\n // A loose accumulator: composed configs carry heterogeneous values\n // (base strings, variant maps, compoundVariant arrays), not just the\n // `CVAVariantShape` the merged `variants` key holds.\n {} as Record<string, any>,\n );\n\n const component: CVAComponent<typeof config, typeof config.variants> = (\n props,\n ) => {\n const propsWithoutClass = Object.fromEntries(\n Object.entries(props \|\| {}).filter(\n ([key]) => ![\"class\", \"className\"].includes(key),\n ),\n );\n\n return cx(\n components.map((component) => component(propsWithoutClass)),\n props?.class,\n props?.className,\n );\n };\n\n component.config = config;\n\n return component;\n };\n\n return {\n compose,\n cva,\n cx,\n };\n};\n\nexport const { compose, cva, cx } = defineConfig();\n\nexport interface GetSchema {\n <_ extends InternalOnlyWarning, Component, Config, Variants>(\n component: Component &\n (Component extends ReturnType<CVA>\n ? { config: CVAComponentConfig<Config, Variants> }\n : never),\n ): {\n [Variant in keyof Variants]: Config extends CVAComponentConfig<\n Config,\n Variants\n >\n ? Variant extends keyof Config[\"defaultVariants\"]\n ? Config[\"defaultVariants\"][Variant] extends undefined\n ? never\n : {\n values: ReadonlyArray<StringToBoolean<keyof Variants[Variant]>>;\n defaultValue: Readonly<\n StringToBoolean<Config[\"defaultVariants\"][Variant]>\n >;\n }\n : {\n values: ReadonlyArray<StringToBoolean<keyof Variants[Variant]>>;\n }\n : never;\n // Iterate over the returned schema and remove any keys that have no values\n } extends infer Schema\n ? {\n [K in keyof Schema as Schema[K] extends {\n values: readonly never[];\n }\n ? never\n : K]: Schema[K] extends { defaultValue: never } ? never : Schema[K];\n }\n : never;\n}\n\nexport const getSchema: GetSchema = (component) => {\n if (!component.config?.variants) return {} as any;\n\n return Object.entries(component.config.variants).reduce(\n (acc, [key, value]) => {\n const defaultValue = component.config.defaultVariants?.[key];\n const hasDefaultValue = defaultValue !== undefined;\n const values = Object.keys(value).map((v) => {\n if (v === \"true\") return true;\n if (v === \"false\") return false;\n // Normalize numeric-literal keys back to numbers, since that's how\n // they appear in variant prop types (`keyof { 1: ... }` is `1`, not\n // `\"1\"`) — object keys are always strings/symbols at runtime. The\n // `String(n) === v` round-trip only accepts canonical numeric forms\n // (so `\"01\"`, `\"\"`, `\" 1\"` stay strings), covering negatives too.\n const n = Number(v);\n return Number.isFinite(n) && String(n) === v ? n : v;\n }) as StringToBoolean<keyof typeof value>[];\n const hasValues = values.length > 0;\n\n return hasValues \|\| hasDefaultValue\n ? {\n ...acc,\n [key]: {\n ...(hasValues ? { values } : {}),\n ...(hasDefaultValue ? { defaultValue } : {}),\n },\n }\n : acc;\n },\n {} as ReturnType<GetSchema>,\n );\n};\n"]}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "cva",
-  "version": "1.0.0-beta.4",
-  "description": "Class Variance Authority 🧬",
+  "version": "1.0.0-beta.6",
+  "description": "Class Variance Authority",
   "keywords": [
     "Class Variance Authority",
     "class-variance-authority",
@@ -17,9 +17,9 @@
   "homepage": "https://github.com/joe-bell/cva#readme",
   "bugs": "https://github.com/joe-bell/cva/issues",
   "repository": "https://github.com/joe-bell/cva.git",
-  "funding": "https://polar.sh/cva",
   "license": "Apache-2.0",
-  "author": "Joe Bell (https://joebell.co.uk)",
+  "author": "Joe Bell (https://joebell.studio)",
+  "sideEffects": false,
   "exports": {
     "types": "./dist/index.d.ts",
     "import": "./dist/index.mjs",
@@ -35,17 +35,18 @@
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@arethetypeswrong/cli": "0.17.3",
-    "@swc/cli": "0.3.12",
-    "@swc/core": "1.4.16",
-    "@types/node": "20.12.7",
-    "@types/react": "18.2.79",
-    "@types/react-dom": "18.2.25",
-    "bundlesize": "0.18.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "@arethetypeswrong/cli": "0.18.2",
+    "@size-limit/preset-small-lib": "^12.1.0",
+    "@swc/cli": "0.8.1",
+    "@swc/core": "1.15.33",
+    "@types/node": "24.13.2",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "react": "19.2.6",
+    "react-dom": "19.2.6",
+    "size-limit": "^12.1.0",
     "ts-node": "10.9.2",
-    "typescript": "5.7.3"
+    "typescript": "6.0.3"
   },
   "peerDependencies": {
     "typescript": ">= 4.5.5"
@@ -55,15 +56,20 @@
       "optional": true
     }
   },
+  "size-limit": [
+    {
+      "path": "dist/index.js",
+      "limit": "1.6KB"
+    }
+  ],
   "scripts": {
     "build": "pnpm run '/^build:.*/'",
     "build:cjs": "swc ./src/index.ts --config-file ./.config/.swcrc -o dist/index.js -C module.type=commonjs",
     "build:esm": "swc ./src/index.ts --config-file ./.config/.swcrc -o dist/index.mjs -C module.type=es6 ",
     "build:tsc": "tsc --project .config/tsconfig.build.json",
-    "bundlesize": "pnpm build && bundlesize -f 'dist/*.js' -s 1.6KB",
+    "bundlesize": "pnpm build && size-limit",
     "check": "pnpm run '/^check:.*/'",
     "check:exports": "attw --pack .",
-    "check:tsc": "tsc --project tsconfig.json --noEmit",
-    "dev": "jest --config .config/jest.config.ts --watch"
+    "check:tsc": "tsc --project tsconfig.json --noEmit"
   }
 }