css-variants 2.2.2 → 2.3.0

package/dist/cjs/scv.js

@@ -1,107 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.scv = void 0;
-const cx_1 = require("./cx");
-const merge_props_1 = require("./utils/merge-props");
-/**
- * Creates a slot-based class variant function that manages class names for multiple slots with variants.
- *
- * @param config - Configuration object for creating the variant function
- * @returns A function that accepts variant props and returns class names for each slot
- *
- * @example
- * ```typescript
- * const button = scv({
- *   slots: ['root', 'icon'],
- *   base: {
- *     root: 'btn',
- *     icon: 'btn-icon'
- *   },
- *   variants: {
- *     size: {
- *       sm: {
- *         root: 'btn-sm',
- *         icon: 'icon-sm'
- *       },
- *       lg: {
- *         root: 'btn-lg',
- *         icon: 'icon-lg'
- *       }
- *     }
- *   },
- *   defaultVariants: {
- *     size: 'sm'
- *   }
- * })
- *
- * // Usage
- * const classes = button({ size: 'lg' })
- * // Result: { root: 'btn btn-lg', icon: 'btn-icon icon-lg' }
- * ```
- */
-const scv = (config) => {
-    const { slots, base, variants, compoundVariants, defaultVariants, classNameResolver = cx_1.cx } = config;
-    if (!variants) {
-        return (props) => {
-            const result = {};
-            for (const slot of slots) {
-                result[slot] = classNameResolver(base?.[slot], props?.classNames?.[slot]);
-            }
-            return result;
-        };
-    }
-    return (props) => {
-        const mergedProps = (0, merge_props_1.mergeProps)(defaultVariants, props, ['classNames']);
-        const slotClassValues = {};
-        for (const slot of slots) {
-            if (base?.[slot]) {
-                slotClassValues[slot] = Array.isArray(base[slot]) ? [...base[slot]] : [base[slot]];
-            }
-            else {
-                slotClassValues[slot] = [];
-            }
-        }
-        for (const key in mergedProps) {
-            const cls = variants[key]?.[mergedProps[key]];
-            if (cls) {
-                for (const slot in cls) {
-                    slotClassValues[slot]?.push(cls[slot]);
-                }
-            }
-        }
-        if (compoundVariants) {
-            for (let i = 0; i < compoundVariants.length; i++) {
-                const compound = compoundVariants[i];
-                let matches = true;
-                for (const key in compound) {
-                    if (key === 'classNames')
-                        continue;
-                    const value = compound[key];
-                    const propValue = mergedProps[key];
-                    if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {
-                        matches = false;
-                        break;
-                    }
-                }
-                if (matches && compound.classNames) {
-                    for (const slot in compound.classNames) {
-                        slotClassValues[slot]?.push(compound.classNames[slot]);
-                    }
-                }
-            }
-        }
-        if (props?.classNames) {
-            for (const slot in props.classNames) {
-                slotClassValues[slot]?.push(props.classNames[slot]);
-            }
-        }
-        const result = {};
-        for (const slot in slotClassValues) {
-            result[slot] = classNameResolver(slotClassValues[slot]);
-        }
-        return result;
-    };
-};
-exports.scv = scv;
-exports.default = exports.scv;
-//# sourceMappingURL=scv.js.map

package/dist/cjs/scv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scv.js","sourceRoot":"","sources":["../../src/scv.ts"],"names":[],"mappings":"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"}

package/dist/cjs/ssv.d.ts

@@ -1,51 +0,0 @@
-import { ObjectKeyPicker, ObjectKeyArrayPicker, PartialRecord, CssProperties } from './utils/types';
-export type SlotStyleRecord<S extends string> = PartialRecord<S, CssProperties>;
-export type SlotStyleVariantRecord<S extends string> = Record<string, Record<string, SlotStyleRecord<S>>>;
-export type SlotStyleVariantExtendProps<S extends string> = {
-    styles: SlotStyleRecord<S>;
-};
-export interface SlotStyleVariantDefinition<S extends string, T extends SlotStyleVariantRecord<S> | undefined> {
-    slots: S[];
-    base?: SlotStyleRecord<S>;
-    variants?: T;
-    compoundVariants?: (ObjectKeyArrayPicker<T> & SlotStyleVariantExtendProps<S>)[];
-    defaultVariants?: ObjectKeyPicker<T>;
-}
-export type SlotStyleVariantFnProps<S extends string, T extends SlotStyleVariantRecord<S> | undefined> = T extends undefined ? Partial<SlotStyleVariantExtendProps<S>> : ObjectKeyPicker<T> & Partial<SlotStyleVariantExtendProps<S>>;
-export type SlotStyleVariantFn<S extends string, T extends SlotStyleVariantRecord<S> | undefined> = (props?: SlotStyleVariantFnProps<S, T>) => Record<S, CssProperties>;
-export type SlotStyleVariantCreatorFn = <S extends string, T extends SlotStyleVariantRecord<S> | undefined>(config: SlotStyleVariantDefinition<S, T>) => SlotStyleVariantFn<S, T>;
-/**
- * Creates a slot-based style variant function that composes CSS properties based on variants and compound variants.
- *
- * @param config - Configuration object for creating style variants
- * @returns A function that accepts variant props and returns composed styles for each slot
- *
- * @example
- * ```ts
- * const buttonStyles = csv({
- *   slots: ['root', 'icon'],
- *   base: {
- *     root: { padding: '8px' },
- *     icon: { size: '16px' }
- *   },
- *   variants: {
- *     size: {
- *       small: {
- *         root: { padding: '4px' },
- *         icon: { size: '12px' }
- *       },
- *       large: {
- *         root: { padding: '12px' },
- *         icon: { size: '20px' }
- *       }
- *     }
- *   }
- * });
- *
- * // Usage
- * const styles = buttonStyles({ size: 'small' });
- * // => { root: { padding: '4px' }, icon: { size: '12px' } }
- * ```
- */
-export declare const ssv: SlotStyleVariantCreatorFn;
-export default ssv;

package/dist/cjs/ssv.js

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ssv = void 0;
-const merge_props_1 = require("./utils/merge-props");
-/**
- * Creates a slot-based style variant function that composes CSS properties based on variants and compound variants.
- *
- * @param config - Configuration object for creating style variants
- * @returns A function that accepts variant props and returns composed styles for each slot
- *
- * @example
- * ```ts
- * const buttonStyles = csv({
- *   slots: ['root', 'icon'],
- *   base: {
- *     root: { padding: '8px' },
- *     icon: { size: '16px' }
- *   },
- *   variants: {
- *     size: {
- *       small: {
- *         root: { padding: '4px' },
- *         icon: { size: '12px' }
- *       },
- *       large: {
- *         root: { padding: '12px' },
- *         icon: { size: '20px' }
- *       }
- *     }
- *   }
- * });
- *
- * // Usage
- * const styles = buttonStyles({ size: 'small' });
- * // => { root: { padding: '4px' }, icon: { size: '12px' } }
- * ```
- */
-const ssv = (config) => {
-    const { slots, base, variants, compoundVariants, defaultVariants } = config;
-    if (!variants) {
-        return (props) => {
-            const result = {};
-            for (const slot of slots) {
-                result[slot] = { ...base?.[slot], ...props?.styles?.[slot] };
-            }
-            return result;
-        };
-    }
-    return (props) => {
-        const mergedProps = (0, merge_props_1.mergeProps)(defaultVariants, props, ['styles']);
-        const result = {};
-        for (const slot of slots) {
-            result[slot] = { ...base?.[slot] };
-        }
-        for (const key in mergedProps) {
-            const slotStyle = variants[key]?.[mergedProps[key]];
-            if (slotStyle) {
-                for (const slot in slotStyle) {
-                    Object.assign(result[slot], slotStyle[slot]);
-                }
-            }
-        }
-        if (compoundVariants) {
-            for (let i = 0; i < compoundVariants.length; i++) {
-                const compound = compoundVariants[i];
-                let matches = true;
-                for (const key in compound) {
-                    if (key === 'styles')
-                        continue;
-                    const value = compound[key];
-                    const propValue = mergedProps[key];
-                    if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {
-                        matches = false;
-                        break;
-                    }
-                }
-                if (matches && compound.styles) {
-                    for (const slot in compound.styles) {
-                        Object.assign(result[slot], compound.styles[slot]);
-                    }
-                }
-            }
-        }
-        if (props?.styles) {
-            for (const slot in props.styles) {
-                Object.assign(result[slot], props.styles[slot]);
-            }
-        }
-        return result;
-    };
-};
-exports.ssv = ssv;
-exports.default = exports.ssv;
-//# sourceMappingURL=ssv.js.map

package/dist/cjs/ssv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ssv.js","sourceRoot":"","sources":["../../src/ssv.ts"],"names":[],"mappings":"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"}

package/dist/cjs/sv.js

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sv = void 0;
-const merge_props_1 = require("./utils/merge-props");
-/**
- * Creates a style variant function based on the provided configuration.
- *
- * @template T - The type of the style variant record.
- * @param {StyleVariantDefinition<T>} config - The configuration object for style variants.
- * @returns {StyleVariantFn<T>} A function that takes props and returns the computed CSS properties.
- *
- * @example
- * ```typescript
- *
- * const makeStyle = sv({
- *   base: { color: 'black' },
- *   variants: {
- *     size: {
- *       small: { fontSize: '12px' },
- *       large: { fontSize: '24px' }
- *     }
- *   },
- *   compoundVariants: [
- *     { size: 'large', style: { fontWeight: 'bold' } }
- *   ],
- *   defaultVariants: { size: 'small' }
- * });
- *
- * const style = makeStyle({ size: 'large' });
- * // style = { color: 'black', fontSize: '24px', fontWeight: 'bold' }
- * ```
- */
-const sv = (config) => {
-    const { base, variants, compoundVariants, defaultVariants } = config;
-    if (!variants) {
-        return (props) => ({ ...base, ...props?.style });
-    }
-    return (props) => {
-        const result = { ...base };
-        const mergedProps = (0, merge_props_1.mergeProps)(defaultVariants, props, ['style']);
-        for (const key in mergedProps) {
-            const styleValue = variants[key]?.[mergedProps[key]];
-            if (styleValue) {
-                Object.assign(result, styleValue);
-            }
-        }
-        if (compoundVariants) {
-            for (let i = 0; i < compoundVariants.length; i++) {
-                const compound = compoundVariants[i];
-                let matches = true;
-                for (const key in compound) {
-                    if (key === 'style')
-                        continue;
-                    const value = compound[key];
-                    const propValue = mergedProps[key];
-                    if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {
-                        matches = false;
-                        break;
-                    }
-                }
-                if (matches && compound.style) {
-                    Object.assign(result, compound.style);
-                }
-            }
-        }
-        if (props?.style) {
-            Object.assign(result, props.style);
-        }
-        return result;
-    };
-};
-exports.sv = sv;
-exports.default = exports.sv;
-//# sourceMappingURL=sv.js.map

package/dist/cjs/sv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sv.js","sourceRoot":"","sources":["../../src/sv.ts"],"names":[],"mappings":";;;AACA,qDAAgD;AAuBhD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACI,MAAM,EAAE,GAA0B,CAAC,MAAM,EAAE,EAAE;IAClD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,EAAE,GAAG,MAAM,CAAA;IAEpE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;IAClD,CAAC;IAED,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,MAAM,GAAkB,EAAE,GAAG,IAAI,EAAE,CAAA;QAEzC,MAAM,WAAW,GAAG,IAAA,wBAAU,EAAC,eAAe,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;QAEjE,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC9B,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG,CAAW,CAAC,CAAA;YAC9D,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;YACnC,CAAC;QACH,CAAC;QAED,IAAI,gBAAgB,EAAE,CAAC;YACrB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACjD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;gBACpC,IAAI,OAAO,GAAG,IAAI,CAAA;gBAClB,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;oBAC3B,IAAI,GAAG,KAAK,OAAO;wBAAE,SAAQ;oBAC7B,MAAM,KAAK,GAAG,QAAQ,CAAC,GAA4B,CAAC,CAAA;oBACpD,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,CAAA;oBAClC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;wBAC5E,OAAO,GAAG,KAAK,CAAA;wBACf,MAAK;oBACP,CAAC;gBACH,CAAC;gBACD,IAAI,OAAO,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC;oBAC9B,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;gBACvC,CAAC;YACH,CAAC;QACH,CAAC;QAED,IAAI,KAAK,EAAE,KAAK,EAAE,CAAC;YACjB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;QACpC,CAAC;QAED,OAAO,MAAM,CAAA;IACf,CAAC,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,EAAE,MA4Cd;AAED,kBAAe,UAAE,CAAA"}

package/dist/cjs/utils/merge-props.d.ts

@@ -1 +0,0 @@
-export declare function mergeProps<T extends Record<string, unknown>, P extends Record<string, unknown>>(defaultProps: T | undefined, props: P | undefined, omitKeys?: (keyof P)[]): Record<string, unknown>;

package/dist/cjs/utils/merge-props.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeProps = mergeProps;
-function mergeProps(defaultProps, props, omitKeys) {
-    const merged = { ...defaultProps };
-    if (props) {
-        for (const k in props) {
-            if (props[k] !== undefined && (!omitKeys || !omitKeys.includes(k))) {
-                merged[k] = props[k];
-            }
-        }
-    }
-    return merged;
-}
-//# sourceMappingURL=merge-props.js.map

package/dist/cjs/utils/merge-props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge-props.js","sourceRoot":"","sources":["../../../src/utils/merge-props.ts"],"names":[],"mappings":";;AAAA,gCAgBC;AAhBD,SAAgB,UAAU,CACxB,YAA2B,EAC3B,KAAoB,EACpB,QAAsB;IAEtB,MAAM,MAAM,GAA4B,EAAE,GAAG,YAAY,EAAE,CAAA;IAE3D,IAAI,KAAK,EAAE,CAAC;QACV,KAAK,MAAM,CAAC,IAAI,KAAK,EAAE,CAAC;YACtB,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnE,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;YACtB,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/cjs/utils/types.d.ts

@@ -1,16 +0,0 @@
-import { Properties } from 'csstype';
-export type OneOrMore<T> = T | T[];
-export type PartialRecord<S extends string, T> = Partial<Record<S, T>>;
-export type RequireAtLeastOne<T> = {
-    [K in keyof T]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<keyof T, K>>>;
-}[keyof T];
-export type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T;
-export type ObjectKeyPicker<T> = [keyof T] extends [never] ? Record<string, unknown> : {
-    [K in keyof T]?: StringToBoolean<keyof T[K]> | undefined;
-};
-export type ObjectKeyArrayPicker<T> = [keyof T] extends [never] ? Record<string, unknown> : {
-    [K in keyof T]?: OneOrMore<StringToBoolean<keyof T[K]>> | undefined;
-};
-export type CssProperties = Properties<string | number> & {
-    [key: `--${string}`]: string | number;
-};

package/dist/cjs/utils/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/dist/cjs/utils/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":""}

package/dist/esm/cv.js

@@ -1,71 +0,0 @@
-import { cx } from './cx';
-import { mergeProps } from './utils/merge-props';
-/**
- * Creates a class variant function that combines base classes, variants, compound variants, and default variants.
- *
- * @template T - Type of the variant record
- * @param config - Configuration object for creating class variants
- * @returns A function that accepts variant props and returns a combined class string
- *
- * @example
- * ```typescript
- * const button = cv({
- *   base: 'px-4 py-2 rounded',
- *   variants: {
- *     color: {
- *       primary: 'bg-blue-500 text-white',
- *       secondary: 'bg-gray-500 text-white'
- *     },
- *     size: {
- *       sm: 'text-sm',
- *       lg: 'text-lg'
- *     }
- *   },
- *   defaultVariants: {
- *     color: 'primary',
- *     size: 'sm'
- *   }
- * });
- *
- * button(); // => 'px-4 py-2 rounded bg-blue-500 text-white text-sm'
- * button({ color: 'secondary' }); // => 'px-4 py-2 rounded bg-gray-500 text-white text-sm'
- * ```
- */
-export const cv = (config) => {
-    const { base, variants, compoundVariants, defaultVariants, classNameResolver = cx } = config;
-    if (!variants) {
-        return (props) => classNameResolver(base, props?.className);
-    }
-    return (props) => {
-        const mergedProps = mergeProps(defaultVariants, props, ['className']);
-        const classValues = [];
-        for (const key in mergedProps) {
-            const classValue = variants[key]?.[mergedProps[key]];
-            if (classValue) {
-                classValues.push(classValue);
-            }
-        }
-        if (compoundVariants) {
-            for (let i = 0; i < compoundVariants.length; i++) {
-                const compound = compoundVariants[i];
-                let matches = true;
-                for (const key in compound) {
-                    if (key === 'className')
-                        continue;
-                    const value = compound[key];
-                    const propValue = mergedProps[key];
-                    if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {
-                        matches = false;
-                        break;
-                    }
-                }
-                if (matches && compound.className) {
-                    classValues.push(compound.className);
-                }
-            }
-        }
-        return classNameResolver(base, classValues, props?.className);
-    };
-};
-export default cv;
-//# sourceMappingURL=cv.js.map

package/dist/esm/cv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cv.js","sourceRoot":"","sources":["../../src/cv.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAc,MAAM,MAAM,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAwBhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,EAAE,GAA0B,CAAC,MAAM,EAAE,EAAE;IAClD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,GAAG,EAAE,EAAE,GAAG,MAAM,CAAA;IAE5F,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IAC7D,CAAC;IAED,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,MAAM,WAAW,GAAG,UAAU,CAAC,eAAe,EAAE,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;QAErE,MAAM,WAAW,GAAiB,EAAE,CAAA;QAEpC,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;YAC9B,MAAM,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,GAAG,CAAW,CAAC,CAAA;YAC9D,IAAI,UAAU,EAAE,CAAC;gBACf,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YAC9B,CAAC;QACH,CAAC;QAED,IAAI,gBAAgB,EAAE,CAAC;YACrB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACjD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAA;gBACpC,IAAI,OAAO,GAAG,IAAI,CAAA;gBAClB,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;oBAC3B,IAAI,GAAG,KAAK,WAAW;wBAAE,SAAQ;oBACjC,MAAM,KAAK,GAAG,QAAQ,CAAC,GAA4B,CAAC,CAAA;oBACpD,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,CAAC,CAAA;oBAClC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;wBAC5E,OAAO,GAAG,KAAK,CAAA;wBACf,MAAK;oBACP,CAAC;gBACH,CAAC;gBACD,IAAI,OAAO,IAAI,QAAQ,CAAC,SAAS,EAAE,CAAC;oBAClC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;gBACtC,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IAC/D,CAAC,CAAA;AACH,CAAC,CAAA;AAED,eAAe,EAAE,CAAA"}

package/dist/esm/cx.d.ts

@@ -1,5 +0,0 @@
-export type ClassDictionary = Record<string, unknown>;
-export type ClassValue = ClassValue[] | string | number | bigint | ClassDictionary | null | boolean | undefined;
-export type ClassArray = ClassValue[];
-export declare function cx(...args: ClassValue[]): string;
-export default cx;

package/dist/esm/cx.js

@@ -1,54 +0,0 @@
-// credit: https://github.com/lukeed/clsx
-function toVal(input) {
-    if (typeof input === 'string') {
-        return input;
-    }
-    if (typeof input === 'number' || typeof input === 'bigint') {
-        return String(input);
-    }
-    if (input === null || input === undefined || typeof input === 'boolean') {
-        return '';
-    }
-    let result = '';
-    if (Array.isArray(input)) {
-        let i = 0;
-        let tmpClassValue;
-        let tmpClassName;
-        for (; i < input.length; i++) {
-            if ((tmpClassValue = input[i])) {
-                if ((tmpClassName = toVal(tmpClassValue))) {
-                    if (result)
-                        result += ' ';
-                    result += tmpClassName;
-                }
-            }
-        }
-        return result;
-    }
-    for (const key in input) {
-        if (input[key]) {
-            if (result)
-                result += ' ';
-            result += key;
-        }
-    }
-    return result;
-}
-export function cx(...args) {
-    let result = '';
-    let i = 0;
-    let tmpClassValue;
-    let tmpClassName;
-    for (; i < args.length; i++) {
-        if ((tmpClassValue = args[i])) {
-            if ((tmpClassName = toVal(tmpClassValue))) {
-                if (result)
-                    result += ' ';
-                result += tmpClassName;
-            }
-        }
-    }
-    return result;
-}
-export default cx;
-//# sourceMappingURL=cx.js.map

package/dist/esm/cx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cx.js","sourceRoot":"","sources":["../../src/cx.ts"],"names":[],"mappings":"AAAA,yCAAyC;AAMzC,SAAS,KAAK,CAAC,KAAiB;IAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC;IAED,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE,CAAC;QACxE,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,MAAM,GAAG,EAAE,CAAA;IAEf,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,IAAI,CAAC,GAAG,CAAC,CAAA;QACT,IAAI,aAAyB,CAAA;QAC7B,IAAI,YAAoB,CAAA;QACxB,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC/B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC;oBAC1C,IAAI,MAAM;wBAAE,MAAM,IAAI,GAAG,CAAA;oBACzB,MAAM,IAAI,YAAY,CAAA;gBACxB,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAA;IACf,CAAC;IAED,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACf,IAAI,MAAM;gBAAE,MAAM,IAAI,GAAG,CAAA;YACzB,MAAM,IAAI,GAAG,CAAA;QACf,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,EAAE,CAAC,GAAG,IAAkB;IACtC,IAAI,MAAM,GAAG,EAAE,CAAA;IACf,IAAI,CAAC,GAAG,CAAC,CAAA;IACT,IAAI,aAAyB,CAAA;IAC7B,IAAI,YAAoB,CAAA;IAExB,OAAO,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC;gBAC1C,IAAI,MAAM;oBAAE,MAAM,IAAI,GAAG,CAAA;gBACzB,MAAM,IAAI,YAAY,CAAA;YACxB,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAED,eAAe,EAAE,CAAA"}

package/dist/esm/index.d.ts

@@ -1,5 +0,0 @@
-export * from './cx';
-export * from './cv';
-export * from './scv';
-export * from './sv';
-export * from './ssv';

package/dist/esm/index.js

@@ -1,6 +0,0 @@
-export * from './cx';
-export * from './cv';
-export * from './scv';
-export * from './sv';
-export * from './ssv';
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAA;AACpB,cAAc,MAAM,CAAA;AACpB,cAAc,OAAO,CAAA;AACrB,cAAc,MAAM,CAAA;AACpB,cAAc,OAAO,CAAA"}

package/dist/esm/scv.d.ts

@@ -1,56 +0,0 @@
-import { ObjectKeyPicker, ObjectKeyArrayPicker, PartialRecord } from './utils/types';
-import { cx, ClassValue } from './cx';
-export type SlotClassRecord<S extends string> = PartialRecord<S, ClassValue>;
-export type SlotClassVariantRecord<S extends string> = Record<string, Record<string, SlotClassRecord<S>>>;
-export type SlotClassVariantExtendProps<S extends string> = {
-    classNames: SlotClassRecord<S>;
-};
-export interface SlotClassVariantDefinition<S extends string, T extends SlotClassVariantRecord<S> | undefined> {
-    slots: S[];
-    base?: SlotClassRecord<S>;
-    variants?: T;
-    compoundVariants?: (ObjectKeyArrayPicker<T> & SlotClassVariantExtendProps<S>)[];
-    defaultVariants?: ObjectKeyPicker<T>;
-    classNameResolver?: typeof cx;
-}
-export type SlotClassVariantFnProps<S extends string, T extends SlotClassVariantRecord<S> | undefined> = T extends undefined ? Partial<SlotClassVariantExtendProps<S>> : ObjectKeyPicker<T> & Partial<SlotClassVariantExtendProps<S>>;
-export type SlotClassVariantFn<S extends string, T extends SlotClassVariantRecord<S> | undefined> = (props?: SlotClassVariantFnProps<S, T>) => Record<S, string>;
-export type SlotClassVariantCreatorFn = <S extends string, T extends SlotClassVariantRecord<S> | undefined>(config: SlotClassVariantDefinition<S, T>) => SlotClassVariantFn<S, T>;
-/**
- * Creates a slot-based class variant function that manages class names for multiple slots with variants.
- *
- * @param config - Configuration object for creating the variant function
- * @returns A function that accepts variant props and returns class names for each slot
- *
- * @example
- * ```typescript
- * const button = scv({
- *   slots: ['root', 'icon'],
- *   base: {
- *     root: 'btn',
- *     icon: 'btn-icon'
- *   },
- *   variants: {
- *     size: {
- *       sm: {
- *         root: 'btn-sm',
- *         icon: 'icon-sm'
- *       },
- *       lg: {
- *         root: 'btn-lg',
- *         icon: 'icon-lg'
- *       }
- *     }
- *   },
- *   defaultVariants: {
- *     size: 'sm'
- *   }
- * })
- *
- * // Usage
- * const classes = button({ size: 'lg' })
- * // Result: { root: 'btn btn-lg', icon: 'btn-icon icon-lg' }
- * ```
- */
-export declare const scv: SlotClassVariantCreatorFn;
-export default scv;