fix: add basic group and peer helpers (#446)

Author: xPapla

src/cli/core/ClassnamesGenerator.ts

@@ -5,7 +5,8 @@ import {nonConfigurableClassNames} from '../lib/non-configurable';
 import {
   TAllClassnames, Backgrounds, Layout, Borders, Tables, Effects,
   Interactivity, TransitionsAndAnimations, Transforms, Accessibility, SVG,
-  FlexBox, Grid, Spacing, Sizing, Typography, Filters
+  FlexBox, Grid, Spacing, Sizing, Typography, Filters,
+  Grouping
 } from '../types/classes';
 import {TConfigTheme, TConfigDarkMode} from '../types/config';
 import {tailwindLabsPlugins} from '../lib/tailwindlabs-plugins';
@@ -44,6 +45,7 @@ export class ClassnamesGenerator {
       Filters: this.filters(),
       FlexBox: this.flexBox(),
       Grid: this.grid(),
+      Grouping: this.grouping(),
       Spacing: this.spacing(),
       Interactivity: this.interactivity(),
       Layout: this.layout(),
@@ -94,6 +96,13 @@ export class ClassnamesGenerator {
     };
   };
 
+  private grouping = (): Grouping => {
+    return {
+      group: ['group'],
+      peer: ['peer'],
+    };
+  };
+
   private backgrounds = (): Backgrounds => {
     return {
       ...nonConfigurableClassNames.backgrounds,

src/cli/types/classes.ts

@@ -7,6 +7,7 @@ export type Effects = Record<TEffectsCategoryItem, string[]>;
 export type Filters = Record<TFiltersCategoryItem, string[]>;
 export type FlexBox = Record<TFlexBoxCategoryItem, string[]>;
 export type Grid = Record<TGridCategoryItem, string[]>;
+export type Grouping = Record<TGroupingCategoryItem, string[]>;
 export type Interactivity = Record<TInteractivityCategoryItem, string[]>;
 export type Layout = Record<TLayoutCategoryItem, string[]>;
 export type Sizing = Record<TSizingCategoryItem, string[]>;
@@ -25,6 +26,7 @@ export type TAllClassnames = {
   Filters: Filters;
   FlexBox: FlexBox;
   Grid: Grid;
+  Grouping: Grouping;
   Interactivity: Interactivity;
   Layout: Layout;
   Sizing: Sizing;
@@ -132,6 +134,8 @@ type TGridCategoryItem =
   | 'gap'
   | 'gridAutoFlow';
 
+type TGroupingCategoryItem = 'group' | 'peer';
+
 type TInteractivityCategoryItem =
   | 'appearance'
   | 'cursor'

src/index.ts

@@ -4634,6 +4634,12 @@ export type TGrid =
   | TGridRowEnd
   | TGap;
 
+export type TGroup = 'group';
+
+export type TPeer = 'peer';
+
+export type TGrouping = TGroup | TPeer;
+
 export type TPadding =
   | 'p-0'
   | 'p-1'
@@ -8247,6 +8253,11 @@ export const gridRowStart: TUtilityFunction<TGridRowStart> = classnamesLib as an
 export const gridRowEnd: TUtilityFunction<TGridRowEnd> = classnamesLib as any;
 export const gap: TUtilityFunction<TGap> = classnamesLib as any;
 
+//////////// Grouping Utility functions
+
+export const group: TUtilityFunction<TGroup> = classnamesLib as any;
+export const peer: TUtilityFunction<TPeer> = classnamesLib as any;
+
 //////////// Spacing Utility functions
 
 export const padding: TUtilityFunction<TPadding> = classnamesLib as any;
@@ -8384,6 +8395,10 @@ export const flexBox: TUtilityFunction<TFlexBox> = classnamesLib as any;
 
 export const grid: TUtilityFunction<TGrid> = classnamesLib as any;
 
+//////////// Grouping Utility functions
+
+export const grouping: TUtilityFunction<TGrouping> = classnamesLib as any;
+
 //////////// Spacing Utility functions
 
 export const spacing: TUtilityFunction<TSpacing> = classnamesLib as any;
@@ -8502,6 +8517,8 @@ export const TW = {
   gridRowStart,
   gridRowEnd,
   gap,
+  group,
+  peer,
   padding,
   margin,
   space,
@@ -8592,6 +8609,7 @@ export const CN = {
   filters,
   flexBox,
   grid,
+  grouping,
   spacing,
   interactivity,
   layout,