beamwind - npm Package Compare versions

Comparing version 1.5.0 to 1.5.1

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log
 
+## [1.5.1](https://github.com/kenoxa/beamwind/compare/beamwind@1.5.0...beamwind@1.5.1) (2020-11-27)
+
+**Note:** Version bump only for package beamwind
+
 # [1.5.0](https://github.com/kenoxa/beamwind/compare/beamwind@1.4.1...beamwind@1.5.0) (2020-11-27)
@@ -8,0 +12,0 @@

esnext/beamwind.js

@@ -1151,3 +1151,3 @@ // src/is.ts
   if (!handlePluginResult(token, variants6, fn(plugin) ? plugin(parts, theme2, {keyframes, tag: currentContext.a}) : plugin)) {
-    currentContext.w(token, `No translation for "${token}" found`);
+    currentContext.w(token, `No plugin for "${token}" found`);
   }
@@ -1154,0 +1154,0 @@ };

module/beamwind.js

@@ -1153,3 +1153,3 @@ var __assign = Object.assign;
   if (!handlePluginResult(token, variants6, fn(plugin) ? plugin(parts, theme2, {keyframes, tag: currentContext.a}) : plugin)) {
-    currentContext.w(token, `No translation for "${token}" found`);
+    currentContext.w(token, `No plugin for "${token}" found`);
   }
@@ -1156,0 +1156,0 @@ };

node/beamwind.js

@@ -1204,3 +1204,3 @@ var __create = Object.create;
   if (!handlePluginResult(token, variants6, fn(plugin) ? plugin(parts, theme2, {keyframes, tag: currentContext.a}) : plugin)) {
-    currentContext.w(token, `No translation for "${token}" found`);
+    currentContext.w(token, `No plugin for "${token}" found`);
   }
@@ -1207,0 +1207,0 @@ };

package.json

 {
   "name": "beamwind",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "compiles tailwind like shorthand syntax into css at runtime",
@@ -27,3 +27,3 @@ "keywords": [
   },
-  "gitHead": "db9eb885d31852887ebfd8415af250e261c4fefb",
+  "gitHead": "0fafa5221c6942ef64105457492068fc5aca213b",
   "exports": {
@@ -30,0 +30,0 @@ ".": {

README.md

@@ -13,2 +13,10 @@ # beamwind
 
+> ⚡️ Check out the [live and interactive demo](https://esm.codes/#Ly8gQmVhbXdpbmQgZGVtbyAoYmFzZWQgb24gY29kZSBieSBAbHVrZWphY2tzb25uIC0gY3JlYXRvciBvZiBvY2VhbndpbmQpCi8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tCiAgICAKaW1wb3J0IHsgcmVuZGVyLCBodG1sIH0gZnJvbSAnaHR0cHM6Ly9ucG0ucmV2ZXJzZWh0dHAuY29tL3ByZWFjdCxwcmVhY3QvaG9va3MsaHRtL3ByZWFjdCc7CmltcG9ydCB0YWlsd2luZCBmcm9tICdodHRwczovL3VucGtnLmNvbS9AYmVhbXdpbmQvcHJlc2V0LXRhaWx3aW5kP21vZHVsZScKaW1wb3J0IHByZWZsaWdodCBmcm9tICdodHRwczovL3VucGtnLmNvbS9AYmVhbXdpbmQvcHJlZmxpZ2h0P21vZHVsZScKaW1wb3J0IHsgYncsIHNldHVwIH0gZnJvbSAnaHR0cHM6Ly91bnBrZy5jb20vYmVhbXdpbmQ/bW9kdWxlJwoKc2V0dXAoW3RhaWx3aW5kLCBwcmVmbGlnaHRdKQoKCmNvbnN0IHN0eWxlID0gewogIC8vIEV4YW1wbGUgb2YgYWJzdHJhY3RlZCBzdHlsZQogIGNvbnRhaW5lcjogYndgaC1mdWxsIGJnLXByb21vdGUgZmxleCBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXJgCn0KCnJlbmRlcigKICBodG1sYAogICAgPGRpdiBjbGFzcz0ke3N0eWxlLmNvbnRhaW5lcn0+CiAgICAgIDxoMSBjbGFzcz0kewogICAgICAgIC8vIEV4YW1wbGUgb2YgYW4gaW5saW5lIHN0eWxlCiAgICAgICAgYndgCiAgICAgICAgICB0ZXh0KDR4bCB1bmRlcmxpbmUpCiAgICAgICAgICBmb250KGJvbGQgc2FucykKICAgICAgICAgIHRyYW5zaXRpb24KICAgICAgICAgIGhvdmVyOih0cmFuc2Zvcm0gcm90YXRlLTUgc2NhbGUtMTUwIGN1cnNvci1wb2ludGVyKQogICAgICAgICAgYWN0aXZlOih0cmFuc2Zvcm0gLXJvdGF0ZS0xNSBzY2FsZS0xODApCiAgICAgICAgYAogICAgICB9PkhlbGxvIFdvcmxkPC9oMT4KICAgIDwvZGl2PgogIGAsCiAgZG9jdW1lbnQuYm9keQopOw==)
+
+```js
+import { bw } from 'https://unpkg.com/beamwind?module'
+
+document.body.className = bw`h-full text(4xl underline) font(bold sans) flex items-center justify-center `
+```
+
 ## Backstory
@@ -92,4 +100,4 @@
 ```js
-import { bw } from 'https://unpkg.com/beamwind'
-document.body.className = bw`h-full bg-purple-500 rotate-3 scale-95`
+import { bw } from 'https://unpkg.com/beamwind?module'
+document.body.className = bw`h-full bg-primary rotate-3 scale-95`
 ```
@@ -99,55 +107,7 @@
 
-1. Parse tokens (`h-full`, `bg-purple-500`, `rotate-3`, `scale-95`)
+1. Parse tokens (`h-full`, `bg-primary`, `rotate-3`, `scale-95`)
 2. Token shorthand syntax will be translated into CSS declarations (e.g. `h-full -> { height: 100vh }`).
 3. Inject each token CSS declarations with a unique class name into a library-managed style sheet
-4. Return a space-separated string of unique class names
+4. Return a space-separated string of class names
 
-It is recommended to import the following css files which help normalize styles across browsers:
-
-- The Tailwind reset [available here](https://unpkg.com/tailwindcss/dist/base.min.css)
-- The Tailwind prose helper [available here](https://unpkg.com/@tailwindcss/typography/dist/typography.min.css)
-
-### Extending the default theme
-
-Importing and invoking beamwind directly will cause it to use
-[default theme](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/src/theme.js)
-for directives that require themed values (like `bg-primary` for example).
-
-> The [Theming section](#theming) provides detailed insight into the theming options.
-
-To customize the theme, use the `setup` export. This will change the theme used by the `bw` export.
-
-```js
-import { bw, setup } from 'beamwind'
-
-setup({
-  theme: {
-    colors: {
-      'red-500': 'hotpink',
-    },
-  },
-})
-
-bw`bg-red-500` // will result in a hotpink background-color
-```
-
-> `setup` can be called multiple times where each call extends the existing configuration.
-> The `theme` and `plugins` properties merge their values with the previous ones.
-
-Alternatively you can create a own instance:
-
-```js
-import { createInstance } from 'beamwind'
-
-const css = createInstance({
-  colors: {
-    'red-500': 'hotpink',
-  },
-})
-
-css`bg-red-500` // will result in a hotpink background-color
-```
-
-> Any custom theme will be deep merged with the default theme.
-
 ### Function Signature
@@ -158,3 +118,3 @@
 > **Important**: _Any_ falsey values are discarded!
-> Standalone Boolean values are discarded as well.
+> Standalone Boolean and Number values are discarded as well.
 
@@ -174,16 +134,16 @@ For example:
 
-bw`bg-primary ${{ rounded: false, 'text-underline': isTrue() }}`
-//=> 'bg-primary text-underline'
+bw`bg-primary ${{ rounded: false, underline: isTrue() }}`
+//=> 'bg-primary underline'
 
 // Strings (variadic)
-bw('bg-primary', true && 'rounded', 'text-underline')
-//=> 'bg-primary rounded text-underline'
+bw('bg-primary', true && 'rounded', 'underline')
+//=> 'bg-primary rounded underline'
 
 // Objects (keys with falsey values will be omitted)
-bw({ 'bg-primary': true, rounded: false, 'text-underline': isTrue() })
-//=> 'bg-primary text-underline'
+bw({ 'bg-primary': true, rounded: false, underline: isTrue() })
+//=> 'bg-primary underline'
 
 // Objects (variadic)
-bw({ 'bg-primary': true }, { rounded: false }, null, { 'text-underline': true })
-//=> 'bg-primary text-underline'
+bw({ 'bg-primary': true }, { rounded: false }, null, { underline: true })
+//=> 'bg-primary underline'
 
@@ -195,4 +155,4 @@ // Arrays (falsey items will be omitted)
 // Arrays (variadic)
-bw(['bg-primary'], ['', 0, false, 'rounded'], [['text-underline', [['text-lg'], 'block']]])
-//=> 'bg-primary rounded text-underline text-lg block'
+bw(['bg-primary'], ['', 0, false, 'rounded'], [['underline', [['text-lg'], 'block']]])
+//=> 'bg-primary rounded underline text-lg block'
 
@@ -202,3 +162,3 @@ // Kitchen sink (with nesting)
   'bg-primary',
-  [1 && 'rounded', { underline: false, 'color-secondary': null }, ['text-lg', ['shadow-lg']]],
+  [1 && 'rounded', { underline: false, 'text-secondary': null }, ['text-lg', ['shadow-lg']]],
   'uppercase',
@@ -259,4 +219,4 @@ )
 ```js
-bw`text(center underline bold primary)`)
-// => text-center text-underline text-bold text-primary
+bw`text(center bold primary)`)
+// => text-center text-bold text-primary
 ```
@@ -273,3 +233,3 @@
 
-A global plugin registry (per instance) has it's downsides as each key/name must be unique. beamwind allows to define inline plugins which are just like [normal plugins](#plugins) without the first parameter.
+A global plugin registry (per beamwind instance) has it's downsides as each key/name must be unique. beamwind allows to define inline plugins which are just like [normal plugins](#plugins) without the first parameter.
 
@@ -279,4 +239,4 @@ > Please take a look at [Plugin API documentation](#plugins) for further details about what a plugin can do.
 ```js
-const header = (theme) => ({
-  disply: block
+const card = (theme) => ({
+  display: block
   border: `1px solid ${theme('colors', 'primary')}`,
@@ -286,8 +246,14 @@ 'text-align': 'center',
 
-bw`font-bold ${card} color-primary`
-// Note: Same works for arrays and objects
+bw`font-bold ${card} text-primary`
+// => font-bold __card_1 text-primary
 
+bw('font-bold', card, 'text-primary')
+// => font-bold __card_1 text-primary
+
 // You can use variants
-bw`sm:${card} color-primary`
-// Same works for arrays and objects
+bw`sm:${card} text-primary`
+// => font-bold sm:__card_1 text-primary
+
+bw({ sm: card }, 'text-primary')
+// => font-bold sm:__card_1 text-primary
 ```
@@ -297,5 +263,5 @@
 
-### Class Name Factories
+### Directive Factories
 
-Often you will find yourself in a position to need an abstraction to simplify the creation of tokens. A common best practice is to create a function that returns the required tokens:
+Often you will find yourself in a position to need an abstraction to simplify the creation of directives. A best practice is to create a function that returns the required directives:
 
@@ -305,3 +271,3 @@ ```js
   if (color) {
-    return `bg-${color} text-${color}-contrast hover:bg-${color}-hover active:bg-${color}-active`
+    return `bg-${color} hover:bg-${color}-hover active:bg-${color}-active`
   }
@@ -316,3 +282,3 @@
 bw([btn(), btn('primary')])
-// => inline-block font-bold py-2 px-4 rounded bg-primary text-primary-contrast hover:bg-primary-hover active:bg-primary-active
+// => inline-block font-bold py-2 px-4 rounded bg-primary hover:bg-primary-hover active:bg-primary-active
 ```
@@ -322,2 +288,43 @@
 
+### Extending the default theme
+
+Importing and invoking beamwind directly will cause it to use
+[default theme](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/src/theme.js)
+for directives that require themed values (like `bg-primary` for example).
+
+> The [Theming section](#theming) provides detailed insight into the theming options.
+
+To customize the theme, use the `setup` export. This will change the theme used by the `bw` export.
+
+```js
+import { bw, setup } from 'beamwind'
+
+setup({
+  theme: {
+    colors: {
+      'red-500': 'hotpink',
+    },
+  },
+})
+
+bw`bg-red-500` // will result in a hotpink background-color
+```
+
+> `setup` can be called multiple times where each call extends the existing configuration.
+> The `theme` and `plugins` properties merge their values with the previous ones.
+
+Alternatively you can create a own instance:
+
+```js
+import { createInstance } from 'beamwind'
+
+const cx = createInstance({
+  colors: {
+    'red-500': 'hotpink',
+  },
+})
+
+cx`bg-red-500` // will result in a hotpink background-color
+```
+
 ## Theming
@@ -327,3 +334,3 @@
 
-The theme object contains keys for `screens`, `colors`, and `spacing`, as well as a key for each customizable core plugin. The [default theme](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/src/theme.js) shows most of the available values. A tailwind like theme is available via [@beamwind/preset-tailwind](https://www.npmjs.com/package/@beamwind/preset-tailwind). For a full featured design system take a look at [@beamwind/preset-semantic](https://www.npmjs.com/package/@beamwind/preset-semantic).
+The theme object contains keys for `screens`, `colors`, and `spacing`, as well as a key for each customizable core plugin. The [default theme](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/src/theme.js) shows most of the available values. A tailwind like theme is available via [@beamwind/preset-tailwind](https://github.com/kenoxa/beamwind/blob/main/packages/preset-tailwind). For a full featured design system take a look at [@beamwind/preset-semantic](https://github.com/kenoxa/beamwind/blob/main/packages/preset-semantic).
 
@@ -358,2 +365,4 @@ To customize the theme call `setup` with a `theme` property:
 
+> Any custom theme will be deep merged with the current theme.
+
 ### Screens
@@ -381,8 +390,11 @@
 
-> **Note** This is a flat object (`{ 'gray-50': '#f9fafb' }`) not a nested on like in tailwind ((`{ 'gray': { 50: '#f9fafb' } }`)) uses.
+1. This is a flat object (`{ 'gray-50': '#f9fafb' }`) not a nested on like in tailwind ((`{ 'gray': { 50: '#f9fafb' } }`)) uses.
+2. Colors should be in [#-hexadecimal notation](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) (like `#RRGGBB` or `#RGB`) to work best with opacity plugins like `text-opacitiy` or `bg-opacitiy`.
 
-Most color directives accept color names (`text-rebeccapurple`) and hex colors (`text-#009900`) if the color is not found in `theme.colors`. This feature should be used for prototyping only as it usually prevents a consistent UI experience.
+> Most color directives accept color names (`text-rebeccapurple`) and hex colors (`text-#009900`) if the color is not found in `theme.colors`. This feature should be used for prototyping only as it usually prevents a consistent UI experience.
 
-Out-of-the-box beamwind provides only a few colors that follow the [semantic color system](https://github.com/kenoxa/beamwind/blob/main/packages/preset-semantic/README.md#colors) and are based on [Braid Design System / Tones](https://seek-oss.github.io/braid-design-system/foundations/tones). [@beamwind/preset-tailwind](https://www.npmjs.com/package/@beamwind/preset-tailwind) provides the full tailwind color palette.
+#### Default Colors
 
+Out-of-the-box beamwind provides only a few colors that follow the [semantic color system](https://github.com/kenoxa/beamwind/blob/main/packages/preset-semantic/README.md#colors) and are based on [Braid Design System / Tones](https://seek-oss.github.io/braid-design-system/foundations/tones). [@beamwind/preset-tailwind](https://github.com/kenoxa/beamwind/blob/main/packages/preset-tailwind) provides the full tailwind color palette.
+
 ```js
@@ -430,3 +442,3 @@ theme = {
 
-Most design systems have their own color naming scheme. beamwind does not enforce a particular scheme. With [@beamwind/preset-tailwind](https://www.npmjs.com/package/@beamwind/preset-tailwind) and [@beamwind/preset-semantic](https://www.npmjs.com/package/@beamwind/preset-semantic) two different approaches are available.
+Most design systems have their own color naming scheme. beamwind does not enforce a particular scheme. With [@beamwind/preset-tailwind](https://github.com/kenoxa/beamwind/blob/main/packages/preset-tailwind) and [@beamwind/preset-semantic](https://github.com/kenoxa/beamwind/blob/main/packages/preset-semantic) two different approaches are available.
 
@@ -526,3 +538,3 @@ - `surface` - affect surfaces of components, such as cards, sheets, and menus
 
-If you also want to provide a default `line-height` and/or `letter-spacing` value for a font size, you can do so using a tuple of the form `[fontSize, { letterSpacing, lineHeight }]`.
+If you also want to provide a [default `line-height`](https://tailwindcss.com/docs/font-size#providing-a-default-line-height) and/or [`letter-spacing`](https://tailwindcss.com/docs/font-size#providing-a-default-letter-spacing) value for a font size, you can do so using a tuple of the form `[fontSize, lineHeight]` or `[fontSize, { letterSpacing, lineHeight }]`.
 
@@ -557,3 +569,3 @@ ## Plugins
 setup({
-  plugin: {
+  plugins: {
     'text-important': { color: 'red' },
@@ -570,3 +582,3 @@ },
 setup({
-  plugin: {
+  plugins: {
     'stretched-link': [
@@ -598,3 +610,3 @@ '::after',
     // The token splitted by '-' with the plugin name as first value: ['scroll-snap', ...]
-    'scroll-snap'(parts) {
+    'scroll-snap': (parts) => {
         return { 'scroll-snap-type': parts[1] }
@@ -617,3 +629,3 @@ }
 
-As this is quite common beamwind provides two helper ([join](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_util_.md#join) and [tail](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_util_.md#tail)) for this:
+As this is quite common beamwind provides two helper ([join](https://beamwind.js.org/packages/beamwind/modules.html#join) and [tail](https://beamwind.js.org/packages/beamwind/modules.html#tail)) for this:
 
@@ -643,4 +655,4 @@ ```js
 
-  plugin: {
-    'scroll-snap'(parts, theme) {
+  plugins: {
+    'scroll-snap': (parts, theme) => {
       // defaultToKey: if no theme value is found -> use the provided key (value of parts.slice(1).join(' '))
@@ -665,3 +677,3 @@ return { 'scroll-snap-type': theme('scroll', parts.slice(1).join(' '), defaultToKey }
 setup({
-  plugin: {
+  plugins: {
     card: 'max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-2xl',
@@ -678,6 +690,6 @@ },
 setup({
-  plugin: {
+  plugins: {
     btn(parts) {
       if (parts[1]) {
-        return `bg-${parts[1]} text-${parts[1]}-contrast hover:bg-${parts[1]}-hover active:bg-${parts[1]}-active`
+        return `bg-${parts[1]} hover:bg-${parts[1]}-hover active:bg-${parts[1]}-active`
       }
@@ -691,3 +703,3 @@
 
-Some dynamic components depend on additional logic and like to use the familiar `bw` API. For these case beamwind provides the [apply](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_helpers_.md#apply) helper, which has the same API signature as `bw`.
+Some dynamic components depend on additional logic and like to use the familiar `bw` API. For these case beamwind provides the [apply](https://beamwind.js.org/packages/beamwind/modules.html#apply) helper, which has the same API signature as `bw`.
 
@@ -698,10 +710,10 @@ ```js
 setup({
-  plugin: {
+  plugins: {
     btn(parts, theme) {
       if (parts[1]) {
-        return apply`bg-${parts[1]} text-${parts[1]}-contrast ${{rounded: !!theme('btn', 'rounded', optional}}`
-      } else {
-        return 'font-bold py-2 px-4 rounded'
+        return apply`bg-${parts[1]} ${{ rounded: !!theme('btn', 'rounded', optional) }}`
       }
-    }
+
+      return 'font-bold py-2 px-4 rounded'
+    },
   },
@@ -715,14 +727,14 @@ })
 
-- [apply](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_helpers_.md#apply)
-- [compose](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_helpers_.md#compose)
-- [convertTo](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_helpers_.md#convertto)
-- [corners](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_helpers_.md#corners)
-- [defaultToKey](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_helpers_.md#defaulttokey)
-- [divideBy](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_helpers_.md#divideby)
-- [edges](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_helpers_.md#edges)
-- [join](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_util_.md#join)
-- [optional](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_helpers_.md#optional)
-- [tail](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/modules/_util_.md#tail)
+- [apply](https://beamwind.js.org/packages/beamwind/modules.html#apply)
+- [compose](https://beamwind.js.org/packages/beamwind/modules.html#compose)
+- [convertTo](https://beamwind.js.org/packages/beamwind/modules.html#convertto)
+- [corners](https://beamwind.js.org/packages/beamwind/modules.html#corners)
+- [defaultToKey](https://beamwind.js.org/packages/beamwind/modules.html#defaulttokey)
+- [divideBy](https://beamwind.js.org/packages/beamwind/modules.html#divideby)
+- [edges](https://beamwind.js.org/packages/beamwind/modules.html#edges)
+- [join](https://beamwind.js.org/packages/beamwind/modules.html#join)
+- [optional](https://beamwind.js.org/packages/beamwind/modules.html#optional)
+- [tail](https://beamwind.js.org/packages/beamwind/modules.html#tail)
 
-## [API](https://github.com/kenoxa/beamwind/blob/main/packages/beamwind/docs/README.md)
+## [API](https://beamwind.js.org/packages/beamwind/modules.html)
 
@@ -898,3 +910,3 @@ ### Global Styles
 
-  > The default tailwind theme is available via [@beamwind/preset-tailwind](https://www.npmjs.com/package/@beamwind/preset-tailwind)
+  > The default tailwind theme is available via [@beamwind/preset-tailwind](https://github.com/kenoxa/beamwind/blob/main/packages/preset-tailwind)
 
@@ -906,3 +918,2 @@ ```js
   setup(tailwindPreset)
-  `
   ```
@@ -912,5 +923,6 @@
 
-  The following feature are not yet available in beamwind:
+  The following Tailwind v2 features are not yet available in beamwind:
 
   - dark mode
+  - space-x-reverse
   - divide-y-reverse
@@ -931,3 +943,3 @@ - [Font Variant Numeric](https://tailwindcss.com/docs/font-variant-numeric)
 - text like directive (underline, italic) via text
-- `text-underline`, `text-no-underline`, `text-line-through`, `text-uppercase`, `text-lowercase` and `text-capitalize`: this allows grouping of text directives like `text(lg primary capitalize underline)`
+- `underline`, `text-no-underline`, `text-line-through`, `text-uppercase`, `text-lowercase` and `text-capitalize`: this allows grouping of text directives like `text(lg primary capitalize underline)`
 - `font-italic` and `font-no-italic`: this allows grouping of font directives like `font(sans italic bold)`
@@ -977,3 +989,3 @@ - `border` and `divide` allow to combine positions (`t`op, `r`righ, `l`eft, `b`ottom)
 
-  - variadic arguments like `cs('bg-blue', 'text-white')`
+  - variadic arguments like `bw('bg-blue', 'text-white')`
   - [Directive Grouping](#directive-grouping)
@@ -1034,3 +1046,3 @@ - Tagged Template Interpolation values may additionally be Array, Object or Function ([inline plugins](#inline-plugins))
 
-This project is free and open-source, so if you think this project can help you or anyone else, you may [star it on GitHub](https://github.com/carvjs/is). Feel free to [open an issue](https://github.com/carvjs/stdlib/issues) if you have any idea, question, or you've found a bug.
+This project is free and open-source, so if you think this project can help you or anyone else, you may [star it on GitHub](https://github.com/kenoxa/beamwind). Feel free to [open an issue](https://github.com/kenoxa/beamwind/issues) if you have any idea, question, or you've found a bug.
 
@@ -1037,0 +1049,0 @@ ## Contribute

script/beamwind.js

@@ -1,2 +0,2 @@
-var beamwind=(()=>{var Ee=Object.defineProperty,ce=Object.assign,kn=e=>Ee(e,"__esModule",{value:!0}),$n=(e,n)=>{kn(e);for(var t in n)Ee(e,t,{get:n[t],enumerable:!0})},Xn={};$n(Xn,{apply:()=>Ze,autoprefix:()=>ne,bw:()=>hn,compose:()=>v,convertTo:()=>g,corners:()=>re,createInstance:()=>ae,cssomInjector:()=>Q,cyrb32:()=>te,defaultToKey:()=>m,divideBy:()=>C,edges:()=>z,expandEdges:()=>B,fail:()=>R,join:()=>i,noOpInjector:()=>ee,noprefix:()=>_e,optional:()=>k,setup:()=>yn,tail:()=>o,virtualInjector:()=>Le,warn:()=>ie});var ge=(e,n)=>typeof e===n,w=e=>ge(e,"string"),X=e=>e!=null&&ge(e,"object"),P=Array.isArray,j=e=>ge(e,"function"),ze=e=>/^-?\d+(?:\.\d+)?$/.test(e),Ie=(e,n)=>Number(e.toFixed(n)),i=(e,n="-")=>e.join(n),E=(e,n)=>i(e.filter(Boolean),n),o=(e,n=1)=>e.slice(n),de=(e,n)=>(n?`Invalid token ${n}: `:"")+e,R=(e,n)=>{throw new Error(de(e,n))},me=()=>{if(typeof Map=="function")return new Map;let e=Object.create(null);return{has(n){return n in e},get(n){return e[n]},set(n,t){e[n]=t}}},Pn=(e,n)=>{let t=[e[0]];for(let r=0;r<n.length;)w(n[r])?t[t.length-1]+=n[r]+e[++r]:(n[r]&&t.push(n[r]),t.push(e[++r]));return t},Z=e=>P(e[0])&&P(e[0].raw)?Pn(e[0],o(e)):e,Ae=(e,n)=>{let t=e.length;if(t===0)return 0;for(let r=0;r<t;){let a=t+r>>1;e[a]<=n?r=a+1:t=a}return t},h=(e,n)=>e&&n?ce(ce({},e),n):e||n,We,Cn={sticky:"@supports ((position: -webkit-sticky) or (position:sticky))","motion-reduce":"@media (prefers-reduced-motion:reduce)","motion-safe":"@media (prefers-reduced-motion:no-preference)"},L=e=>e.slice(0,6)==="group-",He=(e,n)=>(We=n.screens[e])?`@media (min-width: ${We})`:Cn[e]||L(e)&&e||`:${e}`,Oe=typeof CSS!="undefined"&&CSS.escape||(e=>e.replace(/[!"#$%&'()*+,./:;<=>?@[\]^`{|}~]/g,"\\$&")),vn=e=>e[0]===":",q=e=>e[0]==="@",J=(e,n)=>{let t=i(n,":");return(t&&t+":")+e},Dn=(e,n,t,r)=>n.reduce((a,f)=>(L(f)?`.${Oe(r("group"))}:${o(f,6)} `:"")+a+(vn(f)?f:""),"."+Oe(e))+t,Ne=(e,n,t,r,a)=>n.reduceRight((f,p)=>q(p)?`${p}{${f}}`:f,`${Dn(e,n,r,a)}{${t}}`),Ue=typeof window!="undefined",Ke="__beamwind",Rn=()=>{let e=document.getElementById(Ke);return e||(e=document.createElement("style"),e.id=Ke,document.head.appendChild(e))},Le=({target:e=[]}={})=>({target:e,insert:(n,t)=>e.splice(t,0,n)}),Q=({nonce:e,target:n=Rn().sheet}={})=>(e&&(n.ownerNode.nonce=e),{target:n,insert:n.insertRule.bind(n)}),ee=()=>({target:null,insert:()=>{}}),Sn={screens:{sm:"576px",md:"768px",lg:"992px",xl:"1200px","2xl":"1536px"},colors:{current:"currentColor",transparent:"transparent",none:"transparent",surface:"#fff","on-surface":"#111",primary:"#0d3880","on-primary":"#e8ecf4",secondary:"#e60278","on-secondary":"#000",caution:"#ffc600","on-caution":"#1A202C",critical:"#d0011b","on-critical":"#f4e4e6",info:"#1e468c","on-info":"#e8ecf2",neutral:"#596581","on-neutral":"#eaebed",positive:"#138a08","on-positive":"#000",promote:"#9556b7","on-promote":"#f7f5f9"},spacing:{none:"0",0:"0",px:"1px",auto:"auto",full:"100%",base:".625rem",xs:".25rem",sm:".5rem",md:".875rem",lg:"1rem",xl:"1.25rem","2xl":"1.5rem","3xl":"2rem","4xl":"4rem","5xl":"5rem","6xl":"6rem"},sizes:{none:"0",0:"0",px:"1px",auto:"auto",full:"100%",min:"min-content",max:"max-content",prose:"65ch",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem"},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"',serif:'ui-serif,Georgia,Cambria,"Times New Roman",Times,serif',mono:'ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'},fontSize:{base:["1rem",{lineHeight:"1.5rem"}],xs:[".75rem",{lineHeight:"1rem"}],sm:[".875rem",{lineHeight:"1.25rem"}],md:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:".025em",wider:".05em",widest:".1em"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},borderWidth:{DEFAULT:"1px"},borderColor:{DEFAULT:"currentColor"},placeholderColor:{DEFAULT:"#9ca3af"},ringWidth:{DEFAULT:"3px"},ringOffsetWidth:{DEFAULT:"2px"},flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},order:{first:"-9999",last:"9999",none:"0"},strokeWidth:{px:"1px",xs:"1px",sm:"2px",md:"4px",lg:"8px",xl:"16px","2xl":"32px"},borderRadius:{DEFAULT:".25rem",none:"0",xs:".125rem",sm:".25rem",md:".375rem",lg:".5rem",xl:".75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},boxShadow:{DEFAULT:"0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)",none:"0 0 transparent",xs:"0 0 0 1px rgba(0,0,0,0.05)",sm:"0 1px 2px 0 rgba(0,0,0,0.05)",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)",outline:"0 0 0 3px rgba(66,153,225,0.5)",focus:"0 0 0 3px rgba(66,153,225,0.5)"},transitionProperty:{DEFAULT:"background-color,border-color,color,fill,stroke,opacity,box-shadow,transform",colors:"background-color,border-color,color,fill,stroke",shadow:"box-shadow"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4,0,0.2,1)",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)"},durations:{DEFAULT:"150ms"},animation:{none:"none",spin:["1s linear infinite"],ping:["1s cubic-bezier(0,0,0.2,1) infinite"],pulse:["2s cubic-bezier(0.4,0,0.6,1) infinite"],bounce:["1s infinite"]},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%)","animation-timing-function":"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none","animation-timing-function":"cubic-bezier(0,0,0.2,1)"}}}},fe=(e,n=Sn)=>{let t=h(n,{});return e=j(e)?e(n):e,e&&Object.keys(e).forEach(r=>{t[r]=h(n[r],e[r])}),Object.keys(t.screens).forEach(r=>{t.sizes[`screen-${r}`]=t.screens[r]}),t.borderColor=h(t.colors,t.borderColor),t.borderWidth=h(t.spacing,t.borderWidth),t.divideColor=h(t.borderColor,t.divideColor),t.divideWidth=h(t.borderWidth,t.divideWidth),t.placeholderColor=h(t.colors,t.placeholderColor),t.ringWidth=h(t.spacing,t.ringWidth),t.ringOffsetWidth=h(t.spacing,t.ringOffsetWidth),t},Fn=/^(br|hy|us|wr|text-si|scroll-snap-t)/,jn=/^(ap|us|tab-|border-e|margin-e|margin-s|padding-e|padding-s|border-sta)/,En=/^(ap|br|hy|us|wr|mas|colu|clip-|box-de|font-k|text-e|font-fe|shape-i|text-or|text-si|border-e|margin-e|margin-s|padding-e|padding-s|border-sta|background-cl|scroll-snap-t|text-decoration-)/,zn=/^(pos|background-cl)/,ue={},Ve=function(e){return ue[e]?ue[e]:ue[e]=1*Fn.test(e)|2*jn.test(e)|4*En.test(e)},Be=function(e,n){return zn.test(e)?n.replace(/(sticky|text)/,"-webkit-$1, $1"):n},ne=(e,n)=>{let t=`${e}:${Be(e,n)}`,r=t,a=Ve(e);return a&1&&(r+=`;-ms-${t}`),a&2&&(r+=`;-moz-${t}`),a&4&&(r+=`;-webkit-${t}`),r},_e=(e,n)=>`${e}:${n}`,In=Math.imul||((e,n)=>{n|=0;let t=(e&4194303)*n;return e&4290772992&&(t+=(e&4290772992)*n|0),t|0}),te=e=>{let n=9;for(let t=e.length;t--;)n=In(n^e.charCodeAt(t),1597334677);return"_"+((n^n>>>9)>>>0).toString(36)},V,pe,An=e=>(pe=/\(\s*min-width:\s*(\d+(?:.\d+)?)(p)?/.exec(e))?+pe[1]/(pe[2]?16:1)/10:0,xe=e=>{V=0;for(let n=e.length;n--;)~"-:,".indexOf(e[n])&&++V;return V},Me=["rst","st","d","en","nk","sited","pty","ecked","oup-h","oup-f","cus-w","ver","cus","cus-v","tive","sable"],Wn=e=>~(V=Me.indexOf(e.slice(3,8)))?V:Me.length,Hn=(e,n)=>e|(q(n)?0:1<<Wn(L(n)?":"+n:n)),On=/^(?:(border-(?:[tlbr].{2,4}-)?(?:w|c|sty)|[tlbr].{2,4}m?$|c.{7}$)|([fl].{5}l|g.{8}$|pl))/,Nn=e=>{let n=e[0]==="-"?o(e,e.indexOf("-",1)+1):e,t=On.exec(n);return xe(n)+(t?+!!t[1]||-!!t[2]:0)+1},Un=e=>e[0]==="-"?0:Nn(e),Ge=e=>Math.max(0,15-e),Kn=(e,n)=>Ge(xe(n)),Ln=e=>Ge(Object.keys(e).filter(n=>e[n]).length),Ye=(e,n)=>Object.keys(e).reduce((t,r)=>e[r]?Math.max(t,n(r,e[r])):t,0),Xe=(e,n)=>{let t=An(e[0]||"");return((t&31)<<21|(xe(i((t?o(e):e).filter(q),";"))&15)<<17|e.reduce(Hn,0)&131071)*(1<<12)+((Ln(n)&15)<<8|(Ye(n,Un)&15)<<4|Ye(n,Kn)&15)},he,Ze=(...e)=>n=>n(Z(e)),qe=(e,n)=>n?e+n:e,ye=(e,n,t,r)=>qe(String(Ie(Number(e)/Number(n)*(r||1),7)),t),g=(e,n)=>t=>{if(n&&t==="screen")return`100v${n}`;if(ze(t))return e==="rem"?ye(t,4,"rem"):qe(t,e);if(e==="rem"&&(he=/^(\d+)\/(\d+)$/.exec(t)))return ye(he[1],he[2],"%",100)},C=e=>n=>ye(n,e),m=e=>e,k=()=>"",Je=e=>(n,t,r,a)=>{if(n){let f=t&&e(t);if(f&&f.length>0)return f.reduce((p,y)=>(p[E([r,y,a])]=n,p),{})}},Vn={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"]},re=Je(e=>Vn[e]),Bn={x:"lr",y:"tb"},Qe={t:"top",r:"right",b:"bottom",l:"left"},B=e=>{let n=(Bn[e]||e||"").split("").sort().reduce((t,r)=>{if(t&&Qe[r])return t.push(Qe[r]),t},[]);if(n&&n.length>0)return n},z=Je(B),v=(e,...n)=>t=>n.reduce((r,a)=>r||a(t),e(t)),s,be=(e,n)=>Math.round(parseInt(e,16)*n),en=(e,n)=>{if(e[0]==="#"){let t=(e.length-1)/3,r=[17,1,.062272][t-1];return`rgba(${be(e.substr(1,t),r)},${be(e.substr(1+t,t),r)},${be(e.substr(1+2*t,t),r)},var(--${n}))`}return e},_=(e,n,t,r)=>t?{[`--${r(n+"-opacity")}`]:"1",[e]:(s=en(t,r(n+"-opacity")))===t?t:[t,s]}:{},I=e=>({[e[0]]:e[1]}),S=e=>({display:i(e)}),M=e=>({position:e[0]}),O=e=>({"text-transform":e[0]}),N=e=>({"text-decoration":i(e)}),nn=(e,n,t)=>{switch(e[1]){case"solid":case"dashed":case"dotted":case"double":case"none":return{"border-style":e[1]};case"collapse":case"separate":return{"border-collapse":e[1]};case"opacity":return{[`--${t(e[0]+"-opacity")}`]:n("opacity",e[2],C(100))}}return(s=n(`${e[0]}Width`,e[1],v(g("px"),k)))?{"border-width":s}:_("border-color",e[0],n(`${e[0]}Color`,i(o(e)),m),t)},tn=(e,n)=>(s={w:"width",h:"height"}[e[1]])&&{[`${e[0]}-${s}`]:n("sizes",i(o(e,2)),g("rem",e[1]))},rn=e=>(n,t)=>n[0][1]?z(t("spacing",n[1],g("rem")),n[0][1],e):{[e]:t("spacing",n[1],g("rem"))},A=rn("padding"),W=rn("margin"),on=e=>n=>{switch(n[1]){case"auto":return{[`grid-${e}`]:n[1]};case"span":return{[`grid-${e}`]:n[2]==="full"?"1 / -1":`span ${n[2]} / span ${n[2]}`};case"start":case"end":return{[`grid-${e}-${n[1]}`]:n[2]}}},Te=e=>n=>{switch(n[1]){case"start":case"end":return{[e]:`flex-${n[1]}`};case"between":case"around":return{[e]:`space-${n[1]}`}}return{[e]:n[1]}},sn={shadow:(e,n,{tag:t})=>(s=n("boxShadow",e[1],k))&&{[`--${t("shadow")}`]:s,"box-shadow":[s,`var(--${t("ring-offset-shadow")},0 0 transparent),var(--${t("ring-shadow")},0 0 transparent),var(--${t("shadow")})`]},ring(e,n,{tag:t}){switch(e[1]){case"inset":return{[`--${t("ring-inset")}`]:"inset"};case"opacity":return{[`--${t("ring-opacity")}`]:n("opacity",e[2],C(100))};case"offset":return(s=n("ringWidth",e[2],v(g("px"),k)))?{[`--${t("ring-offset-width")}`]:s}:{[`--${t("ring-offset-color")}`]:n("colors",i(o(e,2)),m)}}return(s=n("ringWidth",e[1],v(g("px"),k)))?{[`--${t("ring-offset-shadow")}`]:`var(--${t("ring-inset")},/*!*/ /*!*/) 0 0 0 var(--${t("ring-offset-width")},0px) var(--${t("ring-offset-color")},#fff)`,[`--${t("ring-shadow")}`]:`var(--${t("ring-inset")},/*!*/ /*!*/) 0 0 0 calc(${s} + var(--${t("ring-offset-width")},0px)) var(--${t("ring-color")},rgba(59,130,246,0.5))`,"box-shadow":`var(--${t("ring-offset-shadow")}),var(--${t("ring-shadow")}),var(--${t("shadow")},0 0 transparent)`}:{[`--${t("ring-opacity")}`]:"1",[`--${t("ring-color")}`]:en(n("colors",i(o(e)),m),t("ring-opacity"))}},duration:(e,n)=>({"transition-duration":n("durations",e[1],g("ms"))}),delay:(e,n)=>({"transition-delay":n("durations",e[1],g("ms"))}),origin:e=>({"transform-origin":i(o(e)," ")}),cursor:e=>({cursor:i(o(e))}),select:e=>({"user-select":e[1]}),transform:(e,n,{tag:t})=>({transform:`translateX(var(--${t("transform-translate-x")},0)) translateY(var(--${t("transform-translate-y")},0)) rotate(var(--${t("transform-rotate")},0)) skewX(var(--${t("transform-skew-x")},0)) skewY(var(--${t("transform-skew-y")},0)) scaleX(var(--${t("transform-scale-x")},1)) scaleY(var(--${t("transform-scale-y")},1))`}),rotate:(e,n,{tag:t})=>(s=n("angle",e[1],g("deg")),{[`--${t("transform-rotate")}`]:s,transform:`rotate(${s})`}),scale:(e,n,{tag:t})=>(s=n("scale",e[2]||e[1],C(100)))&&{[`--${t("transform-scale-x")}`]:e[1]!=="y"&&s,[`--${t("transform-scale-y")}`]:e[1]!=="x"&&s,transform:`scale${e[2]?e[1].toUpperCase():""}(${s})`},translate:(e,n,{tag:t})=>(s=n("spacing",e[2],g("rem")))&&{[`--${t("transform-translate-x")}`]:e[1]!=="y"&&s,[`--${t("transform-translate-y")}`]:e[1]!=="x"&&s,transform:`translate${e[1].toUpperCase()}(${s})`},skew:(e,n,{tag:t})=>(s=n("angle",e[2],g("deg")))&&{[`--${t("transform-skew-x")}`]:e[1]!=="y"&&s,[`--${t("transform-skew-y")}`]:e[1]!=="x"&&s,transform:`skew${e[1].toUpperCase()}(${s})`},"bg-gradient":(e,n,{tag:t})=>({"background-image":`linear-gradient(${e[1]==="to"&&(s=B(e[2]))?"to "+i(s," "):n("angle",i(o(e)," ")||"180",v(g("deg"),m))},var(--${t("gradient-stops")},var(--${t("gradient-from")},transparent),var(--${t("gradient-to")},transparent)))`}),from:(e,n,{tag:t})=>({[`--${t("gradient-from")}`]:n("colors",i(o(e)),m)}),via:(e,n,{tag:t})=>({[`--${t("gradient-stops")}`]:`var(--${t("gradient-from")},transparent),${n("colors",i(o(e)),m)},var(--${t("gradient-to")},transparent)`}),to:(e,n,{tag:t})=>({[`--${t("gradient-to")}`]:n("colors",i(o(e)),m)}),"pointer-events":e=>({"pointer-events":e[1]}),tracking:(e,n)=>({"letter-spacing":n("letterSpacing",e[1])}),leading:(e,n)=>({"line-height":n("lineHeight",e[1],g("rem"))}),align:e=>({"vertical-align":i(o(e))}),whitespace:e=>({"white-space":i(o(e))}),z:(e,n)=>({"z-index":n("zIndex",e[1],m)}),gap:(e,n)=>({gap:n("spacing",e[1],g("rem"))}),"stroke-current":{stroke:"currentColor"},stroke:(e,n)=>({"stroke-width":n("strokeWidth",e[1],m)}),fill:(e,n)=>({fill:n("colors",i(o(e)),m)}),outline:(e,n)=>({outline:`2px ${e[1]==="none"?"solid":"dotted"} ${n("colors",i(o(e)),m)}`,"outline-offset":"2px"}),appearance:e=>({appearance:i(o(e))}),opacity:(e,n)=>({opacity:n("opacity",e[1],C(100))}),ease:(e,n)=>({"transition-timing-function":n("transitionTimingFunction",i(o(e)),m)}),break(e){switch(e[1]){case"normal":return{"word-break":e[1],"overflow-wrap":e[1]};case"words":return{"overflow-wrap":"break-word"};case"all":return{"word-break":"break-all"}}},w:(e,n)=>({width:n("sizes",e[1],v(g("rem","w"),m))}),h:(e,n)=>({height:n("sizes",e[1],v(g("rem","h"),m))}),underline:N,"no-underline":N(["none"]),"line-through":N,"text-underline":N(["underline"]),"text-no-underline":N(["none"]),"text-line-through":N(["line","through"]),uppercase:O,lowercase:O,capitalize:O,"normal-case":O(["none"]),"text-normal-case":O(["none"]),text(e,n,{tag:t}){switch(e[1]){case"left":case"center":case"right":case"justify":return{"text-align":e[1]};case"uppercase":case"lowercase":case"capitalize":return O(o(e));case"opacity":return{[`--${t("text-opacity")}`]:n("opacity",e[2],C(100))}}let r=n("fontSize",e[1],k);return r?w(r)?{"font-size":r}:{"font-size":r[0],"line-height":w(r[1])?r[1]:r[1].lineHeight,"letter-spacing":r[1].letterSpacing}:_("color","text",n("colors",i(o(e)),m),t)},bg(e,n,{tag:t}){switch(e[1]){case"fixed":case"local":case"scroll":return{"background-attachment":e[1]};case"bottom":case"center":case"left":case"right":case"top":return{"background-position":i(o(e)," ")};case"no":return e[2]==="repeat"&&{"background-repeat":i(o(e))};case"repeat":switch(e[2]){case"x":case"y":return{"background-repeat":i(o(e))}}return{"background-repeat":e[2]||e[1]};case"auto":case"cover":case"contain":return{"background-size":e[1]};case"opacity":return{[`--${t("bg-opacity")}`]:n("opacity",e[2],C(100))}}return h(_("background-color","bg",n("colors",i(o(e)),m),t),_("color","text",n("colors",i(e[1]==="on"?o(e,2):["on"].concat(o(e))),k),t))},rounded:(e,n)=>re(n("borderRadius",e[2],g("px")),e[1],"border","radius")||{"border-radius":n("borderRadius",e[1],g("px"))},"transition-none":{"transition-property":"none"},transition:(e,n)=>({transition:i([n("transitionProperty",e[1],m),n("durations",void 0,g("ms")),n("transitionTimingFunction")]," ")}),flex(e,n){switch(e[1]){case"row":case"col":return{"flex-direction":e[1]==="col"?E(["column",e[2]]):i(o(e))};case"nowrap":case"wrap":return{"flex-wrap":i(o(e))};case"grow":case"shrink":return{[`flex-${e[1]}`]:e[2]||"1"}}return(s=n("flex",e[1],k))?{flex:s}:S(e)},grid(e){switch(e[1]){case"cols":case"rows":return{[`grid-template-${e[1]==="cols"?"columns":e[1]}`]:e[2]==="none"?e[2]:`repeat(${e[2]},minmax(0,1fr))`};case"flow":return{[`grid-auto-${e[1]}`]:e[2]==="col"?E(["column",e[3]]," "):i(o(e,2)," ")}}return S(e)},"not-sr-only":{position:"static",width:"auto",height:"auto",padding:"0",margin:"0",overflow:"visible",clip:"auto","white-space":"normal"},hidden:S(["none"]),inline:S,block:S,table(e){switch(e[1]){case"auto":case"fixed":return{"table-layout":e[1]}}return S(e)},flow:S,d:e=>S(o(e)),static:M,fixed:M,absolute:M,relative:M,sticky:M,visible:{visibility:"visible"},invisible:{visibility:"hidden"},antialiased:{"-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale"},truncate:{overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"},resize:e=>({resize:{x:"vertical",y:"horizontal"}[e[1]]||e[1]||"both"}),clearfix:["::after",{content:'""',display:"table",clear:"both"}],object(e){switch(e[1]){case"contain":case"cover":case"fill":case"none":return{"object-fit":e[1]};case"scale":return{"object-fit":i(o(e))}}return{"object-position":i(o(e)," ")}},inset(e){switch(e[1]){case"0":case"auto":return{top:e[1],right:e[1],bottom:e[1],left:e[1]};case"y":return{top:e[2],bottom:e[2]};case"x":return{left:e[2],right:e[2]}}},items(e){switch(e[1]){case"start":case"end":return{"align-items":`flex-${e[1]}`}}return{"align-items":e[1]}},content:Te("align-content"),justify:Te("justify-content"),self:Te("align-self"),order:(e,n)=>({order:n("order",e[1],m)}),col:on("column"),row:on("row"),"subpixel-antialiased":{"-webkit-font-smoothing":"auto","-moz-osx-font-smoothing":"auto"},list(e){switch(e[1]){case"inside":case"outside":return{"list-style-position":e[1]}}return{"list-style-type":e[1]}},"sr-only":{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)","white-space":"nowrap","border-width":"0"},box:e=>({"box-sizing":`${e[1]}-box`}),float:I,clear:I,top:I,right:I,bottom:I,left:I,overflow(e){switch(e[1]){case"ellipsis":case"clip":return{"text-overflow":e[1]}}return e[2]?{[`overflow-${e[1]}`]:e[2]}:I(e)},p:A,py:A,px:A,pt:A,pr:A,pb:A,pl:A,m:W,my:W,mx:W,mt:W,mr:W,mb:W,ml:W,italic:{"font-style":"italic"},"not-italic":{"font-style":"normal"},"font-italic":{"font-style":"italic"},"font-not-italic":{"font-style":"normal"},font:(e,n)=>(s=n("fontFamily",e[1],k))?{"font-family":s}:(s=n("fontWeight",e[1],m))&&{"font-weight":s},space:(e,n)=>(s={x:"l",y:"t"}[e[1]])&&[">:not([hidden])~:not([hidden])",z(n("spacing",e[2]||"base",g("rem")),s,"margin")],border:(e,n,{tag:t})=>(e[1]?z(n("borderWidth",e[2],g("px")),e[1],"border","width"):{"border-width":n("borderWidth","DEFAULT")})||nn(e,n,t),divide:(e,n,{tag:t})=>[">:not([hidden])~:not([hidden])",(s={x:"l",y:"t"}[e[1]])?z(n("divideWidth",e[2],g("px")),s,"border","width"):nn(e,n,t)],placeholder:(e,n,{tag:t})=>["::placeholder",e[1]==="opacity"?{[`--${t("placeholder-opacity")}`]:n("opacity",e[2],C(100))}:_("color","placeholder",n("placeholderColor",i(o(e)),m),t)],min:tn,max:tn,animate:(e,n,{keyframes:t})=>{let r=n("animation",s=i(o(e)),k);return r&&{animation:w(r)?r:`${t(r[1]||s)} ${r[0]}`}}},ie=(e,n)=>console.warn(de(e,n)),an=e=>{let n=fe(),t=sn,r,a,f=[],p=ne,y=te,le=ie,K=me(),ve=me(),Y=[],De=l=>(P(l)?l:[l]).forEach(({theme:c,plugins:u,init:x,injector:$,nonce:T=a,prefix:D=p,hash:F=y,warn:wn=le}={})=>{$&&Y.length>0&&R("Changing the injector after first use is not supported"),n=fe(c,n),t=h(t,u),x&&f.push(x),r=$||r,a=T,p=D,y=F,le=wn}),bn=(l,c)=>P(c)?i(c.filter(Boolean).map(u=>p(l,u)),";"):p(l,c),Re=l=>Object.keys(l).reduce((c,u)=>l[u]?(c&&c+";")+bn(u,l[u]):c,""),Tn=l=>He(l,n),Se=l=>y?y(l):l,Fe=(l,c)=>{r||(r=Ue?Q({nonce:a}):ee());let u=Ae(Y,c);try{r.insert(l,u),Y.splice(u,0,c)}catch(x){console.warn(x)}},je=(l,c,u,x,$)=>{ve.has(c)||(!Y.length&&f.length&&f.forEach(T=>T(D=>Fe(D,0),n)),Fe(u,Xe(x,$)),ve.set(c,!0)),K.set(l,c)};return De(e),{t:l=>n[l],p:l=>t[l],a:Se,g:(l,c)=>K.get(J(l,c)),s:(l,c,u)=>K.set(J(l,c),u),i(l,c,u,x=""){let $=J(l,c),T=K.get($);if(!T){let D=c.map(Tn),F=Re(u);T=y?y(i([i(c,"\0"),x,F],"\0")):$,je($,T,Ne(T,D,F,x,Se),D,u)}return T},k(l,c){let u="\0"+l,x=K.get(u);if(!x){let $=Object.keys(c).reduce((D,F)=>`${D}${F}{${Re(c[F])}}`,"");x=y?y($):l;let T=`@keyframes ${x}{${$}}`;je(u,x,T,[T],{})}return x},c:De,w(l,c){le(c,l)}}},we,b,H=[],U=[],oe=[],ke=(e,n,t)=>{n||(n="DEFAULT");let r=b.t(e),a=r&&r[n];return!a&&j(t)&&(a=t(n)),w(a)?a&&we+a:a||R(`No theme value found for "${e}.${n}"`)},ln=(e,n)=>b.k(e,n||ke("keyframes",e)),_n=(e,n,t)=>{let r=U.length;se(),w(t)?$e(t):t(cn),G(),b.s(e,n,i(o(U,r)," "))},gn=(e,n,t)=>{if(j(t)||w(t))return!_n(e,n,t);let r;if(P(t)&&(r=t[0],t=t[1]),X(t))return U.push(b.i(e,n,t,r))},Mn=(e,n)=>{let t=e==="group"&&b.a(e)||b.g(e,n);if(t!=null)return t&&U.push(t);let r=e;we="",r[0]==="-"&&(we="-",r=o(r));let a=r.split("-"),f;for(let p=a.length;p;p--){let y=i(a.slice(0,p));if(f=b.p(y),f){a=o(a,p),a.unshift(y);break}}gn(e,n,j(f)?f(a,ke,{keyframes:ln,tag:b.a}):f)||b.w(e,`No translation for "${e}" found`)},Pe=e=>{e.length=0},dn=e=>n=>(n&&e(n),""),se=()=>{H.push("")},G=e=>{let n;for(;n=H.pop(););e&&n!=null&&H.push(n)},mn=dn(e=>{H.push(e)}),fn=dn(e=>{let n=E(oe),t=e==="&"?n:(n&&n+"-")+e;t&&Mn(t,H.filter(Boolean))}),$e=(e,n)=>{let t,r="";for(let a=0;a<e.length;)switch(t=e[a++]){case":":r=mn(r);break;case"(":oe.push(r),r="",se();break;case")":case" ":case"	":case`
+var beamwind=(()=>{var Ee=Object.defineProperty,ce=Object.assign,kn=e=>Ee(e,"__esModule",{value:!0}),$n=(e,n)=>{kn(e);for(var t in n)Ee(e,t,{get:n[t],enumerable:!0})},Xn={};$n(Xn,{apply:()=>Ze,autoprefix:()=>ne,bw:()=>hn,compose:()=>v,convertTo:()=>g,corners:()=>re,createInstance:()=>ae,cssomInjector:()=>Q,cyrb32:()=>te,defaultToKey:()=>m,divideBy:()=>C,edges:()=>z,expandEdges:()=>B,fail:()=>R,join:()=>i,noOpInjector:()=>ee,noprefix:()=>_e,optional:()=>k,setup:()=>yn,tail:()=>o,virtualInjector:()=>Le,warn:()=>ie});var ge=(e,n)=>typeof e===n,w=e=>ge(e,"string"),X=e=>e!=null&&ge(e,"object"),P=Array.isArray,j=e=>ge(e,"function"),ze=e=>/^-?\d+(?:\.\d+)?$/.test(e),Ie=(e,n)=>Number(e.toFixed(n)),i=(e,n="-")=>e.join(n),E=(e,n)=>i(e.filter(Boolean),n),o=(e,n=1)=>e.slice(n),de=(e,n)=>(n?`Invalid token ${n}: `:"")+e,R=(e,n)=>{throw new Error(de(e,n))},me=()=>{if(typeof Map=="function")return new Map;let e=Object.create(null);return{has(n){return n in e},get(n){return e[n]},set(n,t){e[n]=t}}},Pn=(e,n)=>{let t=[e[0]];for(let r=0;r<n.length;)w(n[r])?t[t.length-1]+=n[r]+e[++r]:(n[r]&&t.push(n[r]),t.push(e[++r]));return t},Z=e=>P(e[0])&&P(e[0].raw)?Pn(e[0],o(e)):e,Ae=(e,n)=>{let t=e.length;if(t===0)return 0;for(let r=0;r<t;){let a=t+r>>1;e[a]<=n?r=a+1:t=a}return t},h=(e,n)=>e&&n?ce(ce({},e),n):e||n,We,Cn={sticky:"@supports ((position: -webkit-sticky) or (position:sticky))","motion-reduce":"@media (prefers-reduced-motion:reduce)","motion-safe":"@media (prefers-reduced-motion:no-preference)"},L=e=>e.slice(0,6)==="group-",He=(e,n)=>(We=n.screens[e])?`@media (min-width: ${We})`:Cn[e]||L(e)&&e||`:${e}`,Oe=typeof CSS!="undefined"&&CSS.escape||(e=>e.replace(/[!"#$%&'()*+,./:;<=>?@[\]^`{|}~]/g,"\\$&")),vn=e=>e[0]===":",q=e=>e[0]==="@",J=(e,n)=>{let t=i(n,":");return(t&&t+":")+e},Dn=(e,n,t,r)=>n.reduce((a,f)=>(L(f)?`.${Oe(r("group"))}:${o(f,6)} `:"")+a+(vn(f)?f:""),"."+Oe(e))+t,Ne=(e,n,t,r,a)=>n.reduceRight((f,p)=>q(p)?`${p}{${f}}`:f,`${Dn(e,n,r,a)}{${t}}`),Ue=typeof window!="undefined",Ke="__beamwind",Rn=()=>{let e=document.getElementById(Ke);return e||(e=document.createElement("style"),e.id=Ke,document.head.appendChild(e))},Le=({target:e=[]}={})=>({target:e,insert:(n,t)=>e.splice(t,0,n)}),Q=({nonce:e,target:n=Rn().sheet}={})=>(e&&(n.ownerNode.nonce=e),{target:n,insert:n.insertRule.bind(n)}),ee=()=>({target:null,insert:()=>{}}),Sn={screens:{sm:"576px",md:"768px",lg:"992px",xl:"1200px","2xl":"1536px"},colors:{current:"currentColor",transparent:"transparent",none:"transparent",surface:"#fff","on-surface":"#111",primary:"#0d3880","on-primary":"#e8ecf4",secondary:"#e60278","on-secondary":"#000",caution:"#ffc600","on-caution":"#1A202C",critical:"#d0011b","on-critical":"#f4e4e6",info:"#1e468c","on-info":"#e8ecf2",neutral:"#596581","on-neutral":"#eaebed",positive:"#138a08","on-positive":"#000",promote:"#9556b7","on-promote":"#f7f5f9"},spacing:{none:"0",0:"0",px:"1px",auto:"auto",full:"100%",base:".625rem",xs:".25rem",sm:".5rem",md:".875rem",lg:"1rem",xl:"1.25rem","2xl":"1.5rem","3xl":"2rem","4xl":"4rem","5xl":"5rem","6xl":"6rem"},sizes:{none:"0",0:"0",px:"1px",auto:"auto",full:"100%",min:"min-content",max:"max-content",prose:"65ch",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem"},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"',serif:'ui-serif,Georgia,Cambria,"Times New Roman",Times,serif',mono:'ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'},fontSize:{base:["1rem",{lineHeight:"1.5rem"}],xs:[".75rem",{lineHeight:"1rem"}],sm:[".875rem",{lineHeight:"1.25rem"}],md:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},fontWeight:{thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:".025em",wider:".05em",widest:".1em"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},borderWidth:{DEFAULT:"1px"},borderColor:{DEFAULT:"currentColor"},placeholderColor:{DEFAULT:"#9ca3af"},ringWidth:{DEFAULT:"3px"},ringOffsetWidth:{DEFAULT:"2px"},flex:{1:"1 1 0%",auto:"1 1 auto",initial:"0 1 auto",none:"none"},order:{first:"-9999",last:"9999",none:"0"},strokeWidth:{px:"1px",xs:"1px",sm:"2px",md:"4px",lg:"8px",xl:"16px","2xl":"32px"},borderRadius:{DEFAULT:".25rem",none:"0",xs:".125rem",sm:".25rem",md:".375rem",lg:".5rem",xl:".75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},boxShadow:{DEFAULT:"0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)",none:"0 0 transparent",xs:"0 0 0 1px rgba(0,0,0,0.05)",sm:"0 1px 2px 0 rgba(0,0,0,0.05)",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)",outline:"0 0 0 3px rgba(66,153,225,0.5)",focus:"0 0 0 3px rgba(66,153,225,0.5)"},transitionProperty:{DEFAULT:"background-color,border-color,color,fill,stroke,opacity,box-shadow,transform",colors:"background-color,border-color,color,fill,stroke",shadow:"box-shadow"},transitionTimingFunction:{DEFAULT:"cubic-bezier(0.4,0,0.2,1)",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)"},durations:{DEFAULT:"150ms"},animation:{none:"none",spin:["1s linear infinite"],ping:["1s cubic-bezier(0,0,0.2,1) infinite"],pulse:["2s cubic-bezier(0.4,0,0.6,1) infinite"],bounce:["1s infinite"]},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%)","animation-timing-function":"cubic-bezier(0.8,0,1,1)"},"50%":{transform:"none","animation-timing-function":"cubic-bezier(0,0,0.2,1)"}}}},fe=(e,n=Sn)=>{let t=h(n,{});return e=j(e)?e(n):e,e&&Object.keys(e).forEach(r=>{t[r]=h(n[r],e[r])}),Object.keys(t.screens).forEach(r=>{t.sizes[`screen-${r}`]=t.screens[r]}),t.borderColor=h(t.colors,t.borderColor),t.borderWidth=h(t.spacing,t.borderWidth),t.divideColor=h(t.borderColor,t.divideColor),t.divideWidth=h(t.borderWidth,t.divideWidth),t.placeholderColor=h(t.colors,t.placeholderColor),t.ringWidth=h(t.spacing,t.ringWidth),t.ringOffsetWidth=h(t.spacing,t.ringOffsetWidth),t},Fn=/^(br|hy|us|wr|text-si|scroll-snap-t)/,jn=/^(ap|us|tab-|border-e|margin-e|margin-s|padding-e|padding-s|border-sta)/,En=/^(ap|br|hy|us|wr|mas|colu|clip-|box-de|font-k|text-e|font-fe|shape-i|text-or|text-si|border-e|margin-e|margin-s|padding-e|padding-s|border-sta|background-cl|scroll-snap-t|text-decoration-)/,zn=/^(pos|background-cl)/,ue={},Ve=function(e){return ue[e]?ue[e]:ue[e]=1*Fn.test(e)|2*jn.test(e)|4*En.test(e)},Be=function(e,n){return zn.test(e)?n.replace(/(sticky|text)/,"-webkit-$1, $1"):n},ne=(e,n)=>{let t=`${e}:${Be(e,n)}`,r=t,a=Ve(e);return a&1&&(r+=`;-ms-${t}`),a&2&&(r+=`;-moz-${t}`),a&4&&(r+=`;-webkit-${t}`),r},_e=(e,n)=>`${e}:${n}`,In=Math.imul||((e,n)=>{n|=0;let t=(e&4194303)*n;return e&4290772992&&(t+=(e&4290772992)*n|0),t|0}),te=e=>{let n=9;for(let t=e.length;t--;)n=In(n^e.charCodeAt(t),1597334677);return"_"+((n^n>>>9)>>>0).toString(36)},V,pe,An=e=>(pe=/\(\s*min-width:\s*(\d+(?:.\d+)?)(p)?/.exec(e))?+pe[1]/(pe[2]?16:1)/10:0,xe=e=>{V=0;for(let n=e.length;n--;)~"-:,".indexOf(e[n])&&++V;return V},Me=["rst","st","d","en","nk","sited","pty","ecked","oup-h","oup-f","cus-w","ver","cus","cus-v","tive","sable"],Wn=e=>~(V=Me.indexOf(e.slice(3,8)))?V:Me.length,Hn=(e,n)=>e|(q(n)?0:1<<Wn(L(n)?":"+n:n)),On=/^(?:(border-(?:[tlbr].{2,4}-)?(?:w|c|sty)|[tlbr].{2,4}m?$|c.{7}$)|([fl].{5}l|g.{8}$|pl))/,Nn=e=>{let n=e[0]==="-"?o(e,e.indexOf("-",1)+1):e,t=On.exec(n);return xe(n)+(t?+!!t[1]||-!!t[2]:0)+1},Un=e=>e[0]==="-"?0:Nn(e),Ge=e=>Math.max(0,15-e),Kn=(e,n)=>Ge(xe(n)),Ln=e=>Ge(Object.keys(e).filter(n=>e[n]).length),Ye=(e,n)=>Object.keys(e).reduce((t,r)=>e[r]?Math.max(t,n(r,e[r])):t,0),Xe=(e,n)=>{let t=An(e[0]||"");return((t&31)<<21|(xe(i((t?o(e):e).filter(q),";"))&15)<<17|e.reduce(Hn,0)&131071)*(1<<12)+((Ln(n)&15)<<8|(Ye(n,Un)&15)<<4|Ye(n,Kn)&15)},he,Ze=(...e)=>n=>n(Z(e)),qe=(e,n)=>n?e+n:e,ye=(e,n,t,r)=>qe(String(Ie(Number(e)/Number(n)*(r||1),7)),t),g=(e,n)=>t=>{if(n&&t==="screen")return`100v${n}`;if(ze(t))return e==="rem"?ye(t,4,"rem"):qe(t,e);if(e==="rem"&&(he=/^(\d+)\/(\d+)$/.exec(t)))return ye(he[1],he[2],"%",100)},C=e=>n=>ye(n,e),m=e=>e,k=()=>"",Je=e=>(n,t,r,a)=>{if(n){let f=t&&e(t);if(f&&f.length>0)return f.reduce((p,y)=>(p[E([r,y,a])]=n,p),{})}},Vn={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"]},re=Je(e=>Vn[e]),Bn={x:"lr",y:"tb"},Qe={t:"top",r:"right",b:"bottom",l:"left"},B=e=>{let n=(Bn[e]||e||"").split("").sort().reduce((t,r)=>{if(t&&Qe[r])return t.push(Qe[r]),t},[]);if(n&&n.length>0)return n},z=Je(B),v=(e,...n)=>t=>n.reduce((r,a)=>r||a(t),e(t)),s,be=(e,n)=>Math.round(parseInt(e,16)*n),en=(e,n)=>{if(e[0]==="#"){let t=(e.length-1)/3,r=[17,1,.062272][t-1];return`rgba(${be(e.substr(1,t),r)},${be(e.substr(1+t,t),r)},${be(e.substr(1+2*t,t),r)},var(--${n}))`}return e},_=(e,n,t,r)=>t?{[`--${r(n+"-opacity")}`]:"1",[e]:(s=en(t,r(n+"-opacity")))===t?t:[t,s]}:{},I=e=>({[e[0]]:e[1]}),S=e=>({display:i(e)}),M=e=>({position:e[0]}),O=e=>({"text-transform":e[0]}),N=e=>({"text-decoration":i(e)}),nn=(e,n,t)=>{switch(e[1]){case"solid":case"dashed":case"dotted":case"double":case"none":return{"border-style":e[1]};case"collapse":case"separate":return{"border-collapse":e[1]};case"opacity":return{[`--${t(e[0]+"-opacity")}`]:n("opacity",e[2],C(100))}}return(s=n(`${e[0]}Width`,e[1],v(g("px"),k)))?{"border-width":s}:_("border-color",e[0],n(`${e[0]}Color`,i(o(e)),m),t)},tn=(e,n)=>(s={w:"width",h:"height"}[e[1]])&&{[`${e[0]}-${s}`]:n("sizes",i(o(e,2)),g("rem",e[1]))},rn=e=>(n,t)=>n[0][1]?z(t("spacing",n[1],g("rem")),n[0][1],e):{[e]:t("spacing",n[1],g("rem"))},A=rn("padding"),W=rn("margin"),on=e=>n=>{switch(n[1]){case"auto":return{[`grid-${e}`]:n[1]};case"span":return{[`grid-${e}`]:n[2]==="full"?"1 / -1":`span ${n[2]} / span ${n[2]}`};case"start":case"end":return{[`grid-${e}-${n[1]}`]:n[2]}}},Te=e=>n=>{switch(n[1]){case"start":case"end":return{[e]:`flex-${n[1]}`};case"between":case"around":return{[e]:`space-${n[1]}`}}return{[e]:n[1]}},sn={shadow:(e,n,{tag:t})=>(s=n("boxShadow",e[1],k))&&{[`--${t("shadow")}`]:s,"box-shadow":[s,`var(--${t("ring-offset-shadow")},0 0 transparent),var(--${t("ring-shadow")},0 0 transparent),var(--${t("shadow")})`]},ring(e,n,{tag:t}){switch(e[1]){case"inset":return{[`--${t("ring-inset")}`]:"inset"};case"opacity":return{[`--${t("ring-opacity")}`]:n("opacity",e[2],C(100))};case"offset":return(s=n("ringWidth",e[2],v(g("px"),k)))?{[`--${t("ring-offset-width")}`]:s}:{[`--${t("ring-offset-color")}`]:n("colors",i(o(e,2)),m)}}return(s=n("ringWidth",e[1],v(g("px"),k)))?{[`--${t("ring-offset-shadow")}`]:`var(--${t("ring-inset")},/*!*/ /*!*/) 0 0 0 var(--${t("ring-offset-width")},0px) var(--${t("ring-offset-color")},#fff)`,[`--${t("ring-shadow")}`]:`var(--${t("ring-inset")},/*!*/ /*!*/) 0 0 0 calc(${s} + var(--${t("ring-offset-width")},0px)) var(--${t("ring-color")},rgba(59,130,246,0.5))`,"box-shadow":`var(--${t("ring-offset-shadow")}),var(--${t("ring-shadow")}),var(--${t("shadow")},0 0 transparent)`}:{[`--${t("ring-opacity")}`]:"1",[`--${t("ring-color")}`]:en(n("colors",i(o(e)),m),t("ring-opacity"))}},duration:(e,n)=>({"transition-duration":n("durations",e[1],g("ms"))}),delay:(e,n)=>({"transition-delay":n("durations",e[1],g("ms"))}),origin:e=>({"transform-origin":i(o(e)," ")}),cursor:e=>({cursor:i(o(e))}),select:e=>({"user-select":e[1]}),transform:(e,n,{tag:t})=>({transform:`translateX(var(--${t("transform-translate-x")},0)) translateY(var(--${t("transform-translate-y")},0)) rotate(var(--${t("transform-rotate")},0)) skewX(var(--${t("transform-skew-x")},0)) skewY(var(--${t("transform-skew-y")},0)) scaleX(var(--${t("transform-scale-x")},1)) scaleY(var(--${t("transform-scale-y")},1))`}),rotate:(e,n,{tag:t})=>(s=n("angle",e[1],g("deg")),{[`--${t("transform-rotate")}`]:s,transform:`rotate(${s})`}),scale:(e,n,{tag:t})=>(s=n("scale",e[2]||e[1],C(100)))&&{[`--${t("transform-scale-x")}`]:e[1]!=="y"&&s,[`--${t("transform-scale-y")}`]:e[1]!=="x"&&s,transform:`scale${e[2]?e[1].toUpperCase():""}(${s})`},translate:(e,n,{tag:t})=>(s=n("spacing",e[2],g("rem")))&&{[`--${t("transform-translate-x")}`]:e[1]!=="y"&&s,[`--${t("transform-translate-y")}`]:e[1]!=="x"&&s,transform:`translate${e[1].toUpperCase()}(${s})`},skew:(e,n,{tag:t})=>(s=n("angle",e[2],g("deg")))&&{[`--${t("transform-skew-x")}`]:e[1]!=="y"&&s,[`--${t("transform-skew-y")}`]:e[1]!=="x"&&s,transform:`skew${e[1].toUpperCase()}(${s})`},"bg-gradient":(e,n,{tag:t})=>({"background-image":`linear-gradient(${e[1]==="to"&&(s=B(e[2]))?"to "+i(s," "):n("angle",i(o(e)," ")||"180",v(g("deg"),m))},var(--${t("gradient-stops")},var(--${t("gradient-from")},transparent),var(--${t("gradient-to")},transparent)))`}),from:(e,n,{tag:t})=>({[`--${t("gradient-from")}`]:n("colors",i(o(e)),m)}),via:(e,n,{tag:t})=>({[`--${t("gradient-stops")}`]:`var(--${t("gradient-from")},transparent),${n("colors",i(o(e)),m)},var(--${t("gradient-to")},transparent)`}),to:(e,n,{tag:t})=>({[`--${t("gradient-to")}`]:n("colors",i(o(e)),m)}),"pointer-events":e=>({"pointer-events":e[1]}),tracking:(e,n)=>({"letter-spacing":n("letterSpacing",e[1])}),leading:(e,n)=>({"line-height":n("lineHeight",e[1],g("rem"))}),align:e=>({"vertical-align":i(o(e))}),whitespace:e=>({"white-space":i(o(e))}),z:(e,n)=>({"z-index":n("zIndex",e[1],m)}),gap:(e,n)=>({gap:n("spacing",e[1],g("rem"))}),"stroke-current":{stroke:"currentColor"},stroke:(e,n)=>({"stroke-width":n("strokeWidth",e[1],m)}),fill:(e,n)=>({fill:n("colors",i(o(e)),m)}),outline:(e,n)=>({outline:`2px ${e[1]==="none"?"solid":"dotted"} ${n("colors",i(o(e)),m)}`,"outline-offset":"2px"}),appearance:e=>({appearance:i(o(e))}),opacity:(e,n)=>({opacity:n("opacity",e[1],C(100))}),ease:(e,n)=>({"transition-timing-function":n("transitionTimingFunction",i(o(e)),m)}),break(e){switch(e[1]){case"normal":return{"word-break":e[1],"overflow-wrap":e[1]};case"words":return{"overflow-wrap":"break-word"};case"all":return{"word-break":"break-all"}}},w:(e,n)=>({width:n("sizes",e[1],v(g("rem","w"),m))}),h:(e,n)=>({height:n("sizes",e[1],v(g("rem","h"),m))}),underline:N,"no-underline":N(["none"]),"line-through":N,"text-underline":N(["underline"]),"text-no-underline":N(["none"]),"text-line-through":N(["line","through"]),uppercase:O,lowercase:O,capitalize:O,"normal-case":O(["none"]),"text-normal-case":O(["none"]),text(e,n,{tag:t}){switch(e[1]){case"left":case"center":case"right":case"justify":return{"text-align":e[1]};case"uppercase":case"lowercase":case"capitalize":return O(o(e));case"opacity":return{[`--${t("text-opacity")}`]:n("opacity",e[2],C(100))}}let r=n("fontSize",e[1],k);return r?w(r)?{"font-size":r}:{"font-size":r[0],"line-height":w(r[1])?r[1]:r[1].lineHeight,"letter-spacing":r[1].letterSpacing}:_("color","text",n("colors",i(o(e)),m),t)},bg(e,n,{tag:t}){switch(e[1]){case"fixed":case"local":case"scroll":return{"background-attachment":e[1]};case"bottom":case"center":case"left":case"right":case"top":return{"background-position":i(o(e)," ")};case"no":return e[2]==="repeat"&&{"background-repeat":i(o(e))};case"repeat":switch(e[2]){case"x":case"y":return{"background-repeat":i(o(e))}}return{"background-repeat":e[2]||e[1]};case"auto":case"cover":case"contain":return{"background-size":e[1]};case"opacity":return{[`--${t("bg-opacity")}`]:n("opacity",e[2],C(100))}}return h(_("background-color","bg",n("colors",i(o(e)),m),t),_("color","text",n("colors",i(e[1]==="on"?o(e,2):["on"].concat(o(e))),k),t))},rounded:(e,n)=>re(n("borderRadius",e[2],g("px")),e[1],"border","radius")||{"border-radius":n("borderRadius",e[1],g("px"))},"transition-none":{"transition-property":"none"},transition:(e,n)=>({transition:i([n("transitionProperty",e[1],m),n("durations",void 0,g("ms")),n("transitionTimingFunction")]," ")}),flex(e,n){switch(e[1]){case"row":case"col":return{"flex-direction":e[1]==="col"?E(["column",e[2]]):i(o(e))};case"nowrap":case"wrap":return{"flex-wrap":i(o(e))};case"grow":case"shrink":return{[`flex-${e[1]}`]:e[2]||"1"}}return(s=n("flex",e[1],k))?{flex:s}:S(e)},grid(e){switch(e[1]){case"cols":case"rows":return{[`grid-template-${e[1]==="cols"?"columns":e[1]}`]:e[2]==="none"?e[2]:`repeat(${e[2]},minmax(0,1fr))`};case"flow":return{[`grid-auto-${e[1]}`]:e[2]==="col"?E(["column",e[3]]," "):i(o(e,2)," ")}}return S(e)},"not-sr-only":{position:"static",width:"auto",height:"auto",padding:"0",margin:"0",overflow:"visible",clip:"auto","white-space":"normal"},hidden:S(["none"]),inline:S,block:S,table(e){switch(e[1]){case"auto":case"fixed":return{"table-layout":e[1]}}return S(e)},flow:S,d:e=>S(o(e)),static:M,fixed:M,absolute:M,relative:M,sticky:M,visible:{visibility:"visible"},invisible:{visibility:"hidden"},antialiased:{"-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale"},truncate:{overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"},resize:e=>({resize:{x:"vertical",y:"horizontal"}[e[1]]||e[1]||"both"}),clearfix:["::after",{content:'""',display:"table",clear:"both"}],object(e){switch(e[1]){case"contain":case"cover":case"fill":case"none":return{"object-fit":e[1]};case"scale":return{"object-fit":i(o(e))}}return{"object-position":i(o(e)," ")}},inset(e){switch(e[1]){case"0":case"auto":return{top:e[1],right:e[1],bottom:e[1],left:e[1]};case"y":return{top:e[2],bottom:e[2]};case"x":return{left:e[2],right:e[2]}}},items(e){switch(e[1]){case"start":case"end":return{"align-items":`flex-${e[1]}`}}return{"align-items":e[1]}},content:Te("align-content"),justify:Te("justify-content"),self:Te("align-self"),order:(e,n)=>({order:n("order",e[1],m)}),col:on("column"),row:on("row"),"subpixel-antialiased":{"-webkit-font-smoothing":"auto","-moz-osx-font-smoothing":"auto"},list(e){switch(e[1]){case"inside":case"outside":return{"list-style-position":e[1]}}return{"list-style-type":e[1]}},"sr-only":{position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)","white-space":"nowrap","border-width":"0"},box:e=>({"box-sizing":`${e[1]}-box`}),float:I,clear:I,top:I,right:I,bottom:I,left:I,overflow(e){switch(e[1]){case"ellipsis":case"clip":return{"text-overflow":e[1]}}return e[2]?{[`overflow-${e[1]}`]:e[2]}:I(e)},p:A,py:A,px:A,pt:A,pr:A,pb:A,pl:A,m:W,my:W,mx:W,mt:W,mr:W,mb:W,ml:W,italic:{"font-style":"italic"},"not-italic":{"font-style":"normal"},"font-italic":{"font-style":"italic"},"font-not-italic":{"font-style":"normal"},font:(e,n)=>(s=n("fontFamily",e[1],k))?{"font-family":s}:(s=n("fontWeight",e[1],m))&&{"font-weight":s},space:(e,n)=>(s={x:"l",y:"t"}[e[1]])&&[">:not([hidden])~:not([hidden])",z(n("spacing",e[2]||"base",g("rem")),s,"margin")],border:(e,n,{tag:t})=>(e[1]?z(n("borderWidth",e[2],g("px")),e[1],"border","width"):{"border-width":n("borderWidth","DEFAULT")})||nn(e,n,t),divide:(e,n,{tag:t})=>[">:not([hidden])~:not([hidden])",(s={x:"l",y:"t"}[e[1]])?z(n("divideWidth",e[2],g("px")),s,"border","width"):nn(e,n,t)],placeholder:(e,n,{tag:t})=>["::placeholder",e[1]==="opacity"?{[`--${t("placeholder-opacity")}`]:n("opacity",e[2],C(100))}:_("color","placeholder",n("placeholderColor",i(o(e)),m),t)],min:tn,max:tn,animate:(e,n,{keyframes:t})=>{let r=n("animation",s=i(o(e)),k);return r&&{animation:w(r)?r:`${t(r[1]||s)} ${r[0]}`}}},ie=(e,n)=>console.warn(de(e,n)),an=e=>{let n=fe(),t=sn,r,a,f=[],p=ne,y=te,le=ie,K=me(),ve=me(),Y=[],De=l=>(P(l)?l:[l]).forEach(({theme:c,plugins:u,init:x,injector:$,nonce:T=a,prefix:D=p,hash:F=y,warn:wn=le}={})=>{$&&Y.length>0&&R("Changing the injector after first use is not supported"),n=fe(c,n),t=h(t,u),x&&f.push(x),r=$||r,a=T,p=D,y=F,le=wn}),bn=(l,c)=>P(c)?i(c.filter(Boolean).map(u=>p(l,u)),";"):p(l,c),Re=l=>Object.keys(l).reduce((c,u)=>l[u]?(c&&c+";")+bn(u,l[u]):c,""),Tn=l=>He(l,n),Se=l=>y?y(l):l,Fe=(l,c)=>{r||(r=Ue?Q({nonce:a}):ee());let u=Ae(Y,c);try{r.insert(l,u),Y.splice(u,0,c)}catch(x){console.warn(x)}},je=(l,c,u,x,$)=>{ve.has(c)||(!Y.length&&f.length&&f.forEach(T=>T(D=>Fe(D,0),n)),Fe(u,Xe(x,$)),ve.set(c,!0)),K.set(l,c)};return De(e),{t:l=>n[l],p:l=>t[l],a:Se,g:(l,c)=>K.get(J(l,c)),s:(l,c,u)=>K.set(J(l,c),u),i(l,c,u,x=""){let $=J(l,c),T=K.get($);if(!T){let D=c.map(Tn),F=Re(u);T=y?y(i([i(c,"\0"),x,F],"\0")):$,je($,T,Ne(T,D,F,x,Se),D,u)}return T},k(l,c){let u="\0"+l,x=K.get(u);if(!x){let $=Object.keys(c).reduce((D,F)=>`${D}${F}{${Re(c[F])}}`,"");x=y?y($):l;let T=`@keyframes ${x}{${$}}`;je(u,x,T,[T],{})}return x},c:De,w(l,c){le(c,l)}}},we,b,H=[],U=[],oe=[],ke=(e,n,t)=>{n||(n="DEFAULT");let r=b.t(e),a=r&&r[n];return!a&&j(t)&&(a=t(n)),w(a)?a&&we+a:a||R(`No theme value found for "${e}.${n}"`)},ln=(e,n)=>b.k(e,n||ke("keyframes",e)),_n=(e,n,t)=>{let r=U.length;se(),w(t)?$e(t):t(cn),G(),b.s(e,n,i(o(U,r)," "))},gn=(e,n,t)=>{if(j(t)||w(t))return!_n(e,n,t);let r;if(P(t)&&(r=t[0],t=t[1]),X(t))return U.push(b.i(e,n,t,r))},Mn=(e,n)=>{let t=e==="group"&&b.a(e)||b.g(e,n);if(t!=null)return t&&U.push(t);let r=e;we="",r[0]==="-"&&(we="-",r=o(r));let a=r.split("-"),f;for(let p=a.length;p;p--){let y=i(a.slice(0,p));if(f=b.p(y),f){a=o(a,p),a.unshift(y);break}}gn(e,n,j(f)?f(a,ke,{keyframes:ln,tag:b.a}):f)||b.w(e,`No plugin for "${e}" found`)},Pe=e=>{e.length=0},dn=e=>n=>(n&&e(n),""),se=()=>{H.push("")},G=e=>{let n;for(;n=H.pop(););e&&n!=null&&H.push(n)},mn=dn(e=>{H.push(e)}),fn=dn(e=>{let n=E(oe),t=e==="&"?n:(n&&n+"-")+e;t&&Mn(t,H.filter(Boolean))}),$e=(e,n)=>{let t,r="";for(let a=0;a<e.length;)switch(t=e[a++]){case":":r=mn(r);break;case"(":oe.push(r),r="",se();break;case")":case" ":case"	":case`
 `:case"\r":r?(r=fn(r),G(t!==")")):t===")"&&G(),t===")"&&oe.pop();break;default:r+=t}n?mn(r):fn(r)},Ce=e=>{e&&(se(),cn(e),G())},Gn=(e,n)=>{if(n){se();let t=w(n)||P(n)||X(n);$e(e,t),t&&Ce(n),G()}},un=new WeakMap,Yn=0,cn=e=>{if(w(e))$e(e);else if(P(e))e.forEach(Ce);else if(j(e)){let n=un.get(e);n||(n=`__${e.name}_${(++Yn).toString(36)}`,un.set(e,n)),gn(n,H.filter(Boolean),e(ke,{keyframes:ln,tag:b.a}))}else X(e)&&Object.keys(e).forEach(n=>{Gn(n,e[n])})},pn=(e,n)=>{if(b)return R("There is already an active context");b=n,Pe(U),Pe(H),Pe(oe);try{e.forEach(Ce)}finally{b=void 0}return i(U," ")},ae=e=>{let n=an(e);return{bw:(...t)=>pn(Z(t),n),setup:n.c}};var xn=ae(),{bw:hn}=xn,{setup:yn}=xn;return Xn;})();

No alert changes

Improved metrics

Total package byte prevSize

581392

increased by0.25%

Number of lines in readme file

1032

increased by1.18%

No dependency changes