css-variants 2.2.2 → 2.3.1

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,19 +1,42 @@
 {
   "name": "css-variants",
-  "version": "2.2.2",
+  "version": "2.3.1",
   "description": "Lightweight helpers to compose class names and inline styles using variants. Zero runtime deps, small bundle, and first-class TypeScript support.",
   "homepage": "https://css-variants.vercel.app",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
+  "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": [
@@ -23,11 +46,9 @@
     "lint": "eslint .",
     "test": "vitest run --coverage",
     "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"
+    "bench:cva": "npm install class-variance-authority --no-save --no-package-lock && vitest bench ./benchmark/cva.bench.ts --outputJson ./benchmark/cva.bench.json --run",
+    "bench:tailwind-variants": "npm install tailwind-variants --no-save --no-package-lock && vitest bench ./benchmark/tailwind-variants.bench.ts --outputJson ./benchmark/tailwind-variants.bench.json --run",
+    "build": "tsup"
   },
   "repository": {
     "type": "git",
@@ -65,12 +86,9 @@
     "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"
-  },
-  "dependencies": {
-    "tailwind-variants": "^3.2.2"
   }
 }

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;

package/dist/cjs/cx.js

@@ -1,57 +0,0 @@
-"use strict";
-// credit: https://github.com/lukeed/clsx
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cx = cx;
-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;
-}
-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;
-}
-exports.default = cx;
-//# sourceMappingURL=cx.js.map

package/dist/cjs/cx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cx.js","sourceRoot":"","sources":["../../src/cx.ts"],"names":[],"mappings":";AAAA,yCAAyC;;AA+CzC,gBAgBC;AAzDD,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,SAAgB,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,kBAAe,EAAE,CAAA"}

package/dist/cjs/index.d.ts

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

package/dist/cjs/index.js

@@ -1,22 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./cx"), exports);
-__exportStar(require("./cv"), exports);
-__exportStar(require("./scv"), exports);
-__exportStar(require("./sv"), exports);
-__exportStar(require("./ssv"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

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