docs: added custom item price guide (#11240)

* added examples sidebar

* added guide

* fixes

* add meta image

* update intro

www/packages/docs-ui/src/components/WorkflowDiagram/Common/Node/index.tsx

@@ -86,7 +86,7 @@ export const WorkflowDiagramStepNode = ({ step }: WorkflowDiagramNodeProps) => {
       >
         <div
           className={clsx(
-            "shadow-borders-base flex w-min bg-medusa-bg-base",
+            "shadow-borders-base flex w-fit bg-medusa-bg-base",
             "items-center rounded-docs_sm py-docs_0.125 px-docs_0.5",
             (step.type === "hook" || step.when) && "gap-x-docs_0.125"
           )}

www/packages/tags/src/tags/cart.ts

@@ -1,4 +1,8 @@
 export const cart = [
+  {
+    "title": "Implement Custom Line Item Pricing in Medusa",
+    "path": "/examples/guides/custom-item-price"
+  },
   {
     "title": "Create Cart Context in Storefront",
     "path": "/storefront-development/cart/context"

www/packages/tags/src/tags/index.ts

@@ -1,37 +1,37 @@
 export * from "./inventory.js"
 export * from "./pricing.js"
-export * from "./concept.js"
+export * from "./server.js"
 export * from "./query.js"
-export * from "./sales-channel.js"
 export * from "./tax.js"
+export * from "./sales-channel.js"
+export * from "./stock-location.js"
 export * from "./storefront.js"
 export * from "./payment.js"
 export * from "./order.js"
-export * from "./cart.js"
-export * from "./product.js"
-export * from "./server.js"
-export * from "./stock-location.js"
-export * from "./product-collection.js"
 export * from "./fulfillment.js"
-export * from "./auth.js"
-export * from "./api-key.js"
 export * from "./stripe.js"
-export * from "./region.js"
+export * from "./product.js"
+export * from "./concept.js"
+export * from "./product-collection.js"
 export * from "./product-category.js"
+export * from "./publishable-api-key.js"
+export * from "./cart.js"
+export * from "./region.js"
+export * from "./api-key.js"
 export * from "./customer.js"
 export * from "./remote-query.js"
-export * from "./step.js"
 export * from "./link.js"
+export * from "./step.js"
 export * from "./store.js"
-export * from "./publishable-api-key.js"
-export * from "./event-bus.js"
-export * from "./logger.js"
 export * from "./promotion.js"
-export * from "./user.js"
-export * from "./notification.js"
+export * from "./workflow.js"
+export * from "./auth.js"
+export * from "./event-bus.js"
 export * from "./js-sdk.js"
+export * from "./notification.js"
+export * from "./user.js"
+export * from "./locking.js"
 export * from "./currency.js"
 export * from "./file.js"
-export * from "./locking.js"
 export * from "./admin.js"
-export * from "./workflow.js"
+export * from "./logger.js"

www/packages/tags/src/tags/pricing.ts

@@ -7,6 +7,10 @@ export const pricing = [
     "title": "Get Variant Price with Taxes",
     "path": "/commerce-modules/product/guides/price-with-taxes"
   },
+  {
+    "title": "Implement Custom Line Item Pricing in Medusa",
+    "path": "/examples/guides/custom-item-price"
+  },
   {
     "title": "Example: Show Sale Price",
     "path": "/storefront-development/products/price/examples/sale-price"

www/packages/tags/src/tags/server.ts

@@ -6,5 +6,9 @@ export const server = [
   {
     "title": "Get Variant Price with Taxes",
     "path": "/commerce-modules/product/guides/price-with-taxes"
+  },
+  {
+    "title": "Implement Custom Line Item Pricing in Medusa",
+    "path": "/examples/guides/custom-item-price"
   }
 ]