nestable-tailwind-variants 0.1.2 → 0.1.4

package/README.md

@@ -1,8 +1,8 @@
 # nestable-tailwind-variants
 
-A variant styling library for Tailwind CSS that supports nested condition definitions. Express complex style combinations intuitively through nested objects instead of flat `compoundVariants` patterns.
+A variant styling library for Tailwind CSS that expresses complex style combinations through nested condition definitions instead of flat `compoundVariants` patterns.
 
-Inspired by [React Spectrum's `style` macro](https://react-spectrum.adobe.com/styling), with some ideas from [tailwind-variants](https://www.tailwind-variants.org/).
+Inspired by [React Spectrum's conditional styles](https://react-spectrum.adobe.com/styling#conditional-styles), with some ideas from [tailwind-variants](https://www.tailwind-variants.org/).
 
 ## Installation
 
@@ -12,68 +12,42 @@ npm install nestable-tailwind-variants
 
 ## Basic Usage
 
-Define variants with string union types:
+The `ntv` function creates a style function from a nested style definition. Conditions can be nested to express compound states like "primary variant when hovered":
 
 ```tsx
 import { ntv } from 'nestable-tailwind-variants';
 
-const button = ntv<{ variant?: 'primary' | 'secondary' }>({
-  default: 'px-4 py-2 rounded font-medium',
-  variant: {
-    primary: 'bg-blue-500 text-white',
-    secondary: 'bg-gray-200 text-gray-800',
-  },
-});
-
-button({ variant: 'primary' });
-// => 'px-4 py-2 rounded font-medium bg-blue-500 text-white'
-```
-
-Class conflicts are automatically resolved by [tailwind-merge](https://github.com/dcastil/tailwind-merge).
-
-Boolean conditions starting with `is` or `allows` can be used directly without nesting:
-
-```tsx
-const button = ntv<{ isDisabled?: boolean }>({
-  default: 'bg-blue-500',
-  isDisabled: 'bg-gray-300 cursor-not-allowed',
-});
-
-button({ isDisabled: true });
-// => 'bg-gray-300 cursor-not-allowed'
-```
-
-## Nested Conditions
-
-Nest conditions to define styles that apply when multiple conditions are true.
-
-```tsx
-interface CardStyleProps {
-  variant?: 'elevated';
+interface ButtonStyleProps {
+  variant?: 'primary' | 'secondary';
   isHovered?: boolean;
 }
 
-const card = ntv<CardStyleProps>({
+const button = ntv<ButtonStyleProps>({
+  default: 'px-4 py-2 rounded font-medium',
   variant: {
-    elevated: {
-      default: 'shadow-md',
-      isHovered: 'shadow-xl',
+    primary: {
+      default: 'bg-blue-500 text-white',
+      isHovered: 'bg-blue-600',
+    },
+    secondary: {
+      default: 'bg-gray-200 text-gray-800',
+      isHovered: 'bg-gray-300',
     },
   },
 });
 
-card({ variant: 'elevated' });
-// => 'shadow-md'
+button({ variant: 'primary' });
+// => 'px-4 py-2 rounded font-medium bg-blue-500 text-white'
 
-card({ variant: 'elevated', isHovered: true });
-// => 'shadow-xl'
+button({ variant: 'primary', isHovered: true });
+// => 'px-4 py-2 rounded font-medium bg-blue-600 text-white'
 ```
 
-When a condition matches at the same level, `default` is skipped. Conditions can be nested to any depth.
+Conditions at the same level are mutually exclusive and ordered—the last matching condition takes precedence. Class conflicts are automatically resolved by [tailwind-merge](https://github.com/dcastil/tailwind-merge).
 
-## Comparison with tailwind-variants
+## Why Nested?
 
-With tailwind-variants, compound conditions require `compoundVariants`.
+When combining multiple conditions like `variant` + `isHovered`, tailwind-variants requires a flat `compoundVariants` array.
 
 **tailwind-variants:**
 
@@ -97,6 +71,8 @@ const button = tv({
 });
 ```
 
+With nestable-tailwind-variants, you can nest conditions directly under each variant.
+
 **nestable-tailwind-variants:**
 
 ```tsx
@@ -123,11 +99,28 @@ const button = ntv<ButtonStyleProps>({
 });
 ```
 
-Nesting groups related styles together, reflecting the logical hierarchy of conditions in your code.
+Nesting keeps related styles grouped together, making it easier to see which hover/pressed states belong to which variant.
+
+## With React Aria Components
+
+Since `ntv` returns a function, it works directly with [React Aria Components](https://react-aria.adobe.com/)' render props:
+
+```tsx
+import { Checkbox, type CheckboxRenderProps } from 'react-aria-components';
+import { ntv } from 'nestable-tailwind-variants';
+
+<Checkbox
+  className={ntv<CheckboxRenderProps>({
+    default: 'bg-gray-100',
+    isHovered: 'bg-gray-200',
+    isSelected: 'bg-gray-900',
+  })}
+/>;
+```
 
 ## Composing Styles
 
-Combine multiple style functions using `composeNtv`:
+Combine multiple style functions using `composeNtv`. This is useful for reusing common styles across multiple components:
 
 ```tsx
 import { ntv, composeNtv } from 'nestable-tailwind-variants';
@@ -153,6 +146,34 @@ button({ size: 'lg', variant: 'primary' });
 // => 'rounded font-medium px-4 py-2 text-lg bg-blue-500 text-white'
 ```
 
+## VS Code Integration
+
+With [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) installed, add the following to your VS Code settings (`settings.json`) to enable autocomplete in `ntv` calls:
+
+```json
+{
+  "tailwindCSS.classFunctions": ["ntv"]
+}
+```
+
+## ESLint Integration
+
+To lint Tailwind classes inside `ntv` calls with [eslint-plugin-better-tailwindcss](https://github.com/schoero/eslint-plugin-better-tailwindcss), extend the default callees in your ESLint configuration:
+
+```js
+import { getDefaultCallees } from 'eslint-plugin-better-tailwindcss/defaults';
+
+export default [
+  {
+    settings: {
+      'better-tailwindcss': {
+        callees: [...getDefaultCallees(), ['ntv', [{ match: 'objectValues' }]]],
+      },
+    },
+  },
+];
+```
+
 ## API
 
 ### `ntv<Props>(style)`
@@ -162,7 +183,7 @@ Creates a style function from a nested style definition.
 - `style` - Style definition object
   - `default` - Base styles (skipped when other conditions match at the same level)
   - `[variantKey]` - Style definitions for each variant value
-  - `is*` / `allows*` - Boolean condition styles
+  - `is*` / `allows*` - Styles applied when the boolean prop is `true`
 - Returns `(props: Partial<Props>) => string`
 
 ### `composeNtv(...fns)`

package/dist/composeNtv.d.ts

@@ -0,0 +1,47 @@
+import type { NTVConfig, StyleFunction } from './types.js';
+type UnionToIntersection<U> = (U extends unknown ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+type ExtractProps<T> = T extends StyleFunction<infer P> ? P : never;
+/**
+ * Creates a customized `composeNtv` function with the specified options.
+ *
+ * @example
+ * ```ts
+ * // Disable tailwind-merge
+ * const composeNtvNoMerge = createComposeNtv({ twMerge: false });
+ *
+ * // With custom tailwind-merge config
+ * const customComposeNtv = createComposeNtv({
+ *   twMergeConfig: {
+ *     extend: {
+ *       theme: {
+ *         shadow: ['100', '200', '300'],
+ *       },
+ *     },
+ *   },
+ * });
+ * ```
+ */
+export declare function createComposeNtv(options?: NTVConfig): <T extends StyleFunction[]>(...fns: T) => StyleFunction<UnionToIntersection<ExtractProps<T[number]>>>;
+/**
+ * Composes multiple style functions into a single function.
+ *
+ * @example
+ * ```ts
+ * const baseButton = ntv<{ size?: 'sm' | 'lg' }>({
+ *   default: 'rounded font-medium',
+ *   size: { sm: 'px-2 py-1 text-sm', lg: 'px-4 py-2 text-lg' },
+ * });
+ *
+ * const coloredButton = ntv<{ variant?: 'primary' | 'secondary' }>({
+ *   variant: { primary: 'bg-blue-500 text-white', secondary: 'bg-gray-200' },
+ * });
+ *
+ * const button = composeNtv(baseButton, coloredButton);
+ *
+ * button({ size: 'lg', variant: 'primary' });
+ * // => 'rounded font-medium px-4 py-2 text-lg bg-blue-500 text-white'
+ * ```
+ */
+export declare const composeNtv: <T extends StyleFunction[]>(...fns: T) => StyleFunction<UnionToIntersection<ExtractProps<T[number]>>>;
+export {};
+//# sourceMappingURL=composeNtv.d.ts.map

package/dist/composeNtv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composeNtv.d.ts","sourceRoot":"","sources":["../src/composeNtv.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3D,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,OAAO,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,SAAS,CACjF,CAAC,EAAE,MAAM,CAAC,KACP,IAAI,GACL,CAAC,GACD,KAAK,CAAC;AAEV,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,SAAc,IAS3B,CAAC,SAAS,aAAa,EAAE,EAClD,GAAG,KAAK,CAAC,KACR,aAAa,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAG/D;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU,GA3BM,CAAC,SAAS,aAAa,EAAE,UAC1C,CAAC,KACR,aAAa,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAyBnB,CAAC"}

package/dist/composeNtv.js

@@ -0,0 +1,55 @@
+import { extendTailwindMerge, twMerge } from 'tailwind-merge';
+import { joinClasses } from './utils.js';
+/**
+ * Creates a customized `composeNtv` function with the specified options.
+ *
+ * @example
+ * ```ts
+ * // Disable tailwind-merge
+ * const composeNtvNoMerge = createComposeNtv({ twMerge: false });
+ *
+ * // With custom tailwind-merge config
+ * const customComposeNtv = createComposeNtv({
+ *   twMergeConfig: {
+ *     extend: {
+ *       theme: {
+ *         shadow: ['100', '200', '300'],
+ *       },
+ *     },
+ *   },
+ * });
+ * ```
+ */
+export function createComposeNtv(options = {}) {
+    const { twMerge: useTwMerge = true, twMergeConfig } = options;
+    const mergeClasses = useTwMerge
+        ? twMergeConfig
+            ? extendTailwindMerge(twMergeConfig)
+            : twMerge
+        : joinClasses;
+    return function composeNtv(...fns) {
+        return (props) => mergeClasses(...fns.map((fn) => fn(props)));
+    };
+}
+/**
+ * Composes multiple style functions into a single function.
+ *
+ * @example
+ * ```ts
+ * const baseButton = ntv<{ size?: 'sm' | 'lg' }>({
+ *   default: 'rounded font-medium',
+ *   size: { sm: 'px-2 py-1 text-sm', lg: 'px-4 py-2 text-lg' },
+ * });
+ *
+ * const coloredButton = ntv<{ variant?: 'primary' | 'secondary' }>({
+ *   variant: { primary: 'bg-blue-500 text-white', secondary: 'bg-gray-200' },
+ * });
+ *
+ * const button = composeNtv(baseButton, coloredButton);
+ *
+ * button({ size: 'lg', variant: 'primary' });
+ * // => 'rounded font-medium px-4 py-2 text-lg bg-blue-500 text-white'
+ * ```
+ */
+export const composeNtv = createComposeNtv();
+//# sourceMappingURL=composeNtv.js.map

package/dist/composeNtv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composeNtv.js","sourceRoot":"","sources":["../src/composeNtv.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAUzC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,gBAAgB,CAAC,UAAqB,EAAE;IACtD,MAAM,EAAE,OAAO,EAAE,UAAU,GAAG,IAAI,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC;IAE9D,MAAM,YAAY,GAAG,UAAU;QAC7B,CAAC,CAAC,aAAa;YACb,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC;YACpC,CAAC,CAAC,OAAO;QACX,CAAC,CAAC,WAAW,CAAC;IAEhB,OAAO,SAAS,UAAU,CACxB,GAAG,GAAM;QAET,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAChE,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
-export { ntv, createNTV, composeNtv } from './ntv';
-export type { NTVConfig, TWMergeConfig } from './ntv';
+export { composeNtv, createComposeNtv } from './composeNtv.js';
+export { createNTV, ntv } from './ntv.js';
+export type { NTVConfig, TWMergeConfig } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC1C,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
-export { ntv, createNTV, composeNtv } from './ntv';
+export { composeNtv, createComposeNtv } from './composeNtv.js';
+export { createNTV, ntv } from './ntv.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC"}

package/dist/ntv.d.ts

@@ -1,18 +1,4 @@
-import { extendTailwindMerge } from 'tailwind-merge';
-export type TWMergeConfig = Parameters<typeof extendTailwindMerge>[0];
-export interface NTVConfig {
-    /**
-     * Whether to use `tailwind-merge` to resolve conflicting Tailwind classes.
-     * @see https://github.com/dcastil/tailwind-merge
-     * @default true
-     */
-    twMerge?: boolean;
-    /**
-     * Custom configuration for `tailwind-merge`.
-     * @see https://github.com/dcastil/tailwind-merge/blob/main/docs/configuration.md
-     */
-    twMergeConfig?: TWMergeConfig;
-}
+import type { NTVConfig, StyleFunction } from './types.js';
 type BooleanConditionKey = `is${Capitalize<string>}` | `allows${Capitalize<string>}`;
 type ExtractBooleanKeys<Props> = {
     [K in keyof Props]: K extends BooleanConditionKey ? K : never;
@@ -28,9 +14,6 @@ type StyleDefinition<Props> = {
         [V in Extract<Props[K], string>]?: NestedStyleValue<Props>;
     };
 };
-type StyleFunction<P = Record<string, unknown>> = (props: Partial<P>) => string;
-type UnionToIntersection<U> = (U extends unknown ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-type ExtractProps<T> = T extends StyleFunction<infer P> ? P : never;
 /**
  * Creates a customized `ntv` function with the specified options.
  *
@@ -74,47 +57,5 @@ export declare function createNTV(options?: NTVConfig): <Props extends Record<st
  * ```
  */
 export declare const ntv: <Props extends Record<string, any>>(style: StyleDefinition<Props>) => StyleFunction<Props>;
-/**
- * Creates a customized `composeNtv` function with the specified options.
- *
- * @example
- * ```ts
- * // Disable tailwind-merge
- * const composeNtvNoMerge = createComposeNtv({ twMerge: false });
- *
- * // With custom tailwind-merge config
- * const customComposeNtv = createComposeNtv({
- *   twMergeConfig: {
- *     extend: {
- *       theme: {
- *         shadow: ['100', '200', '300'],
- *       },
- *     },
- *   },
- * });
- * ```
- */
-export declare function createComposeNtv(options?: NTVConfig): <T extends StyleFunction[]>(...fns: T) => StyleFunction<UnionToIntersection<ExtractProps<T[number]>>>;
-/**
- * Composes multiple style functions into a single function.
- *
- * @example
- * ```ts
- * const baseButton = ntv<{ size?: 'sm' | 'lg' }>({
- *   default: 'rounded font-medium',
- *   size: { sm: 'px-2 py-1 text-sm', lg: 'px-4 py-2 text-lg' },
- * });
- *
- * const coloredButton = ntv<{ variant?: 'primary' | 'secondary' }>({
- *   variant: { primary: 'bg-blue-500 text-white', secondary: 'bg-gray-200' },
- * });
- *
- * const button = composeNtv(baseButton, coloredButton);
- *
- * button({ size: 'lg', variant: 'primary' });
- * // => 'rounded font-medium px-4 py-2 text-lg bg-blue-500 text-white'
- * ```
- */
-export declare const composeNtv: <T extends StyleFunction[]>(...fns: T) => StyleFunction<UnionToIntersection<ExtractProps<T[number]>>>;
 export {};
 //# sourceMappingURL=ntv.d.ts.map

package/dist/ntv.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ntv.d.ts","sourceRoot":"","sources":["../src/ntv.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ntv.d.ts","sourceRoot":"","sources":["../src/ntv.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3D,KAAK,mBAAmB,GAAG,KAAK,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,SAAS,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;AAErF,KAAK,kBAAkB,CAAC,KAAK,IAAI;KAC9B,CAAC,IAAI,MAAM,KAAK,GAAG,CAAC,SAAS,mBAAmB,GAAG,CAAC,GAAG,KAAK;CAC9D,CAAC,MAAM,KAAK,CAAC,CAAC;AAEf,KAAK,kBAAkB,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;AAEjF,KAAK,gBAAgB,CAAC,KAAK,IAAI,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAE/D,KAAK,eAAe,CAAC,KAAK,IAAI;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG;KACD,CAAC,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;CAC3D,GAAG;KACD,CAAC,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;SAChC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC;KAC3D;CACF,CAAC;AAgFF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,SAAS,CAAC,OAAO,GAAE,SAAc,IAS3B,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnD,OAAO,eAAe,CAAC,KAAK,CAAC,KAC5B,aAAa,CAAC,KAAK,CAAC,CAaxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,GAAG,GAtCM,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,SAC5C,eAAe,CAAC,KAAK,CAAC,KAC5B,aAAa,CAAC,KAAK,CAoCM,CAAC"}

package/dist/ntv.js

@@ -1,4 +1,5 @@
-import { twMerge, extendTailwindMerge } from 'tailwind-merge';
+import { extendTailwindMerge, twMerge } from 'tailwind-merge';
+import { joinClasses } from './utils.js';
 function isStyleDefinition(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 }
@@ -58,9 +59,6 @@ function evaluateDefinition(definition, context) {
         }
     }
 }
-function joinClasses(...classes) {
-    return classes.filter(Boolean).join(' ');
-}
 /**
  * Creates a customized `ntv` function with the specified options.
  *
@@ -122,54 +120,4 @@ export function createNTV(options = {}) {
  * ```
  */
 export const ntv = createNTV();
-/**
- * Creates a customized `composeNtv` function with the specified options.
- *
- * @example
- * ```ts
- * // Disable tailwind-merge
- * const composeNtvNoMerge = createComposeNtv({ twMerge: false });
- *
- * // With custom tailwind-merge config
- * const customComposeNtv = createComposeNtv({
- *   twMergeConfig: {
- *     extend: {
- *       theme: {
- *         shadow: ['100', '200', '300'],
- *       },
- *     },
- *   },
- * });
- * ```
- */
-export function createComposeNtv(options = {}) {
-    const { twMerge: useTwMerge = true, twMergeConfig } = options;
-    const mergeClasses = useTwMerge
-        ? twMergeConfig
-            ? extendTailwindMerge(twMergeConfig)
-            : twMerge
-        : joinClasses;
-    return (...fns) => (props) => mergeClasses(...fns.map((fn) => fn(props)));
-}
-/**
- * Composes multiple style functions into a single function.
- *
- * @example
- * ```ts
- * const baseButton = ntv<{ size?: 'sm' | 'lg' }>({
- *   default: 'rounded font-medium',
- *   size: { sm: 'px-2 py-1 text-sm', lg: 'px-4 py-2 text-lg' },
- * });
- *
- * const coloredButton = ntv<{ variant?: 'primary' | 'secondary' }>({
- *   variant: { primary: 'bg-blue-500 text-white', secondary: 'bg-gray-200' },
- * });
- *
- * const button = composeNtv(baseButton, coloredButton);
- *
- * button({ size: 'lg', variant: 'primary' });
- * // => 'rounded font-medium px-4 py-2 text-lg bg-blue-500 text-white'
- * ```
- */
-export const composeNtv = createComposeNtv();
 //# sourceMappingURL=ntv.js.map

package/dist/ntv.js.map

@@ -1 +1 @@
-{"version":3,"file":"ntv.js","sourceRoot":"","sources":["../src/ntv.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAuD9D,SAAS,iBAAiB,CAAC,KAAc;IACvC,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;AAC9E,CAAC;AAED,SAAS,kBAAkB,CACzB,UAA2C,EAC3C,OAAiC;IAEjC,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;QACnC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACjC,OAAO;IACT,CAAC;IAED,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE,CAAC;QACnC,OAAO;IACT,CAAC;IAED,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAE3C,IAAI,YAAY,GAAY,SAAS,CAAC;IACtC,MAAM,UAAU,GAA6B,EAAE,CAAC;IAEhD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,OAAO,EAAE,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,YAAY,GAAG,KAAK,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;IACxD,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,cAAc,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAC;IAEpF,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAC/B,kBAAkB,CAAC,YAA+C,EAAE;YAClE,GAAG,OAAO;YACV,cAAc,EAAE,iBAAiB;SAClC,CAAC,CAAC;IACL,CAAC;IAED,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,UAAU,EAAE,CAAC;QACtC,IAAI,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YACpC,SAAS;QACX,CAAC;QAED,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAE9B,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,GAAkB,CAAC,CAAC;QAEpD,IAAI,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,EAAE,CAAC;YAC/C,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC;YAClE,kBAAkB,CAAC,KAAwC,EAAE;gBAC3D,KAAK,EAAE,OAAO,CAAC,KAAK;gBACpB,cAAc,EAAE,oBAAoB;gBACpC,OAAO,EAAE,OAAO,CAAC,OAAO;aACzB,CAAC,CAAC;QACL,CAAC;aAAM,IAAI,GAAG,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YACxD,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC7B,MAAM,YAAY,GAAG,KAAK,CAAC,SAAmB,CAAC,CAAC;gBAChD,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;oBAC/B,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC;oBAClE,kBAAkB,CAAC,YAA+C,EAAE;wBAClE,KAAK,EAAE,OAAO,CAAC,KAAK;wBACpB,cAAc,EAAE,oBAAoB;wBACpC,OAAO,EAAE,OAAO,CAAC,OAAO;qBACzB,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,GAAG,OAAiB;IACvC,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3C,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,SAAS,CACvB,UAAqB,EAAE;IAEvB,MAAM,EAAE,OAAO,EAAE,UAAU,GAAG,IAAI,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC;IAE9D,MAAM,YAAY,GAAG,UAAU;QAC7B,CAAC,CAAC,aAAa;YACb,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC;YACpC,CAAC,CAAC,OAAO;QACX,CAAC,CAAC,WAAW,CAAC;IAEhB,OAAO,SAAS,GAAG,CACjB,KAA6B;QAE7B,OAAO,CAAC,KAAK,EAAE,EAAE;YACf,MAAM,OAAO,GAA6B;gBACxC,KAAK;gBACL,cAAc,EAAE,IAAI,GAAG,EAAE;gBACzB,OAAO,EAAE,EAAE;aACZ,CAAC;YAEF,kBAAkB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAEnC,OAAO,YAAY,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,gBAAgB,CAC9B,UAAqB,EAAE;IAIvB,MAAM,EAAE,OAAO,EAAE,UAAU,GAAG,IAAI,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC;IAE9D,MAAM,YAAY,GAAG,UAAU;QAC7B,CAAC,CAAC,aAAa;YACb,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC;YACpC,CAAC,CAAC,OAAO;QACX,CAAC,CAAC,WAAW,CAAC;IAEhB,OAAO,CAAC,GAAG,GAAG,EAAE,EAAE,CAChB,CAAC,KAAK,EAAE,EAAE,CACR,YAAY,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"ntv.js","sourceRoot":"","sources":["../src/ntv.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,17 @@
+import { extendTailwindMerge } from 'tailwind-merge';
+export type TWMergeConfig = Parameters<typeof extendTailwindMerge>[0];
+export interface NTVConfig {
+    /**
+     * Whether to use `tailwind-merge` to resolve conflicting Tailwind classes.
+     * @see https://github.com/dcastil/tailwind-merge
+     * @default true
+     */
+    twMerge?: boolean;
+    /**
+     * Custom configuration for `tailwind-merge`.
+     * @see https://github.com/dcastil/tailwind-merge/blob/main/docs/configuration.md
+     */
+    twMergeConfig?: TWMergeConfig;
+}
+export type StyleFunction<P = Record<string, unknown>> = (props: Partial<P>) => string;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtE,MAAM,WAAW,SAAS;IACxB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+import { extendTailwindMerge } from 'tailwind-merge';
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function joinClasses(...classes: string[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,CAExD"}

package/dist/utils.js

@@ -0,0 +1,4 @@
+export function joinClasses(...classes) {
+    return classes.join(' ');
+}
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAAC,GAAG,OAAiB;IAC9C,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nestable-tailwind-variants",
-  "version": "0.1.2",
-  "description": "A variant styling library for Tailwind CSS that supports nested condition definitions.",
+  "version": "0.1.4",
+  "description": "A variant styling library for Tailwind CSS that expresses complex style combinations through nested condition definitions instead of flat `compoundVariants` patterns.",
   "homepage": "https://github.com/yuheiy/nestable-tailwind-variants#readme",
   "bugs": {
     "url": "https://github.com/yuheiy/nestable-tailwind-variants/issues"
@@ -28,15 +28,15 @@
     "@commitlint/config-conventional": "^20.3.1",
     "bumpp": "^10.3.2",
     "lint-staged": "^16.2.7",
-    "oxfmt": "^0.23.0",
-    "oxlint": "^1.38.0",
+    "oxfmt": "^0.24.0",
+    "oxlint": "^1.39.0",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.16",
+    "vitest": "^4.0.17",
     "node": "runtime:^24.12.0"
   },
   "lint-staged": {
     "*": "oxfmt --no-error-on-unmatched-pattern",
-    "*.{js,jsx,ts,tsx,mjs,cjs}": "pnpm run lint"
+    "*.{js,jsx,ts,tsx,mjs,cjs}": "node --run lint"
   },
   "devEngines": {
     "runtime": {
@@ -47,6 +47,7 @@
   },
   "scripts": {
     "build": "tsc",
+    "clean": "git clean -fx dist/",
     "format": "oxfmt",
     "format:check": "oxfmt --check",
     "lint": "oxlint",