@pradip1995/layout-default 0.2.0

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@pradip1995/layout-default",
+  "version": "0.2.0",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "files": [
+    "src"
+  ],
+  "exports": {
+    ".": "./src/index.ts",
+    "./shell": "./src/shell.tsx",
+    "./store": "./src/store-layout.tsx",
+    "./cart": "./src/cart-layout.tsx",
+    "./wishlist": "./src/wishlist-layout.tsx",
+    "./manifest": "./src/manifest.ts"
+  },
+  "peerDependencies": {
+    "@pradip1995/plugin-sdk": "^0.2.0",
+    "react": ">=19"
+  },
+  "dependencies": {
+    "@pradip1995/segment-footer": "0.2.0",
+    "@pradip1995/segment-nav": "0.2.0",
+    "@pradip1995/segment-primitives": "0.2.0",
+    "@pradip1995/segment-tokens": "0.2.0",
+    "@pradip1995/segment-promo-bar": "0.2.0"
+  },
+  "devDependencies": {
+    "@pradip1995/plugin-sdk": "^0.2.0",
+    "@types/react": "^19",
+    "react": "19.0.3",
+    "typescript": "^5.7.2"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit"
+  }
+}

package/src/cart-layout.tsx

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react"
+import { StorefrontShell } from "./shell"
+
+type LayoutProps = {
+  data: Record<string, unknown>
+  children: ReactNode
+}
+
+export default function LayoutCart({ data, children }: LayoutProps) {
+  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>
+    </StorefrontShell>
+  )
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { default } from "./layout"
+export { default as manifest } from "./manifest"

package/src/layout.tsx

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react"
+import { StorefrontShell } from "./shell"
+
+type LayoutProps = {
+  data: Record<string, unknown>
+  children: ReactNode
+}
+
+export default function LayoutDefault({ data, children }: LayoutProps) {
+  return <StorefrontShell data={data}>{children}</StorefrontShell>
+}
+
+export { StorefrontShell } from "./shell"

package/src/manifest.ts

@@ -0,0 +1,10 @@
+import type { LayoutManifest } from "@pradip1995/plugin-sdk"
+
+const manifest: LayoutManifest = {
+  id: "layout-default",
+  type: "layout",
+  version: "0.1.0",
+  compatibleFramework: ["^1.0.0"],
+}
+
+export default manifest

package/src/shell.tsx

@@ -0,0 +1,59 @@
+import type { ReactNode } from "react"
+import type { HttpTypes } from "@medusajs/types"
+import Nav from "@pradip1995/segment-nav"
+import PromoBar from "@pradip1995/segment-promo-bar"
+import Footer from "@pradip1995/segment-footer"
+import type { FooterSlotData, NavSlotData, PromoBarSlotData } from "@pradip1995/plugin-sdk"
+import { colorClasses } from "@pradip1995/segment-tokens"
+
+type ShellProps = {
+  data: Record<string, unknown>
+  children: ReactNode
+  hidePromo?: boolean
+  hideFooter?: boolean
+  contained?: boolean
+  className?: string
+}
+
+export function StorefrontShell({
+  data,
+  children,
+  hidePromo = false,
+  hideFooter = false,
+  contained = false,
+  className = "",
+}: ShellProps) {
+  const nav = data.nav as NavSlotData & {
+    categories?: unknown[]
+    collections?: unknown[]
+    wishlistCount?: number
+  }
+  const promoBar = data.promoBar as PromoBarSlotData
+  const footer = data.footer as FooterSlotData
+  const cart = data.cart as HttpTypes.StoreCart | null | undefined
+
+  return (
+    <div className={`${colorClasses.pageBg} min-h-screen flex flex-col font-sans antialiased ${className}`}>
+      {!hidePromo && promoBar && <PromoBar {...promoBar} />}
+      {nav && (
+        <Nav
+          {...nav}
+          categories={nav.categories}
+          collections={nav.collections}
+          wishlistCount={nav.wishlistCount}
+          cart={cart ?? null}
+        />
+      )}
+      <div className="flex-1 w-full">
+        {contained ? (
+          <div className="mx-auto w-full px-4 sm:px-6" style={{ maxWidth: "var(--container-max)" }}>
+            {children}
+          </div>
+        ) : (
+          children
+        )}
+      </div>
+      {!hideFooter && footer && <Footer {...footer} />}
+    </div>
+  )
+}

package/src/store-layout.tsx

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react"
+import { StorefrontShell } from "./shell"
+
+type LayoutProps = {
+  data: Record<string, unknown>
+  children: ReactNode
+}
+
+/** Two-column PLP shell: filters + product grid */
+export default function LayoutStore({ data, children }: LayoutProps) {
+  return (
+    <StorefrontShell data={data}>
+      <div
+        className="mx-auto flex flex-col lg:flex-row gap-8 lg:gap-12 px-4 sm:px-6 py-8 lg:py-12"
+        style={{ maxWidth: "var(--container-max)" }}
+      >
+        {children}
+      </div>
+    </StorefrontShell>
+  )
+}

package/src/wishlist-layout.tsx

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react"
+import { StorefrontShell } from "./shell"
+
+type LayoutProps = {
+  data: Record<string, unknown>
+  children: ReactNode
+}
+
+export default function LayoutWishlist({ data, children }: LayoutProps) {
+  return (
+    <StorefrontShell data={data} contained>
+      <div className="py-8 sm:py-12 md:py-14">
+        <h1 className="section-heading mb-2">My wishlist</h1>
+        {children}
+      </div>
+    </StorefrontShell>
+  )
+}