@nayhoo/ui 0.14.0 → 0.14.1

package/dist/{checkbox.css-C3L6B1cb.d.mts → checkbox.css-DbB07gs9.d.mts}

@@ -4,14 +4,14 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 declare const checkboxRecipe: _vanilla_extract_recipes.RuntimeFn<{
     size: {
         "1": {
-            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})` | `var(--${string}, ${string})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "2": {
-            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})` | `var(--${string}, ${string})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

package/dist/{checkbox.css-C3L6B1cb.d.ts → checkbox.css-DbB07gs9.d.ts}

@@ -4,14 +4,14 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 declare const checkboxRecipe: _vanilla_extract_recipes.RuntimeFn<{
     size: {
         "1": {
-            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})` | `var(--${string}, ${string})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "2": {
-            width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            width: `var(--${string})` | `var(--${string}, ${string})`;
+            height: `var(--${string})` | `var(--${string}, ${string})`;
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

package/dist/components/avatar.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as AvatarVariants } from '../avatar.css-Lh26jRUS.mjs';
-import { S as StatusVariants } from '../status.css-D2Xhx8gm.mjs';
+import { A as AvatarVariants } from '../avatar.css-C22jQqLD.mjs';
+import { S as StatusVariants } from '../status.css-BB1Lk0Lb.mjs';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import react__default from 'react';
 import '@vanilla-extract/recipes';

package/dist/components/avatar.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { A as AvatarVariants } from '../avatar.css-Lh26jRUS.js';
-import { S as StatusVariants } from '../status.css-D2Xhx8gm.js';
+import { A as AvatarVariants } from '../avatar.css-C22jQqLD.js';
+import { S as StatusVariants } from '../status.css-BB1Lk0Lb.js';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import react__default from 'react';
 import '@vanilla-extract/recipes';

package/dist/components/badge.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BadgeVariants } from '../badge.css-ToNvOJof.mjs';
+import { B as BadgeVariants } from '../badge.css-saeodjWf.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 

package/dist/components/badge.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as BadgeVariants } from '../badge.css-ToNvOJof.js';
+import { B as BadgeVariants } from '../badge.css-saeodjWf.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 

package/dist/components/button.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as ButtonVariants } from '../button.css-BLr4KDtC.mjs';
+import { B as ButtonVariants } from '../button.css-BQdFVzyM.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import 'homemade-recipes';
 

package/dist/components/button.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { B as ButtonVariants } from '../button.css-BLr4KDtC.js';
+import { B as ButtonVariants } from '../button.css-BQdFVzyM.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import 'homemade-recipes';
 

package/dist/components/checkbox.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as CheckboxVariants } from '../checkbox.css-C3L6B1cb.mjs';
+import { C as CheckboxVariants } from '../checkbox.css-DbB07gs9.mjs';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import '@vanilla-extract/recipes';
 

package/dist/components/checkbox.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as CheckboxVariants } from '../checkbox.css-C3L6B1cb.js';
+import { C as CheckboxVariants } from '../checkbox.css-DbB07gs9.js';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import '@vanilla-extract/recipes';
 

package/dist/components/flex.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { F as FlexVariants } from '../flex.css-7asy3CjM.mjs';
+import { F as FlexVariants } from '../flex.css-wpH47_rr.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import 'homemade-recipes';
 

package/dist/components/flex.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { F as FlexVariants } from '../flex.css-7asy3CjM.js';
+import { F as FlexVariants } from '../flex.css-wpH47_rr.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import 'homemade-recipes';
 

package/dist/components/form.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { F as FormMessageVariants } from '../form.css-QulER1wj.mjs';
+import { F as FormMessageVariants } from '../form.css-s3B8O22Z.mjs';
 import * as FormPrimitive from '@radix-ui/react-form';
 import '@vanilla-extract/recipes';
 

package/dist/components/form.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { F as FormMessageVariants } from '../form.css-QulER1wj.js';
+import { F as FormMessageVariants } from '../form.css-s3B8O22Z.js';
 import * as FormPrimitive from '@radix-ui/react-form';
 import '@vanilla-extract/recipes';
 

package/dist/components/grid.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { G as GridVariants } from '../grid.css-nAw5xuD0.mjs';
+import { G as GridVariants } from '../grid.css-Z-qoRIGI.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import 'homemade-recipes';
 

package/dist/components/grid.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { G as GridVariants } from '../grid.css-nAw5xuD0.js';
+import { G as GridVariants } from '../grid.css-Z-qoRIGI.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import 'homemade-recipes';
 

package/dist/components/heading.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TextVariants } from '../text.css-onESqiq6.mjs';
+import { T as TextVariants } from '../text.css-DU9FwT1v.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 

package/dist/components/heading.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TextVariants } from '../text.css-onESqiq6.js';
+import { T as TextVariants } from '../text.css-DU9FwT1v.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 

package/dist/components/icon-button.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { I as IconButtonVariants } from '../icon-button.css-yt0wizml.mjs';
+import { I as IconButtonVariants } from '../icon-button.css-4pTw87C1.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 

package/dist/components/icon-button.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { I as IconButtonVariants } from '../icon-button.css-yt0wizml.js';
+import { I as IconButtonVariants } from '../icon-button.css-4pTw87C1.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 

package/dist/components/label.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TextVariants } from '../text.css-onESqiq6.mjs';
+import { T as TextVariants } from '../text.css-DU9FwT1v.mjs';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import '@vanilla-extract/recipes';
 

package/dist/components/label.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TextVariants } from '../text.css-onESqiq6.js';
+import { T as TextVariants } from '../text.css-DU9FwT1v.js';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import '@vanilla-extract/recipes';
 

package/dist/components/link.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { L as LinkVariants } from '../link.css-J250gDi8.mjs';
+import { L as LinkVariants } from '../link.css-Dt6mcRb1.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 

package/dist/components/link.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { L as LinkVariants } from '../link.css-J250gDi8.js';
+import { L as LinkVariants } from '../link.css-Dt6mcRb1.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 

package/dist/components/paragraph.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TextVariants } from '../text.css-onESqiq6.mjs';
+import { T as TextVariants } from '../text.css-DU9FwT1v.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 

package/dist/components/paragraph.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TextVariants } from '../text.css-onESqiq6.js';
+import { T as TextVariants } from '../text.css-DU9FwT1v.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 

package/dist/components/select.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { B as ButtonVariants } from '../button.css-BLr4KDtC.mjs';
+import { B as ButtonVariants } from '../button.css-BQdFVzyM.mjs';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import 'homemade-recipes';
 

package/dist/components/select.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { B as ButtonVariants } from '../button.css-BLr4KDtC.js';
+import { B as ButtonVariants } from '../button.css-BQdFVzyM.js';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import 'homemade-recipes';
 

package/dist/components/skeleton.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SkeletonVariants } from '../skeleton.css-JJ3Of78e.mjs';
+import { S as SkeletonVariants } from '../skeleton.css-D17yFXPB.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 

package/dist/components/skeleton.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SkeletonVariants } from '../skeleton.css-JJ3Of78e.js';
+import { S as SkeletonVariants } from '../skeleton.css-D17yFXPB.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 

package/dist/components/spinner.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SpinnerVariants } from '../spinner.css-DDZLGtPI.mjs';
+import { S as SpinnerVariants } from '../spinner.css-ChFZg-w0.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 

package/dist/components/spinner.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SpinnerVariants } from '../spinner.css-DDZLGtPI.js';
+import { S as SpinnerVariants } from '../spinner.css-ChFZg-w0.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 

package/dist/components/status.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as StatusVariants } from '../status.css-D2Xhx8gm.mjs';
+import { S as StatusVariants } from '../status.css-BB1Lk0Lb.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 

package/dist/components/status.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as StatusVariants } from '../status.css-D2Xhx8gm.js';
+import { S as StatusVariants } from '../status.css-BB1Lk0Lb.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 

package/dist/components/switch.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SwitchThumbVariants, a as SwitchVariants } from '../switch.css-Ku46q4IP.mjs';
+import { S as SwitchThumbVariants, a as SwitchVariants } from '../switch.css-CQUuPRD7.mjs';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import '@vanilla-extract/recipes';
 

package/dist/components/switch.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { S as SwitchThumbVariants, a as SwitchVariants } from '../switch.css-Ku46q4IP.js';
+import { S as SwitchThumbVariants, a as SwitchVariants } from '../switch.css-CQUuPRD7.js';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import '@vanilla-extract/recipes';
 

package/dist/components/text-field.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TextFieldVariants } from '../text-field.css-Da2cQDwY.mjs';
+import { T as TextFieldVariants } from '../text-field.css-Ct3ZoW7k.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 

package/dist/components/text-field.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TextFieldVariants } from '../text-field.css-Da2cQDwY.js';
+import { T as TextFieldVariants } from '../text-field.css-Ct3ZoW7k.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 

package/dist/components/text.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TextVariants } from '../text.css-onESqiq6.mjs';
+import { T as TextVariants } from '../text.css-DU9FwT1v.mjs';
 import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
 import '@vanilla-extract/recipes';
 

package/dist/components/text.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { T as TextVariants } from '../text.css-onESqiq6.js';
+import { T as TextVariants } from '../text.css-DU9FwT1v.js';
 import { C as ComponentProps } from '../component-props-BHzinuRX.js';
 import '@vanilla-extract/recipes';
 

package/dist/{flex.css-7asy3CjM.d.mts → flex.css-wpH47_rr.d.mts}

@@ -35,31 +35,31 @@ declare const flexRecipe: homemade_recipes.RuntimeFn<{
     };
     gap: {
         "1": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "2": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "3": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "4": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "5": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "6": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "7": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "8": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "9": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
     justify: {

package/dist/{flex.css-7asy3CjM.d.ts → flex.css-wpH47_rr.d.ts}

@@ -35,31 +35,31 @@ declare const flexRecipe: homemade_recipes.RuntimeFn<{
     };
     gap: {
         "1": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "2": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "3": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "4": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "5": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "6": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "7": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "8": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "9": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
     justify: {

package/dist/{form.css-QulER1wj.d.mts → form.css-s3B8O22Z.d.mts}

@@ -4,7 +4,7 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 declare const formMessageRecipe: _vanilla_extract_recipes.RuntimeFn<{
     error: {
         true: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

package/dist/{form.css-QulER1wj.d.ts → form.css-s3B8O22Z.d.ts}

@@ -4,7 +4,7 @@ import { RecipeVariants } from '@vanilla-extract/recipes';
 declare const formMessageRecipe: _vanilla_extract_recipes.RuntimeFn<{
     error: {
         true: {
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
 }>;

package/dist/{grid.css-nAw5xuD0.d.mts → grid.css-Z-qoRIGI.d.mts}

@@ -70,89 +70,89 @@ declare const gridRecipe: homemade_recipes.RuntimeFn<{
     };
     gap: {
         "1": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "2": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "3": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "4": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "5": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "6": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "7": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "8": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "9": {
-            gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            gap: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
     gapX: {
         "1": {
-            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            columnGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "2": {
-            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            columnGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "3": {
-            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            columnGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "4": {
-            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            columnGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "5": {
-            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            columnGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "6": {
-            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            columnGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "7": {
-            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            columnGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "8": {
-            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            columnGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "9": {
-            columnGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            columnGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
     gapY: {
         "1": {
-            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            rowGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "2": {
-            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            rowGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "3": {
-            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            rowGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "4": {
-            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            rowGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "5": {
-            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            rowGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "6": {
-            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            rowGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "7": {
-            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            rowGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "8": {
-            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            rowGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
         "9": {
-            rowGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            rowGap: `var(--${string})` | `var(--${string}, ${string})`;
         };
     };
     justify: {