Brunobkr/llama.cpp_AlgMor24_github

1<p align="center">2  <a href="https://tailwind-variants.org">3    <img width="20%" src=".github/assets/isotipo.png" alt="tailwind-variants" />4    <h1 align="center">tailwind-variants</h1>5  </a>6</p>7<p align="center">8  The <em>power</em> of Tailwind combined with a <em>first-class</em> variant API.<br><br>9  <a href="https://www.npmjs.com/package/tailwind-variants">10    <img src="https://img.shields.io/npm/dm/tailwind-variants.svg?style=flat-round" alt="npm downloads">11  </a>12  <a href="https://www.npmjs.com/package/tailwind-variants">13    <img alt="NPM Version" src="https://badgen.net/npm/v/tailwind-variants" />14  </a>15  <a href="https://github.com/heroui-inc/tailwind-variants/blob/main/LICENSE">16    <img src="https://img.shields.io/npm/l/tailwind-variants?style=flat" alt="License">17  </a>18</p>19 20## Features21 22- First-class variant API23- Slots support24- Composition support25- Fully typed26- Framework agnostic27- Automatic conflict resolution28- Tailwindcss V4 support29 30## Documentation31 32For full documentation, visit [tailwind-variants.org](https://tailwind-variants.org)33 34> ❕ Note: `Tailwindcss V4` no longer supports the `config.content.transform` so we remove the `responsive variants` feature35>36> If you want to use `responsive variants`, you need to add it manually to your classname.37 38## Quick Start39 401. Installation:41   To use Tailwind Variants in your project, you can install it as a dependency:42 43```bash44yarn add tailwind-variants45# or46npm i tailwind-variants47# or48pnpm add tailwind-variants49```50 51**Optional:** If you want automatic conflict resolution, also install `tailwind-merge`:52 53```bash54yarn add tailwind-merge55# or56npm i tailwind-merge57# or58pnpm add tailwind-merge59```60 61> **⚠️ Compatibility Note:** Supports Tailwind CSS v4.x (requires `tailwind-merge` v3.x). If you use Tailwind CSS v3.x, use tailwind-variants v0.x with [tailwind-merge v2.6.0](https://github.com/dcastil/tailwind-merge/tree/v2.6.0).62 63> **💡 Lite mode (v3):** For smaller bundle size and faster runtime without conflict resolution, use the `/lite` import:64>65> ```js66> import {tv} from "tailwind-variants/lite";67> ```68 69> **⚠️ Upgrading?**70>71> - From v2 to v3: See the [v3 migration guide](./MIGRATION-V3.md)72> - From v1 to v2: See the [v2 migration guide](./MIGRATION-V2.md)73 742. Usage:75 76```js77import {tv} from "tailwind-variants";78 79const button = tv({80  base: "font-medium bg-blue-500 text-white rounded-full active:opacity-80",81  variants: {82    color: {83      primary: "bg-blue-500 text-white",84      secondary: "bg-purple-500 text-white",85    },86    size: {87      sm: "text-sm",88      md: "text-base",89      lg: "px-4 py-3 text-lg",90    },91  },92  compoundVariants: [93    {94      size: ["sm", "md"],95      class: "px-3 py-1",96    },97  ],98  defaultVariants: {99    size: "md",100    color: "primary",101  },102});103 104return <button className={button({size: "sm", color: "secondary"})}>Click me</button>;105```106 107## Utility Functions108 109Tailwind Variants provides several utility functions for combining and merging class names:110 111### `cx` - Simple Concatenation112 113Combines class names without merging conflicting classes (similar to `clsx`):114 115```js116import {cx} from "tailwind-variants";117 118cx("text-xl", "font-bold"); // => "text-xl font-bold"119cx("px-2", "px-4"); // => "px-2 px-4" (no merging)120```121 122### `cn` - Merge with Default Config123 124> **Updated in v3.2.2** - Now returns a string directly (no function call needed)125 126Combines class names and merges conflicting Tailwind CSS classes using the default `tailwind-merge` config. Returns a string directly:127 128```js129import {cn} from "tailwind-variants";130 131cn("bg-red-500", "bg-blue-500"); // => "bg-blue-500"132cn("px-2", "px-4", "py-2"); // => "px-4 py-2"133```134 135### `cnMerge` - Merge with Custom Config136 137> **Available from v3.2.2**138 139Combines class names and merges conflicting Tailwind CSS classes with support for custom `twMerge` configuration via a second function call:140 141```js142import {cnMerge} from "tailwind-variants";143 144// Disable merging145cnMerge("px-2", "px-4")({twMerge: false}) // => "px-2 px-4"146 147// Enable merging explicitly148cnMerge("bg-red-500", "bg-blue-500")({twMerge: true}) // => "bg-blue-500"149 150// Use custom twMergeConfig151cnMerge("px-2", "px-4")({twMergeConfig: {...}}) // => merged with custom config152```153 154**When to use which:**155 156- Use `cx` when you want simple concatenation without any merging157- Use `cn` for most cases when you want automatic conflict resolution with default settings158- Use `cnMerge` when you need to customize the merge behavior (disable merging, custom config, etc.)159 160## Acknowledgements161 162- [**cva**](https://github.com/joe-bell/cva) ([Joe Bell](https://github.com/joe-bell))163  This project as started as an extension of Joe's work on `cva` – a great tool for generating variants for a single element with Tailwind CSS. Big shoutout to [Joe Bell](https://github.com/joe-bell) and [contributors](https://github.com/joe-bell/cva/graphs/contributors) you guys rock! 🤘 - we recommend to use `cva` if don't need any of the **Tailwind Variants** features listed [here](https://www.tailwind-variants.org/docs/comparison).164 165- [**Stitches**](https://stitches.dev/) ([Modulz](https://modulz.app))  166  The pioneers of the `variants` API movement. Inmense thanks to [Modulz](https://modulz.app) for their work on Stitches and the community around it. 🙏167 168## Community169 170We're excited to see the community adopt HeroUI, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!171 172- [Discord](https://discord.gg/9b6yyZKmH4)173- [Twitter](https://twitter.com/getnextui)174- [GitHub Discussions](https://github.com/heroui-inc/tailwind-variants/discussions)175 176## Contributing177 178Contributions are always welcome!179 180Please follow our [contributing guidelines](./CONTRIBUTING.md).181 182Please adhere to this project's [CODE_OF_CONDUCT](./CODE_OF_CONDUCT.md).183 184## Authors185 186- Junior garcia ([@jrgarciadev](https://github.com/jrgaciadev))187- Tianen Pang ([@tianenpang](https://github.com/tianenpang))188 189## License190 191Licensed under the MIT License.192 193See [LICENSE](./LICENSE.md) for more information.194