Socket
Socket
Sign inDemoInstall

twind

Package Overview
Dependencies
Maintainers
2
Versions
159
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

twind - npm Package Compare versions

Comparing version 0.16.16 to 1.0.0-next.1

CHANGELOG.md

153

package.json
{
"name": "twind",
"version": "0.16.16",
"description": "compiles tailwind like shorthand syntax into css at runtime",
"version": "1.0.0-next.1",
"description": "tailwindcss compat based on twind",
"homepage": "https://twind.dev",
"bugs": {
"url": "https://github.com/tw-in-js/twind/issues"
},
"repository": {
"type": "git",
"url": "git+https://github.com/tw-in-js/twind.git",
"directory": "packages/twind"
},
"keywords": [
"twind",
"tw-in-js",
"tailwind",
"tw-in-js",
"tailwindcss",
"tailwind-in-js"
],
"homepage": "https://twind.dev",
"bugs": "https://github.com/tw-in-js/twind/issues",
"repository": "github:tw-in-js/twind",
"license": "MIT",
"author": {
"name": "Sascha Tandel",
"url": "https://github.com/sastan"
},
"engines": {
"node": ">=12.4"
},
"publishConfig": {
"tag": "next",
"access": "public",
"directory": "dist"
},
"contributors": [
"Luke Jackson (lukejacksonn.github.io)",
"Sascha Tandel (https://github.com/sastan)"
{
"name": "Luke Jackson",
"url": "lukejacksonn.github.io"
},
{
"name": "Sascha Tandel",
"url": "https://github.com/sastan"
}
],
"engines": {
"node": ">=10.13"
},
"type": "module",
"main": "./twind.cjs",

@@ -28,88 +52,31 @@ "exports": {

"types": "./twind.d.ts",
"require": "./twind.cjs",
"node": "./twind.mjs",
"node": {
"module": "./twind.js",
"import": "./twind.mjs",
"require": "./twind.cjs"
},
"default": "./twind.js"
},
"./package.json": "./package.json",
"./colors": {
"esnext": "./colors/colors.esnext.js",
"module": "./colors/colors.js",
"script": "./colors/colors.umd.js",
"types": "./colors/colors.d.ts",
"require": "./colors/colors.cjs",
"node": "./colors/colors.mjs",
"default": "./colors/colors.js"
},
"./css": {
"esnext": "./css/css.esnext.js",
"module": "./css/css.js",
"script": "./css/css.umd.js",
"types": "./css/css.d.ts",
"require": "./css/css.cjs",
"node": "./css/css.mjs",
"default": "./css/css.js"
},
"./observe": {
"esnext": "./observe/observe.esnext.js",
"module": "./observe/observe.js",
"script": "./observe/observe.umd.js",
"types": "./observe/observe.d.ts",
"require": "./observe/observe.cjs",
"node": "./observe/observe.mjs",
"default": "./observe/observe.js"
},
"./shim": {
"esnext": "./shim/shim.esnext.js",
"module": "./shim/shim.js",
"script": "./shim/shim.umd.js",
"types": "./shim/shim.d.ts",
"require": "./shim/shim.cjs",
"node": "./shim/shim.mjs",
"default": "./shim/shim.js"
},
"./shim/server": {
"esnext": "./shim/server/server.esnext.js",
"module": "./shim/server/server.js",
"types": "./shim/server/server.d.ts",
"require": "./shim/server/server.cjs",
"node": "./shim/server/server.mjs",
"default": "./shim/server/server.js"
},
"./server": {
"esnext": "./server/server.esnext.js",
"module": "./server/server.js",
"types": "./server/server.d.ts",
"require": "./server/server.cjs",
"node": "./server/server.mjs",
"default": "./server/server.js"
},
"./sheets": {
"esnext": "./sheets/sheets.esnext.js",
"module": "./sheets/sheets.js",
"script": "./sheets/sheets.umd.js",
"types": "./sheets/sheets.d.ts",
"require": "./sheets/sheets.cjs",
"node": "./sheets/sheets.mjs",
"default": "./sheets/sheets.js"
},
"./style": {
"esnext": "./style/style.esnext.js",
"module": "./style/style.js",
"script": "./style/style.umd.js",
"types": "./style/style.d.ts",
"require": "./style/style.cjs",
"node": "./style/style.mjs",
"default": "./style/style.js"
},
"./package.json": "./package.json"
"esnext": "./colors.esnext.js",
"module": "./colors.js",
"script": "./colors.umd.js",
"types": "./colors.d.ts",
"node": {
"module": "./colors.js",
"import": "./colors.mjs",
"require": "./colors.cjs"
},
"default": "./colors.js"
}
},
"sideEffects": [
"./shim/shim.js"
],
"sideEffects": true,
"dependencies": {
"csstype": "^3.0.5",
"htmlparser2": "^6.0.0",
"style-vendorizer": "^2.0.0"
"@twind/core": "*",
"@twind/preset-autoprefix": "*",
"@twind/preset-tailwind": "*"
},
"peerDependencies": {
"typescript": "^4.1.0"
"typescript": "^4.4.0"
},

@@ -121,7 +88,9 @@ "peerDependenciesMeta": {

},
"module": "./twind.js",
"esnext": "./twind.esnext.js",
"module": "./twind.js",
"unpkg": "./twind.umd.js",
"jsdelivr": "./twind.umd.js",
"umd:main": "./twind.umd.js",
"types": "./twind.d.ts"
"types": "./twind.d.ts",
"readme": "# twind\n\n---\n\n## READ THIS FIRST!\n\n**Twind v1 is still in beta. Expect bugs!**\n\nTwind v1 is a complete rewrite aiming to be compatible with Tailwind v3 classes\n\n---\n\n## Installation\n\nInstall from npm:\n\n```sh\n# Using npm\nnpm install twind@next\n\n# Using Yarn\nyarn add twind@next\n```\n\n## Usage\n\n```js\nimport 'twind'\n```\n\nOr using a CDNs:\n\n```html\n<script src=\"https://cdn.skypack.dev/npm/twind@next/twind.umd.js\"></script>\n```\n"
}

@@ -1,138 +0,35 @@

<div align="center">
# twind
<img src="https://twind.dev/assets/twind-logo-animated.svg" height="125" width="125" />
<a href="https://twind.dev" align="center"><h1>Twind</h1></a>
---
<p align="center">
The smallest, fastest, most feature complete Tailwind-in-JS solution in existence
</p>
## READ THIS FIRST!
[![MIT License](https://flat.badgen.net/github/license/tw-in-js/twind)](https://github.com/tw-in-js/twind/blob/main/LICENSE)
[![Latest Release](https://flat.badgen.net/npm/v/twind?icon=npm&label&cache=10800&color=blue)](https://www.npmjs.com/package/twind)
[![Bundle Size](https://flat.badgen.net/bundlephobia/minzip/twind?icon=packagephobia&label&color=blue&cache=10800)](https://bundlephobia.com/result?p=twind 'gzip bundle size (including dependencies)')
[![Package Size](https://flat.badgen.net/badgesize/brotli/https://cdn.jsdelivr.net/npm/twind/twind.min.js?icon=jsdelivr&label&color=blue&cache=10800)](https://unpkg.com/twind/twind.js 'brotli package size (without dependencies)')
[![Documentation](https://flat.badgen.net/badge/icon/Documentation?icon=awesome&label)](https://twind.dev)
[![Github](https://flat.badgen.net/badge/icon/tw-in-js%2Ftwind?icon=github&label)](https://github.com/tw-in-js/twind)
[![Discord](https://flat.badgen.net/badge/icon/discord?icon=discord&label)](https://discord.com/invite/2aP5NkszvD)
[![CI](https://github.com/tw-in-js/twind/workflows/CI/badge.svg)](https://github.com/tw-in-js/twind/actions?query=workflow%3Aci)
[![Coverage Status](https://flat.badgen.net/coveralls/c/github/tw-in-js/twind/main?icon=codecov&label&cache=10800)](https://coveralls.io/github/tw-in-js/twind?branch=main)
**Twind v1 is still in beta. Expect bugs!**
</div>
Twind v1 is a complete rewrite aiming to be compatible with Tailwind v3 classes
Twind is a small compiler (~13kB) that converts Tailwind classes into actual CSS rules at runtime. If you have used Tailwind or other CSS-in-JS solutions, then most of the API should feel very familiar.
---
## [Documentation](https://twind.dev)
## Installation
Frequently viewed docs:
Install from npm:
- [Quick Reference](https://twind.dev/handbook/quick-reference.html) – fast overview
- [Getting Started](https://twind.dev/handbook/getting-started.html) – how to install `twind`
- [Shim](https://twind.dev/handbook/the-shim.html) – seamless integration with existing Tailwind HTML
- [Styling with Twind](https://twind.dev/handbook/styling-with-twind.html) – how to style with Twind
- [Grouping](https://twind.dev/handbook/grouping-syntax.html) – how to optimize rules size
- [Theming](https://twind.dev/handbook/configuration.html#theme) – how to apply your theme
- [CSS-in-JS](https://twind.dev/handbook/css-in-twind.html) – how to apply custom CSS
- [Tailwind Extensions](https://twind.dev/handbook/extended-functionality.html) – which additional features are available
```sh
# Using npm
npm install twind@next
## [Features](http://twind.dev/handbook/introduction.html#features)
# Using Yarn
yarn add twind@next
```
**⚡️ No build step**
## Usage
Get all the benefits of Tailwind without the need for Tailwind, PostCSS, configuration, purging, or autoprefixing.
**🚀 Framework agnostic**
If your app uses HTML and JavaScript, it should work with Twind. This goes for server-rendered apps too.
**😎 One low fixed cost**
Twind ships the compiler, not the CSS. This means unlimited styles and variants for one low fixed cost of ~13kB.
Other features include:
- 🎨 Seamless integration with Tailwind
- 🎯 Extended variants, directives, and syntax
- ✈️ Tailwind preflight by default
- 🤝 Feature parity with Tailwind
- 🚓 Escape hatch for arbitrary CSS
- 🤖 Built in support for conditional rule combining
- 🧐 Improved readability with multiline styles
- ❄️ Optional hashing of class names ensuring no conflicts
- 🔌 Language extension via plugins
- 🎩 No runtime overhead with static extraction
- 🚅 Faster than most CSS-in-JS libraries
- and more!
## ⚡️ [Quick Start](http://twind.dev/handbook/getting-started.html)
Copy and paste this code into your favorite sandbox to get started with Twind right away:
```js
import { tw } from 'https://cdn.skypack.dev/twind'
document.body.innerHTML = `
<main class="${tw`h-screen bg-purple-400 flex items-center justify-center`}">
<h1 class="${tw`font-bold text(center 5xl white sm:gray-800 md:pink-700)`}">This is Twind!</h1>
</main>
`
import 'twind'
```
Alternatively try the 🚀 [live and interactive demo](https://esm.codes/#aW1wb3J0IHsgdHcgfSBmcm9tICdodHRwczovL2Nkbi5za3lwYWNrLmRldi90d2luZCcKCmRvY3VtZW50LmJvZHkuaW5uZXJIVE1MID0gYAogIDxtYWluIGNsYXNzPSIke3R3YGgtc2NyZWVuIGJnLXB1cnBsZS00MDAgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXJgfSI+CiAgICA8aDEgY2xhc3M9IiR7dHdgZm9udC1ib2xkIHRleHQoY2VudGVyIDV4bCB3aGl0ZSBzbTpncmF5LTgwMCBtZDpwaW5rLTcwMClgfSI+VGhpcyBpcyBUd2luZCE8L2gxPgogIDwvbWFpbj4KYA==) and take a look at the [installation guide](https://twind.dev/handbook/getting-started).
Or using a CDNs:
Twind is also available as an [NPM package](https://www.npmjs.com/package/twind):
```
npm i twind
```
For seamless integration with existing Tailwind HTML you can use [twind/shim](https://twind.dev/handbook/the-shim.html):
```html
<script type="module" src="https://cdn.skypack.dev/twind/shim"></script>
<main class="h-screen bg-purple-400 flex items-center justify-center">
<h1 class="font-bold text(center 5xl white sm:gray-800 md:pink-700)">This is Twind!</h1>
</main>
<script src="https://cdn.skypack.dev/npm/twind@next/twind.umd.js"></script>
```
Try `twind/shim` in the 🚀 [live and interactive shim demo](https://esm.codes/#aW1wb3J0ICdodHRwczovL2Nkbi5za3lwYWNrLmRldi90d2luZC9zaGltJwoKZG9jdW1lbnQuYm9keS5pbm5lckhUTUwgPSBgCiAgPG1haW4gY2xhc3M9Imgtc2NyZWVuIGJnLXB1cnBsZS00MDAgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIiPgogICAgPGgxIGNsYXNzPSJmb250LWJvbGQgdGV4dChjZW50ZXIgNXhsIHdoaXRlIHNtOmdyYXktODAwIG1kOnBpbmstNzAwKSI+CiAgICAgIFRoaXMgaXMgVHdpbmQhCiAgICA8L2gxPgogIDwvbWFpbj4KYA==)
This is just the beginning of all the awesome things you can do with Twind. [Check out the handbook](https://twind.dev/handbook/introduction.html) to learn more.
## 💡 Inspiration
It would be untrue to suggest that the design here is totally original. Other than the founders' initial attempts at implementing such a module ([oceanwind](https://github.com/lukejacksonn/oceanwind) and [beamwind](https://github.com/kenoxa/beamwind)) we are truly standing on the shoulders of giants.
- [Tailwind](https://tailwindcss.com/): created a wonderfully thought out API on which the compiler's grammar was defined.
- [styled-components](https://styled-components.com/): implemented and popularized the advantages of doing CSS-in-JS.
- [htm](https://github.com/developit/htm): a JSX compiler that proved there is merit in doing runtime compilation of DSLs like JSX.
- [goober](https://github.com/cristianbote/goober): an impossibly small yet efficient CSS-in-JS implementation that defines critical module features.
- [otion](https://github.com/kripod/otion): the first CSS-in-JS solution specifically oriented around handling CSS in an atomic fashion.
- [clsx](https://github.com/lukeed/clsx): a tiny utility for constructing class name strings conditionally.
- [style-vendorizer](https://github.com/kripod/style-vendorizer): essential CSS prefixing helpers in less than 1KB of JavaScript.
- [CSSType](https://github.com/frenic/csstype): providing autocompletion and type checking for CSS properties and values.
## 🙏🏾 Sponsors
Support us with a monthly donation and help us continue our activities.
[[GitHub Sponsor](https://github.com/sponsors/tw-in-js) | [Open Collective](https://opencollective.com/twind)]
<a href="https://github.com/jordwalke" target="_blank"><img style="border-radius: 50%!important" src="https://avatars.githubusercontent.com/u/977348?v=4" width="64" height="64" alt="@jordwalke"></a>
<a href="https://github.com/tylerforesthauser" target="_blank"><img style="border-radius: 50%!important" src="https://avatars.githubusercontent.com/u/1226786?v=4" width="64" height="64" alt="@tylerforesthauser"></a>
<a href="https://github.com/holic" target="_blank"><img style="border-radius: 50%!important" src="https://avatars.githubusercontent.com/u/508855?v=4" width="64" height="64" alt="@holic"></a>
<a href="https://github.com/Andrewnt219" target="_blank"><img style="border-radius: 50%!important" src="https://avatars.githubusercontent.com/u/52666982?v=4" width="64" height="64" alt="@Andrewnt219"></a>
<a href="https://opencollective.com/twind/backer/0/website" target="_blank"><img src="https://opencollective.com/twind/backer/0/avatar.svg"></a>
<a href="https://opencollective.com/twind/backer/1/website" target="_blank"><img src="https://opencollective.com/twind/backer/1/avatar.svg"></a>
<a href="https://opencollective.com/twind/backer/2/website" target="_blank"><img src="https://opencollective.com/twind/backer/2/avatar.svg"></a>
<a href="https://opencollective.com/twind/sponsor/0/website" target="_blank"><img src="https://opencollective.com/twind/sponsor/0/avatar.svg"></a>
<a href="https://opencollective.com/twind/sponsor/1/website" target="_blank"><img src="https://opencollective.com/twind/sponsor/1/avatar.svg"></a>
## 🤝 Contributing
We are excited that you are interested in contributing to this project! We've put together a whole [contribution guide](https://twind.dev/handbook/contributing.html) to get you started.
## ⚖️ License
The [MIT license](https://github.com/tw-in-js/twind/blob/main/LICENSE) governs your use of Twind.

@@ -1,609 +0,7 @@

import { PropertiesFallback, PropertiesHyphenFallback, AtRule, SimplePseudos } from 'csstype';
import * as _twind_preset_tailwind from '@twind/preset-tailwind';
import * as _twind_core from '@twind/core';
interface CSSCustomProperties {
'--tw-bg-opacity'?: string;
'--tw-text-opacity'?: string;
'--tw-border-opacity'?: string;
'--tw-divide-opacity'?: string;
'--tw-placeholder-opacity'?: string;
'--tw-shadow'?: string;
'--tw-ring-inset'?: string;
'--tw-ring-color'?: string;
'--tw-ring-opacity'?: string;
'--tw-ring-shadow'?: string;
'--tw-ring-offset-color'?: string;
'--tw-ring-offset-shadow'?: string;
'--tw-ring-offset-width'?: string;
'--tw-gradient-from'?: string;
'--tw-gradient-to'?: string;
'--tw-gradient-stops'?: string;
'--tw-divide-y-reverse'?: string;
'--tw-divide-x-reverse'?: string;
'--tw-space-y-reverse'?: string;
'--tw-space-x-reverse'?: string;
'--tw-translate-x'?: string;
'--tw-translate-y'?: string;
'--tw-rotate'?: string;
'--tw-skew-x'?: string;
'--tw-skew-y'?: string;
'--tw-scale-x'?: string;
'--tw-scale-y'?: string;
'--tw-ordinal'?: string;
'--tw-slashed-zero'?: string;
'--tw-numeric-figure'?: string;
'--tw-numeric-spacing'?: string;
'--tw-numeric-fraction'?: string;
}
interface CSSProperties extends PropertiesFallback<string, string>, PropertiesHyphenFallback<string, string>, CSSCustomProperties {
}
interface FontFace extends AtRule.FontFaceFallback<string, string>, AtRule.FontFaceHyphenFallback<string, string> {
}
interface CounterStyle extends AtRule.CounterStyleFallback<string, string>, AtRule.CounterStyleHyphenFallback<string, string> {
}
declare const tw: _twind_core.Twind<_twind_core.BaseTheme & _twind_preset_tailwind.TailwindTheme & Omit<_twind_core.BaseTheme, "extend">, CSSStyleSheet>;
declare type Falsy = '' | 0 | -0 | false | null | undefined | void;
declare type MaybeArray<T> = T | readonly T[];
interface TWCallable {
(strings: TemplateStringsArray, ...interpolations: Token[]): string;
(...tokens: Token[]): string;
}
interface TW extends TWCallable {
theme: ThemeResolver;
}
interface Context {
/** Allow composition */
readonly tw: TWCallable;
/** Access to theme values */
readonly theme: ThemeResolver;
/** Create unique identifier (group, custom properties) */
readonly tag: (key: string) => string;
readonly css: (rule: Rule[] | string) => CSSRules;
}
interface Instance {
readonly tw: TW;
readonly setup: (options?: Configuration) => void;
}
declare type MaybeThunk<T> = T | ((context: Context) => T);
interface Preflight {
(preflight: CSSRules, context: Context): MaybeThunk<CSSRules | undefined | void>;
}
interface ThemeConfiguration extends Partial<Theme> {
extend?: Partial<Theme>;
}
interface SheetConfig<T = unknown> {
/**
* Sets a cryptographic nonce (number used once) on the enclosing `<style>` tag when generating a page on demand.
*
* Useful for enforcing a [Content Security Policy (CSP)](https://developer.mozilla.org/docs/Web/HTTP/CSP).
*/
nonce?: string;
/** Target to insert rules into. */
target?: T;
}
interface Sheet<T = unknown> {
readonly target: T;
insert: (rule: string, index: number) => void;
init?: SheetInit;
}
declare type SheetInitCallback<T = unknown> = (value?: T | undefined) => T;
interface SheetInit {
/**
* Register a function that should be called to use a snapshot state or create a new state.
*/
<T>(callback: SheetInitCallback<T>): T;
}
declare type Prefixer = (property: string, value: string, important?: boolean) => string;
declare type Hasher = (value: string) => string;
declare type DarkMode = 'media' | 'class' | false;
interface Configuration {
/**
* Determines the dark mode strategy (default: `"media"`).
*/
darkMode?: DarkMode;
theme?: ThemeConfiguration;
plugins?: Record<string, Plugin | undefined>;
/**
* ```js
* {
* ':new-variant': '& .selector',
* }
* ```
*/
variants?: Record<string, string>;
/**
* Sets a cryptographic nonce (number used once) on the enclosing `<style>` tag when generating a page on demand.
*
* Useful for enforcing a [Content Security Policy (CSP)](https://developer.mozilla.org/docs/Web/HTTP/CSP).
*/
nonce?: string;
/** Style insertion methodology to be used. */
sheet?: Sheet;
/** Called right before the first rule is injected. */
preflight?: Preflight | boolean | CSSRules;
/** Auto-prefixer method for CSS property–value pairs. */
prefix?: Prefixer | boolean;
hash?: Hasher | boolean;
mode?: Mode | 'strict' | 'warn' | 'silent';
/**
* Control whether or not utilities should be marked with `!important`
*/
important?: boolean;
}
declare type ReportInfo = {
id: 'LATE_SETUP_CALL';
} | {
id: 'UNKNOWN_DIRECTIVE';
rule: string;
} | {
id: 'UNKNOWN_THEME_VALUE';
key: string | undefined;
} | {
id: 'INJECT_CSS_ERROR';
error: Error;
css: string;
};
interface Mode {
/** Called for unknown theme values */
unknown: <Section extends keyof Theme>(section: Section, key: string[] | undefined, optional: boolean, context: Context) => ThemeSectionType<Theme[Section]> | undefined | void;
/**
* Notify error (missing plugin, duplicate directives? )
*
* Why id?
* - can generate an url with more info
* - reduce bundle size by omitting large error messages
*/
report(info: ReportInfo, context: Context): void;
}
declare type Plugin = string | CSSRules | DirectiveHandler;
interface DirectiveHandler {
/**
* Creates CSSRules based on `parameters`
*/
(parameters: string[], context: Context, id: string): InlineDirective | CSSRules | string | Falsy;
}
interface Rule {
/**
* The variants: `[":sm", ":dark", ":hover"]`
*/
v: string[];
/**
* The directive: `"text-sm"`, `"rotate-45"`
*/
d: string | InlineDirective;
/** Is this rule negated: `"-rotate-45"` =\> `true` */
n: boolean | undefined;
/** Is this rule marked as important: `"!stroke-4"` =\> `true` */
i: boolean | undefined;
/**
* The id is the tailwind rule including variants, negate and directive
*
* Initialy this is set to an empty string.
*
* This is used to cache the id of static rules (from template literals).
*/
$: string;
}
interface Directive<T> {
/** Can be used as a inline directive */
(context: Context): T;
/** Can be used as a plugin */
(params: string[], context: Context): T;
}
interface InlineDirective {
(context: Context): CSSRules | string | Falsy | TypescriptCompat;
}
interface TokenGrouping extends Record<string, Token> {
}
declare type TypescriptCompat = boolean | number;
declare type Token = string | TokenGrouping | InlineDirective | Token[] | Falsy | TypescriptCompat;
/**
* Pseudo class
* watch out for ':root' - that could use '*' instead
*/
declare type CSSSimplePseudos = {
[K in SimplePseudos as `&${string & K}`]?: CSSRulesThunk | MaybeArray<CSSRules>;
};
interface CSSPseudos extends CSSSimplePseudos {
'&:nth-child(2n)'?: CSSRules;
'&:nth-child(odd)'?: CSSRules;
}
declare type CSSAtMedia = Record<string, MaybeArray<CSSRules>>;
declare type CSSAtSupports = Record<string, MaybeArray<CSSRules>>;
declare type CSSAtKeyframes = Record<string, CSSProperties | ((context: Context) => CSSProperties)>;
/**
* See: https://drafts.csswg.org/css-nesting/#nest-selector
*
* ```
* "& > * + *": {
* marginLeft: 16
* },
*
* // In a comma-separated list, each individual selector shall start with "&"
* "&:focus, &:active": {
* outline: "solid"
* },
*
* // Self-references are also supported
* "& + &": {
* color: "green"
* }
* ```
*/
interface CSSRules {
'@import'?: CSSRulesThunk<MaybeArray<string>> | MaybeArray<string>;
'@font-face'?: CSSRulesThunk<MaybeArray<FontFace>> | MaybeArray<FontFace>;
'@keyframes'?: CSSRulesThunk<CSSAtKeyframes> | CSSAtKeyframes;
'@apply'?: MaybeArray<string | Falsy | TypescriptCompat>;
'@global'?: CSSRulesThunk<MaybeArray<CSSRules>> | MaybeArray<CSSRules>;
':global'?: CSSRulesThunk<MaybeArray<CSSRules>> | MaybeArray<CSSRules>;
/** Global defaults */
[key: string]: CSSRuleValue;
}
declare type CSSRuleValue = CSSAtMedia | CSSAtSupports | CSSAtKeyframes | CSSRulesThunk | MaybeArray<CSSProperties | CSSRules | FontFace | string | Falsy | TypescriptCompat>;
interface CSSRulesThunk<Value = CSSRuleValue> {
(context: Context): Value;
}
interface ThemeResolver {
<Section extends keyof Theme>(section: Section): Record<string, ThemeSectionType<Theme[Section]>>;
<Section extends keyof Theme>(keypath: `${Section}.${string}`): ThemeSectionType<Theme[Section]> | undefined;
<Section extends keyof Theme>(keypath: `${Section}.${string}`, defaultValue: NonNullable<ThemeSectionType<Theme[Section]>>): NonNullable<ThemeSectionType<Theme[Section]>>;
<Section extends keyof Theme>(section: Section, key: string | string[]): ThemeSectionType<Theme[Section]> | undefined;
<Section extends keyof Theme>(section: Section, key: string | string[], defaultValue: NonNullable<ThemeSectionType<Theme[Section]>>): NonNullable<ThemeSectionType<Theme[Section]>>;
}
interface ThemeHelper {
<Section extends keyof Theme>(section: Section): (context: Context) => Record<string, ThemeSectionType<Theme[Section]>>;
<Section extends keyof Theme>(keypath: `${Section}.${string}`): (context: Context) => ThemeSectionType<Theme[Section]> | undefined;
<Section extends keyof Theme>(keypath: `${Section}.${string}`, defaultValue: NonNullable<ThemeSectionType<Theme[Section]>>): (context: Context) => NonNullable<ThemeSectionType<Theme[Section]>>;
<Section extends keyof Theme>(section: Section, key: string | string[]): (context: Context) => ThemeSectionType<Theme[Section]> | undefined;
<Section extends keyof Theme>(section: Section, key: string | string[], defaultValue: NonNullable<ThemeSectionType<Theme[Section]>>): (context: Context) => NonNullable<ThemeSectionType<Theme[Section]>>;
}
declare type Unwrap<T> = T extends string[] ? string : T extends Record<string, infer R> ? R : T;
declare type ThemeSectionType<T> = T extends ThemeSection<infer R> ? Unwrap<R> : Exclude<T, ThemeSectionResolver<T>>;
interface ThemeSectionResolverContext {
/**
* No-op function as negated values are automatically infered and do _not_ not to be in the theme.
*/
readonly negative: (records: Record<string, string | undefined>) => Record<string, string | undefined>;
readonly breakpoints: (records: Record<string, ThemeScreen | undefined>) => Record<string, string | undefined>;
}
declare type ThemeSectionRecord<T = string> = Record<string, T | undefined>;
declare type ThemeSectionResolver<T = string> = (theme: ThemeResolver, context: ThemeSectionResolverContext) => ThemeSectionRecord<T>;
declare type ThemeSection<T = string> = ThemeSectionRecord<T> | ThemeSectionResolver<T>;
interface ThemeContainer {
screens?: Record<string, string | undefined>;
center?: boolean;
padding?: string | Record<string, string | undefined>;
}
declare type ThemeScreenValue = string | {
raw: string;
} | {
min: string;
max?: string;
} | {
min?: string;
max: string;
};
declare type ThemeScreen = MaybeArray<ThemeScreenValue>;
interface ThemeColorObject extends Record<string, ThemeColor> {
}
declare type ThemeColor = string | ThemeColorObject;
declare type ThemeFontSize = string | [size: string, lineHeight: string] | [size: string, options: {
lineHeight?: string;
letterSpacing?: string;
}];
declare type ThemeOutline = [outline: string, offset: string] | string[];
interface Theme {
colors: ThemeSection<ThemeColor>;
spacing: ThemeSection;
durations: ThemeSection<string | string[]>;
screens: ThemeSection<ThemeScreen>;
animation: ThemeSection<string | string[]>;
backdropBlur: ThemeSection;
backdropBrightness: ThemeSection;
backdropContrast: ThemeSection;
backdropGrayscale: ThemeSection;
backdropHueRotate: ThemeSection;
backdropInvert: ThemeSection;
backdropOpacity: ThemeSection;
backdropSaturate: ThemeSection;
backdropSepia: ThemeSection;
backgroundColor: ThemeSection<ThemeColor>;
backgroundImage: ThemeSection<string | string[]>;
backgroundOpacity: ThemeSection;
backgroundPosition: ThemeSection;
backgroundSize: ThemeSection;
blur: ThemeSection;
borderColor: ThemeSection<ThemeColor>;
borderOpacity: ThemeSection;
borderRadius: ThemeSection;
borderWidth: ThemeSection;
boxShadow: ThemeSection<string | string[]>;
brightness: ThemeSection;
container: ThemeContainer | ThemeSectionResolver<ThemeContainer>;
contrast: ThemeSection;
cursor: ThemeSection;
divideColor: ThemeSection<ThemeColor>;
divideOpacity: ThemeSection;
divideWidth: ThemeSection;
dropShadow: ThemeSection<string | string[]>;
fill: ThemeSection<ThemeColor>;
flex: ThemeSection;
flexGrow: ThemeSection<number>;
flexShrink: ThemeSection<number>;
fontFamily: ThemeSection<string | string[]>;
fontSize: ThemeSection<ThemeFontSize>;
fontWeight: ThemeSection;
gap: ThemeSection;
gradientColorStops: ThemeSection<ThemeColor>;
grayscale: ThemeSection;
gridAutoColumns: ThemeSection;
gridAutoRows: ThemeSection;
gridColumn: ThemeSection;
gridColumnEnd: ThemeSection;
gridColumnStart: ThemeSection;
gridRow: ThemeSection;
gridRowEnd: ThemeSection;
gridRowStart: ThemeSection;
gridTemplateColumns: ThemeSection;
gridTemplateRows: ThemeSection;
height: ThemeSection;
hueRotate: ThemeSection;
inset: ThemeSection;
invert: ThemeSection;
keyframes: ThemeSection<Record<string, CSSProperties>>;
letterSpacing: ThemeSection;
lineHeight: ThemeSection;
listStyleType: ThemeSection;
margin: ThemeSection;
maxHeight: ThemeSection;
maxWidth: ThemeSection;
minHeight: ThemeSection;
minWidth: ThemeSection;
objectPosition: ThemeSection;
opacity: ThemeSection;
order: ThemeSection;
outline: ThemeSection<ThemeOutline>;
padding: ThemeSection;
placeholderColor: ThemeSection<ThemeColor>;
placeholderOpacity: ThemeSection;
ringColor: ThemeSection<ThemeColor>;
ringOffsetColor: ThemeSection<ThemeColor>;
ringOffsetWidth: ThemeSection;
ringOpacity: ThemeSection;
ringWidth: ThemeSection;
rotate: ThemeSection;
saturate: ThemeSection;
scale: ThemeSection;
sepia: ThemeSection;
skew: ThemeSection;
space: ThemeSection;
stroke: ThemeSection<ThemeColor>;
strokeWidth: ThemeSection;
textColor: ThemeSection<ThemeColor>;
textOpacity: ThemeSection;
transformOrigin: ThemeSection;
transitionDelay: ThemeSection<string | string[]>;
transitionDuration: ThemeSection<string | string[]>;
transitionProperty: ThemeSection<string | string[]>;
transitionTimingFunction: ThemeSection<string | string[]>;
translate: ThemeSection;
width: ThemeSection;
zIndex: ThemeSection;
}
declare type InterpolateKind = `theme(${keyof Theme})` | `range(${number},${number},${number})` | `string` | `number` | `nonzero`;
declare type Interpolate<Kind extends InterpolateKind> = `{{${Kind}}}`;
declare type FromTheme<Section extends keyof Theme> = Interpolate<`theme(${Section})`>;
declare type NonEmptyString = Interpolate<'string'>;
declare type Range<From extends number, To extends number, Step extends number = 1> = Interpolate<`range(${From},${To},${Step})`>;
declare type Negatable<Value extends string> = Value | `-${Value}`;
declare type SimplePseudoClasses = 'active' | 'any-link' | 'autofill' | 'checked' | 'default' | 'disabled' | 'empty' | 'enabled' | 'first-child' | 'first-of-type' | 'focus' | 'focus-visible' | 'focus-within' | 'future' | 'hover' | 'in-range' | 'indeterminate' | 'invalid' | 'last-child' | 'last-of-type' | 'link' | 'local-link' | 'only-child' | 'only-of-type' | 'optional' | 'out-of-range' | 'past' | 'paused' | 'placeholder-shown' | 'playing' | 'read-only' | 'read-write' | 'required' | 'target' | 'target-within' | 'user-invalid' | 'valid' | 'visited';
declare type SimplePseudoElements = 'after' | 'before' | 'cue' | 'cue-region' | 'file-selector-button' | 'first-letter' | 'first-line' | 'marker' | 'placeholder' | 'selection' | 'target-text';
declare type CoreVariants = 'dark' | 'sticky' | 'motion-reduce' | 'motion-safe' | 'first' | 'last' | 'even' | 'odd' | 'children' | 'siblings' | 'sibling' | 'override';
declare type Empty = never | '' | 'DEFAULT';
declare type Join<Prefix extends string | never, Suffix extends string | never, Separator extends string = '-'> = Suffix extends Empty ? Prefix extends Empty ? never : Prefix : Prefix extends Empty ? Suffix : Prefix extends Suffix ? never : Suffix extends `-${infer S}` ? `-${Prefix}${Separator}${S}` : `${Prefix}${Separator}${Suffix}`;
declare type Corners = 't' | 'r' | 'b' | 'l' | 'tl' | 'tr' | 'bl' | 'br';
declare type Edges = 'x' | 'y' | 't' | 'r' | 'b' | 'l' | 'tl' | 'tr' | 'tb' | 'bl' | 'br' | 'lr';
declare type BorderStyle = 'solid' | 'dashed' | 'dotted' | 'double' | 'none';
declare type GlobalValue = 'inherit' | 'initial' | 'unset';
declare type BlendMode = 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity';
interface CorePlugins {
group: '' | NonEmptyString;
container: '';
decoration: 'slice' | 'clone' | GlobalValue;
box: 'border' | 'content';
block: '';
inline: '' | 'block' | 'flex' | 'grid' | 'table';
flow: 'root';
contents: '';
hidden: '';
float: 'right' | 'left' | 'none';
clear: 'right' | 'left' | 'both' | 'none';
isolate: '';
isolation: 'auto' | 'isolate' | GlobalValue;
object: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' | Join<'' | 'left' | 'right' | 'center', '' | 'bottom' | 'top' | 'center'> | FromTheme<'objectPosition'>;
overflow: Join<'' | 'x' | 'y', 'auto' | 'hidden' | 'visible' | 'scroll'> | 'ellipsis' | 'clip';
overscroll: Join<'' | 'x' | 'y', 'auto' | 'contain' | 'none'>;
static: '';
fixed: '';
absolute: '';
relative: '';
sticky: '';
inset: Negatable<Join<'' | 'x' | 'y', FromTheme<'inset'>>>;
top: Negatable<FromTheme<'inset'>>;
right: Negatable<FromTheme<'inset'>>;
bottom: Negatable<FromTheme<'inset'>>;
left: Negatable<FromTheme<'inset'>>;
visible: '';
invisible: '';
z: Negatable<FromTheme<'zIndex'>>;
flex: '' | 'nowrap' | Join<'row' | 'col' | 'wrap', '' | 'reverse'> | Join<'grow', '' | '0' | FromTheme<'flexGrow'> | Interpolate<'number'>> | Join<'shrink', '' | '0' | FromTheme<'flexShrink'> | Interpolate<'number'>> | FromTheme<'flex'>;
order: FromTheme<'order'>;
grid: '' | Join<'cols', 'none' | Range<1, 12> | Interpolate<'nonzero'> | FromTheme<'gridTemplateColumns'>> | Join<'rows', 'none' | Range<1, 6> | Interpolate<'nonzero'> | FromTheme<'gridTemplateRows'>> | Join<'flow', Join<'row' | 'col', '' | 'dense'> | 'dense'>;
col: Join<'span', Range<1, 12> | Interpolate<'nonzero'>> | Join<'start', 'auto' | Range<1, 13> | Interpolate<'nonzero'> | FromTheme<'gridColumnStart'>> | Join<'end', 'auto' | Range<1, 13> | Interpolate<'nonzero'> | FromTheme<'gridColumnEnd'>> | FromTheme<'gridColumn'>;
row: Join<'span', Range<1, 12> | Interpolate<'nonzero'>> | Join<'start', 'auto' | Range<1, 13> | Interpolate<'nonzero'> | FromTheme<'gridRowStart'>> | Join<'end', 'auto' | Range<1, 13> | Interpolate<'nonzero'> | FromTheme<'gridRowEnd'>> | FromTheme<'gridRow'>;
auto: Join<'cols', 'auto' | FromTheme<'gridAutoColumns'>> | Join<'rows', 'auto' | FromTheme<'gridAutoRows'>>;
gap: Join<'' | 'x' | 'y', FromTheme<'gap'>>;
justify: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | Join<'items' | 'self', 'auto' | 'start' | 'end' | 'center' | 'stretch'>;
content: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
items: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
self: 'auto' | 'start' | 'end' | 'center' | 'stretch';
place: Join<'content', 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch'> | Join<'items' | 'self', 'auto' | 'start' | 'end' | 'center' | 'stretch'>;
p: FromTheme<'padding'>;
py: FromTheme<'padding'>;
px: FromTheme<'padding'>;
pt: FromTheme<'padding'>;
pr: FromTheme<'padding'>;
pb: FromTheme<'padding'>;
pl: FromTheme<'padding'>;
m: Negatable<FromTheme<'margin'>>;
my: Negatable<FromTheme<'margin'>>;
mx: Negatable<FromTheme<'margin'>>;
mt: Negatable<FromTheme<'margin'>>;
mr: Negatable<FromTheme<'margin'>>;
mb: Negatable<FromTheme<'margin'>>;
ml: Negatable<FromTheme<'margin'>>;
space: Negatable<Join<'x' | 'y', FromTheme<'space'>>> | Join<'x' | 'y', 'reverse'>;
w: FromTheme<'width'>;
min: Join<'w', FromTheme<'minWidth'>> | Join<'h', FromTheme<'minHeight'>>;
max: Join<'w', FromTheme<'maxWidth'>> | Join<'h', FromTheme<'maxHeight'>>;
h: FromTheme<'height'>;
font: FromTheme<'fontFamily'> | FromTheme<'fontWeight'> | 'italic' | 'not-italic';
text: FromTheme<'fontSize'> | 'left' | 'right' | 'center' | 'justify' | FromTheme<'textColor'> | Join<'opacity', FromTheme<'textOpacity'>> | 'underline' | 'no-underline' | 'line-through' | 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
antialiased: '';
'subpixel-antialiased': '';
italic: '';
'not-italic': '';
'normal-nums': '';
ordinal: '';
'slashed-zero': '';
'lining-nums': '';
'oldstyle-nums': '';
'proportional-nums': '';
'tabular-nums': '';
'diagonal-fractions': '';
'stacked-fractions': '';
tracking: FromTheme<'letterSpacing'>;
leading: FromTheme<'lineHeight'>;
list: 'item' | 'inside' | 'outside' | 'none' | 'disc' | 'circle' | 'sqaure' | 'decimal' | 'decimal-leading-zero' | Join<'lower' | 'upper', 'roman' | 'greek' | 'alpha' | 'latin'> | FromTheme<'listStyleType'>;
placeholder: FromTheme<'placeholderColor'> | Join<'opacity', FromTheme<'placeholderOpacity'>>;
underline: '';
'no-underline': '';
'line-through': '';
uppercase: '';
lowercase: '';
capitalize: '';
'normal-case': '';
truncate: '';
align: 'baseline' | 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'sub' | 'super';
whitespace: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces';
break: 'normal' | 'words' | 'all';
bg: 'fixed' | 'local' | 'scroll' | Join<'clip', 'border' | 'padding' | 'content' | 'text'> | FromTheme<'backgroundColor'> | Join<'opacity', FromTheme<'backgroundOpacity'>> | Join<'' | 'left' | 'right' | 'center', '' | 'bottom' | 'top' | 'center'> | FromTheme<'backgroundPosition'> | 'no-repeat' | Join<'repeat', '' | 'x' | 'y' | 'round' | 'space'> | Join<'gradient-to', Corners> | FromTheme<'backgroundImage'> | FromTheme<'backgroundSize'>;
from: FromTheme<'gradientColorStops'>;
via: FromTheme<'gradientColorStops'>;
to: FromTheme<'gradientColorStops'>;
rounded: Join<'' | Corners, FromTheme<'borderRadius'>>;
border: Join<'' | Edges, FromTheme<'borderWidth'>> | FromTheme<'borderColor'> | Join<'opacity', FromTheme<'borderOpacity'>> | BorderStyle | 'collapse' | 'separate';
divide: Join<'x' | 'y', 'reverse' | FromTheme<'divideWidth'>> | FromTheme<'divideColor'> | Join<'opacity', FromTheme<'divideOpacity'>> | BorderStyle;
ring: 'inset' | FromTheme<'ringWidth'> | FromTheme<'ringColor'> | Join<'opacity', FromTheme<'ringOpacity'>> | Join<'offset', FromTheme<'ringOffsetWidth'> | FromTheme<'ringOffsetColor'>>;
shadow: FromTheme<'boxShadow'>;
opacity: FromTheme<'opacity'>;
table: '' | 'caption' | 'cell' | 'column' | Join<'column' | 'footer' | 'header' | 'row', 'group'> | 'row' | 'auto' | 'fixed';
transition: FromTheme<'transitionProperty'>;
duration: FromTheme<'durations'>;
ease: FromTheme<'transitionTimingFunction'>;
delay: FromTheme<'transitionDelay'>;
animate: FromTheme<'animation'>;
transform: '' | 'gpu' | 'none';
origin: 'center' | Join<'' | 'top' | 'bottom', '' | 'right' | 'left'>;
rotate: Negatable<FromTheme<'rotate'>>;
scale: Join<'' | 'x' | 'y', FromTheme<'scale'>>;
skew: Negatable<Join<'' | 'x' | 'y', FromTheme<'skew'>>>;
translate: Negatable<Join<'' | 'x' | 'y', FromTheme<'translate'>>>;
appearance: 'none' | 'auto' | 'menulist-button' | 'textfield';
cursor: FromTheme<'cursor'> | 'auto' | 'default' | 'pointer' | 'wait' | 'text' | 'move' | 'help' | 'not-allowed' | 'none' | 'context-menu' | 'progress' | 'cell' | 'crosshair' | 'vertical-text' | 'alias' | 'copy' | 'no-drop' | 'e-resize' | 'n-resize' | 'ne-resize' | 'nw-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'w-resize' | 'ew-resize' | 'ns-resize' | 'nesw-resize' | 'nwse-resize' | 'col-resize' | 'row-resize' | 'all-scroll' | 'zoom-in' | 'zoom-out' | 'grab' | 'grabbing';
outline: FromTheme<'outline'>;
'pointer-events': 'auto' | 'none';
resize: 'none' | 'x' | 'y' | '';
select: 'none' | 'auto' | 'text' | 'contain' | 'all';
fill: FromTheme<'fill'>;
stroke: FromTheme<'stroke'> | FromTheme<'strokeWidth'>;
'sr-only': '';
'not-sr-only': '';
filter: '' | 'none';
blur: FromTheme<'blur'>;
brightness: FromTheme<'brightness'>;
contrast: FromTheme<'contrast'>;
grayscale: FromTheme<'grayscale'>;
'hue-rotate': Negatable<FromTheme<'hueRotate'>>;
invert: FromTheme<'invert'>;
saturate: FromTheme<'saturate'>;
sepia: FromTheme<'sepia'>;
'drop-shadow': FromTheme<'dropShadow'>;
backdrop: Join<'filter', '' | 'none'> | Join<'blur', FromTheme<'backdropBlur'>> | Join<'brightness', FromTheme<'backdropBrightness'>> | Join<'contrast', FromTheme<'backdropContrast'>> | Join<'grayscale', FromTheme<'backdropGrayscale'>> | Join<'hue-rotate', Negatable<FromTheme<'backdropHueRotate'>>> | Join<'invert', FromTheme<'backdropInvert'>> | Join<'opacity', FromTheme<'backdropOpacity'>> | Join<'saturate', FromTheme<'backdropSaturate'>> | Join<'sepia', FromTheme<'backdropSepia'>>;
'mix-blend': BlendMode;
'bg-blend': BlendMode;
}
declare type ToString<T> = T extends string ? T : T extends number ? `${T}` : never;
declare type JoinFromObject<T, Separator extends string = '-'> = {
[P in keyof T]: Join<ToString<P>, ToString<T[P]>, Separator>;
}[keyof T];
/** For adding additional variants */
interface Variants {
}
/** For adding additional plugins */
interface Plugins {
}
declare type CoreCompletionTokens = `${FromTheme<'screens'>}:` | `${'' | 'not-'}${SimplePseudoClasses}:` | `${Join<'group', '' | Interpolate<'string'>>}-${SimplePseudoClasses}:` | `${SimplePseudoElements}::` | `${CoreVariants}:` | JoinFromObject<CorePlugins>;
declare type UserCompletionTokens = {
[K in keyof Variants]: `${ToString<K>}:`;
}[keyof Variants] | JoinFromObject<Plugins>;
declare type CompletionTokens = CoreCompletionTokens | UserCompletionTokens;
interface Apply {
(strings: TemplateStringsArray, ...interpolations: Token[]): Directive<CSSRules>;
(...tokens: Token[]): Directive<CSSRules>;
}
declare const apply: Apply;
declare const tw: TW;
declare const setup: (options?: Configuration | undefined) => void;
/**
* Returns an optimized and cached function for use with `tw`.
*
* `tw` caches rules based on the function identity. This helper caches
* the function based on the data.
*
* @param factory to use when the directive is invoked
* @param data to use
*/
declare const directive: <Data, T>(factory: (data: Data, context: Context) => MaybeThunk<T>, data: Data) => Directive<T>;
declare const create: (config?: Configuration | undefined) => Instance;
declare const mode: (report: (message: string) => void) => Mode;
declare const warn: Mode;
declare const strict: Mode;
declare const silent: Mode;
declare const noprefix: Prefixer;
declare const autoprefix: Prefixer;
/**
* Creates an sheet which inserts style rules through the CSS Object Model.
*/
declare const cssomSheet: ({ nonce, target, }?: SheetConfig<CSSStyleSheet>) => Sheet<CSSStyleSheet>;
/**
* An sheet placeholder which performs no operations. Useful for avoiding errors in a non-browser environment.
*/
declare const voidSheet: () => Sheet<null>;
declare const theme: ThemeHelper;
declare const cyrb32: Hasher;
export { Apply, BlendMode, BorderStyle, CSSAtKeyframes, CSSAtMedia, CSSAtSupports, CSSCustomProperties, CSSProperties, CSSPseudos, CSSRuleValue, CSSRules, CSSRulesThunk, CSSSimplePseudos, CompletionTokens, Configuration, Context, CoreCompletionTokens, CorePlugins, CoreVariants, Corners, CounterStyle, DarkMode, Directive, DirectiveHandler, Edges, Empty, Falsy, FontFace, FromTheme, GlobalValue, Hasher, InlineDirective, Instance, Interpolate, InterpolateKind, Join, JoinFromObject, MaybeArray, MaybeThunk, Mode, Negatable, NonEmptyString, Plugin, Plugins, Prefixer, Preflight, Range, ReportInfo, Rule, Sheet, SheetConfig, SheetInit, SheetInitCallback, SimplePseudoClasses, SimplePseudoElements, TW, TWCallable, Theme, ThemeColor, ThemeColorObject, ThemeConfiguration, ThemeContainer, ThemeFontSize, ThemeHelper, ThemeOutline, ThemeResolver, ThemeScreen, ThemeScreenValue, ThemeSection, ThemeSectionRecord, ThemeSectionResolver, ThemeSectionResolverContext, ThemeSectionType, ToString, Token, TokenGrouping, TypescriptCompat, Unwrap, UserCompletionTokens, Variants, apply, autoprefix, create, cssomSheet, directive, cyrb32 as hash, mode, noprefix, setup, silent, strict, theme, tw, voidSheet, warn };
export { tw };
//# sourceMappingURL=twind.d.ts.map

@@ -1,2 +0,1 @@

(function(g,f){typeof exports==='object'&&typeof module!=='undefined'?f(exports):typeof define==='function'&&define.amd?define(['exports'],f):(g=typeof globalThis!=='undefined'?globalThis:g||self,f(g.twind={}));}(this,(function(exports){'use strict';var zt=Object.prototype.hasOwnProperty;var Je=Object.getOwnPropertySymbols,Dt=Object.prototype.propertyIsEnumerable;var a=Object.assign;var Xe=(e,t)=>{var n={};for(var r in e)zt.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&Je)for(var r of Je(e))t.indexOf(r)<0&&Dt.call(e,r)&&(n[r]=e[r]);return n};var p=(e,t)=>!!~e.indexOf(t),g=(e,t="-")=>e.join(t),ne=(e,t)=>g(e.filter(Boolean),t),u=(e,t=1)=>e.slice(t),Qe=e=>e,me=()=>{},j=e=>e[0].toUpperCase()+u(e),re=e=>e.replace(/[A-Z]/g,"-$&").toLowerCase(),W=(e,t)=>{for(;typeof e=="function";)e=e(t);return e},be=(e,t)=>{e.size>t&&e.delete(e.keys().next().value);},$e=(e,t)=>!p("@:&",e[0])&&(p("rg",(typeof t)[5])||Array.isArray(t)),ie=(e,t,n)=>t?Object.keys(t).reduce((r,s)=>{let o=W(t[s],n);return $e(s,o)?r[re(s)]=o:r[s]=s[0]=="@"&&p("figa",s[1])?(r[s]||[]).concat(o):ie(r[s]||{},o,n),r},e):e,he=typeof CSS!="undefined"&&CSS.escape||(e=>e.replace(/[!"'`*+.,;:\\/<=>?@#$%&^|~()[\]{}]/g,"\\$&").replace(/^\d/,"\\3$& ")),U=e=>(Array.isArray(e)||(e=[e]),"@media "+g(e.map(t=>(typeof t=="string"&&(t={min:t}),t.raw||g(Object.keys(t).map(n=>`(${n}-width:${t[n]})`)," and "))),",")),oe=e=>{for(var t=9,n=e.length;n--;)t=Math.imul(t^e.charCodeAt(n),1597334677);return "tw-"+((t^t>>>9)>>>0).toString(36)},qe=(e,t)=>{for(var n=0,r=e.length;n<r;){let s=r+n>>1;e[s]<=t?n=s+1:r=s;}return r};var I,Z,V=(e="")=>(I.push(e),""),Pe=e=>{I.length=Math.max(I.lastIndexOf("")+~~e,0);},Mt=e=>e&&!p("!:",e[0]),Ot=e=>e[0]==":",Ze=(e,t)=>{Z.push({v:I.filter(Ot),d:e,n:t,i:p(I,"!"),$:""});},et=e=>{let t=e[0]=="-";t&&(e=u(e));let n=g(I.filter(Mt));return Ze(e=="&"?n:(n&&n+"-")+e,t),""},se=(e,t)=>{let n="";for(let r,s=!1,o=0;r=e[o++];){if(s||r=="["){n+=r,s=r!="]";continue}switch(r){case":":n=n&&V(":"+(e[o]==r?e[o++]:"")+n);break;case"(":n=n&&V(n),V();break;case"!":V(r);break;case")":case" ":case" ":case`
`:case"\r":n=n&&et(n),Pe(r!==")");break;default:n+=r;}}n&&(t?V(":"+n):n.slice(-1)=="-"?V(n.slice(0,-1)):et(n));},tt=e=>{V(),xe(e),Pe();},jt=(e,t)=>{if(t){V();let n=p("tbu",(typeof t)[1]);se(e,n),n&&tt(t),Pe();}},xe=e=>{switch(typeof e){case"string":se(e);break;case"function":Ze(e);break;case"object":Array.isArray(e)?e.forEach(tt):e&&Object.keys(e).forEach(t=>{jt(t,e[t]);});}},nt=new WeakMap,Wt=e=>{let t=nt.get(e);if(!t){let n=NaN,r="";t=e.map((s,o)=>{if(n!==n&&(s.slice(-1)=="["||p(":-(",(e[o+1]||"")[0]))&&(n=o),o>=n)return d=>{o==n&&(r=""),r+=s,p("rg",(typeof d)[5])?r+=d:d&&(se(r),r="",xe(d)),o==e.length-1&&se(r);};let l=Z=[];se(s);let f=[...I];return Z=[],d=>{Z.push(...l),I=[...f],d&&xe(d);}}),nt.set(e,t);}return t},ae=e=>(I=[],Z=[],Array.isArray(e[0])&&Array.isArray(e[0].raw)?Wt(e[0]).forEach((t,n)=>t(e[n+1])):xe(e),Z);var Ee,Lt=(e,t)=>(typeof t=="function"&&(Ee=!1),t),It=e=>{Ee=!0;let t=JSON.stringify(e,Lt);return Ee&&t},rt=new WeakMap,le=(e,t)=>{let n=It(t),r;if(n){var s=rt.get(e);s||rt.set(e,s=new Map),r=s.get(n);}return r||(r=Object.defineProperty((o,l)=>(l=Array.isArray(o)?l:o,W(e(t,l),l)),"toJSON",{value:()=>n||t}),s&&(s.set(n,r),be(s,1e4))),r};var _t=(e,{css:t})=>t(ae(e)),Fe=(...e)=>le(_t,e);var it=e=>(t,n,r,s)=>{if(t){let o=n&&e(n);if(o&&o.length>0)return o.reduce((l,f)=>(l[ne([r,f,s])]=t,l),{})}},ot=it(e=>({t:["top-left","top-right"],r:["top-right","bottom-right"],b:["bottom-left","bottom-right"],l:["bottom-left","top-left"],tl:["top-left"],tr:["top-right"],bl:["bottom-left"],br:["bottom-right"]})[e]),ce=e=>{let t=({x:"lr",y:"tb"}[e]||e||"").split("").sort();for(let n=t.length;n--;)if(!(t[n]={t:"top",r:"right",b:"bottom",l:"left"}[t[n]]))return;if(t.length)return t},ye=it(ce);var i,J,h,we=e=>e=="cols"?"columns":"rows",de=e=>(t,n,r)=>({[e]:r+((i=g(t))&&"-"+i)}),w=(e,t)=>(n,r,s)=>(i=g(n,t))&&{[e||s]:i},v=e=>(t,{theme:n},r)=>(i=n(e||r,t))&&{[e||r]:i},Se=(e,t)=>(n,{theme:r},s)=>(i=r(e||s,n,g(n,t)))&&{[e||s]:i},L=(e,t)=>(n,r)=>e(n,r,t),_=de("display"),ge=de("position"),ee=de("textTransform"),te=de("textDecoration"),Ce=de("fontStyle"),B=e=>(t,n,r)=>({["--tw-"+e]:r,fontVariantNumeric:"var(--tw-ordinal,/*!*/ /*!*/) var(--tw-slashed-zero,/*!*/ /*!*/) var(--tw-numeric-figure,/*!*/ /*!*/) var(--tw-numeric-spacing,/*!*/ /*!*/) var(--tw-numeric-fraction,/*!*/ /*!*/)"}),Te=(e,{theme:t},n)=>(i=t("inset",e))&&{[n]:i},ue=(e,t,n,r=n)=>(i=t(r+"Opacity",u(e)))&&{[`--tw-${n}-opacity`]:i},ze=(e,t)=>Math.round(parseInt(e,16)*t),Re=(e,t,n)=>e&&e[0]=="#"&&(i=(e.length-1)/3)&&(h=[17,1,.062272][i-1])?`rgba(${ze(e.substr(1,i),h)},${ze(e.substr(1+i,i),h)},${ze(e.substr(1+2*i,i),h)},${t?`var(--tw-${t}${n?","+n:""})`:n||1})`:e,ve=(e,t,n)=>n&&typeof n=="string"?(i=Re(n,t+"-opacity"))&&i!==n?{[`--tw-${t}-opacity`]:"1",[e]:[n,i]}:{[e]:n}:void 0,st=e=>(h=Re(e,"","0"))==i?"transparent":h,at=(e,{theme:t},n,r,s,o)=>(i={x:["right","left"],y:["bottom","top"]}[e[0]])&&(h=`--tw-${n}-${e[0]}-reverse`)?e[1]=="reverse"?{[h]:"1"}:{[h]:"0",[ne([s,i[0],o])]:(J=t(r,u(e)))&&`calc(${J} * var(${h}))`,[ne([s,i[1],o])]:J&&[J,`calc(${J} * calc(1 - var(${h})))`]}:void 0,lt=(e,t)=>t[0]&&{[e]:(p("wun",(t[0]||"")[3])?"space-":"")+t[0]},De=e=>t=>p(["start","end"],t[0])?{[e]:"flex-"+t[0]}:lt(e,t),ct=e=>(t,{theme:n})=>{if(i=n("grid"+j(e),t,""))return {["grid-"+e]:i};switch(t[0]){case"span":return t[1]&&{["grid-"+e]:`span ${t[1]} / span ${t[1]}`};case"start":case"end":return (i=n("grid"+j(e)+j(t[0]),u(t),g(u(t))))&&{[`grid-${e}-${t[0]}`]:i}}},dt=(e,{theme:t},n)=>{switch(e[0]){case"solid":case"dashed":case"dotted":case"double":case"none":return w("borderStyle")(e);case"collapse":case"separate":return w("borderCollapse")(e);case"opacity":return ue(e,t,n)}return (i=t(n+"Width",e,""))?{borderWidth:i}:ve("borderColor",n,t(n+"Color",e))},Me=e=>(e?"translate3d(var(--tw-translate-x,0),var(--tw-translate-y,0),0)":"translateX(var(--tw-translate-x,0)) translateY(var(--tw-translate-y,0))")+" rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))",Oe=(e,t,n)=>e[0]&&(i=t.theme(n,e[1]||e[0]))&&{[`--tw-${n}-x`]:e[0]!=="y"&&i,[`--tw-${n}-y`]:e[0]!=="x"&&i,transform:[`${n}${e[1]?e[0].toUpperCase():""}(${i})`,Me()]},gt=e=>(t,n,r)=>r[1]?ye(n.theme(e,t),r[1],e):v(e)(t,n,r),X=gt("padding"),Q=gt("margin"),ut=(e,{theme:t},n)=>(i={w:"width",h:"height"}[e[0]])&&{[i=`${n}${j(i)}`]:t(i,u(e))},M=(e,{theme:t},n)=>{let r=n.split("-"),s=r[0]=="backdrop"?r[0]+"-":"";if(s||e.unshift(...r),e[0]=="filter"){let o=["blur","brightness","contrast","grayscale","hue-rotate","invert",s&&"opacity","saturate","sepia",!s&&"drop-shadow"].filter(Boolean);return e[1]=="none"?{[s+"filter"]:"none"}:o.reduce((l,f)=>(l["--tw-"+s+f]="var(--tw-empty,/*!*/ /*!*/)",l),{[s+"filter"]:o.map(l=>`var(--tw-${s}${l})`).join(" ")})}return h=e.shift(),p(["hue","drop"],h)&&(h+=j(e.shift())),(i=t(s?"backdrop"+j(h):h,e))&&{["--tw-"+s+h]:(Array.isArray(i)?i:[i]).map(o=>`${re(h)}(${o})`).join(" ")}},ft={group:(e,{tag:t},n)=>t(g([n,...e])),hidden:L(_,"none"),inline:_,block:_,contents:_,flow:_,table:(e,t,n)=>p(["auto","fixed"],e[0])?{tableLayout:e[0]}:_(e,t,n),flex(e,t,n){switch(e[0]){case"row":case"col":return {flexDirection:g(e[0]=="col"?["column",...u(e)]:e)};case"nowrap":case"wrap":return {flexWrap:g(e)};case"grow":case"shrink":return i=t.theme("flex"+j(e[0]),u(e),e[1]||1),i!=null&&{["flex-"+e[0]]:""+i}}return (i=t.theme("flex",e,""))?{flex:i}:_(e,t,n)},grid(e,t,n){switch(e[0]){case"cols":case"rows":return (i=t.theme("gridTemplate"+j(we(e[0])),u(e),e.length==2&&Number(e[1])?`repeat(${e[1]},minmax(0,1fr))`:g(u(e))))&&{["gridTemplate-"+we(e[0])]:i};case"flow":return e.length>1&&{gridAutoFlow:g(e[1]=="col"?["column",...u(e,2)]:u(e)," ")}}return _(e,t,n)},auto:(e,{theme:t})=>p(["cols","rows"],e[0])&&(i=t("gridAuto"+j(we(e[0])),u(e),g(u(e))))&&{["gridAuto-"+we(e[0])]:i},static:ge,fixed:ge,absolute:ge,relative:ge,sticky:ge,visible:{visibility:"visible"},invisible:{visibility:"hidden"},antialiased:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},"subpixel-antialiased":{WebkitFontSmoothing:"auto",MozOsxFontSmoothing:"auto"},truncate:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},"sr-only":{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",whiteSpace:"nowrap",clip:"rect(0,0,0,0)",borderWidth:"0"},"not-sr-only":{position:"static",width:"auto",height:"auto",padding:"0",margin:"0",overflow:"visible",whiteSpace:"normal",clip:"auto"},resize:e=>({resize:{x:"horizontal",y:"vertical"}[e[0]]||e[0]||"both"}),box:e=>e[0]&&{boxSizing:e[0]+"-box"},appearance:w(),cursor:Se(),float:w(),clear:w(),decoration:w("boxDecorationBreak"),isolate:{isolation:"isolate"},isolation:w(),"mix-blend":w("mixBlendMode"),top:Te,right:Te,bottom:Te,left:Te,inset:(e,{theme:t})=>(i=ce(e[0]))?ye(t("inset",u(e)),e[0]):(i=t("inset",e))&&{top:i,right:i,bottom:i,left:i},underline:te,"line-through":te,"no-underline":L(te,"none"),"text-underline":L(te,"underline"),"text-no-underline":L(te,"none"),"text-line-through":L(te,"line-through"),uppercase:ee,lowercase:ee,capitalize:ee,"normal-case":L(ee,"none"),"text-normal-case":L(ee,"none"),italic:Ce,"not-italic":L(Ce,"normal"),"font-italic":L(Ce,"italic"),"font-not-italic":L(Ce,"normal"),font:(e,t,n)=>(i=t.theme("fontFamily",e,""))?{fontFamily:i}:v("fontWeight")(e,t,n),items:e=>e[0]&&{alignItems:p(["start","end"],e[0])?"flex-"+e[0]:g(e)},"justify-self":w(),"justify-items":w(),justify:De("justifyContent"),content:De("alignContent"),self:De("alignSelf"),place:e=>e[0]&&lt("place-"+e[0],u(e)),overscroll:e=>e[0]&&{["overscrollBehavior"+(e[1]?"-"+e[0]:"")]:e[1]||e[0]},col:ct("column"),row:ct("row"),duration:v("transitionDuration"),delay:v("transitionDelay"),tracking:v("letterSpacing"),leading:v("lineHeight"),z:v("zIndex"),opacity:v(),ease:v("transitionTimingFunction"),p:X,py:X,px:X,pt:X,pr:X,pb:X,pl:X,m:Q,my:Q,mx:Q,mt:Q,mr:Q,mb:Q,ml:Q,w:v("width"),h:v("height"),min:ut,max:ut,fill:v(),order:v(),origin:Se("transformOrigin"," "),select:w("userSelect"),"pointer-events":w(),align:w("verticalAlign"),whitespace:w("whiteSpace"),"normal-nums":{fontVariantNumeric:"normal"},ordinal:B("ordinal"),"slashed-zero":B("slashed-zero"),"lining-nums":B("numeric-figure"),"oldstyle-nums":B("numeric-figure"),"proportional-nums":B("numeric-spacing"),"tabular-nums":B("numeric-spacing"),"diagonal-fractions":B("numeric-fraction"),"stacked-fractions":B("numeric-fraction"),overflow:(e,t,n)=>p(["ellipsis","clip"],e[0])?w("textOverflow")(e):e[1]?{["overflow-"+e[0]]:e[1]}:w()(e,t,n),transform:e=>e[0]=="none"?{transform:"none"}:{"--tw-translate-x":"0","--tw-translate-y":"0","--tw-rotate":"0","--tw-skew-x":"0","--tw-skew-y":"0","--tw-scale-x":"1","--tw-scale-y":"1",transform:Me(e[0]=="gpu")},rotate:(e,{theme:t})=>(i=t("rotate",e))&&{"--tw-rotate":i,transform:[`rotate(${i})`,Me()]},scale:Oe,translate:Oe,skew:Oe,gap:(e,t,n)=>(i={x:"column",y:"row"}[e[0]])?{[i+"Gap"]:t.theme("gap",u(e))}:v("gap")(e,t,n),stroke:(e,t,n)=>(i=t.theme("stroke",e,""))?{stroke:i}:v("strokeWidth")(e,t,n),outline:(e,{theme:t})=>(i=t("outline",e))&&{outline:i[0],outlineOffset:i[1]},"break-normal":{wordBreak:"normal",overflowWrap:"normal"},"break-words":{overflowWrap:"break-word"},"break-all":{wordBreak:"break-all"},text(e,{theme:t},n){switch(e[0]){case"left":case"center":case"right":case"justify":return {textAlign:e[0]};case"uppercase":case"lowercase":case"capitalize":return ee([],i,e[0]);case"opacity":return ue(e,t,n)}let r=t("fontSize",e,"");return r?typeof r=="string"?{fontSize:r}:a({fontSize:r[0]},typeof r[1]=="string"?{lineHeight:r[1]}:r[1]):ve("color","text",t("textColor",e))},bg(e,{theme:t},n){switch(e[0]){case"fixed":case"local":case"scroll":return w("backgroundAttachment",",")(e);case"bottom":case"center":case"left":case"right":case"top":return w("backgroundPosition"," ")(e);case"no":return e[1]=="repeat"&&w("backgroundRepeat")(e);case"repeat":return p("xy",e[1])?w("backgroundRepeat")(e):{backgroundRepeat:e[1]||e[0]};case"opacity":return ue(e,t,n,"background");case"clip":case"origin":return e[1]&&{["background-"+e[0]]:e[1]+(e[1]=="text"?"":"-box")};case"blend":return w("background-blend-mode")(u(e));case"gradient":if(e[1]=="to"&&(i=ce(e[2])))return {backgroundImage:`linear-gradient(to ${g(i," ")},var(--tw-gradient-stops))`}}return (i=t("backgroundPosition",e,""))?{backgroundPosition:i}:(i=t("backgroundSize",e,""))?{backgroundSize:i}:(i=t("backgroundImage",e,""))?{backgroundImage:i}:ve("backgroundColor","bg",t("backgroundColor",e))},from:(e,{theme:t})=>(i=t("gradientColorStops",e))&&{"--tw-gradient-from":i,"--tw-gradient-stops":`var(--tw-gradient-from),var(--tw-gradient-to,${st(i)})`},via:(e,{theme:t})=>(i=t("gradientColorStops",e))&&{"--tw-gradient-stops":`var(--tw-gradient-from),${i},var(--tw-gradient-to,${st(i)})`},to:(e,{theme:t})=>(i=t("gradientColorStops",e))&&{"--tw-gradient-to":i},border:(e,t,n)=>ce(e[0])?ye(t.theme("borderWidth",u(e)),e[0],"border","width"):dt(e,t,n),divide:(e,t,n)=>(i=at(e,t,n,"divideWidth","border","width")||dt(e,t,n))&&{"&>:not([hidden])~:not([hidden])":i},space:(e,t,n)=>(i=at(e,t,n,"space","margin"))&&{"&>:not([hidden])~:not([hidden])":i},placeholder:(e,{theme:t},n)=>(i=e[0]=="opacity"?ue(e,t,n):ve("color","placeholder",t("placeholderColor",e)))&&{"&::placeholder":i},shadow:(e,{theme:t})=>(i=t("boxShadow",e))&&{":global":{"*":{"--tw-shadow":"0 0 transparent"}},"--tw-shadow":i=="none"?"0 0 transparent":i,boxShadow:[i,"var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)"]},animate:(e,{theme:t,tag:n})=>{if(h=t("animation",e)){let r=h.split(" ");return (i=t("keyframes",r[0],J={}))!==J?(h=n(r[0]))&&{animation:h+" "+g(u(r)," "),["@keyframes "+h]:i}:{animation:h}}},ring(e,{theme:t},n){switch(e[0]){case"inset":return {"--tw-ring-inset":"inset"};case"opacity":return ue(e,t,n);case"offset":return (i=t("ringOffsetWidth",u(e),""))?{"--tw-ring-offset-width":i}:{"--tw-ring-offset-color":t("ringOffsetColor",u(e))}}return (i=t("ringWidth",e,""))?{"--tw-ring-offset-shadow":"var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)","--tw-ring-shadow":`var(--tw-ring-inset) 0 0 0 calc(${i} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,boxShadow:"var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)",":global":{"*":{"--tw-ring-inset":"var(--tw-empty,/*!*/ /*!*/)","--tw-ring-offset-width":t("ringOffsetWidth","","0px"),"--tw-ring-offset-color":t("ringOffsetColor","","#fff"),"--tw-ring-color":Re(t("ringColor","","#93c5fd"),"ring-opacity",t("ringOpacity","","0.5")),"--tw-ring-offset-shadow":"0 0 transparent","--tw-ring-shadow":"0 0 transparent"}}}:{"--tw-ring-opacity":"1","--tw-ring-color":Re(t("ringColor",e),"ring-opacity")}},object:(e,t,n)=>p(["contain","cover","fill","none","scale-down"],g(e))?{objectFit:g(e)}:Se("objectPosition"," ")(e,t,n),list:(e,t,n)=>g(e)=="item"?_(e,t,n):p(["inside","outside"],g(e))?{listStylePosition:e[0]}:Se("listStyleType")(e,t,n),rounded:(e,t,n)=>ot(t.theme("borderRadius",u(e),""),e[0],"border","radius")||v("borderRadius")(e,t,n),"transition-none":{transitionProperty:"none"},transition:(e,{theme:t})=>({transitionProperty:t("transitionProperty",e),transitionTimingFunction:t("transitionTimingFunction",""),transitionDuration:t("transitionDuration","")}),container:(e,{theme:t})=>{let{screens:n=t("screens"),center:r,padding:s}=t("container"),o=l=>(i=s&&(typeof s=="string"?s:s[l]||s.DEFAULT))?{paddingRight:i,paddingLeft:i}:{};return Object.keys(n).reduce((l,f)=>((h=n[f])&&typeof h=="string"&&(l[U(h)]={"&":a({"max-width":h},o(f))}),l),a(a({width:"100%"},r?{marginRight:"auto",marginLeft:"auto"}:{}),o("xs")))},filter:M,blur:M,brightness:M,contrast:M,grayscale:M,"hue-rotate":M,invert:M,saturate:M,sepia:M,"drop-shadow":M,backdrop:M};var pt=e=>({":root":{tabSize:4},"body,blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre,fieldset,ol,ul":{margin:"0"},button:{backgroundColor:"transparent",backgroundImage:"none"},'button,[type="button"],[type="reset"],[type="submit"]':{WebkitAppearance:"button"},"button:focus":{outline:["1px dotted","5px auto -webkit-focus-ring-color"]},"fieldset,ol,ul,legend":{padding:"0"},"ol,ul":{listStyle:"none"},html:{lineHeight:"1.5",WebkitTextSizeAdjust:"100%",fontFamily:e("fontFamily.sans","ui-sans-serif,system-ui,sans-serif")},body:{fontFamily:"inherit",lineHeight:"inherit"},"*,::before,::after":{boxSizing:"border-box",border:`0 solid ${e("borderColor.DEFAULT","currentColor")}`},hr:{height:"0",color:"inherit",borderTopWidth:"1px"},img:{borderStyle:"solid"},textarea:{resize:"vertical"},"input::placeholder,textarea::placeholder":{opacity:"1",color:e("placeholderColor.DEFAULT",e("colors.gray.400","#a1a1aa"))},'button,[role="button"]':{cursor:"pointer"},table:{textIndent:"0",borderColor:"inherit",borderCollapse:"collapse"},"h1,h2,h3,h4,h5,h6":{fontSize:"inherit",fontWeight:"inherit"},a:{color:"inherit",textDecoration:"inherit"},"button,input,optgroup,select,textarea":{fontFamily:"inherit",fontSize:"100%",margin:"0",padding:"0",lineHeight:"inherit",color:"inherit"},"button,select":{textTransform:"none"},"::-moz-focus-inner":{borderStyle:"none",padding:"0"},":-moz-focusring":{outline:"1px dotted ButtonText"},":-moz-ui-invalid":{boxShadow:"none"},progress:{verticalAlign:"baseline"},"::-webkit-inner-spin-button,::-webkit-outer-spin-button":{height:"auto"},'[type="search"]':{WebkitAppearance:"textfield",outlineOffset:"-2px"},"::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},summary:{display:"list-item"},"abbr[title]":{textDecoration:"underline dotted"},"b,strong":{fontWeight:"bolder"},"pre,code,kbd,samp":{fontFamily:e("fontFamily","mono","ui-monospace,monospace"),fontSize:"1em"},"sub,sup":{fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},"img,svg,video,canvas,audio,iframe,embed,object":{display:"block",verticalAlign:"middle"},"img,video":{maxWidth:"100%",height:"auto"}});var mt={dark:"@media (prefers-color-scheme:dark)",sticky:"@supports ((position: -webkit-sticky) or (position:sticky))","motion-reduce":"@media (prefers-reduced-motion:reduce)","motion-safe":"@media (prefers-reduced-motion:no-preference)",first:"&:first-child",last:"&:last-child",even:"&:nth-child(2n)",odd:"&:nth-child(odd)",children:"&>*",siblings:"&~*",sibling:"&+*",override:"&&"};var bt="__twind",ht=e=>{let t=self[bt];return t||(t=document.head.appendChild(document.createElement("style")),t.id=bt,e&&(t.nonce=e),t.appendChild(document.createTextNode(""))),t};var je=({nonce:e,target:t=ht(e).sheet}={})=>{let n=t.cssRules.length;return {target:t,insert:(r,s)=>t.insertRule(r,n+s)}},We=()=>({target:null,insert:me});var ke=e=>({unknown(t,n=[],r,s){r||this.report({id:"UNKNOWN_THEME_VALUE",key:t+"."+g(n)},s);},report(r){var{id:t}=r,n=Xe(r,["id"]);return e(`[${t}] ${JSON.stringify(n)}`)}}),Ae=ke(e=>console.warn(e)),Le=ke(e=>{throw new Error(e)}),Ie=ke(me);var Ht=new Map([["align-self","-ms-grid-row-align"],["color-adjust","-webkit-print-color-adjust"],["column-gap","grid-column-gap"],["gap","grid-gap"],["grid-template-columns","-ms-grid-columns"],["grid-template-rows","-ms-grid-rows"],["justify-self","-ms-grid-column-align"],["margin-inline-end","-webkit-margin-end"],["margin-inline-start","-webkit-margin-start"],["overflow-wrap","word-wrap"],["padding-inline-end","-webkit-padding-end"],["padding-inline-start","-webkit-padding-start"],["row-gap","grid-row-gap"],["scroll-margin-bottom","scroll-snap-margin-bottom"],["scroll-margin-left","scroll-snap-margin-left"],["scroll-margin-right","scroll-snap-margin-right"],["scroll-margin-top","scroll-snap-margin-top"],["scroll-margin","scroll-snap-margin"],["text-combine-upright","-ms-text-combine-horizontal"]]);function xt(e){return Ht.get(e)}function yt(e){var t=/^(?:(text-(?:decoration$|e|or|si)|back(?:ground-cl|d|f)|box-d|(?:mask(?:$|-[ispro]|-cl)))|(tab-|column(?!-s)|text-align-l)|(ap)|(u|hy))/i.exec(e);return t?t[1]?1:t[2]?2:t[3]?3:5:0}function wt(e,t){var n=/^(?:(pos)|(background-i)|((?:max-|min-)?(?:block-s|inl|he|widt))|(dis))/i.exec(e);return n?n[1]?/^sti/i.test(t)?1:0:n[2]?/^image-/i.test(t)?1:0:n[3]?t[3]==="-"?2:0:/^(inline-)?grid$/i.test(t)?4:0:0}var O=(e,t,n)=>`${e}:${t}${n?" !important":""}`,_e=(e,t,n)=>{let r="",s=xt(e);s&&(r+=`${O(s,t,n)};`);let o=yt(e);return o&1&&(r+=`-webkit-${O(e,t,n)};`),o&2&&(r+=`-moz-${O(e,t,n)};`),o&4&&(r+=`-ms-${O(e,t,n)};`),o=wt(e,t),o&1&&(r+=`${O(e,`-webkit-${t}`,n)};`),o&2&&(r+=`${O(e,`-moz-${t}`,n)};`),o&4&&(r+=`${O(e,`-ms-${t}`,n)};`),r+=O(e,t,n),r};var fe=(e,t)=>{let n={};do for(let r=1;r<e;r++)n[`${r}/${e}`]=Number((r/e*100).toFixed(6))+"%";while(++e<=t);return n},G=(e,t,n=0)=>{let r={};for(;n<=e;n=n*2||1)r[n]=n+t;return r},E=(e,t="",n=1,r=0,s=1,o={})=>{for(;r<=e;r+=s)o[r]=r/n+t;return o},x=e=>t=>t(e),Nt=(e,{theme:t})=>t(...e),Ut=(...e)=>le(Nt,e),Vt={screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},colors:{transparent:"transparent",current:"currentColor",black:"#000",white:"#fff",gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},yellow:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},green:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},purple:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"}},spacing:a(a(a(a(a({px:"1px",0:"0px"},E(4,"rem",4,.5,.5)),E(12,"rem",4,5)),{14:"3.5rem"}),E(64,"rem",4,16,4)),{72:"18rem",80:"20rem",96:"24rem"}),durations:{75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},animation:{none:"none",spin:"spin 1s linear infinite",ping:"ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",pulse:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",bounce:"bounce 1s infinite"},backdropBlur:x("blur"),backdropBrightness:x("brightness"),backdropContrast:x("contrast"),backdropGrayscale:x("grayscale"),backdropHueRotate:x("hueRotate"),backdropInvert:x("invert"),backdropOpacity:x("opacity"),backdropSaturate:x("saturate"),backdropSepia:x("sepia"),backgroundColor:x("colors"),backgroundImage:{none:"none"},backgroundOpacity:x("opacity"),backgroundSize:{auto:"auto",cover:"cover",contain:"contain"},blur:{0:"0",sm:"4px",DEFAULT:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},brightness:a(a(a({},E(200,"",100,0,50)),E(110,"",100,90,5)),{75:"0.75",125:"1.25"}),borderColor:e=>a(a({},e("colors")),{DEFAULT:e("colors.gray.200","currentColor")}),borderOpacity:x("opacity"),borderRadius:{none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem","1/2":"50%",full:"9999px"},borderWidth:a({DEFAULT:"1px"},G(8,"px")),boxShadow:{sm:"0 1px 2px 0 rgba(0, 0, 0, 0.05)",DEFAULT:"0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",md:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",lg:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)","2xl":"0 25px 50px -12px rgba(0, 0, 0, 0.25)",inner:"inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",none:"none"},contrast:a(a({},E(200,"",100,0,50)),{75:"0.75",125:"1.25"}),divideColor:x("borderColor"),divideOpacity:x("borderOpacity"),divideWidth:x("borderWidth"),dropShadow:{sm:"0 1px 1px rgba(0,0,0,0.05)",DEFAULT:["0 1px 2px rgba(0, 0, 0, 0.1)","0 1px 1px rgba(0, 0, 0, 0.06)"],md:["0 4px 3px rgba(0, 0, 0, 0.07)","0 2px 2px rgba(0, 0, 0, 0.06)"],lg:["0 10px 8px rgba(0, 0, 0, 0.04)","0 4px 3px rgba(0, 0, 0, 0.1)"],xl:["0 20px 13px rgba(0, 0, 0, 0.03)","0 8px 5px rgba(0, 0, 0, 0.08)"],"2xl":"0 25px 25px rgba(0, 0, 0, 0.15)",none:"0 0 #0000"},fill:{current:"currentColor"},grayscale:{0:"0",DEFAULT:"100%"},hueRotate:{0:"0deg",15:"15deg",30:"30deg",60:"60deg",90:"90deg",180:"180deg"},invert:{0:"0",DEFAULT:"100%"},flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},fontFamily:{sans:'ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"'.split(","),serif:'ui-serif,Georgia,Cambria,"Times New Roman",Times,serif'.split(","),mono:'ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'.split(",")},fontSize:{xs:["0.75rem","1rem"],sm:["0.875rem","1.25rem"],base:["1rem","1.5rem"],lg:["1.125rem","1.75rem"],xl:["1.25rem","1.75rem"],"2xl":["1.5rem","2rem"],"3xl":["1.875rem","2.25rem"],"4xl":["2.25rem","2.5rem"],"5xl":["3rem","1"],"6xl":["3.75rem","1"],"7xl":["4.5rem","1"],"8xl":["6rem","1"],"9xl":["8rem","1"]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},gridTemplateColumns:{},gridTemplateRows:{},gridAutoColumns:{min:"min-content",max:"max-content",fr:"minmax(0,1fr)"},gridAutoRows:{min:"min-content",max:"max-content",fr:"minmax(0,1fr)"},gridColumn:{auto:"auto","span-full":"1 / -1"},gridRow:{auto:"auto","span-full":"1 / -1"},gap:x("spacing"),gradientColorStops:x("colors"),height:e=>a(a(a({auto:"auto"},e("spacing")),fe(2,6)),{full:"100%",screen:"100vh"}),inset:e=>a(a(a({auto:"auto"},e("spacing")),fe(2,4)),{full:"100%"}),keyframes:{spin:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},ping:{"0%":{transform:"scale(1)",opacity:"1"},"75%,100%":{transform:"scale(2)",opacity:"0"}},pulse:{"0%,100%":{opacity:"1"},"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:a({none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},E(10,"rem",4,3)),margin:e=>a({auto:"auto"},e("spacing")),maxHeight:e=>a(a({},e("spacing")),{full:"100%",screen:"100vh"}),maxWidth:(e,{breakpoints:t})=>a({none:"none",0:"0rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",full:"100%",min:"min-content",max:"max-content",prose:"65ch"},t(e("screens"))),minHeight:{0:"0px",full:"100%",screen:"100vh"},minWidth:{0:"0px",full:"100%",min:"min-content",max:"max-content"},opacity:a(a({},E(100,"",100,0,10)),{5:"0.05",25:"0.25",75:"0.75",95:"0.95"}),order:a({first:"-9999",last:"9999",none:"0"},E(12,"",1,1)),outline:{none:["2px solid transparent","2px"],white:["2px dotted white","2px"],black:["2px dotted black","2px"]},padding:x("spacing"),placeholderColor:x("colors"),placeholderOpacity:x("opacity"),ringColor:e=>a({DEFAULT:e("colors.blue.500","#3b82f6")},e("colors")),ringOffsetColor:x("colors"),ringOffsetWidth:G(8,"px"),ringOpacity:e=>a({DEFAULT:"0.5"},e("opacity")),ringWidth:a({DEFAULT:"3px"},G(8,"px")),rotate:a(a(a({},G(2,"deg")),G(12,"deg",3)),G(180,"deg",45)),saturate:E(200,"",100,0,50),scale:a(a(a({},E(150,"",100,0,50)),E(110,"",100,90,5)),{75:"0.75",125:"1.25"}),sepia:{0:"0",DEFAULT:"100%"},skew:a(a({},G(2,"deg")),G(12,"deg",3)),space:x("spacing"),stroke:{current:"currentColor"},strokeWidth:E(2),textColor:x("colors"),textOpacity:x("opacity"),transitionDuration:e=>a({DEFAULT:"150ms"},e("durations")),transitionDelay:x("durations"),transitionProperty:{none:"none",all:"all",DEFAULT:"background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter",colors:"background-color,border-color,color,fill,stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4,0,0.2,1)",linear:"linear",in:"cubic-bezier(0.4,0,1,1)",out:"cubic-bezier(0,0,0.2,1)","in-out":"cubic-bezier(0.4,0,0.2,1)"},translate:e=>a(a(a({},e("spacing")),fe(2,4)),{full:"100%"}),width:e=>a(a(a(a({auto:"auto"},e("spacing")),fe(2,6)),fe(12,12)),{screen:"100vw",full:"100%",min:"min-content",max:"max-content"}),zIndex:a({auto:"auto"},E(50,"",1,0,10))},St=(e,t={},n=[])=>(Object.keys(e).forEach(r=>{let s=e[r];r=="DEFAULT"&&(t[g(n)]=s,t[g(n,".")]=s);let o=[...n,r];t[g(o)]=s,t[g(o,".")]=s,s&&typeof s=="object"&&St(s,t,o);},t),t),Bt={negative:()=>({}),breakpoints:e=>Object.keys(e).filter(t=>typeof e[t]=="string").reduce((t,n)=>(t["screen-"+n]=e[n],t),{})},Gt=(e,t)=>(t=t[0]=="["&&t.slice(-1)=="]"&&t.slice(1,-1))&&p(e,"olor")==/^(#|(hsl|rgb)a?\(|[a-z]+$)/.test(t)&&(p(t,"calc(")?t.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g,"$1 $2 "):t),Ct=e=>{let t=new Map,n=a(a({},Vt),e),r=(o,l)=>{let f=o&&o[l],d=typeof f=="function"?f(s,Bt):f;return d&&l=="colors"?St(d):d},s=(o,l,f)=>{let d=o.split(".");o=d[0],d.length>1&&(f=l,l=g(u(d),"."));let S=t.get(o);if(S||(t.set(o,S=a({},r(n,o))),Object.assign(S,r(n.extend,o))),l!=null){l=(Array.isArray(l)?g(l):l)||"DEFAULT";let H=Gt(o,l)||S[l];return H==null?f:Array.isArray(H)&&!p(["fontSize","outline","dropShadow"],o)?g(H,","):H}return S};return s};var Tt=(e,t)=>(n,r)=>{if(typeof n.d=="function")return n.d(t);let s=n.d.split(/-(?![^[]*])/g);if(!r&&s[0]=="tw"&&n.$==n.d)return n.$;for(let o=s.length;o;o--){let l=g(s.slice(0,o)),f=e[l];if(f)return typeof f=="function"?f(u(s,o),t,l):typeof f=="string"?t[r?"css":"tw"](f):f}};var pe,He=/^:(group(?:(?!-focus).+?)*)-(.+)$/,Ne=/^(:not)-(.+)/,Ue=e=>e[1]=="["?u(e):e,Rt=(e,t,{theme:n,tag:r})=>{let s=(o,l)=>(pe=n("screens",u(l),""))?{[U(pe)]:o}:l==":dark"&&e=="class"?{".dark &":o}:(pe=He.exec(l))?{[`.${he(r(pe[1]))}:${pe[2]} &`]:o}:{[t[u(l)]||"&"+l.replace(Ne,(f,d,S)=>d+"("+Ue(":"+S)+")")]:o};return (o,l)=>l.v.reduceRight(s,o)};var P,Ve=e=>(((P=/(?:^|min-width: *)(\d+(?:.\d+)?)(p)?/.exec(e))?+P[1]/(P[2]?15:1)/10:0)&31)<<22,vt=e=>{P=0;for(let t=e.length;t--;)P+=p("-:,",e[t]);return P},Be=e=>(vt(e)&15)<<18,Yt=["rst","st","en","d","nk","sited","pty","ecked","cus-w","ver","cus","cus-v","tive","sable","ad-on","tiona","quire"],Kt=e=>1<<(~(P=Yt.indexOf(e.replace(He,":$2").slice(3,8)))?P:17),kt=(e,t)=>(n,r)=>n|((P=e("screens",u(r),""))?1<<27|Ve(U(P)):r==":dark"?1<<30:(P=t[r]||r.replace(Ne,":$2"))[0]=="@"?Be(P):Kt(r)),At=e=>e[0]=="-"?0:vt(e)+((P=/^(?:(border-(?!w|c|sty)|[tlbr].{2,4}m?$|c.{7}$)|([fl].{5}l|g.{8}$|pl))/.exec(e))?+!!P[1]||-!!P[2]:0)+1;var Ge=(e,t)=>t+"{"+e+"}",$t=(e,t,n)=>{let{theme:r,tag:s}=n,o=(C,R)=>"--"+s(R),l=C=>`${C}`.replace(/--(tw-[\w-]+)\b/g,o),f=(C,R,k)=>(C=l(C),Array.isArray(R)?g(R.filter(Boolean).map(T=>e(C,l(T),k)),";"):e(C,l(R),k)),d,S=(C,R,k,T,F)=>{if(Array.isArray(T)){T.forEach(b=>b&&S(C,R,k,b,F));return}let Y="",N=0,q=0;T["@apply"]&&(T=ie(W(Fe(T["@apply"]),n),a(a({},T),{"@apply":void 0}),n)),Object.keys(T).forEach(b=>{let A=W(T[b],n);if($e(b,A)){if(A!==""&&b.length>1){let $=re(b);q+=1,N=Math.max(N,At($)),Y=(Y&&Y+";")+f($,A,F);}}else if(A)if(b==":global"&&(b="@global"),b[0]=="@")if(b[1]=="g")S([],"",0,A,F);else if(b[1]=="f")S([],b,0,A,F);else if(b[1]=="k"){let $=d.length;S([],"",0,A,F);let z=d.splice($,d.length-$);d.push({r:Ge(g(z.map(c=>c.r),""),b),p:z.reduce((c,m)=>c+m.p,0)});}else b[1]=="i"?(Array.isArray(A)?A:[A]).forEach($=>$&&d.push({p:0,r:`${b} ${$};`})):(b[2]=="c"&&(b=U(n.theme("screens",u(b,8).trim()))),S([...C,b],R,k|Ve(b)|Be(b),A,F));else S(C,R?g(R.split(/,(?![^[]*])/g).map($=>g(b.split(/,(?![^[]*])/g).map(z=>p(z,"&")?z.replace(/&/g,$):($&&$+" ")+z),",")),","):b,k,A,F);}),q&&d.push({r:C.reduceRight(Ge,Ge(Y,R)),p:k*(1<<8)+((Math.max(0,15-q)&15)<<4|(N||15)&15)});},H=kt(r,t);return (C,R,k,T=0)=>(T<<=28,d=[],S([],R?"."+he(R):"",k?k.v.reduceRight(H,T):T,C,k&&k.i),d)};var Pt=(e,t,n,r)=>{let s;n((l=[])=>s=l);let o;return n((l=new Set)=>o=l),({r:l,p:f})=>{if(!o.has(l)){o.add(l);let d=qe(s,f);try{e.insert(l,d),s.splice(d,0,f);}catch(S){/:-[mwo]/.test(l)||t.report({id:"INJECT_CSS_ERROR",css:l,error:S},r);}}}};var Ye=(e,t,n,r=t)=>e===!1?n:e===!0?r:e||t,Jt=e=>(typeof e=="string"?{t:Le,a:Ae,i:Ie}[e[1]]:e)||Ae,Xt=(e,t)=>e+(t[1]==":"?u(t,2)+":":u(t))+":",Et=(e,t=e.d)=>typeof t=="function"?"":e.v.reduce(Xt,"")+(e.i?"!":"")+(e.n?"-":"")+t,Qt={_:{value:"",writable:!0}},Ft=(e={})=>{let t=Ct(e.theme),n=Jt(e.mode),r=Ye(e.hash,!1,!1,oe),s=e.important,o={v:[]},l=0,f=[],d={tw:(...c)=>$(c),theme:(c,m,y)=>{var K;let D=(K=t(c,m,y))!=null?K:n.unknown(c,m==null||Array.isArray(m)?m:m.split("."),y!=null,d);return o.n&&D&&p("rg",(typeof D)[5])?`calc(${D} * -1)`:D},tag:c=>r?r(c):c,css:c=>{l++;let m=f.length;try{(typeof c=="string"?ae([c]):c).forEach(A);let y=Object.create(null,Qt);for(let D=m;D<f.length;D++){let K=f[D];if(K)switch(typeof K){case"object":ie(y,K,d);break;case"string":y._+=(y._&&" ")+K;}}return y}finally{f.length=m,l--;}}},S=Tt(a(a({},ft),e.plugins),d),H=c=>{let m=o;o=c;try{return W(S(c),d)}finally{o=m;}},C=a(a({},mt),e.variants),R=Rt(e.darkMode||"media",C,d),k=$t(Ye(e.prefix,_e,O),C,d),T=e.sheet||(typeof window=="undefined"?We():je(e)),{init:F=c=>c()}=T,Y=Pt(T,n,F,d),N;F((c=new Map)=>N=c);let q=new WeakMap,b=(c,m)=>c=="_"?void 0:typeof m=="function"?JSON.stringify(W(m,d),b):m,A=c=>{!l&&o.v.length&&(c=a(a({},c),{v:[...o.v,...c.v],$:""})),c.$||(c.$=Et(c,q.get(c.d)));let m=l?null:N.get(c.$);if(m==null){let y=H(c);if(c.$||(c.$=oe(JSON.stringify(y,b)),q.set(c.d,c.$),c.$=Et(c,c.$)),y&&typeof y=="object")if(c.v=c.v.map(Ue),s&&(c.i=s),y=R(y,c),l)f.push(y);else {let D=typeof c.d=="function"?typeof y._=="string"?1:3:2;m=r||typeof c.d=="function"?(r||oe)(D+c.$):c.$,k(y,m,c,D).forEach(Y),y._&&(m+=" "+y._);}else typeof y=="string"?m=y:(m=c.$,n.report({id:"UNKNOWN_DIRECTIVE",rule:m},d)),l&&typeof c.d!="function"&&f.push(m);l||(N.set(c.$,m),be(N,3e4));}return m},$=c=>g(ae(c).map(A).filter(Boolean)," "),z=Ye(e.preflight,Qe,!1);if(z){let c=pt(t),m=k(typeof z=="function"?W(z(c,d),d)||c:a(a({},c),z));F((y=(m.forEach(Y),!0))=>y);}return {init:()=>n.report({id:"LATE_SETUP_CALL"},d),process:$}};var Ke=e=>{let t=o=>(n(),t(o)),n=o=>{({process:t,init:n}=Ft(o));};e&&n(e);let r;return {tw:Object.defineProperties((...o)=>t(o),{theme:{get:(o=>()=>(r||t([l=>(r=l,"")]),r[o]))("theme")}}),setup:o=>n(o)}};var {tw:qt,setup:Zt}=Ke();exports.apply=Fe;exports.autoprefix=_e;exports.create=Ke;exports.cssomSheet=je;exports.directive=le;exports.hash=oe;exports.mode=ke;exports.noprefix=O;exports.setup=Zt;exports.silent=Ie;exports.strict=Le;exports.theme=Ut;exports.tw=qt;exports.voidSheet=We;exports.warn=Ae;Object.defineProperty(exports,'__esModule',{value:true});})));//# sourceMappingURL=twind.umd.js.map
(function(g,f){typeof exports==='object'&&typeof module!=='undefined'?f(exports):typeof define==='function'&&define.amd?define(['exports'],f):(g=typeof globalThis!=='undefined'?globalThis:g||self,f(g.twind={}));})(this,(function(exports){'use strict';var He=Object.defineProperty,_e=Object.defineProperties;var qe=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var oe=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable;var ie=(e,t,r)=>t in e?He(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,c=(e,t)=>{for(var r in t||(t={}))oe.call(t,r)&&ie(e,r,t[r]);if(D)for(var r of D(t))ne.call(t,r)&&ie(e,r,t[r]);return e},g=(e,t)=>_e(e,qe(t));var ae=(e,t)=>{var r={};for(var o in e)oe.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&D)for(var o of D(e))t.indexOf(o)<0&&ne.call(e,o)&&(r[o]=e[o]);return r};function X(e,t){return Math.round(parseInt(e,16)*t)}function k(e,t={}){if(typeof e=="function")return e(t);let{opacityValue:r="1",opacityVariable:o}=t,n=o?`var(${o})`:r;if(n=="1")return e;if(n=="0")return "#0000";if(e[0]=="#"&&(e.length==4||e.length==7)){let i=(e.length-1)/3,a=[17,1,.062272][i-1];return `rgba(${[X(e.substr(1,i),a),X(e.substr(1+i,i),a),X(e.substr(1+2*i,i),a),n]})`}return e}var Ge=new Map;function se(e,t){let r=Ge.get(e.name);return r?r(e,t):t.rule(e.name)}var L=typeof CSS!="undefined"&&CSS.escape||(e=>e.replace(/[!"'`*+.,;:\\/<=>?@#$%&^|~()[\]{}]/g,"\\$&").replace(/^\d/,"\\3$& "));function W(e){for(var t=9,r=e.length;r--;)t=Math.imul(t^e.charCodeAt(r),1597334677);return ((t^t>>>9)>>>0).toString(36)}function $(e,t="@media "){return t+y(e).map(r=>(typeof r=="string"&&(r={min:r}),r.raw||Object.keys(r).map(o=>`(${o}-width:${r[o]})`).join(" and "))).join(",")}function y(e=[]){return Array.isArray(e)?e:[e]}function A({name:e,important:t,variants:r}){return [...r,(t?"!":"")+e].join(":")}var x={defaults:0<<27,preflight:1<<27,base:2<<27,components:3<<27,shortcuts:4<<27,utilities:5<<27,css:6<<27,overrides:7<<27};function M(e,t){return e&~x.overrides|t}function le(e){var t;return ((t=e.match(/[-=:;]/g))==null?void 0:t.length)||0}function N(e){return Math.min(/(?:^|width[^\d]+)(\d+(?:.\d+)?)(p)?/.test(e)?+RegExp.$1/(RegExp.$2?15:1)/10:0,15)<<22|Math.min(le(e),15)<<18}var Ye=["rst","st","en","d","nk","sited","pty","ecked","cus-w","ver","cus","cus-v","tive","sable","ad-on","tiona","quire"];function Xe(e){return 1<<~(/:([a-z-]+)/.test(e)&&~Ye.indexOf(RegExp.$1.slice(2,7))||~17)}function ce(e){return e[0]=="-"?0:le(e)+(/^(?:(border-(?!w|c|sty)|[tlbr].{2,4}m?$|c.{7}$)|([fl].{5}l|g.{8}$|pl))/.test(e)?+!!RegExp.$1||-!!RegExp.$2:0)+1}function U({name:e,important:t,variants:r=[]},o,n,i=[]){e&&(e=A({name:e,important:t,variants:r}));for(let a of r){let d=o.theme("screens",a),l=d&&$(d)||o.variant(a);i=[...i,l],n|=d?1<<26|N(l):a=="dark"?1<<30:l[0]=="@"?N(l):Xe(l);}return {name:e,precedence:n,conditions:i,important:t}}function I(e){if(e.declarations){let t=[],r=e.name&&"."+L(e.name);for(let o of e.conditions)o[0]=="@"?t.push(o):r=r?r.split(/,(?![^[]*])/g).map(n=>o.split(/,(?![^[]*])/g).map(i=>i.replace(/&/g,n))).join(","):o;return r&&t.push(r),t.reduceRight((o,n)=>n+"{"+o+"}",e.declarations)}}function de(e,t){let r=[],o;for(let n of e)(o==null?void 0:o.precedence)==n.precedence?Object.assign(o,{className:[o.className,n.className].filter(Boolean).join(" "),declarations:[o.declarations,n.declarations].filter(Boolean).join(";")}):r.push(o=g(c({},n),{name:n.name&&t}));return r}function fe(e,t){if(e[e.length-1]!="{"){let r=[],o=!1,n=!1,i="";for(let a of e)if(!(a=="{"||a=="~")){if(a[0]=="!"&&(a=a.slice(1),o=!o),a[a.length-1]==":"){r.push(a.slice(0,-1));continue}a[0]=="-"&&(a=a.slice(1),n=!n),a[a.length-1]=="-"&&(a=a.slice(0,-1)),a&&a!="&"&&(i+=(i&&"-")+a);}i&&(n&&(i="-"+i),t[0].push({name:i,variants:r,important:o}));}}var Je=/({)?\s*(?:\/\*[^]*?\*\/|\/\/[^]*?$|\s+|$)\s*(})?/gm;function Ze(e,t,r){return t||r||" "}var me=/([ ,}])|\{|[^ ,}{[:]*(?:\[[^ ]+(?![^(]*\))])*:?/g,pe=new Map;function F(e){let t=pe.get(e);if(!t){e=e.replace(Je,Ze);let r=[],o=[[]],n,i;for(me.lastIndex=0;(i=me.exec(e))&&i[0];)if(i[1]){fe(r,o);let a=r.lastIndexOf("{");i[1]=="}"&&(r[a-1]=="~"&&o.shift(),a=r.lastIndexOf("{",a-1)),r.length=a+1;}else i[0]=="~"&&(n=[],o[0].push(n),o.unshift(n)),r.push(i[0]);fe(r,o),pe.set(e,t=o[0]);}return t}var ue=new Intl.Collator("en",{numeric:!0});function H(e,t){for(var r=0,o=e.length;r<o;){let n=o+r>>1;J(e[n],t)<=0?r=n+1:o=n;}return o}function J(e,t){return e.precedence-t.precedence||(e.precedence==x.preflight?0:e.priority-t.priority||ue.compare(""+e.conditions,""+t.conditions)||ue.compare(""+e.name,""+t.name))}function B(e,t,r=x.utilities,o,n,i){let a=[];for(let d of e)for(let l of Array.isArray(d)?de(B(d,t,(r&x.overrides)==x.utilities?M(r,x.shortcuts):r,o,n),i||"~{"+ge(d)+"}"):Qe(d,t,r,o,n))a.splice(H(a,l),0,l);return a}function ge(e){return e.map(t=>Array.isArray(t)?""+ge(t):A(t))}function Qe(e,t,r,o,n){n&&!e.important&&(e=g(c({},e),{important:n}));let i=se(e,t);return i?typeof i=="string"?({conditions:o,precedence:r}=U(e,t,r,o),B([F(i)],t,r,o,e.important,e.name)):Array.isArray(i)?i.map(a=>g(c({priority:0},a),{conditions:[...o||[],...a.conditions||[]],precedence:M(r,a.precedence||r)})):_(i,e,t,r,o):[{className:A(e),precedence:0,priority:0,conditions:[]}]}function _(e,t,r,o,n=[]){return O(e,U(t,r,o,n),r)}function O(e,{name:t,precedence:r,conditions:o=[],important:n},i){let a=[],d="",l=0,p=0;for(let f in e||{}){let m=e[f];if(f[0]=="@"){if(!m)continue;switch(f[1]){case"a":{a.push(...B([F(y(m).join(" "))],i,r,o,n).map(h=>g(c({},h),{name:t})));continue}case"l":{f[3]=="b"?t=m+"#"+W(JSON.stringify([t,r,n,e])):a.push(...O(m,{name:t,precedence:M(r,x[f.slice(7)]),conditions:o,important:n},i));continue}case"i":{a.push({precedence:-1,priority:0,conditions:[],declarations:y(m).filter(Boolean).map(h=>f+" "+h).join(";")});continue}case"k":case"f":{a.push({precedence:x.defaults,priority:0,conditions:[f],declarations:O(m,{precedence:x.defaults},i).map(I).join("")});continue}}}if(typeof m=="object"&&!Array.isArray(m))if(f[0]=="@"||f.includes("&")){let h=r;f[0]=="@"&&(f=f.replace(/\bscreen\(([^)]+)\)/g,(S,R)=>{let P=i.theme("screens",R);return P?(h|=1<<26,$(P,"")):S}),h|=N(f)),a.push(...O(m,{name:t,precedence:h,conditions:[...o,f],important:n},i));}else a.push(...O(m,{precedence:r,conditions:[f]},i));else (m||m===0)&&(f=f.replace(/[A-Z]/g,"-$&").toLowerCase(),p+=1,l=Math.max(l,ce(f)),m=Z(""+m,i)+(n?" !important":""),d+=(d?";":"")+y(m).map(h=>i.stringify(f,h)).join(";"));}return p&&(t&&(t=i.tag(t)),a.push({name:t,precedence:r,priority:Math.max(0,15-p)<<4|(Math.min(l||15),15),conditions:o,declarations:d})),a.sort(J)}function Z(e,t){return e.replace(/theme\((["'`])?(.+?)\1(?:\s*,\s*(["'`])?(.+?)\3)?\)/g,(r,o,n,i,a)=>t.theme(n,a))}function q({presets:e=[],preflight:t,theme:r={},variants:o=[],rules:n=[],tag:i,ignorelist:a=[],stringify:d=Ke}){let l={preflight:t!=!1&&y(t),theme:r,variants:o,rules:n,tag:i,ignorelist:y(a),stringify:d};for(let p of e)l=p(l);return l}function Ke(e,t){return e+":"+t}function he(e,t=typeof document!="undefined"&&document.documentElement){if(!t)return e;let r=new MutationObserver(n);return n([{target:t,addedNodes:[t]}]),r.observe(t,{attributes:!0,attributeFilter:["class"],subtree:!0,childList:!0}),Object.create(e,{destroy:{enumerable:!0,value:()=>{r.disconnect(),e.destroy();}}});function o({target:i,addedNodes:a}){var p;let d=(p=i.getAttribute)==null?void 0:p.call(i,"class"),l=d&&e.inject(d);d!==l&&i.setAttribute("class",l);for(let f=a.length;f--;){let m=a[f];n([{target:m,addedNodes:m.children||[]}]);}}function n(i){i.forEach(o),r.takeRecords().forEach(o);}}function G(e){return t=>{let{preflight:r,theme:o,variants:n=[],rules:i=[],tag:a=t.tag,ignorelist:d=[],stringify:l=t.stringify}=typeof e=="function"?e(t):e;return {preflight:t.preflight&&r!=!1&&[r,...t.preflight],theme:g(c(c({},o),t.theme),{extend:c(c({},o==null?void 0:o.extend),t.theme.extend)}),variants:[...t.variants,...n],rules:[...t.rules,...i],tag:a,ignorelist:[...t.ignorelist,...d],stringify:l}}}function s(e,t,r){let o=t?typeof t=="string"?(n,i)=>({[t]:r?r(n,i):n._}):t:({$1:n,_:i},a,d)=>({[n||d]:i});return (n,i)=>{let a=be(e||(n.$1[0]=="-"?n.$1.slice(1):n.$1)),d=i.theme(a,n.$$);if(d==null&&(d=j(n.$$,a,i)),(typeof d=="string"||typeof d=="number")&&n.$_[0]=="-"&&(d=`calc(${d} * -1)`),d!=null)return n._=d,o(n,i,a)}}function b(e={},t){return (r,o)=>{let{section:n=be(r.$0).replace("-","")+"Color"}=e;if(!/^(\[[^\]]+]|[^/]+?)(?:\/(.+))?$/.test(r.$$))return;let{$1:i,$2:a}=RegExp,d=o.theme(n,i)||j(i,n,o);if(!d)return;let{opacityVariable:l=`--tw-${r.$0.replace(/-$/,"")}-opacity`,opacitySection:p=n.replace("Color","Opacity"),property:f=n,selector:m}=e,h=o.theme(p,a||"DEFAULT")||a&&j(a,p,o),S=k(d,{opacityVariable:l||void 0,opacityValue:h||void 0});if(t)return r._={value:S,color:P=>k(d,P)},t(r,o);let R={};return l&&S.includes(l)&&(R[l]=h||"1"),R[f]=S,m?{[m]:R}:R}}function j(e,t,r){if(e[0]=="["&&e.slice(-1)=="]")if(e=Z(e.slice(1,-1),r),/color|fill|stroke/i.test(t)){if(/^(#|((hsl|rgb)a?|hwb|lab|lch|color)\(|[a-z]+$)/.test(e))return e}else if(/image/i.test(t)){if(/^[a-z-]+\(/.test(e))return e}else return e.includes("calc(")&&(e=e.replace(/(-?\d*\.?\d(?!\b-.+[,)](?![^+\-/*])\D)(?:%|[a-z]+)?|\))([+\-/*])/g,"$1 $2 ")),e.replace(/(^|[^\\])_+(?![^(]*\))/g,(o,n)=>n+" ".repeat(o.length-1)).replace(/\\_(?![^(]*\))/g,"_")}function be(e){return e.replace(/-./g,t=>t[1].toUpperCase())}function ye(r){var o=r,{extend:e={}}=o,t=ae(o,["extend"]);let n={},i={colors:a("colors"),theme:a,negative(){return {}},breakpoints(l){let p={};for(let f in l)typeof l[f]=="string"&&(p["screen-"+f]=l[f]);return p}};return a;function a(l,p,f){var h;if(l){if(/[.[]/.test(l)){let R=[];l.replace(/\[([^\]]+)\]|([^.[]+)/g,(P,Ue,Ie=Ue)=>R.push(Ie)),l=R.shift(),f=p,p=R.join("-");}let S=n[l]||Object.assign(Object.assign(n[l]={},d(t,l)),d(e,l));return p==null?S:(h=S[p||"DEFAULT"])!=null?h:f}let m={};for(let S in t)m[S]=a(S);return m}function d(l,p){let f=l[p];return typeof f=="function"&&(f=f(i)),f&&/color/i.test(p)?xe(f):f}}function xe(e,t=[]){let r={};for(let o in e){let n=e[o],i=o=="DEFAULT"?t:[...t,o];typeof n=="object"&&Object.assign(r,xe(n,i)),r[i.join("-")]=n,o=="DEFAULT"&&(r[[...t,o].join("-")]=n);}return r}function we({theme:e,variants:t,rules:r,tag:o,stringify:n,ignorelist:i}){let a=new Map,d=new Map,l=new Map,p=new Map,f=Ce(i,(m,h)=>h.test(m));return {tag:typeof o=="function"?o:o===!0?W:m=>m,theme:ye(e),stringify(m,h){return n(m,h,this)},variant(m){return l.has(m)||a.set(m,Te(m,t,d,et,this)||"&:"+m),a.get(m)},rule(m){return l.has(m)||l.set(m,!f(m,this)&&Te(m,r,p,tt,this)),l.get(m)}}}function Te(e,t,r,o,n){for(let i of t){let a=r.get(i);a||r.set(i,a=o(i));let d=a(e,n);if(d)return d}}var V={};function et(e){return rt(e[0],e[1])}function tt(e){return Array.isArray(e)?Q(e[0],e[1],e[2]):Q(e)}function rt(e,t){return Se(e,typeof t=="function"?t:()=>t)}function Q(e,t,r){return Object.getPrototypeOf(e)===Object.prototype?Re(Object.keys(e).map(o=>{let n=e[o];return Q(o,typeof n=="function"?n:()=>n)}),(o,n,i)=>n(o,i)):Se(e,t?typeof t=="string"?(o,n)=>({[t]:r?r(o,n):o.$1||o.$2||o.$3||o.$$||o.$_}):typeof t=="function"?t:()=>t:o=>({[o.$1]:o.$2||o.$3||o.$$||o.$_}))}function Se(e,t){return Ce(e,(r,o,n)=>ot(r,o,t,n))}function ot(e,t,r,o){let n=t.exec(e);if(n){if(V.$_=e,V.$$=e.slice(n[0].length),!V.$$&&t.source.slice(-1)=="-")return;for(let i=10;i--;)V["$"+i]=n[i]||"";return r(V,o)}}function Ce(e,t){return Re(y(e).map(nt),t)}function Re(e,t){return (r,o)=>{for(let n of e){let i=t(r,n,o);if(i)return i}}}function nt(e){return typeof e=="string"?new RegExp("^"+e+(e.includes("$")||e.slice(-1)=="-"?"":"$")):e}function ve(e,t){let r=q(e),o=we(r),n=new Map,i=[],a=new Set;function d(l){let p=I(l);if(p&&!a.has(p)){a.add(p);let f=H(i,l);t.insert(p,f,l),i.splice(f,0,l);}}return {get target(){return t.target},theme:o.theme,clear(){t.clear(),a.clear(),n.clear(),i.length=0;},destroy(){this.clear(),t.destroy();},inject(l){n.size||y(r.preflight).forEach(f=>{typeof f=="function"&&(f=f(o)),f&&_(f,{},o,x.preflight).forEach(d);});let p=n.get(l);if(!p){let f=new Set;for(let m of B(F(l),o))d(m),m.className&&m.className.split(" ").forEach(h=>f.add(h)),m.name&&f.add(m.name);p=[...f].join(" "),n.set(l,p),n.set(p,p);}return p}}}function it(e=document.head){let t=e.appendChild(document.createElement("style"));return t.appendChild(document.createTextNode("")),t}function ke(e){let t=(e==null?void 0:e.cssRules.length)||0,r=0;return {get target(){return e||(e=it().sheet,t=0),e},clear(){if(e)for(;e.cssRules.length>t;)e.deleteRule(t);r=0;},destroy(){var o;t?this.clear():(o=e==null?void 0:e.ownerNode)==null||o.remove();},insert(o,n){try{this.target.insertRule(o,t+n-r);}catch(i){r++,/:-[mwo]/.test(o)||console.warn(i);}}}}var at=new Map([["align-self","-ms-grid-row-align"],["color-adjust","-webkit-print-color-adjust"],["column-gap","grid-column-gap"],["forced-color-adjust","-ms-high-contrast-adjust"],["gap","grid-gap"],["grid-template-columns","-ms-grid-columns"],["grid-template-rows","-ms-grid-rows"],["justify-self","-ms-grid-column-align"],["margin-inline-end","-webkit-margin-end"],["margin-inline-start","-webkit-margin-start"],["mask-border","-webkit-mask-box-image"],["mask-border-outset","-webkit-mask-box-image-outset"],["mask-border-slice","-webkit-mask-box-image-slice"],["mask-border-source","-webkit-mask-box-image-source"],["mask-border-repeat","-webkit-mask-box-image-repeat"],["mask-border-width","-webkit-mask-box-image-width"],["overflow-wrap","word-wrap"],["padding-inline-end","-webkit-padding-end"],["padding-inline-start","-webkit-padding-start"],["row-gap","grid-row-gap"],["scroll-margin-bottom","scroll-snap-margin-bottom"],["scroll-margin-left","scroll-snap-margin-left"],["scroll-margin-right","scroll-snap-margin-right"],["scroll-margin-top","scroll-snap-margin-top"],["scroll-margin","scroll-snap-margin"],["text-combine-upright","-ms-text-combine-horizontal"]]);function $e(e){return at.get(e)}function Fe(e){var t=/^(?:(text-(?:decoration$|e|or|si)|back(?:ground-cl|d|f)|box-d|mask(?:$|-[ispro]|-cl))|(tab-|column(?!-s)|text-align-l)|(ap)|(u|hy))/i.exec(e);return t?t[1]?1:t[2]?2:t[3]?3:5:0}function Be(e,t){var r=/^(?:(pos)|(cli)|(background-i)|((?:max-|min-)?(?:block-s|inl|he|widt))|(dis))/i.exec(e);return r?r[1]?/^sti/i.test(t)?1:0:r[2]?/^pat/i.test(t)?1:0:r[3]?/^image-/i.test(t)?1:0:r[4]?t[3]==="-"?2:0:/^(?:inline-)?grid$/i.test(t)?4:0:0}var st=[["-webkit-",1<<0],["-moz-",1<<1],["-ms-",1<<2]];function K(){return G(({stringify:e})=>({stringify(t,r,o){let n="",i=$e(t);i&&(n+=e(i,r,o)+";");let a=Fe(t),d=Be(t,r);for(let l of st)a&l[1]&&(n+=e(l[0]+t,r,o)+";"),d&l[1]&&(n+=e(t,l[0]+r,o)+";");return n+e(t,r,o)}}))}var Pe={inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000",white:"#fff",slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"}};var lt={screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},colors:Pe,columns:{auto:"auto","3xs":"16rem","2xs":"18rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem"},spacing:g(c(g(c(c({px:"1px",0:"0px"},w(4,"rem",4,.5,.5)),w(12,"rem",4,5)),{14:"3.5rem"}),w(64,"rem",4,16,4)),{72:"18rem",80:"20rem",96:"24rem"}),durations:{75:"75ms",100:"100ms",150:"150ms",200:"200ms",300:"300ms",500:"500ms",700:"700ms",1e3:"1000ms"},animation:{none:"none",spin:"spin 1s linear infinite",ping:"ping 1s cubic-bezier(0,0,0.2,1) infinite",pulse:"pulse 2s cubic-bezier(0.4,0,0.6,1) infinite",bounce:"bounce 1s infinite"},aspectRatio:{auto:"auto",square:"1/1",video:"16/9"},backdropBlur:u("blur"),backdropBrightness:u("brightness"),backdropContrast:u("contrast"),backdropGrayscale:u("grayscale"),backdropHueRotate:u("hueRotate"),backdropInvert:u("invert"),backdropOpacity:u("opacity"),backdropSaturate:u("saturate"),backdropSepia:u("sepia"),backgroundColor:u("colors"),backgroundImage:{none:"none"},backgroundOpacity:u("opacity"),backgroundSize:{auto:"auto",cover:"cover",contain:"contain"},blur:{0:"0",sm:"4px",DEFAULT:"8px",md:"12px",lg:"16px",xl:"24px","2xl":"40px","3xl":"64px"},brightness:g(c(c({},w(200,"",100,0,50)),w(110,"",100,90,5)),{75:"0.75",125:"1.25"}),borderColor:({theme:e})=>g(c({},e("colors")),{DEFAULT:e("colors.gray.200","currentColor")}),borderOpacity:u("opacity"),borderRadius:{none:"0px",sm:"0.125rem",DEFAULT:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem","1/2":"50%",full:"9999px"},borderWidth:g(c({},T(8,"px")),{DEFAULT:"1px"}),boxShadow:{sm:"0 1px 2px 0 rgba(0,0,0,0.05)",DEFAULT:"0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)",md:"0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",lg:"0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)",xl:"0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)","2xl":"0 25px 50px -12px rgba(0,0,0,0.25)",inner:"inset 0 2px 4px 0 rgba(0,0,0,0.05)",none:"0 0 #0000"},boxShadowColor:u("colors"),caretColor:u("colors"),accentColor:({theme:e})=>g(c({},e("colors")),{auto:"auto"}),contrast:g(c({},w(200,"",100,0,50)),{75:"0.75",125:"1.25"}),content:{none:"none"},divideColor:u("borderColor"),divideOpacity:u("borderOpacity"),divideWidth:u("borderWidth"),dropShadow:{sm:"0 1px 1px rgba(0,0,0,0.05)",DEFAULT:["0 1px 2px rgba(0,0,0,0.1)","0 1px 1px rgba(0,0,0,0.06)"],md:["0 4px 3px rgba(0,0,0,0.07)","0 2px 2px rgba(0,0,0,0.06)"],lg:["0 10px 8px rgba(0,0,0,0.04)","0 4px 3px rgba(0,0,0,0.1)"],xl:["0 20px 13px rgba(0,0,0,0.03)","0 8px 5px rgba(0,0,0,0.08)"],"2xl":"0 25px 25px rgba(0,0,0,0.15)",none:"0 0 #0000"},fill:u("colors"),grayscale:{0:"0",DEFAULT:"100%"},hueRotate:{0:"0deg",15:"15deg",30:"30deg",60:"60deg",90:"90deg",180:"180deg"},invert:{0:"0",DEFAULT:"100%"},flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},flexBasis:({theme:e})=>g(c(c(c({},e("spacing")),E(2,6)),E(12,12)),{auto:"auto",full:"100%"}),flexGrow:{0:0,DEFAULT:1},flexShrink:{0:0,DEFAULT:1},fontFamily:{sans:'ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"'.split(","),serif:'ui-serif,Georgia,Cambria,"Times New Roman",Times,serif'.split(","),mono:'ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'.split(",")},fontSize:{xs:["0.75rem","1rem"],sm:["0.875rem","1.25rem"],base:["1rem","1.5rem"],lg:["1.125rem","1.75rem"],xl:["1.25rem","1.75rem"],"2xl":["1.5rem","2rem"],"3xl":["1.875rem","2.25rem"],"4xl":["2.25rem","2.5rem"],"5xl":["3rem","1"],"6xl":["3.75rem","1"],"7xl":["4.5rem","1"],"8xl":["6rem","1"],"9xl":["8rem","1"]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},gap:u("spacing"),gradientColorStops:u("colors"),gridAutoColumns:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0,1fr)"},gridAutoRows:{auto:"auto",min:"min-content",max:"max-content",fr:"minmax(0,1fr)"},gridColumn:{auto:"auto","span-full":"1 / -1"},gridRow:{auto:"auto","span-full":"1 / -1"},gridTemplateColumns:{none:"none"},gridTemplateRows:{none:"none"},height:({theme:e})=>g(c(c({},e("spacing")),E(2,6)),{auto:"auto",full:"100%",screen:"100vh"}),inset:({theme:e})=>g(c(c({},e("spacing")),E(2,4)),{auto:"auto",full:"100%"}),keyframes:{spin:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}},ping:{"0%":{transform:"scale(1)",opacity:"1"},"75%,100%":{transform:"scale(2)",opacity:"0"}},pulse:{"0%,100%":{opacity:"1"},"50%":{opacity:".5"}},bounce:{"0%, 100%":{transform:"translateY(-25%)",animationTimingFunction:"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none",animationTimingFunction:"cubic-bezier(0,0,0.2,1)"}}},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:g(c({},w(10,"rem",4,3)),{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"}),margin:({theme:e})=>g(c({},e("spacing")),{auto:"auto"}),maxHeight:({theme:e})=>g(c({},e("spacing")),{full:"100%",min:"min-content",max:"max-content",fit:"fit-content",screen:"100vh"}),maxWidth:({theme:e,breakpoints:t})=>g(c({},t(e("screens"))),{none:"none",0:"0rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",prose:"65ch"}),minHeight:{0:"0px",full:"100%",min:"min-content",max:"max-content",fit:"fit-content",screen:"100vh"},minWidth:{0:"0px",full:"100%",min:"min-content",max:"max-content",fit:"fit-content"},opacity:g(c({},w(100,"",100,0,10)),{5:"0.05",25:"0.25",75:"0.75",95:"0.95"}),order:{first:"-9999",last:"9999",none:"0"},padding:u("spacing"),placeholderColor:u("colors"),placeholderOpacity:u("opacity"),outlineColor:u("colors"),outlineOffset:T(8,"px"),outlineWidth:T(8,"px"),ringColor:({theme:e})=>g(c({},e("colors")),{DEFAULT:e("colors.blue.500","#3b82f6")}),ringOffsetColor:u("colors"),ringOffsetWidth:T(8,"px"),ringOpacity:({theme:e})=>g(c({},e("opacity")),{DEFAULT:"0.5"}),ringWidth:g(c({},T(8,"px")),{DEFAULT:"3px"}),rotate:c(c(c({},T(2,"deg")),T(12,"deg",3)),T(180,"deg",45)),saturate:w(200,"",100,0,50),scale:g(c(c({},w(150,"",100,0,50)),w(110,"",100,90,5)),{75:"0.75",125:"1.25"}),scrollMargin:u("spacing"),scrollPadding:u("spacing"),sepia:{0:"0",DEFAULT:"100%"},skew:c(c({},T(2,"deg")),T(12,"deg",3)),space:u("spacing"),stroke:u("colors"),strokeWidth:w(2),textColor:u("colors"),textDecorationColor:u("colors"),textDecorationThickness:c({"from-font":"from-font",auto:"auto"},T(8,"px")),textUnderlineOffset:c({auto:"auto"},T(8,"px")),textIndent:u("spacing"),textOpacity:u("opacity"),transitionDuration:({theme:e})=>g(c({},e("durations")),{DEFAULT:"150ms"}),transitionDelay:u("durations"),transitionProperty:{none:"none",all:"all",DEFAULT:"color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter",colors:"color,background-color,border-color,text-decoration-color,fill,stroke",opacity:"opacity",shadow:"box-shadow",transform:"transform"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4,0,0.2,1)",linear:"linear",in:"cubic-bezier(0.4,0,1,1)",out:"cubic-bezier(0,0,0.2,1)","in-out":"cubic-bezier(0.4,0,0.2,1)"},translate:({theme:e})=>g(c(c({},e("spacing")),E(2,4)),{full:"100%"}),width:({theme:e})=>g(c({},e("flexBasis")),{min:"min-content",max:"max-content",fit:"fit-content",screen:"100vw"}),zIndex:g(c({},w(50,"",1,0,10)),{auto:"auto"})},Ae=lt;function E(e,t){let r={};do for(let o=1;o<e;o++)r[`${o}/${e}`]=Number((o/e*100).toFixed(6))+"%";while(++e<=t);return r}function T(e,t,r=0){let o={};for(;r<=e;r=r*2||1)o[r]=r+t;return o}function w(e,t="",r=1,o=0,n=1,i={}){for(;o<=e;o+=n)i[o]=o/r+t;return i}function u(e){return ({theme:t})=>t(e)}var ct={"*,::before,::after":{boxSizing:"border-box",borderWidth:"0",borderStyle:"solid",borderColor:"currentColor"},"::before,::after":{"--tw-content":"''"},html:{lineHeight:1.5,WebkitTextSizeAdjust:"100%",MozTabSize:"4",tabSize:4,fontFamily:'theme(fontFamily.sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")'},body:{margin:"0",lineHeight:"inherit"},hr:{height:"0",color:"inherit",borderTopWidth:"1px"},"abbr:where([title])":{textDecoration:"underline dotted"},"h1,h2,h3,h4,h5,h6":{fontSize:"inherit",fontWeight:"inherit"},a:{color:"inherit",textDecoration:"inherit"},"b,strong":{fontWeight:"bolder"},"code,kbd,samp,pre":{fontFamily:'theme(fontFamily.mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)',fontSize:"1em"},small:{fontSize:"80%"},"sub,sup":{fontSize:"75%",lineHeight:0,position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},table:{textIndent:"0",borderColor:"inherit",borderCollapse:"collapse"},"button,input,optgroup,select,textarea":{fontFamily:"inherit",fontSize:"100%",lineHeight:"inherit",color:"inherit",margin:"0",padding:"0"},"button,select":{textTransform:"none"},"button,[type='button'],[type='reset'],[type='submit']":{WebkitAppearance:"button",backgroundColor:"transparent",backgroundImage:"none"},":-moz-focusring":{outline:"auto"},":-moz-ui-invalid":{boxShadow:"none"},progress:{verticalAlign:"baseline"},"::-webkit-inner-spin-button,::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{WebkitAppearance:"textfield",outlineOffset:"-2px"},"::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},summary:{display:"list-item"},"blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre":{margin:"0"},fieldset:{margin:"0",padding:"0"},legend:{padding:"0"},"ol,ul,menu":{listStyle:"none",margin:"0",padding:"0"},textarea:{resize:"vertical"},"input::placeholder,textarea::placeholder":{opacity:1,color:"theme(colors.gray.400, #9ca3af)"},'button,[role="button"]':{cursor:"pointer"},":disabled":{cursor:"default"},"img,svg,video,canvas,audio,iframe,embed,object":{display:"block",verticalAlign:"middle"},"img,video":{maxWidth:"100%",height:"auto"},"[hidden]":{display:"none"}},Me=ct;var Oe=[["\\[([-\\w]+):(.+)]",({$1:e,$2:t},r)=>({"@layer overrides":{"&":{[e]:j(`[${t}]`,e,r)}}})],["((group|peer)((?!-focus)-[^-]+)?)",({$_:e},{tag:t})=>[{className:t(e)}]],["aspect-",s("aspectRatio")],["container",(e,{theme:t})=>{let{screens:r=t("screens"),center:o,padding:n}=t("container"),i=c({width:"100%",marginRight:o&&"auto",marginLeft:o&&"auto"},a("xs"));for(let d in r){let l=r[d];typeof l=="string"&&(i[$(l)]={"&":c({maxWidth:l},a(d))});}return i;function a(d){let l=n&&(typeof n=="string"?n:n[d]||n.DEFAULT);if(l)return {paddingRight:l,paddingLeft:l}}}],["content-",s("content",({_:e})=>({"--tw-content":e,content:"var(--tw-content)"}))],["(?:box-)?decoration-(slice|clone)","boxDecorationBreak"],["box-(border|content)","boxSizing",({$1:e})=>e+"-box"],["hidden",{display:"none"}],["table-(auto|fixed)","tableLayout"],[["(block|flex|table|grid|inline|contents|flow-root|list-item)","(inline-(block|flex|table|grid))","(table-(caption|cell|column|row|(column|row|footer|header)-group))"],"display"],"(float)-(left|right|none)","(clear)-(left|right|none|both)","(overflow(?:-[xy])?)-(auto|hidden|clip|visible|scroll)","(isolation)-(auto)",["isolate","isolation"],["object-(contain|cover|fill|none|scale-down)","objectFit"],["object-",s("objectPosition")],["object-(top|bottom|center|(left|right)(-(top|bottom))?)","objectPosition",Y],["overscroll(-[xy])?-(auto|contain|none)",({$1:e,$2:t})=>({["overscroll-behavior"+e]:t})],["(static|fixed|absolute|relative|sticky)","position"],["-?inset(-[xy])?(?:-|$)",s("inset",({$1:e,_:t})=>({top:e!="-x"&&t,right:e!="-y"&&t,bottom:e!="-x"&&t,left:e!="-y"&&t}))],["-?(top|bottom|left|right)(?:-|$)",s("inset")],["visible","visibility"],["invisible",{visibility:"hidden"}],["-?z-",s("zIndex")],["flex-((row|col)(-reverse)?)","flexDirection",je],["flex-(wrap|wrap-reverse|nowrap)","flexWrap"],["(flex-(?:grow|shrink))(?:-|$)",s()],["(flex)-",s()],["grow(?:-|$)",s("flexGrow")],["shrink(?:-|$)",s("flexShrink")],["basis-",s("flexBasis")],["(order)-",s()],"(order)-(\\d+)",["grid-cols-",s("gridTemplateColumns")],["grid-cols-(\\d+)","gridTemplateColumns",Le],["col-",s("gridColumn")],["col-(span)-(\\d+)","gridColumn",De],["col-start-",s("gridColumnStart")],["col-start-(\\d+|auto)","gridColumnStart"],["col-end-",s("gridColumnEnd")],["col-end-(\\d+|auto)","gridColumnEnd"],["grid-rows-",s("gridTemplateRows")],["grid-rows-(\\d+)","gridTemplateRows",Le],["row-",s("gridRow")],["row-(span)-(\\d+)","gridRow",De],["row-start-",s("gridRowStart")],["row-start-(\\d+|auto)","gridRowStart"],["row-end-",s("gridRowEnd")],["row-end-(\\d+|auto)","gridRowEnd"],["grid-flow-((row|col)(-dense)?)","gridAutoFlow",e=>Y(je(e))],["auto-cols-",s("gridAutoColumns")],["auto-rows-",s("gridAutoRows")],["gap-x(?:-|$)",s("gap","columnGap")],["gap-y(?:-|$)",s("gap","rowGap")],["gap(?:-|$)",s("gap")],"(justify-(?:items|self))-",["justify-","justifyContent",Ve],["(content|items|self)-",e=>({["align-"+e.$1]:Ve(e)})],["(place-(content|items|self))-",({$1:e,$$:t})=>({[e]:("wun".includes(t[3])?"space-":"")+t})],["p([xytrbl])?(?:-|$)",s("padding",z("padding"))],["-?m([xytrbl])?(?:-|$)",s("margin",z("margin"))],["-?space-(x|y)(?:-|$)",s("space",({$1:e,_:t})=>({"&>:not([hidden])~:not([hidden])":{[`--tw-space-${e}-reverse`]:"0",["margin-"+{y:"top",x:"left"}[e]]:`calc(${t} * calc(1 - var(--tw-space-${e}-reverse)))`,["margin-"+{y:"bottom",x:"right"}[e]]:`calc(${t} * var(--tw-space-${e}-reverse))`}}))],["space-(x|y)-reverse",({$1:e})=>({"&>:not([hidden])~:not([hidden])":{[`--tw-space-${e}-reverse`]:"1"}})],["w-",s("width")],["min-w-",s("minWidth")],["max-w-",s("maxWidth")],["h-",s("height")],["min-h-",s("minHeight")],["max-h-",s("maxHeight")],["font-",s("fontWeight")],["font-",s("fontFamily","fontFamily",C)],["antialiased",{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"}],["subpixel-antialiased",{WebkitFontSmoothing:"auto",MozOsxFontSmoothing:"auto"}],["italic","fontStyle"],["not-italic",{fontStyle:"normal"}],["(ordinal|slashed-zero|(normal|lining|oldstyle|proportional|tabular)-nums|(diagonal|stacked)-fractions)",({$1:e,$2:t,$3:r})=>t=="normal"?{fontVariantNumeric:"normal"}:{["--tw-"+(r?"numeric-fraction":"pt".includes(t[0])?"numeric-spacing":t?"numeric-figure":e)]:e,fontVariantNumeric:"var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)","@layer defaults":{"*":{"--tw-ordinal":"var(--tw-empty,/*!*/ /*!*/)","--tw-slashed-zero":"var(--tw-empty,/*!*/ /*!*/)","--tw-numeric-figure":"var(--tw-empty,/*!*/ /*!*/)","--tw-numeric-spacing":"var(--tw-empty,/*!*/ /*!*/)","--tw-numeric-fraction":"var(--tw-empty,/*!*/ /*!*/)"}}}],["tracking-",s("letterSpacing")],["leading-",s("lineHeight")],["list-(inside|outside)","listStylePosition"],["list-",s("listStyleType")],["list-","listStyleType"],["placeholder-opacity-",s("placeholderOpacity",({_:e})=>({["&::placeholder"]:{"--tw-placeholder-opacity":e}}))],["placeholder-",b({property:"color",selector:"&::placeholder"})],["text-(left|center|right|justify)","textAlign"],["text-opacity-",s("textOpacity","--tw-text-opacity")],["text-",b({property:"color"})],["text-",s("fontSize",({_:e})=>typeof e=="string"?{fontSize:e}:c({fontSize:e[0]},typeof e[1]=="string"?{lineHeight:e[1]}:e[1]))],["indent-",s("textIndent")],["(overline|underline|line-through)","textDecoration"],["no-underline",{textDecoration:"none"}],["underline-",s("textUnderlineOffset")],["decoration-",b({section:"textDecorationColor",opacityVariable:!1,opacitySection:"opacity"})],["decoration-",s("textDecorationThickness")],["decoration-","textDecorationStyle"],["(uppercase|lowercase|capitalize)","textTransform"],["normal-case",{textTransform:"none"}],["truncate",{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}],["text-(ellipsis|clip)","textOverflow"],["overflow-(ellipsis)","textOverflow"],["align-","verticalAlign"],["whitespace-","whiteSpace"],["break-normal",{wordBreak:"normal",overflowWrap:"normal"}],["break-words",{overflowWrap:"break-word"}],["break-all",{wordBreak:"break-all"}],["caret-",b({section:"caretColor",opacityVariable:!1,opacitySection:"opacity"})],["accent-",b({section:"accentColor",opacityVariable:!1,opacitySection:"opacity"})],["bg-gradient-to-([trbl]{1,2})","backgroundImage",({$1:e})=>`linear-gradient(to ${v(e," ")},var(--tw-gradient-stops))`],["from-",b({section:"gradientColorStops",opacityVariable:!1,opacitySection:"opacity"},({_:e})=>({"--tw-gradient-from":e.value,"--tw-gradient-to":e.color({opacityValue:"0"}),"--tw-gradient-stops":"var(--tw-gradient-from),var(--tw-gradient-to)"}))],["via-",b({section:"gradientColorStops",opacityVariable:!1,opacitySection:"opacity"},({_:e})=>({"--tw-gradient-to":e.color({opacityValue:"0"}),"--tw-gradient-stops":`var(--tw-gradient-from),${e.value},var(--tw-gradient-to)`}))],["to-",b({section:"gradientColorStops",property:"--tw-gradient-to",opacityVariable:!1,opacitySection:"opacity"})],["bg-(fixed|local|scroll)","backgroundAttachment"],["bg-origin-(border|padding|content)","backgroundOrigin",({$1:e})=>e+"-box"],[["bg-(no-repeat|repeat(-[xy])?)","bg-repeat-(round|space)"],"backgroundRepeat"],["bg-blend-","backgroundBlendMode"],["bg-clip-(border|padding|content|text)","backgroundClip",({$1:e})=>e+(e=="text"?"":"-box")],["bg-opacity-",s("backgroundOpacity","--tw-bg-opacity")],["bg-",b({section:"backgroundColor"})],["bg-",s("backgroundImage")],["bg-",s("backgroundSize")],["bg-",s("backgroundPosition")],["bg-(top|bottom|center|(left|right)(-(top|bottom))?)","backgroundPosition",Y],["rounded(?:-|$)",s("borderRadius")],["rounded-([trbl]{1,2})(?:-|$)",s("borderRadius",({$1:e,_:t})=>{let r={t:["tl","tr"],r:["tr","br"],b:["bl","br"],l:["bl","tl"]}[e]||[e,e];return {[`border-${v(r[0])}-radius`]:t,[`border-${v(r[1])}-radius`]:t}})],["border-(collapse|separate)","borderCollapse"],["border-opacity(?:-|$)",s("borderOpacity","--tw-border-opacity")],["border-(solid|dashed|dotted|double|none)","borderStyle"],["border-",b()],["border-([xytrbl])(?:-|$)",s("borderWidth",z("border","Width"))],["border(?:-|$)",s("borderWidth")],["divide-opacity(?:-|$)",s("divideOpacity",({_:e})=>({"&>:not([hidden])~:not([hidden])":{"--tw-divide-opacity":e}}))],["divide-(solid|dashed|dotted|double|none)",({$1:e})=>({"&>:not([hidden])~:not([hidden])":{borderStyle:e}})],["divide-([xy]-reverse)",({$1:e})=>({"&>:not([hidden])~:not([hidden])":{["--tw-divide-"+e]:"1"}})],["divide-([xy])(?:-|$)",s("divideWidth",({$1:e,_:t})=>{let r={x:"lr",y:"tb"}[e];return {"&>:not([hidden])~:not([hidden])":{[`--tw-divide-${e}-reverse`]:"0",[`border-${v(r[0])}Width`]:`calc(${t} * calc(1 - var(--tw-divide-${e}-reverse)))`,[`border-${v(r[1])}Width`]:`calc(${t} * var(--tw-divide-${e}-reverse))`}}})],["divide-",b({property:"borderColor",selector:"&>:not([hidden])~:not([hidden])"})],["ring-opacity(?:-|$)",s("ringOpacity","--tw-ring-opacity")],["ring-offset(?:-|$)",b({property:"--tw-ring-offset-color",opacityVariable:!1})],["ring-offset(?:-|$)",s("ringOffsetWidth","--tw-ring-offset-width")],["ring-inset",{"--tw-ring-inset":"inset"}],["ring-",b({property:"--tw-ring-color"})],["ring(?:-|$)",s("ringWidth",({_:e},{theme:t})=>({"--tw-ring-offset-shadow":"var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)","--tw-ring-shadow":`var(--tw-ring-inset) 0 0 0 calc(${e} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,boxShadow:"var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)","@layer defaults":{"*":{"--tw-ring-offset-shadow":"0 0 #0000","--tw-ring-shadow":"0 0 #0000","--tw-shadow":"0 0 #0000","--tw-shadow-colored":"0 0 #0000","&":{"--tw-ring-inset":"var(--tw-empty,/*!*/ /*!*/)","--tw-ring-offset-width":t("ringOffsetWidth","","0px"),"--tw-ring-offset-color":k(t("ringOffsetColor","","#fff")),"--tw-ring-color":k(t("ringColor","","#93c5fd"),{opacityVariable:"--tw-ring-opacity"}),"--tw-ring-opacity":t("ringOpacity","","0.5")}}}}))],["shadow(?:-|$)",b({section:"boxShadowColor",opacityVariable:!1,opacitySection:"opacity"},({_:e})=>({"--tw-shadow-color":e.value,"--tw-shadow":"var(--tw-shadow-colored)"}))],["shadow(?:-|$)",s("boxShadow",({_:e})=>({"--tw-shadow":C(e),"--tw-shadow-colored":C(e).replace(/([^,]\s+)(?:#[a-f\d]+|(?:(?:hsl|rgb)a?|hwb|lab|lch|color|var)\(.+?\)|[a-z]+)(,|$)/g,"$1var(--tw-shadow-color)$2"),boxShadow:"var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)","@layer defaults":{"*":{"--tw-ring-offset-shadow":"0 0 #0000","--tw-ring-shadow":"0 0 #0000","--tw-shadow":"0 0 #0000","--tw-shadow-colored":"0 0 #0000"}}}))],["(opacity)-",s()],["mix-blend-","mixBlendMode"],...Ee(),...Ee("backdrop-"),["transition(?:-|$)",s("transitionProperty",(e,{theme:t})=>({transitionProperty:C(e),transitionTimingFunction:e._=="none"?void 0:C(t("transitionTimingFunction","")),transitionDuration:e._=="none"?void 0:C(t("transitionDuration",""))}))],["duration(?:-|$)",s("transitionDuration","transitionDuration",C)],["ease(?:-|$)",s("transitionTimingFunction","transitionTimingFunction",C)],["delay(?:-|$)",s("transitionDelay","transitionDelay",C)],["animate(?:-|$)",s("animation",(e,{theme:t,tag:r})=>{let o=C(e),n=o.split(" "),i=t("keyframes",n[0]);return i?{["@keyframes "+(n[0]=r(n[0]))]:i,animation:n.join(" ")}:{animation:o}})],"(transform)-(none)",["transform",te],["transform-(cpu|gpu)",({$1:e})=>({"--tw-transform":ze(e=="gpu")})],["scale(-[xy])?-",s("scale",({$1:e,_:t})=>c({["--tw-scale"+(e||"-x")]:t,["--tw-scale"+(e||"-y")]:t},te()))],["-?(rotate)-",s("rotate",ee)],["-?(translate-[xy])-",s("translate",ee)],["-?(skew-[xy])-",s("skew",ee)],["origin(-center|(-top|-bottom)?(-(left|right))?)","transformOrigin",Y],"(appearance)-",["(columns)-",s()],"(columns)-(\\d+)","(break-(?:before|after|inside))-",["(cursor)-",s()],"(cursor)-",["snap-(none)","scroll-snap-type"],["snap-(x|y|both)",({$1:e})=>({"scroll-snap-type":e+" var(--tw-scroll-snap-strictness)","@layer defaults":{"*":{"--tw-scroll-snap-strictness":"proximity"}}})],["snap-(mandatory|proximity)","--tw-scroll-snap-strictness"],["snap-(?:(start|end|center)|align-(none))","scroll-snap-align"],["snap-(normal|always)","scroll-snap-stop"],["scroll-(auto|smooth)","scroll-behavior"],["scroll-p([xytrbl])?(?:-|$)",s("padding",z("scroll-padding"))],["-?scroll-m([xytrbl])?(?:-|$)",s("scroll-margin",z("scroll-margin"))],["touch-(auto|none|manipulation)","touch-action"],["touch-(pinch-zoom|pan-(?:(x|left|right)|(y|up|down)))",({$1:e,$2:t,$3:r})=>({[`--tw-${t?"pan-x":r?"pan-y":e}`]:e,"touch-action":"var(--tw-touch-action)","@layer defaults":{"*":{"--tw-pan-x":"var(--tw-empty,/*!*/ /*!*/)","--tw-pan-y":"var(--tw-empty,/*!*/ /*!*/)","--tw-pinch-zoom":"var(--tw-empty,/*!*/ /*!*/)","--tw-touch-action":"var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)"}}})],["outline-none",{outline:"2px solid transparent","outline-offset":"2px"}],["outline",{outlineStyle:"solid"}],["outline-(dashed|dotted|double|hidden)","outlineStyle"],["(outline-offset)-",s()],["outline-",b({section:"outlineColor",opacityVariable:!1,opacitySection:"opacity"})],["outline-",s("outlineWidth")],"(pointer-events)-",["(will-change)-",s()],"(will-change)-",["resize(?:-(none|x|y))?","resize",({$1:e})=>({x:"horizontal",y:"vertical"})[e]||e||"both"],["select-(none|text|all|auto)","userSelect"],["(fill|stroke)-",s()],["stroke-",s("strokeWidth")],["sr-only",{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",whiteSpace:"nowrap",clip:"rect(0,0,0,0)",borderWidth:"0"}],["not-sr-only",{position:"static",width:"auto",height:"auto",padding:"0",margin:"0",overflow:"visible",whiteSpace:"normal",clip:"auto"}]];function Y(e){return (typeof e=="string"?e:e.$1).replace(/-/g," ").trim()}function je(e){return (typeof e=="string"?e:e.$1).replace("col","column")}function v(e,t="-"){let r=[];for(let o of e)r.push({t:"top",r:"right",b:"bottom",l:"left"}[o]);return r.join(t)}function C(e){return Array.isArray(e)?e.join(","):typeof e=="string"?e:e&&C(e._)}function Ve({$$:e}){return ({r:"flex-","":"flex-",w:"space-",u:"space-",n:"space-"}[e[3]||""]||"")+e}function z(e,t=""){return ({$1:r,_:o})=>{let n={x:"lr",y:"tb"}[r]||r+r;return n?{[e+"-"+v(n[0])+t]:o,[e+"-"+v(n[1])+t]:o}:{[e+t]:o}}}function Ee(e=""){let t=["blur","brightness","contrast","grayscale","hue-rotate","invert",e&&"opacity","saturate","sepia",!e&&"drop-shadow"].filter(Boolean);return [`(${e}filter)-(none)`,[`${e}filter`,()=>{let r={[`${e}filter`]:t.map(o=>`var(--tw-${e}${o})`).join(" ")};for(let o of t)r[`--tw-${e}${o}`]="var(--tw-empty,/*!*/ /*!*/)";return r}],...t.map(r=>[`${r[0]=="h"?"-?":""}(${e}${r})(?:-|$)`,s(r,({$1:o,_:n})=>({[`--tw-${o}`]:y(n).map(i=>`${r}(${i})`).join(" ")}))])]}function ee({$1:e,_:t}){return c({["--tw-"+e]:t},te())}function te(){return {transform:"var(--tw-transform)","@layer defaults":{"*":{"--tw-translate-x":"0","--tw-translate-y":"0","--tw-rotate":"0","--tw-skew-x":"0","--tw-skew-y":"0","--tw-scale-x":"1","--tw-scale-y":"1","--tw-transform":ze()}}}}function ze(e){return [e?"translate3d(var(--tw-translate-x),var(--tw-translate-y),0)":"translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))","rotate(var(--tw-rotate))","skewX(var(--tw-skew-x))","skewY(var(--tw-skew-y))","scaleX(var(--tw-scale-x))","scaleY(var(--tw-scale-y))"].join(" ")}function De({$1:e,$2:t}){return `${e} ${t} / ${e} ${t}`}function Le({$1:e}){return `repeat(${e},minmax(0,1fr))`}var We=[["sticky","@supports ((position: -webkit-sticky) or (position:sticky))"],["motion-reduce","@media (prefers-reduced-motion:reduce)"],["motion-safe","@media (prefers-reduced-motion:no-preference)"],["print","@media print"],["portrait","@media (orientation:portrait)"],["landscape","@media (orientation:landscape)"],["first-letter","&::first-letter"],["first-line","&::first-line"],["marker","& *::marker,&::marker"],["selection","& *::selection,&::selection"],["file","&::file-selector-button"],["placeholder","&::placeholder"],["first","&:first-child"],["last","&:last-child"],["even","&:nth-child(2n)"],["odd","&:nth-child(odd)"],["open","[open]"],["((group|peer)((?!-focus)-[^-]+)?)-([a-z-]+|\\[.+])",({$1:e,$4:t},{tag:r})=>`.${L(r(e))}${(t[0]=="["?"":":")+t} &`],["(ltr|rtl)",({$1:e})=>`[dir="${e}"] &`]];function re({preflight:e=!0,darkMode:t="media"}={}){return G(({stringify:r})=>({preflight:e&&Me,theme:Ae,variants:[["dark",t=="class"?".dark &":"@media (prefers-color-scheme:dark)"],...We],rules:Oe,stringify(o,n,i){return r(Ne(o,i),Ne(n,i),i)}}))}function Ne(e,t){return e.replace(/--(tw-[\w-]+)\b/g,(r,o)=>"--"+t.tag(o))}var dt=q({presets:[K(),re()]}),Or=he(ve(dt,ke()));exports.tw=Or;Object.defineProperty(exports,'__esModule',{value:true});}));//# sourceMappingURL=twind.umd.js.map

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc