From ce94d3f9821a256214c337c3fad3ab98381ce457 Mon Sep 17 00:00:00 2001
From: Wurielle <noahfenghom@gmail.com>
Date: Thu, 2 Jan 2025 14:14:56 +0100
Subject: [PATCH] feat: add placeItems prop

---
 packages/react/src/components/layout/box/box.shared.ts  | 1 +
 packages/react/src/components/layout/box/box.styled.tsx | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/packages/react/src/components/layout/box/box.shared.ts b/packages/react/src/components/layout/box/box.shared.ts
index 9e137f0..28c596c 100644
--- a/packages/react/src/components/layout/box/box.shared.ts
+++ b/packages/react/src/components/layout/box/box.shared.ts
@@ -52,6 +52,7 @@ export const boxPropsDefinition = defineProps(({ optional }) => ({
     cursor: optional<Properties['cursor']>(),
     pointerEvents: optional<Properties['pointerEvents']>(),
     userSelect: optional<Properties['userSelect']>(),
+    placeItems: optional<Properties['placeItems']>(),
 }))
 
 export type BoxPropsDefinition = typeof boxPropsDefinition
diff --git a/packages/react/src/components/layout/box/box.styled.tsx b/packages/react/src/components/layout/box/box.styled.tsx
index dc33437..20b5f13 100644
--- a/packages/react/src/components/layout/box/box.styled.tsx
+++ b/packages/react/src/components/layout/box/box.styled.tsx
@@ -61,6 +61,7 @@ export const StBox = styled('div')<StyledProps<BoxPropsWithDefaults>>((context)
             cursor,
             pointerEvents,
             userSelect,
+            placeItems,
         },
     } = context
     return [
@@ -71,6 +72,9 @@ export const StBox = styled('div')<StyledProps<BoxPropsWithDefaults>>((context)
         !isUndefined(display) && {
             display,
         },
+        !isUndefined(placeItems) && {
+            placeItems,
+        },
         !isUndefined(basis) && {
             flexBasis: basis === 'full' ? '100%' : getRemValue(basis),
         },