[
  {
    "id": 1,
    "category": "Foundations",
    "name": "Typography",
    "target": "typography",
    "states": "page, section, body, data, metadata",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 2,
    "category": "Foundations",
    "name": "Semantic colours",
    "target": "colors",
    "states": "light, dark, success, warning, danger",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 3,
    "category": "Foundations",
    "name": "Spacing & sizing",
    "target": "layout",
    "states": "4 px scale, desktop, narrow",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 4,
    "category": "Foundations",
    "name": "Radii & surfaces",
    "target": "layout",
    "states": "controls, cards, dialogs",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 5,
    "category": "Foundations",
    "name": "Motion",
    "target": "motion",
    "states": "standard, reduced",
    "delivery": "Live example",
    "rules": "Shared restrained transitions; OS and manual reduced motion apply to calendar, fields and buttons."
  },
  {
    "id": 6,
    "category": "Foundations",
    "name": "Iconography",
    "target": "iconography",
    "states": "decorative, labelled action",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 7,
    "category": "Foundations",
    "name": "Data formatting",
    "target": "typography",
    "states": "INR grouping, unit, local date",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 8,
    "category": "Navigation",
    "name": "App shell",
    "target": "system",
    "states": "expanded, collapsed, narrow",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 9,
    "category": "Navigation",
    "name": "Sidebar search",
    "target": "system",
    "states": "query, filtered",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 10,
    "category": "Navigation",
    "name": "Breadcrumb",
    "target": "navigation",
    "states": "current location",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 11,
    "category": "Navigation",
    "name": "Component search",
    "target": "system",
    "states": "Search, filtered sidebar, Enter to open",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 12,
    "category": "Navigation",
    "name": "Tabs",
    "target": "navigation",
    "states": "selected, arrow keys, Home/End",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 13,
    "category": "Navigation",
    "name": "Notification drawer",
    "target": "overlays",
    "states": "unread, read",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 14,
    "category": "Navigation",
    "name": "Project context",
    "target": "selection",
    "states": "project, dependent store",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 15,
    "category": "Navigation",
    "name": "Pagination",
    "target": "orders-table",
    "states": "first, middle, last, disabled",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 16,
    "category": "Navigation",
    "name": "Wizard",
    "target": "navigation",
    "states": "step, invalid, back, finish",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 17,
    "category": "Navigation",
    "name": "Action menu",
    "target": "navigation",
    "states": "closed, open, keyboard, escape",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 18,
    "category": "Inputs",
    "name": "Button",
    "target": "buttons",
    "states": "primary, secondary, quiet, danger, disabled, busy",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 19,
    "category": "Inputs",
    "name": "Text input",
    "target": "fields",
    "states": "default, filled, required, invalid",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 20,
    "category": "Inputs",
    "name": "Textarea",
    "target": "fields",
    "states": "empty, filled, required",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 21,
    "category": "Inputs",
    "name": "Number",
    "target": "data-grid",
    "states": "positive, zero, invalid precision",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 22,
    "category": "Inputs",
    "name": "Currency",
    "target": "data-grid",
    "states": "rate, subtotal, invalid",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 23,
    "category": "Inputs",
    "name": "Date",
    "target": "fields",
    "states": "Custom calendar; month/year navigation; keyboard; today; clear; min/max; direct typing",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 24,
    "category": "Inputs",
    "name": "Date range",
    "target": "fields",
    "states": "valid, reverse range",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 25,
    "category": "Inputs",
    "name": "Select",
    "target": "selection",
    "states": "empty, required, chosen",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 26,
    "category": "Inputs",
    "name": "Checkbox",
    "target": "selection",
    "states": "checked, unchecked",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 27,
    "category": "Inputs",
    "name": "Radio",
    "target": "selection",
    "states": "group, selected",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 28,
    "category": "Inputs",
    "name": "Switch",
    "target": "selection",
    "states": "on, off",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 29,
    "category": "Inputs",
    "name": "Searchable combobox",
    "target": "selection",
    "states": "query, empty, arrows, selection, escape",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 30,
    "category": "Inputs",
    "name": "Multi-select",
    "target": "selection",
    "states": "search, checked, tags, remove",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 31,
    "category": "Inputs",
    "name": "Password",
    "target": "fields",
    "states": "masked, revealed",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 32,
    "category": "Inputs",
    "name": "Input addons",
    "target": "fields",
    "states": "prefix, suffix",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 33,
    "category": "Inputs",
    "name": "Read-only & disabled",
    "target": "fields",
    "states": "locked value, dependency explanation",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 34,
    "category": "Inputs",
    "name": "Range slider",
    "target": "fields",
    "states": "pointer, keyboard, output",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 35,
    "category": "Inputs",
    "name": "Tooltip",
    "target": "fields",
    "states": "hover, focus, Escape",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 36,
    "category": "Inputs",
    "name": "File selection",
    "target": "files",
    "states": "Browse/drop; local file card; size/type validation; remove; single-file restriction",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 37,
    "category": "Inputs",
    "name": "Form validation",
    "target": "fields",
    "states": "summary, invalid focus, corrected",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 38,
    "category": "Inputs",
    "name": "Inline editing",
    "target": "fields",
    "states": "view, edit, save, cancel",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 39,
    "category": "Data display",
    "name": "Table",
    "target": "orders-table",
    "states": "normal, hover, compact",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 40,
    "category": "Data display",
    "name": "Sorting",
    "target": "orders-table",
    "states": "ascending, descending",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 41,
    "category": "Data display",
    "name": "Quick filters",
    "target": "orders-table",
    "states": "all, status, count",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 42,
    "category": "Data display",
    "name": "Advanced filters",
    "target": "orders-table",
    "states": "supplier, date, reset",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 43,
    "category": "Data display",
    "name": "Column visibility",
    "target": "orders-table",
    "states": "visible, hidden",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 44,
    "category": "Data display",
    "name": "Column resizing",
    "target": "data-grid",
    "states": "drag, keyboard resize, min width",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 45,
    "category": "Data display",
    "name": "Column ordering",
    "target": "data-grid",
    "states": "move, boundary",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 46,
    "category": "Data display",
    "name": "Grouping",
    "target": "orders-table",
    "states": "none, status on page",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 47,
    "category": "Data display",
    "name": "Saved view",
    "target": "orders-table",
    "states": "save, restore",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 48,
    "category": "Data display",
    "name": "Bulk selection",
    "target": "orders-table",
    "states": "none, page, cross-page, indeterminate",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 49,
    "category": "Data display",
    "name": "CSV export",
    "target": "orders-table",
    "states": "filtered, selected, no data",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 50,
    "category": "Data display",
    "name": "Expandable row",
    "target": "data-grid",
    "states": "collapsed, related items",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 51,
    "category": "Data display",
    "name": "Badge",
    "target": "states",
    "states": "draft, approved, rejected, pending",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 52,
    "category": "Data display",
    "name": "Avatar",
    "target": "states",
    "states": "initials, context",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 53,
    "category": "Data display",
    "name": "Progress",
    "target": "construction",
    "states": "labelled determinate",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 54,
    "category": "Data display",
    "name": "Charts and KPI widgets",
    "target": "charts",
    "states": "Line/area, grouped bars, donut, progress, legend toggle, period, accessible data table",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 55,
    "category": "Data display",
    "name": "KPI widget composition",
    "target": "charts",
    "states": "Budget, actual, progress and review metrics",
    "delivery": "Live example",
    "rules": "KPI components, not a configurable application dashboard."
  },
  {
    "id": 56,
    "category": "Data display",
    "name": "Empty state",
    "target": "overlays",
    "states": "no records, next action",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 57,
    "category": "Data display",
    "name": "Timeline",
    "target": "workflow",
    "states": "done, pending",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 58,
    "category": "Data display",
    "name": "Revision comparison",
    "target": "workflow",
    "states": "before, after",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 59,
    "category": "Feedback & overlays",
    "name": "Alert",
    "target": "feedback",
    "states": "success, warning, error",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 60,
    "category": "Feedback & overlays",
    "name": "Toast",
    "target": "feedback",
    "states": "announced, persistent, dismiss",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 61,
    "category": "Feedback & overlays",
    "name": "Loading",
    "target": "buttons",
    "states": "busy, resolved",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 62,
    "category": "Feedback & overlays",
    "name": "Skeleton",
    "target": "feedback",
    "states": "loading, resolved, reduced motion",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 63,
    "category": "Feedback & overlays",
    "name": "Retry",
    "target": "construction",
    "states": "failure, retry, restored",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 64,
    "category": "Feedback & overlays",
    "name": "Modal",
    "target": "overlays",
    "states": "open, confirm, cancel, focus return",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 65,
    "category": "Feedback & overlays",
    "name": "Drawer",
    "target": "overlays",
    "states": "context, close, escape",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 66,
    "category": "Feedback & overlays",
    "name": "Popover",
    "target": "orders-table",
    "states": "open, outside click, escape",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 67,
    "category": "Feedback & overlays",
    "name": "Disclosure",
    "target": "construction",
    "states": "open, closed",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 68,
    "category": "Feedback & overlays",
    "name": "Unsaved guard",
    "target": "navigation",
    "states": "dirty, stay, discard",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 69,
    "category": "Feedback & overlays",
    "name": "Permission matrix",
    "target": "workflow",
    "states": "view, create, approve dependencies",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 70,
    "category": "Feedback & overlays",
    "name": "Access denied",
    "target": "construction",
    "states": "disabled, reason",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 71,
    "category": "Feedback & overlays",
    "name": "Offline banner",
    "target": "construction",
    "states": "preserved entry guidance",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 72,
    "category": "Construction patterns",
    "name": "BOQ hierarchy",
    "target": "construction",
    "states": "group, item, units, budget",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 73,
    "category": "Construction patterns",
    "name": "Measurement",
    "target": "construction",
    "states": "L/W/D/count, valid/invalid",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 74,
    "category": "Construction patterns",
    "name": "Material line items",
    "target": "data-grid",
    "states": "add/remove, select, quantity, rate, total",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 75,
    "category": "Construction patterns",
    "name": "Goods receipt",
    "target": "construction",
    "states": "received, rejected, accepted",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 76,
    "category": "Construction patterns",
    "name": "Retention summary",
    "target": "commercial",
    "states": "prior/current, percentage, net",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 77,
    "category": "Construction patterns",
    "name": "Stock transfer",
    "target": "construction",
    "states": "source/destination, same-store error",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 78,
    "category": "Construction patterns",
    "name": "Allocation",
    "target": "construction",
    "states": "issued, remaining",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 79,
    "category": "Construction patterns",
    "name": "Approval decision",
    "target": "workflow",
    "states": "pending, reason-required, returned, approved",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 80,
    "category": "Construction patterns",
    "name": "Attachment",
    "target": "files",
    "states": "local validation",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 81,
    "category": "Construction patterns",
    "name": "Activity comment",
    "target": "files",
    "states": "append, text-safe",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 82,
    "category": "Construction patterns",
    "name": "Import mapping",
    "target": "files",
    "states": "column map, preview, row errors",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 83,
    "category": "Construction patterns",
    "name": "Schedule / Gantt",
    "target": "planning",
    "states": "task dates, duration, bars",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 84,
    "category": "Construction patterns",
    "name": "Supplier comparison",
    "target": "commercial",
    "states": "quotes, lowest rate, selection",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 85,
    "category": "Construction patterns",
    "name": "Payment allocation",
    "target": "commercial",
    "states": "bill, amount, balance, over-allocation",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 86,
    "category": "Construction patterns",
    "name": "Equipment log",
    "target": "planning",
    "states": "hours, fuel, validated entry",
    "delivery": "Live example",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 87,
    "category": "Application specifications",
    "name": "Digital signing",
    "target": null,
    "states": "identity, consent, signature provider, audit",
    "delivery": "Specification",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 88,
    "category": "Application specifications",
    "name": "Remote asynchronous lookup",
    "target": null,
    "states": "loading, cancellation, stale results, pagination",
    "delivery": "Specification",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 89,
    "category": "Application specifications",
    "name": "Financial reconciliation",
    "target": null,
    "states": "matching, unresolved difference, authorised posting",
    "delivery": "Specification",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 90,
    "category": "Application specifications",
    "name": "Configurable approval engine",
    "target": null,
    "states": "rules, delegation, escalation, audit",
    "delivery": "Specification",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 91,
    "category": "Application specifications",
    "name": "Import execution",
    "target": null,
    "states": "server validation, duplicate resolution, atomic commit",
    "delivery": "Specification",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 92,
    "category": "Application specifications",
    "name": "Full spreadsheet grid",
    "target": null,
    "states": "range selection, paste validation, undo, formulas",
    "delivery": "Specification",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 93,
    "category": "Application specifications",
    "name": "Schedule dependencies",
    "target": null,
    "states": "critical path, dependency constraints, conflicts",
    "delivery": "Specification",
    "rules": "Use native semantics, visible focus, explicit labels and reduced-motion support. Business effects must be implemented separately."
  },
  {
    "id": 94,
    "category": "Data display",
    "name": "Products reference table",
    "target": "products-table",
    "states": "Thumbnail, stock, switches, sorting, filters, selection, empty, pagination",
    "delivery": "Live example",
    "rules": "Fictional construction data in the reference Products layout."
  },
  {
    "id": 95,
    "category": "Inputs",
    "name": "Button variants and states",
    "target": "buttons",
    "states": "Primary, secondary, soft, ghost, success, destructive, sizes, focus, pressed, disabled, loading",
    "delivery": "Live example",
    "rules": "One primary action per decision area; confirm irreversible actions."
  },
  {
    "id": 96,
    "category": "Foundations",
    "name": "Transition playground",
    "target": "motion",
    "states": "120/180/240/320 ms, replay, reduced motion",
    "delivery": "Live example",
    "rules": "Respect operating-system reduced motion."
  },
  {
    "id": 97,
    "category": "Shared ERP patterns",
    "name": "Master record form",
    "target": "masters",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 98,
    "category": "Shared ERP patterns",
    "name": "Location hierarchy",
    "target": "masters",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 99,
    "category": "Shared ERP patterns",
    "name": "Record detail summary",
    "target": "masters",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 100,
    "category": "Shared ERP patterns",
    "name": "Report filter and preview",
    "target": "reports",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 101,
    "category": "Shared ERP patterns",
    "name": "Print and report export",
    "target": "reports",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 102,
    "category": "Shared ERP patterns",
    "name": "Journal balance entry",
    "target": "finance",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 103,
    "category": "Shared ERP patterns",
    "name": "Cash and expense form",
    "target": "finance",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 104,
    "category": "Shared ERP patterns",
    "name": "Ageing table",
    "target": "finance",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 105,
    "category": "Shared ERP patterns",
    "name": "Daily progress form",
    "target": "site",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 106,
    "category": "Shared ERP patterns",
    "name": "Labour attendance table",
    "target": "site",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 107,
    "category": "Shared ERP patterns",
    "name": "Estimate variance table",
    "target": "site",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 108,
    "category": "Shared ERP patterns",
    "name": "Task status board",
    "target": "tasks",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 109,
    "category": "Shared ERP patterns",
    "name": "Calendar events",
    "target": "tasks",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 110,
    "category": "Shared ERP patterns",
    "name": "Notification preferences",
    "target": "settings",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 111,
    "category": "Shared ERP patterns",
    "name": "Communication template",
    "target": "settings",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 112,
    "category": "Shared ERP patterns",
    "name": "Integration connection states",
    "target": "settings",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 113,
    "category": "Shared ERP patterns",
    "name": "ERP feature coverage",
    "target": "coverage",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 114,
    "category": "Shared ERP patterns",
    "name": "Unified control primitives",
    "target": "fields",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 115,
    "category": "Shared ERP patterns",
    "name": "Unified table primitive",
    "target": "data-grid",
    "states": "Default, interactive specimen and applicable validation",
    "delivery": "Live example",
    "rules": "Composed from shared primitives; application integration is separate."
  },
  {
    "id": 116,
    "category": "Shared component collection",
    "name": "Searchable single-select",
    "target": "selection",
    "states": "Search, empty result, keyboard, disabled/grouped options, native validation",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 117,
    "category": "Shared component collection",
    "name": "Searchable multi-select",
    "target": "selection",
    "states": "Search, select filtered, removable tags, persistent selection",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 118,
    "category": "Shared component collection",
    "name": "Selection cards",
    "target": "selection",
    "states": "Radio choice, selected border and shared native control",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 119,
    "category": "Shared component collection",
    "name": "Segmented control",
    "target": "selection",
    "states": "Selected state and status feedback",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 120,
    "category": "Shared component collection",
    "name": "Horizontal underline tabs",
    "target": "navigation",
    "states": "Arrow/Home/End keyboard, active, disabled, badges",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 121,
    "category": "Shared component collection",
    "name": "Horizontal segmented tabs",
    "target": "navigation",
    "states": "Same tab behaviour, alternate presentation",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 122,
    "category": "Shared component collection",
    "name": "Vertical tabs",
    "target": "navigation",
    "states": "Up/down keyboard, disabled items, responsive layout",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 123,
    "category": "Shared component collection",
    "name": "Shared tooltip",
    "target": "overlays",
    "states": "Pointer/focus, delayed show, Escape dismissal, table actions",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 124,
    "category": "Shared component collection",
    "name": "Contextual detail popover",
    "target": "overlays",
    "states": "Open, light dismiss, focus return",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 125,
    "category": "Shared component collection",
    "name": "Inline confirmation popover",
    "target": "overlays",
    "states": "Keep/remove sample, focus return",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 126,
    "category": "Shared component collection",
    "name": "Quick-create modal",
    "target": "overlays",
    "states": "Native validation, shared select/date controls, focus return",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 127,
    "category": "Shared component collection",
    "name": "Undo notification",
    "target": "overlays",
    "states": "Undo, restored state, manual dismiss",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 128,
    "category": "Shared component collection",
    "name": "Numeric stepper",
    "target": "fields",
    "states": "Native min/max/step, shared field",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 129,
    "category": "Shared component collection",
    "name": "Text counter",
    "target": "fields",
    "states": "Native maximum length, live count",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 130,
    "category": "Shared component collection",
    "name": "Badge variants",
    "target": "states",
    "states": "Semantic, outline, dot, pill, icon, count",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 131,
    "category": "Shared component collection",
    "name": "Dismissible filter chips",
    "target": "states",
    "states": "Toggle, remove, restore",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 132,
    "category": "Shared component collection",
    "name": "Table icon action group",
    "target": "buttons",
    "states": "Shared outline targets, semantic delete and tooltips",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 133,
    "category": "Shared component collection",
    "name": "KPI sparkline cards",
    "target": "charts",
    "states": "Trend, progress, warning, comparison",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 134,
    "category": "Shared component collection",
    "name": "Stacked distribution",
    "target": "charts",
    "states": "Segment proportions and labels",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 135,
    "category": "Shared component collection",
    "name": "Ranked horizontal bars",
    "target": "charts",
    "states": "Ranked category values",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 136,
    "category": "Shared component collection",
    "name": "Activity heatmap",
    "target": "charts",
    "states": "Labelled cells and shared tooltips",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 137,
    "category": "Shared component collection",
    "name": "Target gauge",
    "target": "charts",
    "states": "Percentage, target status and remainder",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 138,
    "category": "Shared component collection",
    "name": "Diverging variance chart",
    "target": "charts",
    "states": "Positive/negative value labels",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 139,
    "category": "Shared component collection",
    "name": "Metric comparison",
    "target": "charts",
    "states": "Current/previous values and sparkline",
    "delivery": "Live example",
    "rules": "Uses shared tokens and primitives; local illustrative data."
  },
  {
    "id": 140,
    "category": "Coverage completion",
    "name": "Async lookup states",
    "target": "selection",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 141,
    "category": "Coverage completion",
    "name": "Cascading location selectors",
    "target": "selection",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 142,
    "category": "Coverage completion",
    "name": "Rich-text editor",
    "target": "editor",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 143,
    "category": "Coverage completion",
    "name": "Date range presets",
    "target": "reports",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 144,
    "category": "Coverage completion",
    "name": "Pinned identifier columns",
    "target": "products-table",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 145,
    "category": "Coverage completion",
    "name": "Column reordering",
    "target": "products-table",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 146,
    "category": "Coverage completion",
    "name": "Related row details",
    "target": "orders-table",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 147,
    "category": "Coverage completion",
    "name": "Atomic local bulk editor",
    "target": "orders-table",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 148,
    "category": "Coverage completion",
    "name": "Table loading and retry states",
    "target": "products-table",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 149,
    "category": "Coverage completion",
    "name": "Multiple document queue",
    "target": "files",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 150,
    "category": "Coverage completion",
    "name": "PDF and image preview",
    "target": "files",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 151,
    "category": "Coverage completion",
    "name": "Simulated transfer retry and cancel",
    "target": "files",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 152,
    "category": "Coverage completion",
    "name": "Local document version history",
    "target": "files",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 153,
    "category": "Coverage completion",
    "name": "Nested keyboard menus",
    "target": "navigation",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 154,
    "category": "Coverage completion",
    "name": "Context actions",
    "target": "navigation",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 155,
    "category": "Coverage completion",
    "name": "Approval history",
    "target": "workflow",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 156,
    "category": "Coverage completion",
    "name": "Revision field comparison",
    "target": "workflow",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 157,
    "category": "Coverage completion",
    "name": "Searchable audit trail",
    "target": "workflow",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 158,
    "category": "Coverage completion",
    "name": "Configurable report conditions",
    "target": "reports",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  },
  {
    "id": 159,
    "category": "Coverage completion",
    "name": "Requested gap audit",
    "target": "inventory",
    "states": "Interactive specimen with applicable success, failure and keyboard states",
    "delivery": "Live example",
    "rules": "Local UI demonstration; backend integration remains separate."
  }
]