@app-brew/brewery 1.0.0

package/src/types/src/blocks-definition/micro-contexts/product-card-v2.ts

@@ -0,0 +1,2481 @@
+import { BlockMicroContext } from '../types'
+
+/**
+ * Shared ProductCardV2 microContexts
+ * Used by product-list.def.ts, product-grid.def.ts, and other blocks that use ProductCardV2
+ */
+
+const productCardV2MicroContext: BlockMicroContext = {
+  key: 'productCardV2',
+  title: 'ProductCardV2 (Modern)',
+  description:
+    'Properties for the modern product card with dynamic layout tree structure. IMPORTANT: Layout items are keyed by their layout key (e.g., "title", "image", "price"). Style properties go in style.productV2[layoutKey], while options go in options.productCardV2[layoutKey] - NOT in style.productV2[layoutKey].',
+  properties: [
+    {
+      path: 'style.productV2.root',
+      type: 'BaseStyle',
+      description:
+        'Product card root style (width calculated from productCardWidth or fraction)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey]',
+      type: 'BaseStyle | ComponentStyle',
+      description:
+        'Styles for each layout item keyed by layout key. Replace [layoutKey] with actual key from layout (e.g., "title", "image", "price"). Examples: style.productV2.title.root, style.productV2.title.text, style.productV2.image.root, style.productV2.price.text. NOTE: This is for STYLE properties only, NOT options. Options go in options.productCardV2[layoutKey], NOT here.',
+      optional: true,
+    },
+    {
+      path: 'source[layoutKey]',
+      type: 'any',
+      description:
+        'Source data for each layout item keyed by layout key. Replace [layoutKey] with actual key from layout. Examples: source.title, source.image, source.price.',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey]',
+      type: 'any',
+      description:
+        'Options for each layout item keyed by layout key. Replace [layoutKey] with actual key from layout. Examples: options.title.numberOfLines, options.image.aspectRatio, options.price.template. CRITICAL: Options go in options.productCardV2[layoutKey], NOT in style.productV2[layoutKey]. Do NOT use style.productV2[layoutKey] for options properties.',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2.fraction',
+      type: 'number',
+      description: 'Fraction of device width for product card (default: 0.48)',
+      optional: true,
+      defaultValue: 0.48,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'image',
+    'carousel',
+    'title',
+    'price',
+    'compare-at-price',
+    'discount-label',
+    'add-to-cart',
+    'variant-selector',
+    'variant-selector-3',
+    'ratings-count',
+    'star-ratings',
+    'avg-ratings',
+    'product-vendor',
+    'product-tag',
+    'product-tag-v2',
+    'color-swatch',
+    'metafield-text',
+    'metafield-rich-text',
+    'metafield-shopify-rich-text',
+    'add-to-wishlist',
+    'delete-from-wishlist',
+    'move-to-cart',
+    'add-to-bundle',
+    'spacer',
+    'text',
+    'upsell-product-price',
+    'notify-me',
+    'overlay',
+    'product-type',
+    'available-variants',
+    'share-icon',
+    'quantity-selector',
+    'open-modal',
+    'variant-sku',
+    'scarcity-counter',
+    'min-variant-price',
+    'in-stock',
+    'goto-button-v2',
+    'truefit-widget',
+    'selling-plan-discount',
+    'selling-plan-price',
+    'selling-plan-compare-at-price',
+  ],
+}
+
+const productCardImageMicroContext: BlockMicroContext = {
+  key: 'image',
+  title: 'Product Image (image)',
+  description:
+    'Displays product featured image or variant image. Uses ScaledImage component internally.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Image container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].image',
+      type: 'BaseImageStyle',
+      description:
+        'Image style (width, height, marginLeft, marginRight, resizeMode)',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].aspectRatio',
+      type: 'number',
+      description:
+        'Image aspect ratio (width/height). If not set, calculated from image dimensions.',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].roundness',
+      type: 'number',
+      description: 'Image corner roundness (0-0.5 scale). Default: 0',
+      optional: true,
+      defaultValue: 0,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showVariantImage',
+      type: 'boolean',
+      description:
+        'Whether to show variant-specific image instead of featured image. Default: false',
+      optional: true,
+      defaultValue: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].crop',
+      type: '"top" | "center" | "bottom"',
+      description:
+        'Image crop position when aspect ratio differs from original',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].defaultDisplayImageIndex',
+      type: 'number',
+      description:
+        'Default image index to display (0-based, negative counts from end). Default: 0',
+      optional: true,
+      defaultValue: 0,
+    },
+  ],
+  relatedKeys: ['product-card', 'carousel', 'productCardV2'],
+}
+
+const productCardCarouselMicroContext: BlockMicroContext = {
+  key: 'carousel',
+  title: 'Product Image Carousel (carousel)',
+  description:
+    'Displays multiple product images in a swipeable carousel with optional indicators.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].carousel.root',
+      type: 'BaseStyle',
+      description: 'Carousel container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].carousel.width',
+      type: 'number',
+      description: 'Carousel width (defaults to productWidth)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].carousel.imageWidth',
+      type: 'number',
+      description: 'Width of carousel images',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].carousel.imageHeight',
+      type: 'number',
+      description: 'Height of carousel images',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].carousel.indicator',
+      type: 'IndicatorStyle',
+      description: 'Carousel indicator styles (dots/lines)',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].roundness',
+      type: 'number',
+      description: 'Image corner roundness. Default: 0',
+      optional: true,
+      defaultValue: 0,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].enableImagePreview',
+      type: 'boolean',
+      description: 'Whether to open image preview on tap. Default: true',
+      optional: true,
+      defaultValue: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showIndicator',
+      type: 'boolean',
+      description: 'Whether to show carousel indicators',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showVariantImage',
+      type: 'boolean',
+      description: 'Whether to show variant-specific images',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['productCard', 'productCardImage'],
+}
+
+const productCardTitleMicroContext: BlockMicroContext = {
+  key: 'title',
+  title: 'Product Title (title)',
+  description: 'Displays the product name with configurable text truncation.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Title container root style (View wrapper)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Title text style (fontSize, fontWeight, color, etc.)',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].numberOfLines',
+      type: 'number',
+      description: 'Maximum number of lines before truncation. Default: 1',
+      optional: true,
+      defaultValue: 1,
+    },
+  ],
+  relatedKeys: ['productCard'],
+}
+
+const productCardPriceMicroContext: BlockMicroContext = {
+  key: 'price',
+  title: 'Product Price (price)',
+  description: 'Displays the current product price with currency formatting.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Price container root style (View wrapper)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Price text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].highlightedText',
+      type: 'BaseTextStyle',
+      description:
+        'Highlighted price text style (used when highlightText is true and no compareAtPrice)',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].template',
+      type: 'string',
+      description: 'Price template string (e.g., "{{price}}", "${{price}}")',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].alwaysShowDecimal',
+      type: 'boolean',
+      description: 'Whether to always show decimal places',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].highlightText',
+      type: 'boolean',
+      description:
+        'Whether to use highlighted style when product is not on sale',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].numberOfLines',
+      type: 'number',
+      description: 'Maximum number of lines for price text',
+      optional: true,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'compare-at-price',
+    'discount-label',
+    'productCardV2',
+  ],
+}
+
+const productCardCompareAtPriceMicroContext: BlockMicroContext = {
+  key: 'compare-at-price',
+  title: 'Compare At Price (compare-at-price)',
+  description:
+    'Displays the original price when product is on sale. Only shows if compareAtPrice > price.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Compare at price container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Compare at price text style (typically with strikethrough)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].lineThrough',
+      type: 'BaseStyle',
+      description: 'Line-through overlay style for strikethrough effect',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].template',
+      type: 'string',
+      description: 'Price template string',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].alwaysShowDecimal',
+      type: 'boolean',
+      description: 'Whether to always show decimal places',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'price', 'discount-label', 'productCardV2'],
+}
+
+const productCardDiscountLabelMicroContext: BlockMicroContext = {
+  key: 'discount-label',
+  title: 'Discount Label (discount-label)',
+  description:
+    'Displays discount percentage or amount. Supports min thresholds.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Discount label container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Discount label text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].template',
+      type: 'string',
+      description:
+        'Discount template. Supports: {{offPercentage}}, {{offAmount}}, {{currency}}, {{symbol}}. Default: "{{offPercentage}}% off"',
+      optional: true,
+      defaultValue: '{{offPercentage}}% off',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].minDiscountPercentage',
+      type: 'number',
+      description: 'Minimum discount percentage to show label',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].minDiscountPrice',
+      type: 'number',
+      description: 'Minimum discount amount to show label',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].alwaysShowDecimal',
+      type: 'boolean',
+      description: 'Whether to always show decimal places in amount',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].enableComma',
+      type: 'boolean',
+      description: 'Whether to enable comma formatting in numbers',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].priceDecimalAccuracy',
+      type: 'number',
+      description: 'Number of decimal places for price',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'price', 'compare-at-price', 'productCardV2'],
+}
+
+const productCardMinVariantPriceMicroContext: BlockMicroContext = {
+  key: 'min-variant-price',
+  title: 'Min Variant Price (min-variant-price)',
+  description: 'Displays minimum price across all variants.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Min variant price container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Min variant price text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].template',
+      type: 'string',
+      description: 'Price template string',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].alwaysShowDecimal',
+      type: 'boolean',
+      description: 'Whether to always show decimal places',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].enableComma',
+      type: 'boolean',
+      description: 'Whether to enable comma formatting. Default: true',
+      optional: true,
+      defaultValue: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].priceDecimalAccuracy',
+      type: 'number',
+      description: 'Number of decimal places. Default: 2',
+      optional: true,
+      defaultValue: 2,
+    },
+  ],
+  relatedKeys: ['productCard', 'productCardPrice'],
+}
+
+const productCardAddToCartMicroContext: BlockMicroContext = {
+  key: 'add-to-cart',
+  title: 'Add To Cart Button (add-to-cart)',
+  description:
+    'Button for adding product to cart. Supports variant selector modal, price display, and toast notifications.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Button root container style (Pressable)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Button text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].startIcon',
+      type: '{ root: BaseStyle, icon: BaseIconStyle }',
+      description: 'Start icon container and icon styles',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].endIcon',
+      type: '{ root: BaseStyle, icon: BaseIconStyle }',
+      description: 'End icon container and icon styles',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].modes.outOfStock',
+      type: 'AddToCartStyle',
+      description: 'Styles when product is out of stock',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].modes.subscription',
+      type: 'AddToCartStyle',
+      description: 'Styles for subscription products',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].modes.preOrder',
+      type: 'AddToCartStyle',
+      description: 'Styles for pre-order products',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].priceInfo',
+      type: '{ root, price, compareAtPrice, discountLabel }',
+      description: 'Price information displayed within button',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].buttonTitle',
+      type: 'string',
+      description: 'Button text label (e.g., "Add to Cart")',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].startIconId',
+      type: 'string',
+      description: 'Icon ID for start icon',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].endIconId',
+      type: 'string',
+      description: 'Icon ID for end icon',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].link',
+      type: '{ kind, value, params, external }',
+      description: 'Navigation link after successful add to cart',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showSuccessToast',
+      type: 'boolean',
+      description: 'Whether to show success toast. Default: true',
+      optional: true,
+      defaultValue: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].toastMessage',
+      type: 'string',
+      description:
+        'Custom success toast message. Default: "Item added to cart"',
+      optional: true,
+      defaultValue: 'Item added to cart',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showPrice',
+      type: 'boolean',
+      description: 'Whether to show price within button',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showCompareAtPrice',
+      type: 'boolean',
+      description: 'Whether to show compare at price within button',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showDiscount',
+      type: 'boolean',
+      description: 'Whether to show discount label within button',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].variantSelectorModalId',
+      type: 'string',
+      description: 'Modal ID for variant selector when no variant selected',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].preOrderTag',
+      type: 'string',
+      description: 'Tag name to identify pre-order products',
+      optional: true,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'variant-selector',
+    'variant-selector-3',
+    'quantity-selector',
+    'variant-sku',
+    'notify-me',
+    'in-stock',
+    'productCardV2',
+  ],
+}
+
+const productCardAddToWishlistMicroContext: BlockMicroContext = {
+  key: 'add-to-wishlist',
+  title: 'Add To Wishlist (add-to-wishlist)',
+  description: 'Button for adding product to wishlist with icon toggle.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Button root container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Button text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].icon',
+      type: 'BaseIconStyle',
+      description: 'Icon style when not in wishlist',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].presentInWishlist',
+      type: 'BaseIconStyle',
+      description: 'Icon style when product is in wishlist',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].buttonTitle',
+      type: 'string',
+      description: 'Button text label',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].iconId',
+      type: 'string',
+      description: 'Icon ID for wishlist button',
+      optional: true,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'delete-from-wishlist',
+    'move-to-cart',
+    'productCardV2',
+  ],
+}
+
+const productCardDeleteFromWishlistMicroContext: BlockMicroContext = {
+  key: 'delete-from-wishlist',
+  title: 'Delete From Wishlist (delete-from-wishlist)',
+  description: 'Button for removing product from wishlist.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Button root container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Button text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].icon',
+      type: 'BaseIconStyle',
+      description: 'Icon style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].iconId',
+      type: 'string',
+      description: 'Icon ID for delete button',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['productCard', 'productCardAddToWishlist'],
+}
+
+const productCardMoveToCartMicroContext: BlockMicroContext = {
+  key: 'move-to-cart',
+  title: 'Move To Cart (move-to-cart)',
+  description: 'Button for moving product from wishlist to cart.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Button root container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Button text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].buttonTitle',
+      type: 'string',
+      description: 'Button text label',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].type',
+      type: 'AddToCartType',
+      description: 'Type of add to cart action',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'add-to-wishlist', 'productCardV2'],
+}
+
+const productCardAddToBundleMicroContext: BlockMicroContext = {
+  key: 'add-to-bundle',
+  title: 'Add To Bundle (add-to-bundle)',
+  description: 'Button for adding product to a bundle.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Button root container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Button text style',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'productCardV2'],
+}
+
+const productCardVariantSelectorMicroContext: BlockMicroContext = {
+  key: 'variant-selector',
+  title: 'Variant Selector (variant-selector)',
+  description: 'Displays product variant options with selectable options.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Variant selector root container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].variant.root',
+      type: 'BaseStyle',
+      description: 'Individual variant option root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].variant.selected',
+      type: 'BaseStyle',
+      description: 'Selected variant option style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].variant.unselect',
+      type: 'BaseStyle',
+      description: 'Unselected variant option style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].variant.text',
+      type: 'BaseTextStyle',
+      description: 'Variant option text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].heading.root',
+      type: 'BaseStyle',
+      description: 'Variant heading container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].heading.text',
+      type: 'BaseTextStyle',
+      description: 'Variant heading text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].optionList.root',
+      type: 'BaseStyle',
+      description: 'Options list container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].moreOptionsLabel.root',
+      type: 'BaseStyle',
+      description: 'More options label container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].moreOptionsLabel.text',
+      type: 'BaseTextStyle',
+      description: 'More options label text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].optionsToDisplay',
+      type: 'string[]',
+      description: 'Array of option names to display',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].redirectOnOptionSelect',
+      type: 'boolean',
+      description: 'Whether to navigate to product page on option select',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showOptionsCount',
+      type: 'number',
+      description: 'Maximum number of options to show before "more" label',
+      optional: true,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'variant-selector-3',
+    'color-swatch',
+    'add-to-cart',
+    'productCardV2',
+  ],
+}
+
+const productCardVariantSelector3MicroContext: BlockMicroContext = {
+  key: 'variant-selector-3',
+  title: 'Variant Selector V3 (variant-selector-3)',
+  description: 'Enhanced variant selector with advanced configuration.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Variant selector root container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].variant',
+      type: 'VariantStyle',
+      description: 'Variant option styles (root, selected, unselect, text)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].heading',
+      type: '{ root, text }',
+      description: 'Variant heading styles',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].optionList.root',
+      type: 'BaseStyle',
+      description: 'Options list container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].moreOptionsLabel',
+      type: '{ root, text }',
+      description: 'More options label styles',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].optionsToDisplay',
+      type: 'string[]',
+      description: 'Array of option names to display',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].redirectOnOptionSelect',
+      type: 'boolean',
+      description: 'Whether to navigate to product page on option select',
+      optional: true,
+    },
+    {
+      path: 'source[layoutKey]',
+      type: 'VariantSelectorConfigSource',
+      description: 'Source configuration for variant selector',
+      optional: true,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'variant-selector',
+    'add-to-cart',
+    'productCardV2',
+  ],
+}
+
+const productCardColorSwatchMicroContext: BlockMicroContext = {
+  key: 'color-swatch',
+  title: 'Color Swatch (color-swatch)',
+  description: 'Displays color variant options as swatches.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Color swatch root container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].colorSwatch.root',
+      type: 'BaseStyle',
+      description: 'Individual swatch root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].colorSwatch.selected',
+      type: 'BaseStyle',
+      description: 'Selected swatch style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].colorSwatch.unselect',
+      type: 'BaseStyle',
+      description: 'Unselected swatch style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].colorSwatch.button',
+      type: 'BaseStyle',
+      description: 'Swatch button style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].optionList.root',
+      type: 'BaseStyle',
+      description: 'Options list container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].moreOptionsLabel.root',
+      type: 'BaseStyle',
+      description: 'More options label container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].moreOptionsLabel.text',
+      type: 'BaseTextStyle',
+      description: 'More options label text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].redirectOnOptionSelect',
+      type: 'boolean',
+      description: 'Whether to navigate to product page on option select',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showOptionsCount',
+      type: 'number',
+      description: 'Maximum number of swatches to show',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].moreOptionsLabel',
+      type: 'string',
+      description: 'Label text for "more options" (e.g., "+5 more")',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'variant-selector', 'productCardV2'],
+}
+
+const productCardAvailableVariantsMicroContext: BlockMicroContext = {
+  key: 'available-variants',
+  title: 'Available Variants (available-variants)',
+  description: 'Displays count of available variant options.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Text style for variant count',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].optionToDisplay',
+      type: 'string',
+      description: 'Option name to count (e.g., "Size", "Color")',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].label',
+      type: 'string',
+      description: 'Label text after count (e.g., "sizes", "colors")',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'variant-selector', 'productCardV2'],
+}
+
+const productCardStarRatingsMicroContext: BlockMicroContext = {
+  key: 'star-ratings',
+  title: 'Star Ratings (star-ratings)',
+  description: 'Displays star rating visualization.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Star ratings root container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Rating count text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].star',
+      type: 'BaseIconStyle',
+      description: 'Star icon style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].container',
+      type: 'BaseStyle',
+      description: 'Container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].starContainer',
+      type: 'BaseStyle',
+      description: 'Star icons container style',
+      optional: true,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'ratings-count',
+    'avg-ratings',
+    'productCardV2',
+  ],
+}
+
+const productCardRatingsCountMicroContext: BlockMicroContext = {
+  key: 'ratings-count',
+  title: 'Ratings Count (ratings-count)',
+  description: 'Displays the number of product reviews.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Ratings count container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Ratings count text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].icon',
+      type: 'BaseIconStyle',
+      description: 'Optional icon style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].template',
+      type: 'string',
+      description:
+        'Template for count display. Use {{count}} placeholder. Default: "{{count}}"',
+      optional: true,
+      defaultValue: '{{count}}',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].enableNumberFormatting',
+      type: 'boolean',
+      description: 'Whether to format large numbers (e.g., 1.5K, 2M)',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showIcon',
+      type: 'boolean',
+      description: 'Whether to show icon next to count',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].iconId',
+      type: 'string',
+      description: 'Icon ID to display',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'star-ratings', 'avg-ratings', 'productCardV2'],
+}
+
+const productCardAvgRatingsMicroContext: BlockMicroContext = {
+  key: 'avg-ratings',
+  title: 'Average Ratings (avg-ratings)',
+  description:
+    'Displays average rating value with optional icon. Navigates to reviews on press.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Average ratings container root style (Pressable)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Average rating text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].icon',
+      type: 'BaseIconStyle',
+      description: 'Icon style (star icon)',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].iconId',
+      type: 'string',
+      description: 'Icon ID (default: "favorite")',
+      optional: true,
+      defaultValue: 'favorite',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showNumberOfReviewsCount',
+      type: 'boolean',
+      description: 'Whether to show review count alongside rating',
+      optional: true,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'ratings-count',
+    'star-ratings',
+    'productCardV2',
+  ],
+}
+
+const productCardProductVendorMicroContext: BlockMicroContext = {
+  key: 'product-vendor',
+  title: 'Product Vendor (product-vendor)',
+  description: 'Displays the product vendor/brand name.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Vendor container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Vendor text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].text',
+      type: 'TextProps',
+      description: 'React Native Text props (numberOfLines, etc.)',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'productCardV2'],
+}
+
+const productCardProductTagMicroContext: BlockMicroContext = {
+  key: 'product-tag',
+  title: 'Product Tag (product-tag)',
+  description: 'Displays a single product tag with optional icon.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Tag container root style (flexDirection: row)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Tag text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].icon',
+      type: 'BaseIconStyle',
+      description: 'Tag icon style (width, height, root)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].wrapper',
+      type: 'BaseStyle',
+      description: 'Tag wrapper style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].tagName',
+      type: 'string',
+      description: 'Tag name to match in product tags (case-insensitive)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].tagLabel',
+      type: 'string',
+      description: 'Display label for the tag',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].iconId',
+      type: 'string',
+      description: 'Icon ID to display before tag label',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'product-tag-v2', 'productCardV2'],
+}
+
+const productCardProductTagV2MicroContext: BlockMicroContext = {
+  key: 'product-tag-v2',
+  title: 'Product Tag V2 (product-tag-v2)',
+  description: 'Displays multiple product tags with per-tag styling support.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Tags container root style (flexDirection: column)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].default.root',
+      type: 'BaseStyle',
+      description: 'Default tag container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].default.text',
+      type: 'BaseTextStyle',
+      description: 'Default tag text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].default.icon',
+      type: 'BaseIconStyle',
+      description: 'Default tag icon style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey][tagName].root',
+      type: 'BaseStyle',
+      description: 'Per-tag override: container style (keyed by tagName)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey][tagName].text',
+      type: 'BaseTextStyle',
+      description: 'Per-tag override: text style (keyed by tagName)',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].tags',
+      type: 'Array<{ tagName, tagLabel, iconId? }>',
+      description: 'Array of tags to display',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].noOfTags',
+      type: 'number',
+      description: 'Maximum number of tags to show. Default: 1',
+      optional: true,
+      defaultValue: 1,
+    },
+  ],
+  relatedKeys: ['product-card', 'product-tag', 'productCardV2'],
+}
+
+const productCardProductTypeMicroContext: BlockMicroContext = {
+  key: 'product-type',
+  title: 'Product Type (product-type)',
+  description: 'Displays the product type.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Product type container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Product type text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].template',
+      type: 'string',
+      description:
+        'Template for product type. Use {{product_type}} placeholder. Default: "{{product_type}}"',
+      optional: true,
+      defaultValue: '{{product_type}}',
+    },
+  ],
+  relatedKeys: ['product-card', 'productCardV2'],
+}
+
+const productCardMetafieldTextMicroContext: BlockMicroContext = {
+  key: 'metafield-text',
+  title: 'Metafield Text (metafield-text)',
+  description: 'Displays product metafield as plain text.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Metafield text container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Metafield text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].metafield.namespace',
+      type: 'string',
+      description: 'Metafield namespace (required)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].metafield.key',
+      type: 'string',
+      description: 'Metafield key (required)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].metafield.label',
+      type: 'string',
+      description: 'Optional label prefix for metafield value',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].numberOfLines',
+      type: 'number',
+      description: 'Maximum number of lines before truncation',
+      optional: true,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'metafield-rich-text',
+    'metafield-shopify-rich-text',
+    'productCardV2',
+  ],
+}
+
+const productCardMetafieldRichTextMicroContext: BlockMicroContext = {
+  key: 'metafield-rich-text',
+  title: 'Metafield Rich Text (metafield-rich-text)',
+  description: 'Displays product metafield as HTML rich text.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Metafield rich text container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].richText.root',
+      type: 'BaseStyle',
+      description: 'Rich text component root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].richText.tags',
+      type: 'Record<string, BaseTextStyle>',
+      description: 'Styles for HTML tags (p, h1, h2, span, etc.)',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].metafield.namespace',
+      type: 'string',
+      description: 'Metafield namespace (required)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].metafield.key',
+      type: 'string',
+      description: 'Metafield key (required)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].numberOfLines',
+      type: 'number',
+      description: 'Maximum number of lines',
+      optional: true,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'metafield-text',
+    'metafield-shopify-rich-text',
+    'productCardV2',
+  ],
+}
+
+const productCardMetafieldShopifyRichTextMicroContext: BlockMicroContext = {
+  key: 'metafield-shopify-rich-text',
+  title: 'Metafield Shopify Rich Text (metafield-shopify-rich-text)',
+  description: 'Displays Shopify-formatted rich text metafield.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].richText.root',
+      type: 'BaseStyle',
+      description: 'Rich text component root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].richText.tags',
+      type: 'Record<string, BaseTextStyle>',
+      description: 'Styles for HTML tags',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].metafield.namespace',
+      type: 'string',
+      description: 'Metafield namespace (required)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].metafield.key',
+      type: 'string',
+      description: 'Metafield key (required)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].ignoredDomTags',
+      type: 'string[]',
+      description: 'Array of HTML tags to ignore during rendering',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].numberOfLines',
+      type: 'number',
+      description: 'Maximum number of lines',
+      optional: true,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'metafield-text',
+    'metafield-rich-text',
+    'productCardV2',
+  ],
+}
+
+const productCardTextMicroContext: BlockMicroContext = {
+  key: 'text',
+  title: 'Text Tag (text)',
+  description: 'Displays custom static text.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Text container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].tagLabel',
+      type: 'string',
+      description: 'Text content to display (required)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].nativeTextProps.numberOfLines',
+      type: 'number',
+      description: 'Maximum number of lines',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'productCardV2'],
+}
+
+const productCardSpacerMicroContext: BlockMicroContext = {
+  key: 'spacer',
+  title: 'Spacer (spacer)',
+  description: 'Creates empty space in the layout.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Spacer style (height, width, margin, padding)',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'productCardV2'],
+}
+
+const productCardNotifyMeMicroContext: BlockMicroContext = {
+  key: 'notify-me',
+  title: 'Notify Me (notify-me)',
+  description:
+    'Shows notify me option for out of stock products. Subscribes user to back-in-stock notifications.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Notify me button root style (Pressable)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Notify me text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].notifyMeIcon',
+      type: 'BaseIconStyle',
+      description: 'Notify me icon style (width, height, fill, stroke)',
+      optional: true,
+    },
+    {
+      path: 'source[layoutKey].text',
+      type: 'string',
+      description: 'Notify me button text. Default: "Notify me"',
+      optional: true,
+      defaultValue: 'Notify me',
+    },
+  ],
+  relatedKeys: ['product-card', 'add-to-cart', 'productCardV2'],
+}
+
+const productCardOverlayMicroContext: BlockMicroContext = {
+  key: 'overlay',
+  title: 'Overlay (overlay)',
+  description: 'Displays overlay for out of stock products.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Overlay container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Overlay text style',
+      optional: true,
+    },
+    {
+      path: 'source[layoutKey].text',
+      type: 'string',
+      description: 'Overlay text. Default: "Out of Stock"',
+      optional: true,
+      defaultValue: 'Out of Stock',
+    },
+  ],
+  relatedKeys: ['product-card', 'productCardV2'],
+}
+
+const productCardInStockMicroContext: BlockMicroContext = {
+  key: 'in-stock',
+  title: 'In Stock Indicator (in-stock)',
+  description:
+    'Displays stock availability indicator with configurable states.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].inStockText',
+      type: 'BaseTextStyle',
+      description: 'In stock text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].outOfStockText',
+      type: 'BaseTextStyle',
+      description: 'Out of stock text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].inStockIcon',
+      type: 'BaseIconStyle',
+      description: 'In stock icon style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].outOfStockIcon',
+      type: 'BaseIconStyle',
+      description: 'Out of stock icon style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].inStockText',
+      type: 'string',
+      description: 'In stock text. Default: "In stock"',
+      optional: true,
+      defaultValue: 'In stock',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].outOfStockText',
+      type: 'string',
+      description: 'Out of stock text. Default: "Out of stock"',
+      optional: true,
+      defaultValue: 'Out of stock',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showInStock',
+      type: 'boolean',
+      description: 'Whether to show in stock indicator. Default: true',
+      optional: true,
+      defaultValue: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showOutOfStock',
+      type: 'boolean',
+      description: 'Whether to show out of stock indicator. Default: true',
+      optional: true,
+      defaultValue: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].inStockIcon',
+      type: 'string',
+      description: 'Icon ID for in stock. Default: "check"',
+      optional: true,
+      defaultValue: 'check',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].outOfStockIcon',
+      type: 'string',
+      description: 'Icon ID for out of stock. Default: "cross"',
+      optional: true,
+      defaultValue: 'cross',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showInStockIcon',
+      type: 'boolean',
+      description: 'Whether to show in stock icon',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].showOutOfStockIcon',
+      type: 'boolean',
+      description: 'Whether to show out of stock icon',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'scarcity-counter', 'productCardV2'],
+}
+
+const productCardScarcityCounterMicroContext: BlockMicroContext = {
+  key: 'scarcity-counter',
+  title: 'Scarcity Counter (scarcity-counter)',
+  description: 'Displays limited stock countdown with animated indicator.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Scarcity counter root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Counter text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].animatedCircle.root',
+      type: 'BaseStyle',
+      description: 'Animated circle root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].animatedCircle.circle.root',
+      type: 'BaseStyle',
+      description: 'Circle element style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].animatedCircle.circle.animation.backgroundColor',
+      type: 'string',
+      description: 'Animation background color',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].animatedCircle.icon.root',
+      type: 'BaseStyle',
+      description: 'Icon container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].animatedCircle.icon.icon',
+      type: 'BaseIconStyle',
+      description: 'Icon style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].scarcityThreshold',
+      type: 'number',
+      description: 'Inventory threshold to show counter. Default: 10',
+      optional: true,
+      defaultValue: 10,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].template',
+      type: 'string',
+      description:
+        'Counter template. Use {{totalInventory}}. Default: "{{totalInventory}} left"',
+      optional: true,
+      defaultValue: '{{totalInventory}} left',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].circle.iconId',
+      type: 'string',
+      description: 'Icon ID for circle. Default: "stock"',
+      optional: true,
+      defaultValue: 'stock',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].enableVariantLevelScarcity',
+      type: 'boolean',
+      description: 'Whether to use variant-level inventory instead of total',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'in-stock', 'productCardV2'],
+}
+
+const productCardVariantSkuMicroContext: BlockMicroContext = {
+  key: 'variant-sku',
+  title: 'Variant SKU (variant-sku)',
+  description: 'Displays the selected variant SKU.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'SKU container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'SKU text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].skuLabel',
+      type: 'string',
+      description: 'SKU label template. Use {{sku}}. Default: "SKU: {{sku}}"',
+      optional: true,
+      defaultValue: 'SKU: {{sku}}',
+    },
+  ],
+  relatedKeys: ['product-card', 'productCardV2'],
+}
+
+const productCardQuantitySelectorMicroContext: BlockMicroContext = {
+  key: 'quantity-selector',
+  title: 'Quantity Selector (quantity-selector)',
+  description:
+    'Allows selecting product quantity with +/- buttons or dropdown.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Quantity selector root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].title.root',
+      type: 'BaseStyle',
+      description: 'Title container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].title.text',
+      type: 'BaseTextStyle',
+      description: 'Title text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].quantitySelector.root',
+      type: 'BaseStyle',
+      description: 'Quantity selector container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].minus',
+      type: 'ButtonStyle',
+      description: 'Minus button style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].plus',
+      type: 'ButtonStyle',
+      description: 'Plus button style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].inputField.root',
+      type: 'BaseStyle',
+      description: 'Input field container style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].inputField.text',
+      type: 'BaseTextStyle',
+      description: 'Input field text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].dropdownPicker',
+      type: 'DropdownPickerStyle',
+      description: 'Dropdown picker styles (when type is "dropdown")',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].hideQuantityButtons',
+      type: 'boolean',
+      description: 'Whether to hide +/- buttons',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].startIcon',
+      type: 'string',
+      description: 'Minus button icon ID. Default: "minus"',
+      optional: true,
+      defaultValue: 'minus',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].endIcon',
+      type: 'string',
+      description: 'Plus button icon ID. Default: "plus"',
+      optional: true,
+      defaultValue: 'plus',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].type',
+      type: '"dropdown" | "input"',
+      description: 'Quantity selector type. Default: "input"',
+      optional: true,
+      defaultValue: 'input',
+    },
+    {
+      path: 'source[layoutKey].title',
+      type: 'string',
+      description: 'Quantity selector title. Default: "Quantity"',
+      optional: true,
+      defaultValue: 'Quantity',
+    },
+  ],
+  relatedKeys: ['product-card', 'add-to-cart', 'productCardV2'],
+}
+
+const productCardShareIconMicroContext: BlockMicroContext = {
+  key: 'share-icon',
+  title: 'Share Icon (share-icon)',
+  description: 'Share button for product.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey]',
+      type: 'ButtonStyle',
+      description: 'Share button styles (root, text, startIcon, endIcon)',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].startIconId',
+      type: 'string',
+      description: 'Start icon ID',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].endIconId',
+      type: 'string',
+      description: 'End icon ID',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].disabled',
+      type: 'boolean',
+      description: 'Whether button is disabled',
+      optional: true,
+    },
+    {
+      path: 'source[layoutKey].text',
+      type: 'string',
+      description: 'Button text',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'productCardV2'],
+}
+
+const productCardOpenModalMicroContext: BlockMicroContext = {
+  key: 'open-modal',
+  title: 'Open Modal Button (open-modal)',
+  description: 'Button that opens a modal on press.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey]',
+      type: 'ButtonV2Style',
+      description: 'Button styles',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].link.value',
+      type: 'string',
+      description: 'Modal ID to open (required)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].link.kind',
+      type: 'string',
+      description: 'Link kind (typically "modal")',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].link.params',
+      type: 'Record<string, any>',
+      description: 'Additional params to pass to modal',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].buttonProps',
+      type: 'ButtonProps',
+      description: 'Additional Button component props',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'productCardV2'],
+}
+
+const productCardGotoButtonV2MicroContext: BlockMicroContext = {
+  key: 'goto-button-v2',
+  title: 'Goto Button V2 (goto-button-v2)',
+  description: 'Navigation button with configurable link.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].button',
+      type: 'ButtonV2Style',
+      description: 'Button styles',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].button.buttonText',
+      type: 'string',
+      description: 'Button text',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].button.startIcon',
+      type: 'string',
+      description: 'Start icon ID',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].button.endIcon',
+      type: 'string',
+      description: 'End icon ID',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].link',
+      type: 'Link',
+      description: 'Link configuration (kind, value, params)',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'productCardV2'],
+}
+
+const productCardSellingPlanDiscountMicroContext: BlockMicroContext = {
+  key: 'selling-plan-discount',
+  title: 'Selling Plan Discount (selling-plan-discount)',
+  description: 'Displays subscription/selling plan discount label.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Discount label container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Discount label text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].appId',
+      type: 'string',
+      description: 'Selling plan app ID (required)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].sameDiscountTemplate',
+      type: 'string',
+      description:
+        'Template when all plans have same discount. Use {{discount}}. Default: "{{discount}}% off"',
+      optional: true,
+      defaultValue: '{{discount}}% off',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].maxDisountTemplate',
+      type: 'string',
+      description:
+        'Template for max discount. Use {{maxDiscount}}. Default: "Up to {{maxDiscount}}% off"',
+      optional: true,
+      defaultValue: 'Up to {{maxDiscount}}% off',
+    },
+    {
+      path: 'options.productCardV2[layoutKey].selectDefaultSellingPlan',
+      type: 'boolean',
+      description: 'Whether to auto-select default selling plan',
+      optional: true,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'selling-plan-price',
+    'selling-plan-compare-at-price',
+    'productCardV2',
+  ],
+}
+
+const productCardSellingPlanPriceMicroContext: BlockMicroContext = {
+  key: 'selling-plan-price',
+  title: 'Selling Plan Price (selling-plan-price)',
+  description: 'Displays subscription/selling plan price.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Price container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Price text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].unit',
+      type: 'BaseTextStyle',
+      description: 'Unit text style (e.g., "/month")',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].appId',
+      type: 'string',
+      description: 'Selling plan app ID (required)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].template',
+      type: 'string',
+      description: 'Price template string',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].selectDefaultSellingPlan',
+      type: 'boolean',
+      description:
+        'Whether to auto-select default selling plan. Default: false',
+      optional: true,
+      defaultValue: false,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'selling-plan-discount',
+    'selling-plan-compare-at-price',
+    'productCardV2',
+  ],
+}
+
+const productCardSellingPlanCompareAtPriceMicroContext: BlockMicroContext = {
+  key: 'selling-plan-compare-at-price',
+  title: 'Selling Plan Compare At Price (selling-plan-compare-at-price)',
+  description: 'Displays subscription/selling plan original price.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Compare at price container root style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].text',
+      type: 'BaseTextStyle',
+      description: 'Compare at price text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].appId',
+      type: 'string',
+      description: 'Selling plan app ID (required)',
+      optional: false,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].template',
+      type: 'string',
+      description: 'Price template string',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].selectDefaultSellingPlan',
+      type: 'boolean',
+      description:
+        'Whether to auto-select default selling plan. Default: false',
+      optional: true,
+      defaultValue: false,
+    },
+  ],
+  relatedKeys: [
+    'product-card',
+    'selling-plan-price',
+    'selling-plan-discount',
+    'productCardV2',
+  ],
+}
+
+const productCardUpsellProductPriceMicroContext: BlockMicroContext = {
+  key: 'upsell-product-price',
+  title: 'Upsell Product Price (upsell-product-price)',
+  description: 'Displays upsell discounted price with compare at price.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Container root style (flexDirection: row)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].price.text',
+      type: 'BaseTextStyle',
+      description: 'Discounted price text style',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].compareAtPrice.text',
+      type: 'BaseTextStyle',
+      description: 'Compare at price text style (typically with strikethrough)',
+      optional: true,
+    },
+    {
+      path: 'style.productV2[layoutKey].highlightedText',
+      type: 'BaseTextStyle',
+      description: 'Highlighted price text style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].template',
+      type: 'string',
+      description: 'Price template string',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].highlightText',
+      type: 'boolean',
+      description: 'Whether to use highlighted style',
+      optional: true,
+    },
+  ],
+  relatedKeys: ['product-card', 'price', 'productCardV2'],
+}
+
+const productCardTruefitWidgetMicroContext: BlockMicroContext = {
+  key: 'truefit-widget',
+  title: 'Truefit Widget (truefit-widget)',
+  description: 'Displays Truefit size recommendation widget.',
+  properties: [
+    {
+      path: 'style.productV2[layoutKey].root',
+      type: 'BaseStyle',
+      description: 'Widget container root style',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].storeKey',
+      type: 'string',
+      description:
+        'Truefit store key (falls back to config.integrations.truefit.storeKey)',
+      optional: true,
+    },
+    {
+      path: 'options.productCardV2[layoutKey].locale',
+      type: 'string',
+      description:
+        'Widget locale (falls back to store locale). Default: "en_US"',
+      optional: true,
+      defaultValue: 'en_US',
+    },
+  ],
+  relatedKeys: ['product-card', 'productCardV2'],
+}
+
+const genericCardMicroContext: BlockMicroContext = {
+  key: 'generic-card',
+  title: 'GenericCard (Legacy)',
+  description:
+    'Properties for the legacy product card with fixed structure (imageBox and contentBox)',
+  properties: [
+    {
+      path: 'style.product.root',
+      type: 'BaseStyle',
+      description:
+        'Product card root style (Pressable container - width calculated from productCardWidth)',
+      optional: true,
+    },
+    {
+      path: 'style.product.imageBox',
+      type: 'BaseStyle',
+      description:
+        'Image box container style (renders items from renderOrder that are in itemsToShowInImageBox)',
+      optional: true,
+    },
+    {
+      path: 'style.product.contentBox',
+      type: 'BaseStyle',
+      description:
+        'Content box container style (renders items from renderOrder that are NOT in itemsToShowInImageBox)',
+      optional: true,
+    },
+    {
+      path: 'style.product.title',
+      type: 'BaseTextStyle',
+      description: 'Product title text style',
+      optional: true,
+    },
+    {
+      path: 'style.product.icon',
+      type: 'BaseIconStyle',
+      description: 'Product icon style',
+      optional: true,
+    },
+    {
+      path: 'style.product.ratingCount',
+      type: 'BaseTextStyle',
+      description: 'Rating count text style',
+      optional: true,
+    },
+    {
+      path: 'style.product.price',
+      type: 'BaseTextStyle',
+      description: 'Product price text style',
+      optional: true,
+    },
+    {
+      path: 'style.product.compareAtPrice',
+      type: 'BaseTextStyle',
+      description: 'Compare at price text style',
+      optional: true,
+    },
+    {
+      path: 'style.product.discountLabel',
+      type: 'BaseTextStyle',
+      description: 'Discount label text style',
+      optional: true,
+    },
+    {
+      path: 'style.product.addToCartButton.root',
+      type: 'BaseStyle',
+      description: 'Add to cart button root style',
+      optional: true,
+    },
+    {
+      path: 'style.product.addToCartButton.text',
+      type: 'BaseTextStyle',
+      description: 'Add to cart button text style',
+      optional: true,
+    },
+    {
+      path: 'style.product.variantSelector.root',
+      type: 'BaseStyle',
+      description: 'Variant selector root style',
+      optional: true,
+    },
+    {
+      path: 'style.product.variantSelector.variant.selected',
+      type: 'BaseStyle',
+      description: 'Selected variant style',
+      optional: true,
+    },
+    {
+      path: 'style.product.variantSelector.variant.unselected',
+      type: 'BaseStyle',
+      description: 'Unselected variant style',
+      optional: true,
+    },
+    {
+      path: 'options.productItemsVisibility',
+      type: 'ProductItemsVisibility',
+      description:
+        'Visibility flags for product items (priceBox, ratingsBox, image, title, etc.)',
+      optional: false,
+    },
+  ],
+  relatedKeys: ['product-card', 'items'],
+}
+
+const productHotCornersMicroContext: BlockMicroContext = {
+  key: 'product-hot-corners',
+  title: 'Hot Corner Badges',
+  description:
+    'Hot corner badges displayed on product images (bestseller, discount badges at corners)',
+  properties: [
+    {
+      path: 'options.productImage.hotCorners',
+      type: 'Record<string, HotCornerConfig>',
+      description:
+        'Hot corner badges configuration. Keys are positions: "top-left", "top-right", "bottom-left", "bottom-right"',
+      optional: true,
+    },
+    {
+      path: 'options.productImage.hotCorners[position].source',
+      type: 'enum',
+      description:
+        'Badge source: "tags" (from product tags) or "auto" (automatically calculated from price)',
+      optional: false,
+    },
+    {
+      path: 'options.productImage.hotCorners[position].type',
+      type: 'enum',
+      description: 'Badge type: "bestseller" or "discount"',
+      optional: false,
+    },
+    {
+      path: 'options.productImage.hotCorners[position].tagText',
+      type: 'string',
+      description: 'Custom tag text for badge (used when source is "tags")',
+      optional: false,
+    },
+    {
+      path: 'options.productImage.hotCorners[position].style.root',
+      type: 'BaseStyle',
+      description:
+        'Hot corner badge container style (backgroundColor, padding, borderRadius, position: "absolute", top/bottom, left/right, zIndex, etc.)',
+      optional: true,
+    },
+    {
+      path: 'options.productImage.hotCorners[position].style.text',
+      type: 'BaseTextStyle',
+      description:
+        'Hot corner badge text style (fontSize, fontWeight, color, textAlign, etc.)',
+      optional: true,
+    },
+    {
+      path: 'options.productImage.hotCorners[position].position',
+      type: 'enum',
+      description:
+        'Badge position: "top-left", "top-right", "bottom-left", "bottom-right"',
+      optional: false,
+    },
+  ],
+  relatedKeys: ['product-card', 'image', 'productCardV2'],
+}
+
+/**
+ * All ProductCardV2 microContexts as a record
+ * Use this to spread into your block's microContexts
+ */
+export const productCardV2MicroContexts: Record<string, BlockMicroContext> = {
+  productCardV2: productCardV2MicroContext,
+  image: productCardImageMicroContext,
+  carousel: productCardCarouselMicroContext,
+  title: productCardTitleMicroContext,
+  price: productCardPriceMicroContext,
+  'compare-at-price': productCardCompareAtPriceMicroContext,
+  'discount-label': productCardDiscountLabelMicroContext,
+  'min-variant-price': productCardMinVariantPriceMicroContext,
+  'add-to-cart': productCardAddToCartMicroContext,
+  'add-to-wishlist': productCardAddToWishlistMicroContext,
+  'delete-from-wishlist': productCardDeleteFromWishlistMicroContext,
+  'move-to-cart': productCardMoveToCartMicroContext,
+  'add-to-bundle': productCardAddToBundleMicroContext,
+  'variant-selector': productCardVariantSelectorMicroContext,
+  'variant-selector-3': productCardVariantSelector3MicroContext,
+  'color-swatch': productCardColorSwatchMicroContext,
+  'available-variants': productCardAvailableVariantsMicroContext,
+  'star-ratings': productCardStarRatingsMicroContext,
+  'ratings-count': productCardRatingsCountMicroContext,
+  'avg-ratings': productCardAvgRatingsMicroContext,
+  'product-vendor': productCardProductVendorMicroContext,
+  'product-tag': productCardProductTagMicroContext,
+  'product-tag-v2': productCardProductTagV2MicroContext,
+  'product-type': productCardProductTypeMicroContext,
+  'metafield-text': productCardMetafieldTextMicroContext,
+  'metafield-rich-text': productCardMetafieldRichTextMicroContext,
+  'metafield-shopify-rich-text':
+    productCardMetafieldShopifyRichTextMicroContext,
+  text: productCardTextMicroContext,
+  spacer: productCardSpacerMicroContext,
+  'notify-me': productCardNotifyMeMicroContext,
+  overlay: productCardOverlayMicroContext,
+  'in-stock': productCardInStockMicroContext,
+  'scarcity-counter': productCardScarcityCounterMicroContext,
+  'variant-sku': productCardVariantSkuMicroContext,
+  'quantity-selector': productCardQuantitySelectorMicroContext,
+  'share-icon': productCardShareIconMicroContext,
+  'open-modal': productCardOpenModalMicroContext,
+  'goto-button-v2': productCardGotoButtonV2MicroContext,
+  'selling-plan-discount': productCardSellingPlanDiscountMicroContext,
+  'selling-plan-price': productCardSellingPlanPriceMicroContext,
+  'selling-plan-compare-at-price':
+    productCardSellingPlanCompareAtPriceMicroContext,
+  'upsell-product-price': productCardUpsellProductPriceMicroContext,
+  'truefit-widget': productCardTruefitWidgetMicroContext,
+  'generic-card': genericCardMicroContext,
+  'product-hot-corners': productHotCornersMicroContext,
+}
+
+/**
+ * Keys for all ProductCardV2 microContexts
+ * Use this to spread into your block's microContextKeys
+ */
+export const productCardV2MicroContextKeys = [
+  'productCardV2',
+  'image',
+  'carousel',
+  'title',
+  'price',
+  'compare-at-price',
+  'discount-label',
+  'min-variant-price',
+  'add-to-cart',
+  'add-to-wishlist',
+  'delete-from-wishlist',
+  'move-to-cart',
+  'add-to-bundle',
+  'variant-selector',
+  'variant-selector-3',
+  'color-swatch',
+  'available-variants',
+  'star-ratings',
+  'ratings-count',
+  'avg-ratings',
+  'product-vendor',
+  'product-tag',
+  'product-tag-v2',
+  'product-type',
+  'metafield-text',
+  'metafield-rich-text',
+  'metafield-shopify-rich-text',
+  'text',
+  'spacer',
+  'notify-me',
+  'overlay',
+  'in-stock',
+  'scarcity-counter',
+  'variant-sku',
+  'quantity-selector',
+  'share-icon',
+  'open-modal',
+  'goto-button-v2',
+  'selling-plan-discount',
+  'selling-plan-price',
+  'selling-plan-compare-at-price',
+  'upsell-product-price',
+  'truefit-widget',
+  'generic-card',
+  'product-hot-corners',
+] as const