From ea9eb75a30ae5843ece2b10dece43b305aca1b34 Mon Sep 17 00:00:00 2001
From: Andres Martin <andres.fernando.martin.martin@gmail.com>
Date: Fri, 31 Oct 2025 18:43:45 +0100
Subject: [PATCH] feat: add gap styles to flexbox module

---
 package.json           | 2 +-
 src/modules/flexbox.ts | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 20126bf..6854649 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@utilitycss/utility",
-  "version": "1.2.11",
+  "version": "1.2.12",
   "description": "Generator for Utility CSS frameworks",
   "author": "Andrea Moretti (@axyz) <axyzxp@gmail.com>",
   "repository": "utilitycss/utility",
diff --git a/src/modules/flexbox.ts b/src/modules/flexbox.ts
index 149b804..06b4323 100644
--- a/src/modules/flexbox.ts
+++ b/src/modules/flexbox.ts
@@ -11,6 +11,9 @@ export type FlexBoxModuleType = Module<ConfigVariables>;
 export interface ConfigVariables {
   flexBasisValues?: GenericObject | string[];
   orderValues?: GenericObject | string[];
+  gapValues?: GenericObject | string[];
+  rowGapValues?: GenericObject | string[];
+  columnGapValues?: GenericObject | string[];
 }
 
 const defaultNames = {
@@ -54,6 +57,9 @@ const defaultNames = {
   "ac:sb": "acsb",
   "ac:se": "acse",
   ord: "ord",
+  gap: "gap",
+  rgap: "rgap",
+  cgap: "cgap",
 };
 
 const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
@@ -133,6 +139,9 @@ const getRules: GetRules<ConfigVariables> = (names, cfg) => ({
     value: "space-evenly",
   },
   ord: { name: names["ord"], key: "order", value: cfg.orderValues },
+  gap: { name: names["gap"], key: "gap", value: cfg.gapValues },
+  rgap: { name: names["rgap"], key: "row-gap", value: cfg.rowGapValues },
+  cgap: { name: names["cgap"], key: "column-gap", value: cfg.columnGapValues },
 });
 
 const meta: Meta = {