css-variants 2.3.3 → 2.3.4

package/README.md

@@ -2,31 +2,27 @@
 
 # css-variants
 
-**Zero-dependency, type-safe CSS variant composition for modern JavaScript**
+**Fastest CSS variant library for JavaScript and TypeScript**
 
-Build powerful, flexible component style systems with variants.<br/>
-Perfect for Tailwind CSS, vanilla CSS, or any CSS-in-JS solution.
+Type-safe alternative to CVA (Class Variance Authority) and tailwind-variants.
+~1KB gzipped. 3-11x faster. Zero dependencies.
 
-[![test](https://github.com/timphandev/css-variants/actions/workflows/packages.css-variants.test.yml/badge.svg)](https://github.com/timphandev/css-variants/actions/workflows/packages.css-variants.test.yml)
 [![npm version](https://img.shields.io/npm/v/css-variants.svg)](https://www.npmjs.com/package/css-variants)
 [![Bundle Size](https://img.shields.io/bundlephobia/minzip/css-variants)](https://bundlephobia.com/package/css-variants)
 [![TypeScript](https://img.shields.io/badge/TypeScript-100%25-blue)](https://www.typescriptlang.org/)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
-[Documentation](https://css-variants.vercel.app/) · [Getting Started](https://css-variants.vercel.app/getting-started/introduction/) · [API Reference](https://css-variants.vercel.app/api/cv/)
+[Documentation](https://css-variants.vercel.app/) · [API Reference](https://css-variants.vercel.app/api/cv/) · [Comparison](https://css-variants.vercel.app/resources/comparison/)
 
 </div>
 
 ---
 
-## Why css-variants?
+## What is css-variants?
+
+css-variants is a JavaScript library for managing CSS class variants with full TypeScript support. Define style variations (color, size, state) declaratively and get the correct CSS classes at runtime.
 
-|   | Feature |
-|---|---------|
-| ⚡ | **~1KB** — Zero dependencies, tree-shakeable |
-| 🔒 | **Type-Safe** — Full TypeScript inference for variants & props |
-| 🧩 | **Flexible** — Works with Tailwind, CSS Modules, vanilla CSS, inline styles |
-| 🚀 | **Fast** — Up to 10x faster than alternatives in complex scenarios |
+Works with Tailwind CSS, vanilla CSS, CSS Modules, or any styling solution.
 
 ## Installation
 
@@ -34,9 +30,21 @@ Perfect for Tailwind CSS, vanilla CSS, or any CSS-in-JS solution.
 npm install css-variants
 ```
 
+```bash
+pnpm add css-variants
+```
+
+```bash
+yarn add css-variants
+```
+
+---
+
 ## Quick Start
 
-### Single-Element Variants (`cv`)
+### cv() — Class Variants
+
+Create type-safe variants for single-element components:
 
 ```typescript
 import { cv } from 'css-variants'
@@ -50,18 +58,24 @@ const button = cv({
     },
     size: {
       sm: 'px-3 py-1.5 text-sm',
+      md: 'px-4 py-2 text-base',
       lg: 'px-6 py-3 text-lg',
     },
   },
-  defaultVariants: { color: 'primary', size: 'sm' },
+  defaultVariants: {
+    color: 'primary',
+    size: 'md',
+  },
 })
 
-button()                              // Primary + Small (defaults)
-button({ color: 'secondary' })        // Secondary + Small
-button({ size: 'lg', className: 'w-full' }) // Primary + Large + custom class
+button()                                // Uses defaults
+button({ color: 'secondary', size: 'lg' }) // Override variants
+button({ className: 'w-full' })         // Add custom classes
 ```
 
-### Multi-Element Components (`scv`)
+### scv() — Slot Class Variants
+
+Create variants for multi-element components (cards, modals, dropdowns):
 
 ```typescript
 import { scv } from 'css-variants'
@@ -70,78 +84,181 @@ const card = scv({
   slots: ['root', 'header', 'body', 'footer'],
   base: {
     root: 'rounded-xl border shadow-sm',
-    header: 'px-6 py-4 border-b',
+    header: 'px-6 py-4 border-b font-semibold',
     body: 'px-6 py-4',
     footer: 'px-6 py-3 bg-gray-50',
   },
   variants: {
     variant: {
       default: { root: 'bg-white border-gray-200' },
-      danger: { root: 'bg-red-50 border-red-200', header: 'text-red-900' },
+      primary: { root: 'bg-blue-50 border-blue-200' },
     },
   },
 })
 
-const styles = card({ variant: 'danger' })
-// styles.root   → 'rounded-xl border shadow-sm bg-red-50 border-red-200'
-// styles.header → 'px-6 py-4 border-b text-red-900'
+const classes = card({ variant: 'primary' })
+// classes.root   → 'rounded-xl border shadow-sm bg-blue-50 border-blue-200'
+// classes.header → 'px-6 py-4 border-b font-semibold'
 ```
 
-### Compound Variants
+### sv() — Style Variants
 
-Apply styles when multiple variants match:
+Create variants that return CSS style objects:
 
 ```typescript
-const button = cv({
+import { sv } from 'css-variants'
+
+const box = sv({
+  base: { display: 'flex', borderRadius: '8px' },
   variants: {
-    color: { primary: '...', danger: '...' },
-    size: { sm: '...', lg: '...' },
+    size: {
+      sm: { padding: '8px' },
+      lg: { padding: '24px' },
+    },
   },
-  compoundVariants: [
-    { color: 'danger', size: 'lg', className: 'font-bold uppercase' },
-  ],
 })
+
+<div style={box({ size: 'lg' })} />
 ```
 
-### Style Variants (`sv`)
+### cx() — Class Merger
 
-For inline styles instead of class names:
+Lightweight clsx alternative for conditional class merging:
 
 ```typescript
-import { sv } from 'css-variants'
+import { cx } from 'css-variants'
 
-const box = sv({
-  base: { display: 'flex', borderRadius: '8px' },
+cx('btn', 'btn-primary')              // 'btn btn-primary'
+cx('btn', isActive && 'active')       // 'btn active' or 'btn'
+cx('btn', { disabled: isDisabled })   // 'btn disabled' or 'btn'
+```
+
+---
+
+## Why css-variants?
+
+| Feature | css-variants | CVA | tailwind-variants |
+|---------|:------------:|:---:|:-----------------:|
+| Bundle size | **~1KB** | ~2KB | ~5KB |
+| Performance | **Baseline** | 3-7x slower | 5-11x slower |
+| Slot variants | Built-in | No | Yes |
+| Style variants | Built-in | No | No |
+| Dependencies | 0 | 1 | 1 |
+
+---
+
+## Tailwind CSS Integration
+
+Use with tailwind-merge for class conflict resolution:
+
+```typescript
+import { cv, cx } from 'css-variants'
+import { twMerge } from 'tailwind-merge'
+
+const button = cv({
+  base: 'px-4 py-2 rounded',
   variants: {
-    size: {
-      sm: { padding: '8px' },
-      lg: { padding: '24px' },
-    },
+    size: { lg: 'px-6 py-3' },
+  },
+  classNameResolver: (...args) => twMerge(cx(...args)),
+})
+```
+
+[Full Tailwind guide →](https://css-variants.vercel.app/guides/tailwind/)
+
+---
+
+## Framework Examples
+
+### React
+
+```tsx
+import { cv } from 'css-variants'
+
+const button = cv({
+  base: 'rounded font-medium',
+  variants: {
+    variant: { primary: 'bg-blue-600 text-white' },
   },
 })
 
-box({ size: 'lg' }) // => { display: 'flex', borderRadius: '8px', padding: '24px' }
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> &
+  Parameters<typeof button>[0]
+
+function Button({ variant, className, ...props }: ButtonProps) {
+  return <button className={button({ variant, className })} {...props} />
+}
 ```
 
-## Performance
+### Vue
 
-| vs cva | vs tailwind-variants |
-|:------:|:--------------------:|
-| 3-4x faster (compound variants) | 5-6x faster (compound variants) |
-| 4-9x faster (complex components) | 10-11x faster (complex components) |
+```vue
+<script setup lang="ts">
+import { cv } from 'css-variants'
 
-## Documentation
+const button = cv({
+  base: 'rounded font-medium',
+  variants: {
+    variant: { primary: 'bg-blue-600 text-white' },
+  },
+})
 
-**[Full documentation →](https://css-variants.vercel.app/)**
+defineProps<{ variant?: 'primary' }>()
+</script>
 
-## Contributing
+<template>
+  <button :class="button({ variant })"><slot /></button>
+</template>
+```
 
-```bash
-git clone https://github.com/timphandev/css-variants.git
-cd css-variants && yarn install
-yarn css-variants test && yarn css-variants build
+---
+
+## Migrate from CVA
+
+```diff
+- import { cva } from 'class-variance-authority'
++ import { cv } from 'css-variants'
+
+- const button = cva('base-classes', {
++ const button = cv({
++   base: 'base-classes',
+    variants: { /* same */ },
+    compoundVariants: [
+-     { color: 'primary', class: 'extra' }
++     { color: 'primary', className: 'extra' }
+    ],
+  })
 ```
 
+[Full migration guide →](https://css-variants.vercel.app/resources/migration-cva/)
+
+---
+
+## API Reference
+
+| Function | Description |
+|----------|-------------|
+| [`cv()`](https://css-variants.vercel.app/api/cv/) | Class variants for single-element components |
+| [`scv()`](https://css-variants.vercel.app/api/scv/) | Slot class variants for multi-element components |
+| [`sv()`](https://css-variants.vercel.app/api/sv/) | Style variants for inline CSS style objects |
+| [`ssv()`](https://css-variants.vercel.app/api/ssv/) | Slot style variants for multi-element inline styles |
+| [`cx()`](https://css-variants.vercel.app/api/cx/) | Class merger utility (like clsx) |
+
+---
+
+## Documentation
+
+**[css-variants.vercel.app](https://css-variants.vercel.app/)**
+
+- [Getting Started](https://css-variants.vercel.app/getting-started/introduction/)
+- [API Reference](https://css-variants.vercel.app/api/cv/)
+- [Tailwind CSS Guide](https://css-variants.vercel.app/guides/tailwind/)
+- [React, Vue, Svelte Guides](https://css-variants.vercel.app/guides/frameworks/)
+- [css-variants vs CVA vs tailwind-variants](https://css-variants.vercel.app/resources/comparison/)
+- [FAQ](https://css-variants.vercel.app/resources/faq/)
+
+---
+
 ## License
 
 MIT © [Tim Phan](https://github.com/timphandev)

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/cx.ts","../src/utils/merge-props.ts","../src/cv.ts","../src/scv.ts","../src/sv.ts","../src/ssv.ts"],"names":["toVal","input","result","i","tmpClassValue","tmpClassName","key","cx","args","mergeProps","defaultProps","props","omitKeys","merged","k","cv","config","base","variants","compoundVariants","defaultVariants","classNameResolver","mergedProps","classValues","classValue","compound","matches","value","propValue","scv","slots","slotClassValues","slot","cls","sv","styleValue","ssv","slotStyle"],"mappings":"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","file":"index.cjs","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 } from './utils/types'\nimport { cx, ClassValue } from './cx'\nimport { mergeProps } from './utils/merge-props'\n\nexport type ClassVariantRecord = Record<string, Record<string, ClassValue>>\n\nexport type ClassVariantExtendProps = { className: ClassValue }\n\nexport interface ClassVariantDefinition<T extends ClassVariantRecord | undefined> {\n  base?: ClassValue\n  variants?: T\n  compoundVariants?: (ObjectKeyArrayPicker<T> & ClassVariantExtendProps)[]\n  defaultVariants?: ObjectKeyPicker<T>\n  classNameResolver?: typeof cx\n}\n\nexport type ClassVariantFnProps<T extends ClassVariantRecord | undefined> = T extends undefined\n  ? Partial<ClassVariantExtendProps>\n  : ObjectKeyPicker<T> & Partial<ClassVariantExtendProps>\n\nexport type ClassVariantFn<T extends ClassVariantRecord | undefined> = (props?: ClassVariantFnProps<T>) => string\n\nexport type ClassVariantCreatorFn = <T extends ClassVariantRecord | undefined>(\n  config: ClassVariantDefinition<T>\n) => ClassVariantFn<T>\n\n/**\n * Creates a class variant function that combines base classes, variants, compound variants, and default variants.\n *\n * @template T - Type of the variant record\n * @param config - Configuration object for creating class variants\n * @returns A function that accepts variant props and returns a combined class string\n *\n * @example\n * ```typescript\n * const button = cv({\n *   base: 'px-4 py-2 rounded',\n *   variants: {\n *     color: {\n *       primary: 'bg-blue-500 text-white',\n *       secondary: 'bg-gray-500 text-white'\n *     },\n *     size: {\n *       sm: 'text-sm',\n *       lg: 'text-lg'\n *     }\n *   },\n *   defaultVariants: {\n *     color: 'primary',\n *     size: 'sm'\n *   }\n * });\n *\n * button(); // => 'px-4 py-2 rounded bg-blue-500 text-white text-sm'\n * button({ color: 'secondary' }); // => 'px-4 py-2 rounded bg-gray-500 text-white text-sm'\n * ```\n */\nexport const cv: ClassVariantCreatorFn = (config) => {\n  const { base, variants, compoundVariants, defaultVariants, classNameResolver = cx } = config\n\n  if (!variants) {\n    return (props) => classNameResolver(base, props?.className)\n  }\n\n  return (props) => {\n    const mergedProps = mergeProps(defaultVariants, props, ['className'])\n\n    const classValues: ClassValue[] = []\n\n    for (const key in mergedProps) {\n      const classValue = variants[key]?.[mergedProps[key] as string]\n      if (classValue) {\n        classValues.push(classValue)\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 === 'className') 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.className) {\n          classValues.push(compound.className)\n        }\n      }\n    }\n\n    return classNameResolver(base, classValues, props?.className)\n  }\n}\n\nexport default cv\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","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","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"]}
+{"version":3,"sources":["../src/cx.ts","../src/utils/merge-props.ts","../src/cv.ts","../src/scv.ts","../src/sv.ts","../src/ssv.ts"],"names":["toVal","input","result","i","tmpClassValue","tmpClassName","key","cx","args","mergeProps","defaultProps","props","omitKeys","merged","k","cv","config","base","variants","compoundVariants","defaultVariants","classNameResolver","mergedProps","classValues","classValue","compound","matches","value","propValue","scv","slots","slotClassValues","slot","cls","sv","styleValue","ssv","slotStyle"],"mappings":"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","file":"index.cjs","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 } from './utils/types'\nimport { cx, ClassValue } from './cx'\nimport { mergeProps } from './utils/merge-props'\n\nexport type ClassVariantRecord = Record<string, Record<string, ClassValue>>\n\nexport type ClassVariantExtendProps = { className: ClassValue }\n\nexport interface ClassVariantDefinition<T extends ClassVariantRecord | undefined> {\n  base?: ClassValue\n  variants?: T\n  compoundVariants?: (ObjectKeyArrayPicker<T> & ClassVariantExtendProps)[]\n  defaultVariants?: ObjectKeyPicker<T>\n  classNameResolver?: typeof cx\n}\n\nexport type ClassVariantFnProps<T extends ClassVariantRecord | undefined> = T extends undefined\n  ? Partial<ClassVariantExtendProps>\n  : ObjectKeyPicker<T> & Partial<ClassVariantExtendProps>\n\nexport type ClassVariantFn<T extends ClassVariantRecord | undefined> = (props?: ClassVariantFnProps<T>) => string\n\nexport type ClassVariantCreatorFn = <T extends ClassVariantRecord | undefined>(\n  config: ClassVariantDefinition<T>\n) => ClassVariantFn<T>\n\n/**\n * Creates a class variant function that combines base classes, variants, compound variants, and default variants.\n *\n * @template T - Type of the variant record\n * @param config - Configuration object for creating class variants\n * @returns A function that accepts variant props and returns a combined class string\n *\n * @example\n * ```typescript\n * const button = cv({\n *   base: 'px-4 py-2 rounded',\n *   variants: {\n *     color: {\n *       primary: 'bg-blue-500 text-white',\n *       secondary: 'bg-gray-500 text-white'\n *     },\n *     size: {\n *       sm: 'text-sm',\n *       lg: 'text-lg'\n *     }\n *   },\n *   defaultVariants: {\n *     color: 'primary',\n *     size: 'sm'\n *   }\n * });\n *\n * button(); // => 'px-4 py-2 rounded bg-blue-500 text-white text-sm'\n * button({ color: 'secondary' }); // => 'px-4 py-2 rounded bg-gray-500 text-white text-sm'\n * ```\n */\nexport const cv: ClassVariantCreatorFn = (config) => {\n  const { base, variants, compoundVariants, defaultVariants, classNameResolver = cx } = config\n\n  if (!variants) {\n    return (props) => classNameResolver(base, props?.className)\n  }\n\n  return (props) => {\n    const mergedProps = mergeProps(defaultVariants, props, ['className'])\n\n    const classValues: ClassValue[] = []\n\n    for (const key in mergedProps) {\n      const classValue = variants[key]?.[mergedProps[key] as string]\n      if (classValue) {\n        classValues.push(classValue)\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 === 'className') 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.className) {\n          classValues.push(compound.className)\n        }\n      }\n    }\n\n    return classNameResolver(base, classValues, props?.className)\n  }\n}\n\nexport default cv\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","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","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 = ssv({\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/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/cx.ts","../src/utils/merge-props.ts","../src/cv.ts","../src/scv.ts","../src/sv.ts","../src/ssv.ts"],"names":["toVal","input","result","i","tmpClassValue","tmpClassName","key","cx","args","mergeProps","defaultProps","props","omitKeys","merged","k","cv","config","base","variants","compoundVariants","defaultVariants","classNameResolver","mergedProps","classValues","classValue","compound","matches","value","propValue","scv","slots","slotClassValues","slot","cls","sv","styleValue","ssv","slotStyle"],"mappings":"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","file":"index.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 } from './utils/types'\nimport { cx, ClassValue } from './cx'\nimport { mergeProps } from './utils/merge-props'\n\nexport type ClassVariantRecord = Record<string, Record<string, ClassValue>>\n\nexport type ClassVariantExtendProps = { className: ClassValue }\n\nexport interface ClassVariantDefinition<T extends ClassVariantRecord | undefined> {\n  base?: ClassValue\n  variants?: T\n  compoundVariants?: (ObjectKeyArrayPicker<T> & ClassVariantExtendProps)[]\n  defaultVariants?: ObjectKeyPicker<T>\n  classNameResolver?: typeof cx\n}\n\nexport type ClassVariantFnProps<T extends ClassVariantRecord | undefined> = T extends undefined\n  ? Partial<ClassVariantExtendProps>\n  : ObjectKeyPicker<T> & Partial<ClassVariantExtendProps>\n\nexport type ClassVariantFn<T extends ClassVariantRecord | undefined> = (props?: ClassVariantFnProps<T>) => string\n\nexport type ClassVariantCreatorFn = <T extends ClassVariantRecord | undefined>(\n  config: ClassVariantDefinition<T>\n) => ClassVariantFn<T>\n\n/**\n * Creates a class variant function that combines base classes, variants, compound variants, and default variants.\n *\n * @template T - Type of the variant record\n * @param config - Configuration object for creating class variants\n * @returns A function that accepts variant props and returns a combined class string\n *\n * @example\n * ```typescript\n * const button = cv({\n *   base: 'px-4 py-2 rounded',\n *   variants: {\n *     color: {\n *       primary: 'bg-blue-500 text-white',\n *       secondary: 'bg-gray-500 text-white'\n *     },\n *     size: {\n *       sm: 'text-sm',\n *       lg: 'text-lg'\n *     }\n *   },\n *   defaultVariants: {\n *     color: 'primary',\n *     size: 'sm'\n *   }\n * });\n *\n * button(); // => 'px-4 py-2 rounded bg-blue-500 text-white text-sm'\n * button({ color: 'secondary' }); // => 'px-4 py-2 rounded bg-gray-500 text-white text-sm'\n * ```\n */\nexport const cv: ClassVariantCreatorFn = (config) => {\n  const { base, variants, compoundVariants, defaultVariants, classNameResolver = cx } = config\n\n  if (!variants) {\n    return (props) => classNameResolver(base, props?.className)\n  }\n\n  return (props) => {\n    const mergedProps = mergeProps(defaultVariants, props, ['className'])\n\n    const classValues: ClassValue[] = []\n\n    for (const key in mergedProps) {\n      const classValue = variants[key]?.[mergedProps[key] as string]\n      if (classValue) {\n        classValues.push(classValue)\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 === 'className') 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.className) {\n          classValues.push(compound.className)\n        }\n      }\n    }\n\n    return classNameResolver(base, classValues, props?.className)\n  }\n}\n\nexport default cv\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","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","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"]}
+{"version":3,"sources":["../src/cx.ts","../src/utils/merge-props.ts","../src/cv.ts","../src/scv.ts","../src/sv.ts","../src/ssv.ts"],"names":["toVal","input","result","i","tmpClassValue","tmpClassName","key","cx","args","mergeProps","defaultProps","props","omitKeys","merged","k","cv","config","base","variants","compoundVariants","defaultVariants","classNameResolver","mergedProps","classValues","classValue","compound","matches","value","propValue","scv","slots","slotClassValues","slot","cls","sv","styleValue","ssv","slotStyle"],"mappings":"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","file":"index.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 } from './utils/types'\nimport { cx, ClassValue } from './cx'\nimport { mergeProps } from './utils/merge-props'\n\nexport type ClassVariantRecord = Record<string, Record<string, ClassValue>>\n\nexport type ClassVariantExtendProps = { className: ClassValue }\n\nexport interface ClassVariantDefinition<T extends ClassVariantRecord | undefined> {\n  base?: ClassValue\n  variants?: T\n  compoundVariants?: (ObjectKeyArrayPicker<T> & ClassVariantExtendProps)[]\n  defaultVariants?: ObjectKeyPicker<T>\n  classNameResolver?: typeof cx\n}\n\nexport type ClassVariantFnProps<T extends ClassVariantRecord | undefined> = T extends undefined\n  ? Partial<ClassVariantExtendProps>\n  : ObjectKeyPicker<T> & Partial<ClassVariantExtendProps>\n\nexport type ClassVariantFn<T extends ClassVariantRecord | undefined> = (props?: ClassVariantFnProps<T>) => string\n\nexport type ClassVariantCreatorFn = <T extends ClassVariantRecord | undefined>(\n  config: ClassVariantDefinition<T>\n) => ClassVariantFn<T>\n\n/**\n * Creates a class variant function that combines base classes, variants, compound variants, and default variants.\n *\n * @template T - Type of the variant record\n * @param config - Configuration object for creating class variants\n * @returns A function that accepts variant props and returns a combined class string\n *\n * @example\n * ```typescript\n * const button = cv({\n *   base: 'px-4 py-2 rounded',\n *   variants: {\n *     color: {\n *       primary: 'bg-blue-500 text-white',\n *       secondary: 'bg-gray-500 text-white'\n *     },\n *     size: {\n *       sm: 'text-sm',\n *       lg: 'text-lg'\n *     }\n *   },\n *   defaultVariants: {\n *     color: 'primary',\n *     size: 'sm'\n *   }\n * });\n *\n * button(); // => 'px-4 py-2 rounded bg-blue-500 text-white text-sm'\n * button({ color: 'secondary' }); // => 'px-4 py-2 rounded bg-gray-500 text-white text-sm'\n * ```\n */\nexport const cv: ClassVariantCreatorFn = (config) => {\n  const { base, variants, compoundVariants, defaultVariants, classNameResolver = cx } = config\n\n  if (!variants) {\n    return (props) => classNameResolver(base, props?.className)\n  }\n\n  return (props) => {\n    const mergedProps = mergeProps(defaultVariants, props, ['className'])\n\n    const classValues: ClassValue[] = []\n\n    for (const key in mergedProps) {\n      const classValue = variants[key]?.[mergedProps[key] as string]\n      if (classValue) {\n        classValues.push(classValue)\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 === 'className') 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.className) {\n          classValues.push(compound.className)\n        }\n      }\n    }\n\n    return classNameResolver(base, classValues, props?.className)\n  }\n}\n\nexport default cv\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","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","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 = ssv({\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.cjs.map

@@ -1 +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"]}
+{"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":"sEAAO,SAASA,CAAAA,CACdC,CAAAA,CACAC,CAAAA,CACAC,CAAAA,CACyB,CACzB,IAAMC,CAAAA,CAAkC,CAAE,GAAGH,CAAa,CAAA,CAE1D,GAAIC,EACF,IAAA,IAAWG,CAAAA,IAAKH,CAAAA,CACVA,CAAAA,CAAMG,CAAC,CAAA,GAAM,MAAA,GAAc,CAACF,CAAAA,EAAY,CAACA,CAAAA,CAAS,QAAA,CAASE,CAAC,CAAA,CAAA,GAC9DD,EAAOC,CAAC,CAAA,CAAIH,CAAAA,CAAMG,CAAC,CAAA,CAAA,CAKzB,OAAOD,CACT,CCiDO,IAAME,CAAAA,CAAkCC,CAAAA,EAAW,CACxD,GAAM,CAAE,KAAA,CAAAC,CAAAA,CAAO,IAAA,CAAAC,CAAAA,CAAM,QAAA,CAAAC,CAAAA,CAAU,gBAAA,CAAAC,CAAAA,CAAkB,eAAA,CAAAC,CAAgB,CAAA,CAAIL,CAAAA,CAErE,OAAKG,CAAAA,CAYGR,GAAU,CAChB,IAAMW,CAAAA,CAAcb,CAAAA,CAAWY,CAAAA,CAAiBV,CAAAA,CAAO,CAAC,QAAQ,CAAC,CAAA,CAE3DY,CAAAA,CAAS,EAAC,CAEhB,QAAWC,CAAAA,IAAQP,CAAAA,CACjBM,CAAAA,CAAOC,CAAI,CAAA,CAAI,CAAE,GAAGN,CAAAA,GAAOM,CAAI,CAAE,CAAA,CAGnC,IAAA,IAAWC,CAAAA,IAAOH,CAAAA,CAAa,CAC7B,IAAMI,CAAAA,CAAYP,CAAAA,CAASM,CAAG,CAAA,GAAIH,CAAAA,CAAYG,CAAG,CAAW,CAAA,CAE5D,GAAIC,CAAAA,CACF,IAAA,IAAWF,CAAAA,IAAQE,EACjB,MAAA,CAAO,MAAA,CAAOH,CAAAA,CAAOC,CAAI,CAAA,CAAGE,CAAAA,CAAUF,CAAI,CAAC,EAGjD,CAEA,GAAIJ,CAAAA,CACF,IAAA,IAASO,CAAAA,CAAI,EAAGA,CAAAA,CAAIP,CAAAA,CAAiB,MAAA,CAAQO,CAAAA,EAAAA,CAAK,CAChD,IAAMC,EAAWR,CAAAA,CAAiBO,CAAC,CAAA,CAC/BE,CAAAA,CAAU,IAAA,CAEd,IAAA,IAAWJ,KAAOG,CAAAA,CAAU,CAC1B,GAAIH,CAAAA,GAAQ,QAAA,CAAU,SACtB,IAAMK,CAAAA,CAAQF,CAAAA,CAASH,CAA4B,CAAA,CAC7CM,CAAAA,CAAYT,CAAAA,CAAYG,CAAG,EAEjC,GAAI,KAAA,CAAM,OAAA,CAAQK,CAAK,CAAA,CAAI,CAACA,EAAM,QAAA,CAASC,CAAS,CAAA,CAAID,CAAAA,GAAUC,CAAAA,CAAW,CAC3EF,EAAU,KAAA,CACV,KACF,CACF,CAEA,GAAIA,CAAAA,EAAWD,CAAAA,CAAS,MAAA,CACtB,IAAA,IAAWJ,CAAAA,IAAQI,CAAAA,CAAS,MAAA,CAC1B,MAAA,CAAO,MAAA,CAAOL,EAAOC,CAAI,CAAA,CAAGI,CAAAA,CAAS,MAAA,CAAOJ,CAAI,CAAC,EAGvD,CAGF,GAAIb,CAAAA,EAAO,MAAA,CACT,IAAA,IAAWa,CAAAA,IAAQb,EAAM,MAAA,CACvB,MAAA,CAAO,MAAA,CAAOY,CAAAA,CAAOC,CAAI,CAAA,CAAGb,CAAAA,CAAM,MAAA,CAAOa,CAAI,CAAC,CAAA,CAIlD,OAAOD,CACT,CAAA,CA7DUZ,GAAU,CAChB,IAAMY,CAAAA,CAAS,EAAC,CAEhB,IAAA,IAAWC,KAAQP,CAAAA,CACjBM,CAAAA,CAAOC,CAAI,CAAA,CAAI,CAAE,GAAGN,IAAOM,CAAI,CAAA,CAAG,GAAGb,CAAAA,EAAO,MAAA,GAASa,CAAI,CAAE,CAAA,CAG7D,OAAOD,CACT,CAsDJ,CAAA,CAEOS,CAAAA,CAAQjB","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 = ssv({\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

@@ -24,7 +24,7 @@ type SlotStyleVariantCreatorFn = <S extends string, T extends SlotStyleVariantRe
  *
  * @example
  * ```ts
- * const buttonStyles = csv({
+ * const buttonStyles = ssv({
  *   slots: ['root', 'icon'],
  *   base: {
  *     root: { padding: '8px' },

package/dist/ssv.d.ts

@@ -24,7 +24,7 @@ type SlotStyleVariantCreatorFn = <S extends string, T extends SlotStyleVariantRe
  *
  * @example
  * ```ts
- * const buttonStyles = csv({
+ * const buttonStyles = ssv({
  *   slots: ['root', 'icon'],
  *   base: {
  *     root: { padding: '8px' },

package/dist/ssv.js.map

@@ -1 +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"]}
+{"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 = ssv({\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "css-variants",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "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",
   "type": "module",