@pradip1995/layout-default 0.2.6 → 0.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pradip1995/layout-default",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -14,6 +14,7 @@
     "./shell": "./src/shell.tsx",
     "./store": "./src/store-layout.tsx",
     "./cart": "./src/cart-layout.tsx",
+    "./store-beauty": "./src/beauty-store-layout.tsx",
     "./wishlist": "./src/wishlist-layout.tsx",
     "./manifest": "./src/manifest.ts"
   },
@@ -22,11 +23,11 @@
     "react": ">=19"
   },
   "dependencies": {
-    "@pradip1995/segment-footer": "0.2.5",
-    "@pradip1995/segment-nav": "0.2.7",
-    "@pradip1995/segment-promo-bar": "0.2.4",
+    "@pradip1995/segment-footer": "0.2.6",
+    "@pradip1995/segment-nav": "0.2.9",
+    "@pradip1995/segment-promo-bar": "0.2.5",
     "@pradip1995/segment-primitives": "0.3.0",
-    "@pradip1995/segment-tokens": "0.3.1"
+    "@pradip1995/segment-tokens": "0.3.2"
   },
   "devDependencies": {
     "@pradip1995/plugin-sdk": "^0.2.0",

package/src/beauty-store-layout.tsx

@@ -0,0 +1,30 @@
+import type { ReactNode } from "react"
+import { Children } from "react"
+import { StorefrontShell } from "./shell"
+
+type LayoutProps = {
+  data: Record<string, unknown>
+  children: ReactNode
+}
+
+/** Lumière beauty PLP shell — filters + infinite shop grid */
+export default function LayoutBeautyStore({ data, children }: LayoutProps) {
+  const segments = Children.toArray(children)
+  const [mobileFilters, sidebar, grid] = segments
+
+  return (
+    <StorefrontShell data={data}>
+      <div
+        className="store-page store-page--beauty mx-auto px-4 sm:px-6 py-6 lg:py-10"
+        style={{ maxWidth: "var(--container-max)" }}
+        data-testid="store-container"
+      >
+        <div className="store-page__layout">
+          <div className="store-page__filters-mobile">{mobileFilters}</div>
+          <div className="store-page__sidebar">{sidebar}</div>
+          <div className="store-page__main">{grid}</div>
+        </div>
+      </div>
+    </StorefrontShell>
+  )
+}

package/src/cart-layout.tsx

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react"
+import { Children } from "react"
 import { StorefrontShell } from "./shell"
 
 type LayoutProps = {
@@ -7,11 +8,22 @@ type LayoutProps = {
 }
 
 export default function LayoutCart({ data, children }: LayoutProps) {
+  const segments = Children.toArray(children)
+  const [items, summary] = segments
+
   return (
     <StorefrontShell data={data} contained>
-      <div className="py-10 lg:py-14">
-        <h1 className="section-heading mb-8">Your cart</h1>
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 lg:gap-10">{children}</div>
+      <div className="cart-page" data-testid="cart-container">
+        <header className="cart-page__header">
+          <p className="cart-page__eyebrow">Shopping bag</p>
+          <h1 className="cart-page__title">Your bag</h1>
+          <p className="cart-page__subtitle">Review your picks before checkout · Free shipping over ₹599</p>
+        </header>
+
+        <div className="cart-page__grid">
+          <div className="cart-page__items">{items}</div>
+          <div className="cart-page__summary">{summary}</div>
+        </div>
       </div>
     </StorefrontShell>
   )