[
  {
    "id": "codrops-cee983bdb48e-article-0",
    "source": "design-engineering/native-interaction-contracts.md",
    "anchor": "mechanisms-and-obligations",
    "sourceSha256": "07c5ea356070efcea644a7ef5cef988f624a55dd01dc3f9b8e9bd08130286164",
    "title": "10 / Clipping, states & responsive callouts · renderPlant",
    "principle": "The care plan is a disclosure with matching native button expansion state and content availability.",
    "application": "A native range and pointer position share a clipping value for an original SVG pot cross-section. Stable feature selection drives reusable callouts. The care button has idle, hover/focus and expanded states, while its semantic expansion state commits immediately. This binding describes the authored study and does not verify the original project.",
    "code": [
      {
        "file": "vendor/codrops-article-studies/records/codrops-cee983bdb48e/script.js",
        "symbol": "renderPlant",
        "explanation": "The named local function implements this mechanism in the downloadable standalone page; its source hash is listed in codeFiles."
      }
    ],
    "checks": [
      {
        "id": "codrops-cee983bdb48e-renderPlant-binding-0",
        "action": "Open and close the care plan with Enter and Space, including with Static view enabled.",
        "expected": "The aria-expanded value matches the plan’s visibility and feedback updates without waiting for a transition."
      }
    ],
    "runtime_verified": false
  },
  {
    "id": "codrops-cee983bdb48e-article-1",
    "source": "design-engineering/component-contract.md",
    "anchor": "contract-template",
    "sourceSha256": "79e496160e28ab26397d2c5b68075fd14c732d13002ff6c6e41c031d86cac039",
    "title": "10 / Clipping, states & responsive callouts · renderPlant",
    "principle": "The pointer reveal has a labeled native range alternative, and stable feature identity owns both callout and description.",
    "application": "A native range and pointer position share a clipping value for an original SVG pot cross-section. Stable feature selection drives reusable callouts. The care button has idle, hover/focus and expanded states, while its semantic expansion state commits immediately. This binding describes the authored study and does not verify the original project.",
    "code": [
      {
        "file": "vendor/codrops-article-studies/records/codrops-cee983bdb48e/script.js",
        "symbol": "renderPlant",
        "explanation": "The named local function implements this mechanism in the downloadable standalone page; its source hash is listed in codeFiles."
      }
    ],
    "checks": [
      {
        "id": "codrops-cee983bdb48e-renderPlant-binding-1",
        "action": "Set reveal using the keyboard, then activate each feature button.",
        "expected": "The clip width follows the chosen value and selected feature text matches the pressed button."
      }
    ],
    "runtime_verified": false
  },
  {
    "id": "codrops-cee983bdb48e-article-2",
    "source": "motion/accessible-motion.md",
    "anchor": "preference-changes-during-work",
    "sourceSha256": "db0ad692d5bb3103a3cbe13ec08dbe5cf12552aed7ecf2c93b1d7cc0b8a34b8b",
    "title": "10 / Clipping, states & responsive callouts · applyMotionPreference",
    "principle": "One effective preference owns CSS and script playback. The initial view is stationary, and manual controls retain the study values.",
    "application": "A native range and pointer position share a clipping value for an original SVG pot cross-section. Stable feature selection drives reusable callouts. The care button has idle, hover/focus and expanded states, while its semantic expansion state commits immediately. This binding describes the authored study and does not verify the original project.",
    "code": [
      {
        "file": "vendor/codrops-article-studies/records/codrops-cee983bdb48e/script.js",
        "symbol": "applyMotionPreference",
        "explanation": "The named local function implements this mechanism in the downloadable standalone page; its source hash is listed in codeFiles."
      }
    ],
    "checks": [
      {
        "id": "codrops-cee983bdb48e-applyMotionPreference",
        "action": "Enable Static view during playback, then adjust the visible native controls.",
        "expected": "Playback stops, its button is disabled while the preference applies, and the current values remain inspectable without continuous motion."
      }
    ],
    "runtime_verified": false
  }
]