css-variants 2.2.1 → 2.3.0

package/dist/scv.d.cts

@@ -0,0 +1,59 @@
+import { P as PartialRecord, O as ObjectKeyArrayPicker, a as ObjectKeyPicker } from './types-BXKyjXhG.cjs';
+import cx, { ClassValue } from './cx.cjs';
+import 'csstype';
+
+type SlotClassRecord<S extends string> = PartialRecord<S, ClassValue>;
+type SlotClassVariantRecord<S extends string> = Record<string, Record<string, SlotClassRecord<S>>>;
+type SlotClassVariantExtendProps<S extends string> = {
+    classNames: SlotClassRecord<S>;
+};
+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;
+}
+type SlotClassVariantFnProps<S extends string, T extends SlotClassVariantRecord<S> | undefined> = T extends undefined ? Partial<SlotClassVariantExtendProps<S>> : ObjectKeyPicker<T> & Partial<SlotClassVariantExtendProps<S>>;
+type SlotClassVariantFn<S extends string, T extends SlotClassVariantRecord<S> | undefined> = (props?: SlotClassVariantFnProps<S, T>) => Record<S, string>;
+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' }
+ * ```
+ */
+declare const scv: SlotClassVariantCreatorFn;
+
+export { type SlotClassRecord, type SlotClassVariantCreatorFn, type SlotClassVariantDefinition, type SlotClassVariantExtendProps, type SlotClassVariantFn, type SlotClassVariantFnProps, type SlotClassVariantRecord, scv as default, scv };

package/dist/scv.d.ts

@@ -0,0 +1,59 @@
+import { P as PartialRecord, O as ObjectKeyArrayPicker, a as ObjectKeyPicker } from './types-BXKyjXhG.js';
+import cx, { ClassValue } from './cx.js';
+import 'csstype';
+
+type SlotClassRecord<S extends string> = PartialRecord<S, ClassValue>;
+type SlotClassVariantRecord<S extends string> = Record<string, Record<string, SlotClassRecord<S>>>;
+type SlotClassVariantExtendProps<S extends string> = {
+    classNames: SlotClassRecord<S>;
+};
+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;
+}
+type SlotClassVariantFnProps<S extends string, T extends SlotClassVariantRecord<S> | undefined> = T extends undefined ? Partial<SlotClassVariantExtendProps<S>> : ObjectKeyPicker<T> & Partial<SlotClassVariantExtendProps<S>>;
+type SlotClassVariantFn<S extends string, T extends SlotClassVariantRecord<S> | undefined> = (props?: SlotClassVariantFnProps<S, T>) => Record<S, string>;
+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' }
+ * ```
+ */
+declare const scv: SlotClassVariantCreatorFn;
+
+export { type SlotClassRecord, type SlotClassVariantCreatorFn, type SlotClassVariantDefinition, type SlotClassVariantExtendProps, type SlotClassVariantFn, type SlotClassVariantFnProps, type SlotClassVariantRecord, scv as default, scv };

package/dist/scv.js

@@ -0,0 +1,2 @@
+function m(s){if(typeof s=="string")return s;if(typeof s=="number"||typeof s=="bigint")return String(s);if(s==null||typeof s=="boolean")return "";let e="";if(Array.isArray(s)){let t=0,a,n;for(;t<s.length;t++)(a=s[t])&&(n=m(a))&&(e&&(e+=" "),e+=n);return e}for(let t in s)s[t]&&(e&&(e+=" "),e+=t);return e}function p(...s){let e="",t=0,a,n;for(;t<s.length;t++)(a=s[t])&&(n=m(a))&&(e&&(e+=" "),e+=n);return e}function x(s,e,t){let a={...s};if(e)for(let n in e)e[n]!==void 0&&(!t||!t.includes(n))&&(a[n]=e[n]);return a}var g=s=>{let{slots:e,base:t,variants:a,compoundVariants:n,defaultVariants:V,classNameResolver:S=p}=s;return a?i=>{let c=x(V,i,["classNames"]),o={};for(let r of e)t?.[r]?o[r]=Array.isArray(t[r])?[...t[r]]:[t[r]]:o[r]=[];for(let r in c){let l=a[r]?.[c[r]];if(l)for(let d in l)o[d]?.push(l[d]);}if(n)for(let r=0;r<n.length;r++){let l=n[r],d=true;for(let f in l){if(f==="classNames")continue;let u=l[f],y=c[f];if(Array.isArray(u)?!u.includes(y):u!==y){d=false;break}}if(d&&l.classNames)for(let f in l.classNames)o[f]?.push(l.classNames[f]);}if(i?.classNames)for(let r in i.classNames)o[r]?.push(i.classNames[r]);let C={};for(let r in o)C[r]=S(o[r]);return C}:i=>{let c={};for(let o of e)c[o]=S(t?.[o],i?.classNames?.[o]);return c}},T=g;export{T as default,g as scv};//# sourceMappingURL=scv.js.map
+//# sourceMappingURL=scv.js.map

package/dist/scv.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cx.ts","../src/utils/merge-props.ts","../src/scv.ts"],"names":["toVal","input","result","i","tmpClassValue","tmpClassName","key","cx","args","mergeProps","defaultProps","props","omitKeys","merged","k","scv","config","slots","base","variants","compoundVariants","defaultVariants","classNameResolver","mergedProps","slotClassValues","slot","cls","compound","matches","value","propValue","scv_default"],"mappings":"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","file":"scv.js","sourcesContent":["// credit: https://github.com/lukeed/clsx\n\nexport type ClassDictionary = Record<string, unknown>\nexport type ClassValue = ClassValue[] | string | number | bigint | ClassDictionary | null | boolean | undefined\nexport type ClassArray = ClassValue[]\n\nfunction toVal(input: ClassValue): string {\n  if (typeof input === 'string') {\n    return input\n  }\n\n  if (typeof input === 'number' || typeof input === 'bigint') {\n    return String(input)\n  }\n\n  if (input === null || input === undefined || typeof input === 'boolean') {\n    return ''\n  }\n\n  let result = ''\n\n  if (Array.isArray(input)) {\n    let i = 0\n    let tmpClassValue: ClassValue\n    let tmpClassName: string\n    for (; i < input.length; i++) {\n      if ((tmpClassValue = input[i])) {\n        if ((tmpClassName = toVal(tmpClassValue))) {\n          if (result) result += ' '\n          result += tmpClassName\n        }\n      }\n    }\n\n    return result\n  }\n\n  for (const key in input) {\n    if (input[key]) {\n      if (result) result += ' '\n      result += key\n    }\n  }\n\n  return result\n}\n\nexport function cx(...args: ClassValue[]): string {\n  let result = ''\n  let i = 0\n  let tmpClassValue: ClassValue\n  let tmpClassName: string\n\n  for (; i < args.length; i++) {\n    if ((tmpClassValue = args[i])) {\n      if ((tmpClassName = toVal(tmpClassValue))) {\n        if (result) result += ' '\n        result += tmpClassName\n      }\n    }\n  }\n\n  return result\n}\n\nexport default cx\n","export function mergeProps<T extends Record<string, unknown>, P extends Record<string, unknown>>(\n  defaultProps: T | undefined,\n  props: P | undefined,\n  omitKeys?: (keyof P)[]\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...defaultProps }\n\n  if (props) {\n    for (const k in props) {\n      if (props[k] !== undefined && (!omitKeys || !omitKeys.includes(k))) {\n        merged[k] = props[k]\n      }\n    }\n  }\n\n  return merged\n}\n","import { ObjectKeyPicker, ObjectKeyArrayPicker, PartialRecord } from './utils/types'\nimport { cx, ClassValue } from './cx'\nimport { mergeProps } from './utils/merge-props'\n\nexport type SlotClassRecord<S extends string> = PartialRecord<S, ClassValue>\n\nexport type SlotClassVariantRecord<S extends string> = Record<string, Record<string, SlotClassRecord<S>>>\n\nexport type SlotClassVariantExtendProps<S extends string> = { classNames: SlotClassRecord<S> }\n\nexport interface SlotClassVariantDefinition<S extends string, T extends SlotClassVariantRecord<S> | undefined> {\n  slots: S[]\n  base?: SlotClassRecord<S>\n  variants?: T\n  compoundVariants?: (ObjectKeyArrayPicker<T> & SlotClassVariantExtendProps<S>)[]\n  defaultVariants?: ObjectKeyPicker<T>\n  classNameResolver?: typeof cx\n}\n\nexport type SlotClassVariantFnProps<\n  S extends string,\n  T extends SlotClassVariantRecord<S> | undefined,\n> = T extends undefined\n  ? Partial<SlotClassVariantExtendProps<S>>\n  : ObjectKeyPicker<T> & Partial<SlotClassVariantExtendProps<S>>\n\nexport type SlotClassVariantFn<S extends string, T extends SlotClassVariantRecord<S> | undefined> = (\n  props?: SlotClassVariantFnProps<S, T>\n) => Record<S, string>\n\nexport type SlotClassVariantCreatorFn = <S extends string, T extends SlotClassVariantRecord<S> | undefined>(\n  config: SlotClassVariantDefinition<S, T>\n) => SlotClassVariantFn<S, T>\n\n/**\n * Creates a slot-based class variant function that manages class names for multiple slots with variants.\n *\n * @param config - Configuration object for creating the variant function\n * @returns A function that accepts variant props and returns class names for each slot\n *\n * @example\n * ```typescript\n * const button = scv({\n *   slots: ['root', 'icon'],\n *   base: {\n *     root: 'btn',\n *     icon: 'btn-icon'\n *   },\n *   variants: {\n *     size: {\n *       sm: {\n *         root: 'btn-sm',\n *         icon: 'icon-sm'\n *       },\n *       lg: {\n *         root: 'btn-lg',\n *         icon: 'icon-lg'\n *       }\n *     }\n *   },\n *   defaultVariants: {\n *     size: 'sm'\n *   }\n * })\n *\n * // Usage\n * const classes = button({ size: 'lg' })\n * // Result: { root: 'btn btn-lg', icon: 'btn-icon icon-lg' }\n * ```\n */\nexport const scv: SlotClassVariantCreatorFn = (config) => {\n  const { slots, base, variants, compoundVariants, defaultVariants, classNameResolver = cx } = config\n\n  if (!variants) {\n    return (props) => {\n      const result = {} as Record<(typeof slots)[number], string>\n\n      for (const slot of slots) {\n        result[slot] = classNameResolver(base?.[slot], props?.classNames?.[slot])\n      }\n\n      return result\n    }\n  }\n\n  return (props) => {\n    const mergedProps = mergeProps(defaultVariants, props, ['classNames'])\n\n    const slotClassValues = {} as Record<(typeof slots)[number], ClassValue[]>\n\n    for (const slot of slots) {\n      if (base?.[slot]) {\n        slotClassValues[slot] = Array.isArray(base[slot]) ? [...base[slot]] : [base[slot]]\n      } else {\n        slotClassValues[slot] = []\n      }\n    }\n\n    for (const key in mergedProps) {\n      const cls = variants[key]?.[mergedProps[key] as string]\n\n      if (cls) {\n        for (const slot in cls) {\n          slotClassValues[slot]?.push(cls[slot])\n        }\n      }\n    }\n\n    if (compoundVariants) {\n      for (let i = 0; i < compoundVariants.length; i++) {\n        const compound = compoundVariants[i]\n        let matches = true\n        for (const key in compound) {\n          if (key === 'classNames') continue\n          const value = compound[key as keyof typeof compound]\n          const propValue = mergedProps[key]\n          if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {\n            matches = false\n            break\n          }\n        }\n        if (matches && compound.classNames) {\n          for (const slot in compound.classNames) {\n            slotClassValues[slot]?.push(compound.classNames[slot])\n          }\n        }\n      }\n    }\n\n    if (props?.classNames) {\n      for (const slot in props.classNames) {\n        slotClassValues[slot]?.push(props.classNames[slot])\n      }\n    }\n\n    const result = {} as Record<(typeof slots)[number], string>\n\n    for (const slot in slotClassValues) {\n      result[slot] = classNameResolver(slotClassValues[slot])\n    }\n\n    return result\n  }\n}\n\nexport default scv\n"]}

package/dist/ssv.cjs

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});function u(c,o,a){let S={...c};if(o)for(let r in o)o[r]!==void 0&&(!a||!a.includes(r))&&(S[r]=o[r]);return S}var x=c=>{let{slots:o,base:a,variants:S,compoundVariants:r,defaultVariants:p}=c;return S?s=>{let i=u(p,s,["styles"]),e={};for(let t of o)e[t]={...a?.[t]};for(let t in i){let n=S[t]?.[i[t]];if(n)for(let d in n)Object.assign(e[d],n[d]);}if(r)for(let t=0;t<r.length;t++){let n=r[t],d=true;for(let l in n){if(l==="styles")continue;let y=n[l],f=i[l];if(Array.isArray(y)?!y.includes(f):y!==f){d=false;break}}if(d&&n.styles)for(let l in n.styles)Object.assign(e[l],n.styles[l]);}if(s?.styles)for(let t in s.styles)Object.assign(e[t],s.styles[t]);return e}:s=>{let i={};for(let e of o)i[e]={...a?.[e],...s?.styles?.[e]};return i}},V=x;exports.default=V;exports.ssv=x;//# sourceMappingURL=ssv.cjs.map
+//# sourceMappingURL=ssv.cjs.map

package/dist/ssv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/merge-props.ts","../src/ssv.ts"],"names":["mergeProps","defaultProps","props","omitKeys","merged","k","ssv","config","slots","base","variants","compoundVariants","defaultVariants","mergedProps","result","slot","key","slotStyle","i","compound","matches","value","propValue","ssv_default"],"mappings":"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","file":"ssv.cjs","sourcesContent":["export function mergeProps<T extends Record<string, unknown>, P extends Record<string, unknown>>(\n  defaultProps: T | undefined,\n  props: P | undefined,\n  omitKeys?: (keyof P)[]\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...defaultProps }\n\n  if (props) {\n    for (const k in props) {\n      if (props[k] !== undefined && (!omitKeys || !omitKeys.includes(k))) {\n        merged[k] = props[k]\n      }\n    }\n  }\n\n  return merged\n}\n","import { ObjectKeyPicker, ObjectKeyArrayPicker, PartialRecord, CssProperties } from './utils/types'\nimport { mergeProps } from './utils/merge-props'\n\nexport type SlotStyleRecord<S extends string> = PartialRecord<S, CssProperties>\n\nexport type SlotStyleVariantRecord<S extends string> = Record<string, Record<string, SlotStyleRecord<S>>>\n\nexport type SlotStyleVariantExtendProps<S extends string> = { styles: SlotStyleRecord<S> }\n\nexport interface SlotStyleVariantDefinition<S extends string, T extends SlotStyleVariantRecord<S> | undefined> {\n  slots: S[]\n  base?: SlotStyleRecord<S>\n  variants?: T\n  compoundVariants?: (ObjectKeyArrayPicker<T> & SlotStyleVariantExtendProps<S>)[]\n  defaultVariants?: ObjectKeyPicker<T>\n}\n\nexport type SlotStyleVariantFnProps<\n  S extends string,\n  T extends SlotStyleVariantRecord<S> | undefined,\n> = T extends undefined\n  ? Partial<SlotStyleVariantExtendProps<S>>\n  : ObjectKeyPicker<T> & Partial<SlotStyleVariantExtendProps<S>>\n\nexport type SlotStyleVariantFn<S extends string, T extends SlotStyleVariantRecord<S> | undefined> = (\n  props?: SlotStyleVariantFnProps<S, T>\n) => Record<S, CssProperties>\n\nexport type SlotStyleVariantCreatorFn = <S extends string, T extends SlotStyleVariantRecord<S> | undefined>(\n  config: SlotStyleVariantDefinition<S, T>\n) => SlotStyleVariantFn<S, T>\n\n/**\n * Creates a slot-based style variant function that composes CSS properties based on variants and compound variants.\n *\n * @param config - Configuration object for creating style variants\n * @returns A function that accepts variant props and returns composed styles for each slot\n *\n * @example\n * ```ts\n * const buttonStyles = csv({\n *   slots: ['root', 'icon'],\n *   base: {\n *     root: { padding: '8px' },\n *     icon: { size: '16px' }\n *   },\n *   variants: {\n *     size: {\n *       small: {\n *         root: { padding: '4px' },\n *         icon: { size: '12px' }\n *       },\n *       large: {\n *         root: { padding: '12px' },\n *         icon: { size: '20px' }\n *       }\n *     }\n *   }\n * });\n *\n * // Usage\n * const styles = buttonStyles({ size: 'small' });\n * // => { root: { padding: '4px' }, icon: { size: '12px' } }\n * ```\n */\nexport const ssv: SlotStyleVariantCreatorFn = (config) => {\n  const { slots, base, variants, compoundVariants, defaultVariants } = config\n\n  if (!variants) {\n    return (props) => {\n      const result = {} as Record<(typeof slots)[number], CssProperties>\n\n      for (const slot of slots) {\n        result[slot] = { ...base?.[slot], ...props?.styles?.[slot] }\n      }\n\n      return result\n    }\n  }\n\n  return (props) => {\n    const mergedProps = mergeProps(defaultVariants, props, ['styles'])\n\n    const result = {} as Record<(typeof slots)[number], CssProperties>\n\n    for (const slot of slots) {\n      result[slot] = { ...base?.[slot] }\n    }\n\n    for (const key in mergedProps) {\n      const slotStyle = variants[key]?.[mergedProps[key] as string]\n\n      if (slotStyle) {\n        for (const slot in slotStyle) {\n          Object.assign(result[slot], slotStyle[slot])\n        }\n      }\n    }\n\n    if (compoundVariants) {\n      for (let i = 0; i < compoundVariants.length; i++) {\n        const compound = compoundVariants[i]\n        let matches = true\n\n        for (const key in compound) {\n          if (key === 'styles') continue\n          const value = compound[key as keyof typeof compound]\n          const propValue = mergedProps[key]\n\n          if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {\n            matches = false\n            break\n          }\n        }\n\n        if (matches && compound.styles) {\n          for (const slot in compound.styles) {\n            Object.assign(result[slot], compound.styles[slot])\n          }\n        }\n      }\n    }\n\n    if (props?.styles) {\n      for (const slot in props.styles) {\n        Object.assign(result[slot], props.styles[slot])\n      }\n    }\n\n    return result\n  }\n}\n\nexport default ssv\n"]}

package/dist/ssv.d.cts

@@ -0,0 +1,54 @@
+import { P as PartialRecord, C as CssProperties, O as ObjectKeyArrayPicker, a as ObjectKeyPicker } from './types-BXKyjXhG.cjs';
+import 'csstype';
+
+type SlotStyleRecord<S extends string> = PartialRecord<S, CssProperties>;
+type SlotStyleVariantRecord<S extends string> = Record<string, Record<string, SlotStyleRecord<S>>>;
+type SlotStyleVariantExtendProps<S extends string> = {
+    styles: SlotStyleRecord<S>;
+};
+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>;
+}
+type SlotStyleVariantFnProps<S extends string, T extends SlotStyleVariantRecord<S> | undefined> = T extends undefined ? Partial<SlotStyleVariantExtendProps<S>> : ObjectKeyPicker<T> & Partial<SlotStyleVariantExtendProps<S>>;
+type SlotStyleVariantFn<S extends string, T extends SlotStyleVariantRecord<S> | undefined> = (props?: SlotStyleVariantFnProps<S, T>) => Record<S, CssProperties>;
+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' } }
+ * ```
+ */
+declare const ssv: SlotStyleVariantCreatorFn;
+
+export { type SlotStyleRecord, type SlotStyleVariantCreatorFn, type SlotStyleVariantDefinition, type SlotStyleVariantExtendProps, type SlotStyleVariantFn, type SlotStyleVariantFnProps, type SlotStyleVariantRecord, ssv as default, ssv };

package/dist/ssv.d.ts

@@ -0,0 +1,54 @@
+import { P as PartialRecord, C as CssProperties, O as ObjectKeyArrayPicker, a as ObjectKeyPicker } from './types-BXKyjXhG.js';
+import 'csstype';
+
+type SlotStyleRecord<S extends string> = PartialRecord<S, CssProperties>;
+type SlotStyleVariantRecord<S extends string> = Record<string, Record<string, SlotStyleRecord<S>>>;
+type SlotStyleVariantExtendProps<S extends string> = {
+    styles: SlotStyleRecord<S>;
+};
+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>;
+}
+type SlotStyleVariantFnProps<S extends string, T extends SlotStyleVariantRecord<S> | undefined> = T extends undefined ? Partial<SlotStyleVariantExtendProps<S>> : ObjectKeyPicker<T> & Partial<SlotStyleVariantExtendProps<S>>;
+type SlotStyleVariantFn<S extends string, T extends SlotStyleVariantRecord<S> | undefined> = (props?: SlotStyleVariantFnProps<S, T>) => Record<S, CssProperties>;
+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' } }
+ * ```
+ */
+declare const ssv: SlotStyleVariantCreatorFn;
+
+export { type SlotStyleRecord, type SlotStyleVariantCreatorFn, type SlotStyleVariantDefinition, type SlotStyleVariantExtendProps, type SlotStyleVariantFn, type SlotStyleVariantFnProps, type SlotStyleVariantRecord, ssv as default, ssv };

package/dist/ssv.js

@@ -0,0 +1,2 @@
+function u(c,o,a){let S={...c};if(o)for(let r in o)o[r]!==void 0&&(!a||!a.includes(r))&&(S[r]=o[r]);return S}var x=c=>{let{slots:o,base:a,variants:S,compoundVariants:r,defaultVariants:p}=c;return S?s=>{let i=u(p,s,["styles"]),e={};for(let t of o)e[t]={...a?.[t]};for(let t in i){let n=S[t]?.[i[t]];if(n)for(let d in n)Object.assign(e[d],n[d]);}if(r)for(let t=0;t<r.length;t++){let n=r[t],d=true;for(let l in n){if(l==="styles")continue;let y=n[l],f=i[l];if(Array.isArray(y)?!y.includes(f):y!==f){d=false;break}}if(d&&n.styles)for(let l in n.styles)Object.assign(e[l],n.styles[l]);}if(s?.styles)for(let t in s.styles)Object.assign(e[t],s.styles[t]);return e}:s=>{let i={};for(let e of o)i[e]={...a?.[e],...s?.styles?.[e]};return i}},V=x;export{V as default,x as ssv};//# sourceMappingURL=ssv.js.map
+//# sourceMappingURL=ssv.js.map

package/dist/ssv.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/merge-props.ts","../src/ssv.ts"],"names":["mergeProps","defaultProps","props","omitKeys","merged","k","ssv","config","slots","base","variants","compoundVariants","defaultVariants","mergedProps","result","slot","key","slotStyle","i","compound","matches","value","propValue","ssv_default"],"mappings":"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","file":"ssv.js","sourcesContent":["export function mergeProps<T extends Record<string, unknown>, P extends Record<string, unknown>>(\n  defaultProps: T | undefined,\n  props: P | undefined,\n  omitKeys?: (keyof P)[]\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...defaultProps }\n\n  if (props) {\n    for (const k in props) {\n      if (props[k] !== undefined && (!omitKeys || !omitKeys.includes(k))) {\n        merged[k] = props[k]\n      }\n    }\n  }\n\n  return merged\n}\n","import { ObjectKeyPicker, ObjectKeyArrayPicker, PartialRecord, CssProperties } from './utils/types'\nimport { mergeProps } from './utils/merge-props'\n\nexport type SlotStyleRecord<S extends string> = PartialRecord<S, CssProperties>\n\nexport type SlotStyleVariantRecord<S extends string> = Record<string, Record<string, SlotStyleRecord<S>>>\n\nexport type SlotStyleVariantExtendProps<S extends string> = { styles: SlotStyleRecord<S> }\n\nexport interface SlotStyleVariantDefinition<S extends string, T extends SlotStyleVariantRecord<S> | undefined> {\n  slots: S[]\n  base?: SlotStyleRecord<S>\n  variants?: T\n  compoundVariants?: (ObjectKeyArrayPicker<T> & SlotStyleVariantExtendProps<S>)[]\n  defaultVariants?: ObjectKeyPicker<T>\n}\n\nexport type SlotStyleVariantFnProps<\n  S extends string,\n  T extends SlotStyleVariantRecord<S> | undefined,\n> = T extends undefined\n  ? Partial<SlotStyleVariantExtendProps<S>>\n  : ObjectKeyPicker<T> & Partial<SlotStyleVariantExtendProps<S>>\n\nexport type SlotStyleVariantFn<S extends string, T extends SlotStyleVariantRecord<S> | undefined> = (\n  props?: SlotStyleVariantFnProps<S, T>\n) => Record<S, CssProperties>\n\nexport type SlotStyleVariantCreatorFn = <S extends string, T extends SlotStyleVariantRecord<S> | undefined>(\n  config: SlotStyleVariantDefinition<S, T>\n) => SlotStyleVariantFn<S, T>\n\n/**\n * Creates a slot-based style variant function that composes CSS properties based on variants and compound variants.\n *\n * @param config - Configuration object for creating style variants\n * @returns A function that accepts variant props and returns composed styles for each slot\n *\n * @example\n * ```ts\n * const buttonStyles = csv({\n *   slots: ['root', 'icon'],\n *   base: {\n *     root: { padding: '8px' },\n *     icon: { size: '16px' }\n *   },\n *   variants: {\n *     size: {\n *       small: {\n *         root: { padding: '4px' },\n *         icon: { size: '12px' }\n *       },\n *       large: {\n *         root: { padding: '12px' },\n *         icon: { size: '20px' }\n *       }\n *     }\n *   }\n * });\n *\n * // Usage\n * const styles = buttonStyles({ size: 'small' });\n * // => { root: { padding: '4px' }, icon: { size: '12px' } }\n * ```\n */\nexport const ssv: SlotStyleVariantCreatorFn = (config) => {\n  const { slots, base, variants, compoundVariants, defaultVariants } = config\n\n  if (!variants) {\n    return (props) => {\n      const result = {} as Record<(typeof slots)[number], CssProperties>\n\n      for (const slot of slots) {\n        result[slot] = { ...base?.[slot], ...props?.styles?.[slot] }\n      }\n\n      return result\n    }\n  }\n\n  return (props) => {\n    const mergedProps = mergeProps(defaultVariants, props, ['styles'])\n\n    const result = {} as Record<(typeof slots)[number], CssProperties>\n\n    for (const slot of slots) {\n      result[slot] = { ...base?.[slot] }\n    }\n\n    for (const key in mergedProps) {\n      const slotStyle = variants[key]?.[mergedProps[key] as string]\n\n      if (slotStyle) {\n        for (const slot in slotStyle) {\n          Object.assign(result[slot], slotStyle[slot])\n        }\n      }\n    }\n\n    if (compoundVariants) {\n      for (let i = 0; i < compoundVariants.length; i++) {\n        const compound = compoundVariants[i]\n        let matches = true\n\n        for (const key in compound) {\n          if (key === 'styles') continue\n          const value = compound[key as keyof typeof compound]\n          const propValue = mergedProps[key]\n\n          if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {\n            matches = false\n            break\n          }\n        }\n\n        if (matches && compound.styles) {\n          for (const slot in compound.styles) {\n            Object.assign(result[slot], compound.styles[slot])\n          }\n        }\n      }\n    }\n\n    if (props?.styles) {\n      for (const slot in props.styles) {\n        Object.assign(result[slot], props.styles[slot])\n      }\n    }\n\n    return result\n  }\n}\n\nexport default ssv\n"]}

package/dist/sv.cjs

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});function p(d,e,s){let n={...d};if(e)for(let r in e)e[r]!==void 0&&(!s||!s.includes(r))&&(n[r]=e[r]);return n}var P=d=>{let{base:e,variants:s,compoundVariants:n,defaultVariants:r}=d;return s?a=>{let o={...e},c=p(r,a,["style"]);for(let i in c){let t=s[i]?.[c[i]];t&&Object.assign(o,t);}if(n)for(let i=0;i<n.length;i++){let t=n[i],f=true;for(let y in t){if(y==="style")continue;let l=t[y],u=c[y];if(Array.isArray(l)?!l.includes(u):l!==u){f=false;break}}f&&t.style&&Object.assign(o,t.style);}return a?.style&&Object.assign(o,a.style),o}:a=>({...e,...a?.style})},S=P;exports.default=S;exports.sv=P;//# sourceMappingURL=sv.cjs.map
+//# sourceMappingURL=sv.cjs.map

package/dist/sv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/merge-props.ts","../src/sv.ts"],"names":["mergeProps","defaultProps","props","omitKeys","merged","k","sv","config","base","variants","compoundVariants","defaultVariants","result","mergedProps","key","styleValue","compound","matches","value","propValue","sv_default"],"mappings":"sEAAO,SAASA,EACdC,CAAAA,CACAC,CAAAA,CACAC,EACyB,CACzB,IAAMC,EAAkC,CAAE,GAAGH,CAAa,CAAA,CAE1D,GAAIC,CAAAA,CACF,IAAA,IAAWG,KAAKH,CAAAA,CACVA,CAAAA,CAAMG,CAAC,CAAA,GAAM,MAAA,GAAc,CAACF,CAAAA,EAAY,CAACA,CAAAA,CAAS,QAAA,CAASE,CAAC,CAAA,CAAA,GAC9DD,CAAAA,CAAOC,CAAC,CAAA,CAAIH,CAAAA,CAAMG,CAAC,CAAA,CAAA,CAKzB,OAAOD,CACT,KCoCaE,CAAAA,CAA6BC,CAAAA,EAAW,CACnD,GAAM,CAAE,IAAA,CAAAC,CAAAA,CAAM,SAAAC,CAAAA,CAAU,gBAAA,CAAAC,EAAkB,eAAA,CAAAC,CAAgB,EAAIJ,CAAAA,CAE9D,OAAKE,CAAAA,CAIGP,CAAAA,EAAU,CAChB,IAAMU,CAAAA,CAAwB,CAAE,GAAGJ,CAAK,EAElCK,CAAAA,CAAcb,CAAAA,CAAWW,CAAAA,CAAiBT,CAAAA,CAAO,CAAC,OAAO,CAAC,EAEhE,IAAA,IAAWY,CAAAA,IAAOD,EAAa,CAC7B,IAAME,CAAAA,CAAaN,CAAAA,CAASK,CAAG,CAAA,GAAID,CAAAA,CAAYC,CAAG,CAAW,CAAA,CACzDC,GACF,MAAA,CAAO,MAAA,CAAOH,CAAAA,CAAQG,CAAU,EAEpC,CAEA,GAAIL,EACF,IAAA,IAAS,CAAA,CAAI,EAAG,CAAA,CAAIA,CAAAA,CAAiB,MAAA,CAAQ,CAAA,EAAA,CAAK,CAChD,IAAMM,CAAAA,CAAWN,EAAiB,CAAC,CAAA,CAC/BO,EAAU,IAAA,CACd,IAAA,IAAWH,CAAAA,IAAOE,CAAAA,CAAU,CAC1B,GAAIF,CAAAA,GAAQ,QAAS,SACrB,IAAMI,EAAQF,CAAAA,CAASF,CAA4B,CAAA,CAC7CK,CAAAA,CAAYN,EAAYC,CAAG,CAAA,CACjC,GAAI,KAAA,CAAM,OAAA,CAAQI,CAAK,CAAA,CAAI,CAACA,CAAAA,CAAM,QAAA,CAASC,CAAS,CAAA,CAAID,CAAAA,GAAUC,EAAW,CAC3EF,CAAAA,CAAU,MACV,KACF,CACF,CACIA,CAAAA,EAAWD,EAAS,KAAA,EACtB,MAAA,CAAO,OAAOJ,CAAAA,CAAQI,CAAAA,CAAS,KAAK,EAExC,CAGF,OAAId,CAAAA,EAAO,OACT,MAAA,CAAO,MAAA,CAAOU,EAAQV,CAAAA,CAAM,KAAK,EAG5BU,CACT,CAAA,CAvCUV,CAAAA,GAAW,CAAE,GAAGM,CAAAA,CAAM,GAAGN,GAAO,KAAM,CAAA,CAwClD,EAEOkB,CAAAA,CAAQd","file":"sv.cjs","sourcesContent":["export function mergeProps<T extends Record<string, unknown>, P extends Record<string, unknown>>(\n  defaultProps: T | undefined,\n  props: P | undefined,\n  omitKeys?: (keyof P)[]\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...defaultProps }\n\n  if (props) {\n    for (const k in props) {\n      if (props[k] !== undefined && (!omitKeys || !omitKeys.includes(k))) {\n        merged[k] = props[k]\n      }\n    }\n  }\n\n  return merged\n}\n","import { CssProperties, ObjectKeyArrayPicker, ObjectKeyPicker } from './utils/types'\nimport { mergeProps } from './utils/merge-props'\n\nexport type StyleVariantRecord = Record<string, Record<string, CssProperties>>\n\nexport type StyleVariantExtendProps = { style: CssProperties }\n\nexport interface StyleVariantDefinition<T extends StyleVariantRecord | undefined> {\n  base?: CssProperties\n  variants?: T\n  compoundVariants?: (ObjectKeyArrayPicker<T> & StyleVariantExtendProps)[]\n  defaultVariants?: ObjectKeyPicker<T>\n}\n\nexport type StyleVariantFnProps<T extends StyleVariantRecord | undefined> = T extends undefined\n  ? Partial<StyleVariantExtendProps>\n  : ObjectKeyPicker<T> & Partial<StyleVariantExtendProps>\n\nexport type StyleVariantFn<T extends StyleVariantRecord | undefined> = (props?: StyleVariantFnProps<T>) => CssProperties\n\nexport type StyleVariantCreatorFn = <T extends StyleVariantRecord | undefined>(\n  config: StyleVariantDefinition<T>\n) => StyleVariantFn<T>\n\n/**\n * Creates a style variant function based on the provided configuration.\n *\n * @template T - The type of the style variant record.\n * @param {StyleVariantDefinition<T>} config - The configuration object for style variants.\n * @returns {StyleVariantFn<T>} A function that takes props and returns the computed CSS properties.\n *\n * @example\n * ```typescript\n *\n * const makeStyle = sv({\n *   base: { color: 'black' },\n *   variants: {\n *     size: {\n *       small: { fontSize: '12px' },\n *       large: { fontSize: '24px' }\n *     }\n *   },\n *   compoundVariants: [\n *     { size: 'large', style: { fontWeight: 'bold' } }\n *   ],\n *   defaultVariants: { size: 'small' }\n * });\n *\n * const style = makeStyle({ size: 'large' });\n * // style = { color: 'black', fontSize: '24px', fontWeight: 'bold' }\n * ```\n */\nexport const sv: StyleVariantCreatorFn = (config) => {\n  const { base, variants, compoundVariants, defaultVariants } = config\n\n  if (!variants) {\n    return (props) => ({ ...base, ...props?.style })\n  }\n\n  return (props) => {\n    const result: CssProperties = { ...base }\n\n    const mergedProps = mergeProps(defaultVariants, props, ['style'])\n\n    for (const key in mergedProps) {\n      const styleValue = variants[key]?.[mergedProps[key] as string]\n      if (styleValue) {\n        Object.assign(result, styleValue)\n      }\n    }\n\n    if (compoundVariants) {\n      for (let i = 0; i < compoundVariants.length; i++) {\n        const compound = compoundVariants[i]\n        let matches = true\n        for (const key in compound) {\n          if (key === 'style') continue\n          const value = compound[key as keyof typeof compound]\n          const propValue = mergedProps[key]\n          if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {\n            matches = false\n            break\n          }\n        }\n        if (matches && compound.style) {\n          Object.assign(result, compound.style)\n        }\n      }\n    }\n\n    if (props?.style) {\n      Object.assign(result, props.style)\n    }\n\n    return result\n  }\n}\n\nexport default sv\n"]}

package/dist/{cjs/sv.d.ts → sv.d.cts}

@@ -1,17 +1,19 @@
-import { CssProperties, ObjectKeyArrayPicker, ObjectKeyPicker } from './utils/types';
-export type StyleVariantRecord = Record<string, Record<string, CssProperties>>;
-export type StyleVariantExtendProps = {
+import { C as CssProperties, O as ObjectKeyArrayPicker, a as ObjectKeyPicker } from './types-BXKyjXhG.cjs';
+import 'csstype';
+
+type StyleVariantRecord = Record<string, Record<string, CssProperties>>;
+type StyleVariantExtendProps = {
     style: CssProperties;
 };
-export interface StyleVariantDefinition<T extends StyleVariantRecord | undefined> {
+interface StyleVariantDefinition<T extends StyleVariantRecord | undefined> {
     base?: CssProperties;
     variants?: T;
     compoundVariants?: (ObjectKeyArrayPicker<T> & StyleVariantExtendProps)[];
     defaultVariants?: ObjectKeyPicker<T>;
 }
-export type StyleVariantFnProps<T extends StyleVariantRecord | undefined> = T extends undefined ? Partial<StyleVariantExtendProps> : ObjectKeyPicker<T> & Partial<StyleVariantExtendProps>;
-export type StyleVariantFn<T extends StyleVariantRecord | undefined> = (props?: StyleVariantFnProps<T>) => CssProperties;
-export type StyleVariantCreatorFn = <T extends StyleVariantRecord | undefined>(config: StyleVariantDefinition<T>) => StyleVariantFn<T>;
+type StyleVariantFnProps<T extends StyleVariantRecord | undefined> = T extends undefined ? Partial<StyleVariantExtendProps> : ObjectKeyPicker<T> & Partial<StyleVariantExtendProps>;
+type StyleVariantFn<T extends StyleVariantRecord | undefined> = (props?: StyleVariantFnProps<T>) => CssProperties;
+type StyleVariantCreatorFn = <T extends StyleVariantRecord | undefined>(config: StyleVariantDefinition<T>) => StyleVariantFn<T>;
 /**
  * Creates a style variant function based on the provided configuration.
  *
@@ -40,5 +42,6 @@ export type StyleVariantCreatorFn = <T extends StyleVariantRecord | undefined>(c
  * // style = { color: 'black', fontSize: '24px', fontWeight: 'bold' }
  * ```
  */
-export declare const sv: StyleVariantCreatorFn;
-export default sv;
+declare const sv: StyleVariantCreatorFn;
+
+export { type StyleVariantCreatorFn, type StyleVariantDefinition, type StyleVariantExtendProps, type StyleVariantFn, type StyleVariantFnProps, type StyleVariantRecord, sv as default, sv };

package/dist/{esm/sv.d.ts → sv.d.ts}

@@ -1,17 +1,19 @@
-import { CssProperties, ObjectKeyArrayPicker, ObjectKeyPicker } from './utils/types';
-export type StyleVariantRecord = Record<string, Record<string, CssProperties>>;
-export type StyleVariantExtendProps = {
+import { C as CssProperties, O as ObjectKeyArrayPicker, a as ObjectKeyPicker } from './types-BXKyjXhG.js';
+import 'csstype';
+
+type StyleVariantRecord = Record<string, Record<string, CssProperties>>;
+type StyleVariantExtendProps = {
     style: CssProperties;
 };
-export interface StyleVariantDefinition<T extends StyleVariantRecord | undefined> {
+interface StyleVariantDefinition<T extends StyleVariantRecord | undefined> {
     base?: CssProperties;
     variants?: T;
     compoundVariants?: (ObjectKeyArrayPicker<T> & StyleVariantExtendProps)[];
     defaultVariants?: ObjectKeyPicker<T>;
 }
-export type StyleVariantFnProps<T extends StyleVariantRecord | undefined> = T extends undefined ? Partial<StyleVariantExtendProps> : ObjectKeyPicker<T> & Partial<StyleVariantExtendProps>;
-export type StyleVariantFn<T extends StyleVariantRecord | undefined> = (props?: StyleVariantFnProps<T>) => CssProperties;
-export type StyleVariantCreatorFn = <T extends StyleVariantRecord | undefined>(config: StyleVariantDefinition<T>) => StyleVariantFn<T>;
+type StyleVariantFnProps<T extends StyleVariantRecord | undefined> = T extends undefined ? Partial<StyleVariantExtendProps> : ObjectKeyPicker<T> & Partial<StyleVariantExtendProps>;
+type StyleVariantFn<T extends StyleVariantRecord | undefined> = (props?: StyleVariantFnProps<T>) => CssProperties;
+type StyleVariantCreatorFn = <T extends StyleVariantRecord | undefined>(config: StyleVariantDefinition<T>) => StyleVariantFn<T>;
 /**
  * Creates a style variant function based on the provided configuration.
  *
@@ -40,5 +42,6 @@ export type StyleVariantCreatorFn = <T extends StyleVariantRecord | undefined>(c
  * // style = { color: 'black', fontSize: '24px', fontWeight: 'bold' }
  * ```
  */
-export declare const sv: StyleVariantCreatorFn;
-export default sv;
+declare const sv: StyleVariantCreatorFn;
+
+export { type StyleVariantCreatorFn, type StyleVariantDefinition, type StyleVariantExtendProps, type StyleVariantFn, type StyleVariantFnProps, type StyleVariantRecord, sv as default, sv };

package/dist/sv.js

@@ -0,0 +1,2 @@
+function p(d,e,s){let n={...d};if(e)for(let r in e)e[r]!==void 0&&(!s||!s.includes(r))&&(n[r]=e[r]);return n}var P=d=>{let{base:e,variants:s,compoundVariants:n,defaultVariants:r}=d;return s?a=>{let o={...e},c=p(r,a,["style"]);for(let i in c){let t=s[i]?.[c[i]];t&&Object.assign(o,t);}if(n)for(let i=0;i<n.length;i++){let t=n[i],f=true;for(let y in t){if(y==="style")continue;let l=t[y],u=c[y];if(Array.isArray(l)?!l.includes(u):l!==u){f=false;break}}f&&t.style&&Object.assign(o,t.style);}return a?.style&&Object.assign(o,a.style),o}:a=>({...e,...a?.style})},S=P;export{S as default,P as sv};//# sourceMappingURL=sv.js.map
+//# sourceMappingURL=sv.js.map

package/dist/sv.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/merge-props.ts","../src/sv.ts"],"names":["mergeProps","defaultProps","props","omitKeys","merged","k","sv","config","base","variants","compoundVariants","defaultVariants","result","mergedProps","key","styleValue","compound","matches","value","propValue","sv_default"],"mappings":"AAAO,SAASA,EACdC,CAAAA,CACAC,CAAAA,CACAC,EACyB,CACzB,IAAMC,EAAkC,CAAE,GAAGH,CAAa,CAAA,CAE1D,GAAIC,CAAAA,CACF,IAAA,IAAWG,KAAKH,CAAAA,CACVA,CAAAA,CAAMG,CAAC,CAAA,GAAM,MAAA,GAAc,CAACF,CAAAA,EAAY,CAACA,CAAAA,CAAS,QAAA,CAASE,CAAC,CAAA,CAAA,GAC9DD,CAAAA,CAAOC,CAAC,CAAA,CAAIH,CAAAA,CAAMG,CAAC,CAAA,CAAA,CAKzB,OAAOD,CACT,KCoCaE,CAAAA,CAA6BC,CAAAA,EAAW,CACnD,GAAM,CAAE,IAAA,CAAAC,CAAAA,CAAM,SAAAC,CAAAA,CAAU,gBAAA,CAAAC,EAAkB,eAAA,CAAAC,CAAgB,EAAIJ,CAAAA,CAE9D,OAAKE,CAAAA,CAIGP,CAAAA,EAAU,CAChB,IAAMU,CAAAA,CAAwB,CAAE,GAAGJ,CAAK,EAElCK,CAAAA,CAAcb,CAAAA,CAAWW,CAAAA,CAAiBT,CAAAA,CAAO,CAAC,OAAO,CAAC,EAEhE,IAAA,IAAWY,CAAAA,IAAOD,EAAa,CAC7B,IAAME,CAAAA,CAAaN,CAAAA,CAASK,CAAG,CAAA,GAAID,CAAAA,CAAYC,CAAG,CAAW,CAAA,CACzDC,GACF,MAAA,CAAO,MAAA,CAAOH,CAAAA,CAAQG,CAAU,EAEpC,CAEA,GAAIL,EACF,IAAA,IAAS,CAAA,CAAI,EAAG,CAAA,CAAIA,CAAAA,CAAiB,MAAA,CAAQ,CAAA,EAAA,CAAK,CAChD,IAAMM,CAAAA,CAAWN,EAAiB,CAAC,CAAA,CAC/BO,EAAU,IAAA,CACd,IAAA,IAAWH,CAAAA,IAAOE,CAAAA,CAAU,CAC1B,GAAIF,CAAAA,GAAQ,QAAS,SACrB,IAAMI,EAAQF,CAAAA,CAASF,CAA4B,CAAA,CAC7CK,CAAAA,CAAYN,EAAYC,CAAG,CAAA,CACjC,GAAI,KAAA,CAAM,OAAA,CAAQI,CAAK,CAAA,CAAI,CAACA,CAAAA,CAAM,QAAA,CAASC,CAAS,CAAA,CAAID,CAAAA,GAAUC,EAAW,CAC3EF,CAAAA,CAAU,MACV,KACF,CACF,CACIA,CAAAA,EAAWD,EAAS,KAAA,EACtB,MAAA,CAAO,OAAOJ,CAAAA,CAAQI,CAAAA,CAAS,KAAK,EAExC,CAGF,OAAId,CAAAA,EAAO,OACT,MAAA,CAAO,MAAA,CAAOU,EAAQV,CAAAA,CAAM,KAAK,EAG5BU,CACT,CAAA,CAvCUV,CAAAA,GAAW,CAAE,GAAGM,CAAAA,CAAM,GAAGN,GAAO,KAAM,CAAA,CAwClD,EAEOkB,CAAAA,CAAQd","file":"sv.js","sourcesContent":["export function mergeProps<T extends Record<string, unknown>, P extends Record<string, unknown>>(\n  defaultProps: T | undefined,\n  props: P | undefined,\n  omitKeys?: (keyof P)[]\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...defaultProps }\n\n  if (props) {\n    for (const k in props) {\n      if (props[k] !== undefined && (!omitKeys || !omitKeys.includes(k))) {\n        merged[k] = props[k]\n      }\n    }\n  }\n\n  return merged\n}\n","import { CssProperties, ObjectKeyArrayPicker, ObjectKeyPicker } from './utils/types'\nimport { mergeProps } from './utils/merge-props'\n\nexport type StyleVariantRecord = Record<string, Record<string, CssProperties>>\n\nexport type StyleVariantExtendProps = { style: CssProperties }\n\nexport interface StyleVariantDefinition<T extends StyleVariantRecord | undefined> {\n  base?: CssProperties\n  variants?: T\n  compoundVariants?: (ObjectKeyArrayPicker<T> & StyleVariantExtendProps)[]\n  defaultVariants?: ObjectKeyPicker<T>\n}\n\nexport type StyleVariantFnProps<T extends StyleVariantRecord | undefined> = T extends undefined\n  ? Partial<StyleVariantExtendProps>\n  : ObjectKeyPicker<T> & Partial<StyleVariantExtendProps>\n\nexport type StyleVariantFn<T extends StyleVariantRecord | undefined> = (props?: StyleVariantFnProps<T>) => CssProperties\n\nexport type StyleVariantCreatorFn = <T extends StyleVariantRecord | undefined>(\n  config: StyleVariantDefinition<T>\n) => StyleVariantFn<T>\n\n/**\n * Creates a style variant function based on the provided configuration.\n *\n * @template T - The type of the style variant record.\n * @param {StyleVariantDefinition<T>} config - The configuration object for style variants.\n * @returns {StyleVariantFn<T>} A function that takes props and returns the computed CSS properties.\n *\n * @example\n * ```typescript\n *\n * const makeStyle = sv({\n *   base: { color: 'black' },\n *   variants: {\n *     size: {\n *       small: { fontSize: '12px' },\n *       large: { fontSize: '24px' }\n *     }\n *   },\n *   compoundVariants: [\n *     { size: 'large', style: { fontWeight: 'bold' } }\n *   ],\n *   defaultVariants: { size: 'small' }\n * });\n *\n * const style = makeStyle({ size: 'large' });\n * // style = { color: 'black', fontSize: '24px', fontWeight: 'bold' }\n * ```\n */\nexport const sv: StyleVariantCreatorFn = (config) => {\n  const { base, variants, compoundVariants, defaultVariants } = config\n\n  if (!variants) {\n    return (props) => ({ ...base, ...props?.style })\n  }\n\n  return (props) => {\n    const result: CssProperties = { ...base }\n\n    const mergedProps = mergeProps(defaultVariants, props, ['style'])\n\n    for (const key in mergedProps) {\n      const styleValue = variants[key]?.[mergedProps[key] as string]\n      if (styleValue) {\n        Object.assign(result, styleValue)\n      }\n    }\n\n    if (compoundVariants) {\n      for (let i = 0; i < compoundVariants.length; i++) {\n        const compound = compoundVariants[i]\n        let matches = true\n        for (const key in compound) {\n          if (key === 'style') continue\n          const value = compound[key as keyof typeof compound]\n          const propValue = mergedProps[key]\n          if (Array.isArray(value) ? !value.includes(propValue) : value !== propValue) {\n            matches = false\n            break\n          }\n        }\n        if (matches && compound.style) {\n          Object.assign(result, compound.style)\n        }\n      }\n    }\n\n    if (props?.style) {\n      Object.assign(result, props.style)\n    }\n\n    return result\n  }\n}\n\nexport default sv\n"]}

package/dist/types-BXKyjXhG.d.cts

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

package/dist/types-BXKyjXhG.d.ts

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

package/package.json

@@ -1,18 +1,42 @@
 {
   "name": "css-variants",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "Lightweight helpers to compose class names and inline styles using variants. Zero runtime deps, small bundle, and first-class TypeScript support.",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
+  "homepage": "https://css-variants.vercel.app",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "require": "./dist/cjs/index.js",
-      "import": "./dist/esm/index.js"
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js"
     },
-    "./*": {
-      "require": "./dist/cjs/*.js",
-      "import": "./dist/esm/*.js"
+    "./cx": {
+      "types": "./dist/cx.d.ts",
+      "require": "./dist/cx.cjs",
+      "import": "./dist/cx.js"
+    },
+    "./cv": {
+      "types": "./dist/cv.d.ts",
+      "require": "./dist/cv.cjs",
+      "import": "./dist/cv.js"
+    },
+    "./scv": {
+      "types": "./dist/scv.d.ts",
+      "require": "./dist/scv.cjs",
+      "import": "./dist/scv.js"
+    },
+    "./sv": {
+      "types": "./dist/sv.d.ts",
+      "require": "./dist/sv.cjs",
+      "import": "./dist/sv.js"
+    },
+    "./ssv": {
+      "types": "./dist/ssv.d.ts",
+      "require": "./dist/ssv.cjs",
+      "import": "./dist/ssv.js"
     }
   },
   "files": [
@@ -24,9 +48,7 @@
     "bench": "vitest bench ./src",
     "bench:cva": "yarn add class-variance-authority --no-save && vitest bench ./benchmark/cva.bench.ts --outputJson ./benchmark/cva.bench.json --run",
     "bench:tailwind-variants": "yarn add tailwind-variants --no-save && vitest bench ./benchmark/tailwind-variants.bench.ts --outputJson ./benchmark/tailwind-variants.bench.json --run",
-    "build:cjs": "tsc --project tsconfig.cjs.json",
-    "build:esm": "tsc --project tsconfig.esm.json",
-    "build": "rimraf ./dist && yarn build:cjs && yarn build:esm"
+    "build": "tsup"
   },
   "repository": {
     "type": "git",
@@ -64,7 +86,7 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
     "prettier": "^3.7.4",
-    "rimraf": "^5.0.7",
+    "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.49.0",
     "vitest": "^4.0.15"

package/dist/cjs/cv.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cv = void 0;
-const cx_1 = require("./cx");
-const merge_props_1 = require("./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'
- * ```
- */
-const cv = (config) => {
-    const { base, variants, compoundVariants, defaultVariants, classNameResolver = cx_1.cx } = config;
-    if (!variants) {
-        return (props) => classNameResolver(base, props?.className);
-    }
-    return (props) => {
-        const mergedProps = (0, merge_props_1.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);
-    };
-};
-exports.cv = cv;
-exports.default = exports.cv;
-//# sourceMappingURL=cv.js.map

package/dist/cjs/cv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cv.js","sourceRoot":"","sources":["../../src/cv.ts"],"names":[],"mappings":";;;AACA,6BAAqC;AACrC,qDAAgD;AAwBhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACI,MAAM,EAAE,GAA0B,CAAC,MAAM,EAAE,EAAE;IAClD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,EAAE,iBAAiB,GAAG,OAAE,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,IAAA,wBAAU,EAAC,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;AAxCY,QAAA,EAAE,MAwCd;AAED,kBAAe,UAAE,CAAA"}

package/dist/cjs/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;