feat: init props

components/flex/index.tsx

@@ -20,9 +20,14 @@ const Flex = React.forwardRef<HTMLElement, FlexProps>((props, ref) => {
     children,
     vertical = false,
     component: Component = 'div',
+    columns,
+    spacing,
+    sequential = false,
     ...othersProps
   } = props;
 
+  console.log(columns, spacing, sequential);
+
   const {
     flex: ctxFlex,
     direction: ctxDirection,

components/flex/interface.ts

@@ -14,4 +14,12 @@ export interface FlexProps<P = AnyObject> extends React.HTMLAttributes<HTMLEleme
   gap?: React.CSSProperties['gap'] | SizeType;
   children: React.ReactNode;
   component?: CustomComponent<P>;
+  columns?: number;
+  spacing?: number;
+  /**
+   * Allows using sequential order rather than adding to shortest column
+   *
+   * @default false
+   */
+  sequential?: boolean;
 }