nestable-tailwind-variants 0.0.1 → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Yuhei Yasuda
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,45 +1,189 @@
 # nestable-tailwind-variants
 
-## ⚠️ IMPORTANT NOTICE ⚠️
+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.
 
-**This package is created solely for the purpose of setting up OIDC (OpenID Connect) trusted publishing with npm.**
+Inspired by [React Spectrum's `style` macro](https://react-spectrum.adobe.com/styling), with some ideas from [tailwind-variants](https://www.tailwind-variants.org/).
+
+## Installation
+
+```bash
+npm install nestable-tailwind-variants
+```
+
+## Basic Usage
+
+Define variants with string union types:
+
+```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';
+  isHovered?: boolean;
+}
+
+const card = ntv<CardStyleProps>({
+  variant: {
+    elevated: {
+      default: 'shadow-md',
+      isHovered: 'shadow-xl',
+    },
+  },
+});
+
+card({ variant: 'elevated' });
+// => 'shadow-md'
+
+card({ variant: 'elevated', isHovered: true });
+// => 'shadow-xl'
+```
 
-This is **NOT** a functional package and contains **NO** code or functionality beyond the OIDC setup configuration.
+When a condition matches at the same level, `default` is skipped. Conditions can be nested to any depth.
 
-## Purpose
+## Comparison with tailwind-variants
 
-This package exists to:
-1. Configure OIDC trusted publishing for the package name `nestable-tailwind-variants`
-2. Enable secure, token-less publishing from CI/CD workflows
-3. Establish provenance for packages published under this name
+With tailwind-variants, compound conditions require `compoundVariants`.
 
-## What is OIDC Trusted Publishing?
+**tailwind-variants:**
 
-OIDC trusted publishing allows package maintainers to publish packages directly from their CI/CD workflows without needing to manage npm access tokens. Instead, it uses OpenID Connect to establish trust between the CI/CD provider (like GitHub Actions) and npm.
-
-## Setup Instructions
-
-To properly configure OIDC trusted publishing for this package:
-
-1. Go to [npmjs.com](https://www.npmjs.com/) and navigate to your package settings
-2. Configure the trusted publisher (e.g., GitHub Actions)
-3. Specify the repository and workflow that should be allowed to publish
-4. Use the configured workflow to publish your actual package
-
-## DO NOT USE THIS PACKAGE
-
-This package is a placeholder for OIDC configuration only. It:
-- Contains no executable code
-- Provides no functionality
-- Should not be installed as a dependency
-- Exists only for administrative purposes
-
-## More Information
-
-For more details about npm's trusted publishing feature, see:
-- [npm Trusted Publishing Documentation](https://docs.npmjs.com/generating-provenance-statements)
-- [GitHub Actions OIDC Documentation](https://docs.github.com/en/actions/deployment/security-hardening-your-deployments/about-security-hardening-with-openid-connect)
-
----
-
-**Maintained for OIDC setup purposes only**
+```tsx
+const button = tv({
+  base: 'rounded font-medium',
+  variants: {
+    variant: {
+      primary: 'bg-blue-500 text-white',
+      secondary: 'bg-gray-200 text-gray-800',
+    },
+    isHovered: { true: '' },
+    isPressed: { true: '' },
+  },
+  compoundVariants: [
+    { variant: 'primary', isHovered: true, class: 'bg-blue-600' },
+    { variant: 'primary', isPressed: true, class: 'bg-blue-700' },
+    { variant: 'secondary', isHovered: true, class: 'bg-gray-300' },
+    { variant: 'secondary', isPressed: true, class: 'bg-gray-400' },
+  ],
+});
+```
+
+**nestable-tailwind-variants:**
+
+```tsx
+const button = ntv<ButtonStyleProps>({
+  default: 'rounded font-medium',
+  variant: {
+    primary: {
+      default: 'bg-blue-500 text-white',
+      isHovered: 'bg-blue-600',
+      isPressed: 'bg-blue-700',
+    },
+    secondary: {
+      default: 'bg-gray-200 text-gray-800',
+      isHovered: 'bg-gray-300',
+      isPressed: 'bg-gray-400',
+    },
+  },
+});
+```
+
+Nesting groups related styles together, reflecting the logical hierarchy of conditions in your code.
+
+## Composing Styles
+
+Combine multiple style functions using `composeNtv`:
+
+```tsx
+import { ntv, composeNtv } from 'nestable-tailwind-variants';
+
+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 text-gray-800',
+  },
+});
+
+const button = composeNtv(baseButton, coloredButton);
+
+button({ size: 'lg', variant: 'primary' });
+// => 'rounded font-medium px-4 py-2 text-lg bg-blue-500 text-white'
+```
+
+## API
+
+### `ntv<Props>(style)`
+
+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
+- Returns `(props: Partial<Props>) => string`
+
+### `composeNtv(...fns)`
+
+Composes multiple style functions into a single function.
+
+- `fns` - Style functions to compose
+- Returns `(props: Partial<Props>) => string`
+
+### `createNTV(options)`
+
+Creates a customized `ntv` function.
+
+- `options.twMerge` (`boolean`, default: `true`) - Enable tailwind-merge
+- `options.twMergeConfig` (`object`) - Custom tailwind-merge configuration
+- Returns customized `ntv` function
+
+```tsx
+const ntvNoMerge = createNTV({ twMerge: false });
+
+const customNTV = createNTV({
+  twMergeConfig: {
+    extend: {
+      theme: {
+        shadow: ['100', '200', '300'],
+      },
+    },
+  },
+});
+```

package/dist/index.d.ts

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

package/dist/index.d.ts.map

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

package/dist/index.js

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

package/dist/index.js.map

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

package/dist/ntv.d.ts

@@ -0,0 +1,99 @@
+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;
+}
+type BooleanConditionKey = `is${Capitalize<string>}` | `allows${Capitalize<string>}`;
+type ExtractBooleanKeys<Props> = {
+    [K in keyof Props]: K extends BooleanConditionKey ? K : never;
+}[keyof Props];
+type ExtractVariantKeys<Props> = Exclude<keyof Props, ExtractBooleanKeys<Props>>;
+type NestedStyleValue<Props> = string | StyleDefinition<Props>;
+type StyleDefinition<Props> = {
+    default?: string;
+} & {
+    [K in ExtractBooleanKeys<Props>]?: NestedStyleValue<Props>;
+} & {
+    [K in ExtractVariantKeys<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.
+ *
+ * @example
+ * ```ts
+ * // Disable tailwind-merge
+ * const ntvNoMerge = createNTV({ twMerge: false });
+ *
+ * // With custom tailwind-merge config
+ * const customNTV = createNTV({
+ *   twMergeConfig: {
+ *     extend: {
+ *       theme: {
+ *         shadow: ['100', '200', '300'],
+ *       },
+ *     },
+ *   },
+ * });
+ * ```
+ */
+export declare function createNTV(options?: NTVConfig): <Props extends Record<string, unknown>>(style: StyleDefinition<Props>) => StyleFunction<Props>;
+/**
+ * Creates a style function from a nested style definition.
+ *
+ * @example
+ * ```ts
+ * const button = ntv<{ variant?: 'primary' | 'secondary'; isDisabled?: boolean }>({
+ *   default: 'px-4 py-2 rounded',
+ *   variant: {
+ *     primary: 'bg-blue-500 text-white',
+ *     secondary: 'bg-gray-200 text-gray-800',
+ *   },
+ *   isDisabled: 'opacity-50 cursor-not-allowed',
+ * });
+ *
+ * button({ variant: 'primary' });
+ * // => 'px-4 py-2 rounded bg-blue-500 text-white'
+ *
+ * button({ variant: 'primary', isDisabled: true });
+ * // => 'px-4 py-2 rounded bg-blue-500 text-white opacity-50 cursor-not-allowed'
+ * ```
+ */
+export declare const ntv: <Props extends Record<string, unknown>>(style: StyleDefinition<Props>) => StyleFunction<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 declare function composeNtv<T extends StyleFunction[]>(...fns: T): StyleFunction<UnionToIntersection<ExtractProps<T[number]>>>;
+export {};
+//# sourceMappingURL=ntv.d.ts.map

package/dist/ntv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ntv.d.ts","sourceRoot":"","sources":["../src/ntv.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,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,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;AAEF,KAAK,aAAa,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC;AAEhF,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;AAoFpE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,SAAS,CACvB,OAAO,GAAE,SAAc,GACtB,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,aAAa,CAAC,KAAK,CAAC,CAwBhG;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,GAAG,GA/CZ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,eAAe,CAAC,KAAK,CAAC,KAAK,aAAa,CAAC,KAAK,CA+ClE,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,aAAa,EAAE,EAClD,GAAG,GAAG,EAAE,CAAC,GACR,aAAa,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAE7D"}

package/dist/ntv.js

@@ -0,0 +1,148 @@
+import { twMerge, extendTailwindMerge } from 'tailwind-merge';
+function isStyleDefinition(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function evaluateDefinition(definition, context) {
+    if (typeof definition === 'string') {
+        context.classes.push(definition);
+        return;
+    }
+    if (!isStyleDefinition(definition)) {
+        return;
+    }
+    const entries = Object.entries(definition);
+    let defaultValue = undefined;
+    const conditions = [];
+    for (const [key, value] of entries) {
+        if (key === 'default') {
+            defaultValue = value;
+        }
+        else {
+            conditions.push([key, value]);
+        }
+    }
+    const allConditionKeys = conditions.map(([key]) => key);
+    const subSkipConditions = new Set([...context.skipConditions, ...allConditionKeys]);
+    if (defaultValue !== undefined) {
+        evaluateDefinition(defaultValue, {
+            ...context,
+            skipConditions: subSkipConditions,
+        });
+    }
+    for (const [key, value] of conditions) {
+        if (context.skipConditions.has(key)) {
+            continue;
+        }
+        subSkipConditions.delete(key);
+        const propValue = context.props[key];
+        if (/^(is|allows)[A-Z]/.test(key) && propValue) {
+            const nestedSkipConditions = new Set([...subSkipConditions, key]);
+            evaluateDefinition(value, {
+                props: context.props,
+                skipConditions: nestedSkipConditions,
+                classes: context.classes,
+            });
+        }
+        else if (key !== 'default' && propValue !== undefined) {
+            if (isStyleDefinition(value)) {
+                const variantValue = value[propValue];
+                if (variantValue !== undefined) {
+                    const nestedSkipConditions = new Set([...subSkipConditions, key]);
+                    evaluateDefinition(variantValue, {
+                        props: context.props,
+                        skipConditions: nestedSkipConditions,
+                        classes: context.classes,
+                    });
+                }
+            }
+        }
+    }
+}
+function joinClasses(...classes) {
+    return classes.filter(Boolean).join(' ');
+}
+/**
+ * Creates a customized `ntv` function with the specified options.
+ *
+ * @example
+ * ```ts
+ * // Disable tailwind-merge
+ * const ntvNoMerge = createNTV({ twMerge: false });
+ *
+ * // With custom tailwind-merge config
+ * const customNTV = createNTV({
+ *   twMergeConfig: {
+ *     extend: {
+ *       theme: {
+ *         shadow: ['100', '200', '300'],
+ *       },
+ *     },
+ *   },
+ * });
+ * ```
+ */
+export function createNTV(options = {}) {
+    const { twMerge: useTwMerge = true, twMergeConfig } = options;
+    const mergeClasses = useTwMerge
+        ? twMergeConfig
+            ? extendTailwindMerge(twMergeConfig)
+            : twMerge
+        : joinClasses;
+    return function ntv(style) {
+        return (props) => {
+            const context = {
+                props,
+                skipConditions: new Set(),
+                classes: [],
+            };
+            evaluateDefinition(style, context);
+            return mergeClasses(...context.classes);
+        };
+    };
+}
+/**
+ * Creates a style function from a nested style definition.
+ *
+ * @example
+ * ```ts
+ * const button = ntv<{ variant?: 'primary' | 'secondary'; isDisabled?: boolean }>({
+ *   default: 'px-4 py-2 rounded',
+ *   variant: {
+ *     primary: 'bg-blue-500 text-white',
+ *     secondary: 'bg-gray-200 text-gray-800',
+ *   },
+ *   isDisabled: 'opacity-50 cursor-not-allowed',
+ * });
+ *
+ * button({ variant: 'primary' });
+ * // => 'px-4 py-2 rounded bg-blue-500 text-white'
+ *
+ * button({ variant: 'primary', isDisabled: true });
+ * // => 'px-4 py-2 rounded bg-blue-500 text-white opacity-50 cursor-not-allowed'
+ * ```
+ */
+export const ntv = createNTV();
+/**
+ * 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 function composeNtv(...fns) {
+    return (props) => twMerge(...fns.map((fn) => fn(props)));
+}
+//# sourceMappingURL=ntv.js.map

package/dist/ntv.js.map

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

package/package.json

@@ -1,10 +1,58 @@
 {
   "name": "nestable-tailwind-variants",
-  "version": "0.0.1",
-  "description": "OIDC trusted publishing setup package for nestable-tailwind-variants",
-  "keywords": [
-    "oidc",
-    "trusted-publishing",
-    "setup"
-  ]
-}
+  "version": "0.1.0",
+  "description": "A variant styling library for Tailwind CSS that supports nested condition definitions.",
+  "homepage": "https://github.com/yuheiy/nestable-tailwind-variants#readme",
+  "bugs": {
+    "url": "https://github.com/yuheiy/nestable-tailwind-variants/issues"
+  },
+  "license": "MIT",
+  "author": "Yuhei Yasuda <yuhei.yasuda1003@gmail.com> (https://yuheiy.com/)",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yuheiy/nestable-tailwind-variants.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "tailwind-merge": "^3.4.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^20.3.1",
+    "@commitlint/config-conventional": "^20.3.1",
+    "bumpp": "^10.3.2",
+    "lint-staged": "^16.2.7",
+    "oxfmt": "^0.23.0",
+    "oxlint": "^1.38.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.16",
+    "node": "runtime:^24.12.0"
+  },
+  "lint-staged": {
+    "*": "oxfmt --no-error-on-unmatched-pattern",
+    "*.{js,jsx,ts,tsx,mjs,cjs}": "pnpm run lint"
+  },
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "version": "^24.12.0",
+      "onFail": "download"
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "format": "oxfmt",
+    "format:check": "oxfmt --check",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "release": "bumpp -r",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit"
+  }
+}