ionbase-ui 0.81.1 → 0.86.0

package/dist/meta/Menu.json

@@ -2,65 +2,108 @@
   "name": "Menu",
   "source": "src/components/Menu.tsx",
   "propsType": "MenuProps",
-  "description": "Menu is the list surface, not a popover.\n\nFigma models the list alone — there is no trigger, anchor or open state in\nthe design — so this renders the surface and nothing else. Positioning it\nagainst a button is the caller's job until Figma has a component that says\nhow. Building a popover here would be inventing design, and it would be the\nhard half to unpick later.\n\n`role=\"menu\"` is deliberately NOT set. A real ARIA menu owes the user\nroving-tabindex arrow navigation, typeahead and focus containment; claiming\nthe role without them is worse for a screen-reader user than an honest list,\nbecause it promises interactions that are not there. When the popover exists,\nthe role comes with it.",
+  "description": "Menu — Figma `Menu` (82:306), `Menu Item` and `Menu Section Title`.\n\nA real ARIA menu: `role=\"menu\"`, one tab stop, arrow keys, Home and End,\ntypeahead, and disabled rows listed but skipped. Figma's `Type` is\n`selectionMode` — Single draws one check, Multi draws several — and with\na selection mode the rows become `menuitemradio` / `menuitemcheckbox` and\nannounce their checked state.\n\nOn its own it is the surface only, rendered in flow. Inside a MenuTrigger it\nfloats, opens and closes, is named by its trigger, and can open submenus.",
   "import": "import { Menu } from 'ionbase-ui';",
   "status": "stable",
-  "summary": "The list surface only — no trigger, no anchor, no open state. Positioning it is the caller's job.",
+  "summary": "An ARIA menu: one tab stop, arrow keys, typeahead, and optional single or multiple selection. Children are MenuItem and MenuSection. Inside a MenuTrigger it floats, opens and closes, and can open submenus; on its own it renders in flow.",
   "useWhen": [
-    "rendering a list of actions or options as a surface you have already positioned",
-    "the rows need icons, a selected check, or two lines — more than a native <select> can hold"
+    "a list of actions or choices for the thing the user is on — row actions, a workspace switcher, a sort order",
+    "the rows need icons, a selected check, or grouping under headings — more than a native <select> can hold"
   ],
   "useInstead": [
     {
-      "when": "you want a self-contained dropdown with a trigger and open state",
-      "use": "Popover",
-      "why": "Menu is the surface alone; Popover owns the trigger, positioning, focus containment and Escape"
+      "when": "a button opens it",
+      "use": "MenuTrigger",
+      "why": "it gives the trigger aria-haspopup and aria-expanded, opens on ArrowDown, and closes on an action and returns focus — a Popover round a Menu does none of that"
     },
     {
-      "when": "one value is picked from a modest list of plain text options",
+      "when": "one value is picked for a form field from a modest list of plain text options",
       "use": "Select",
-      "why": "the native picker brings keyboard handling, type-ahead and the mobile platform picker for free"
+      "why": "a form value is a listbox, not a menu; the native picker brings type-ahead and the mobile platform picker for free"
     },
     {
-      "when": "it is primary navigation rather than a dropdown",
-      "use": "NavItem"
+      "when": "the user types to narrow a long list down to one value",
+      "use": "Combobox"
+    },
+    {
+      "when": "it is primary navigation rather than a list of actions",
+      "use": "NavItem",
+      "why": "a menu's rows are actions; links to pages belong in the document's navigation, where a screen reader's landmarks find them"
+    },
+    {
+      "when": "any action or page should be reachable by searching",
+      "use": "CommandPalette"
     }
   ],
   "composition": {
     "order": [
       "Menu",
+      "MenuSection",
       "MenuItem"
     ],
-    "example": "<Menu><MenuItem icon={<Icon as={Copy} />}>Duplicate</MenuItem><MenuItem isSelected>Archive</MenuItem></Menu>"
+    "note": "MenuItem and MenuSection are collection elements: Menu reads them from its DIRECT children to build the collection, and neither renders anything itself. Every MenuItem needs a `key`, and `onAction`, `selectedKeys` and `disabledKeys` all speak in those keys. To open it from a button, put the Button and the Menu inside a MenuTrigger.",
+    "example": "<Menu aria-label=\"Row actions\" onAction={(key) => run(key)}><MenuSection title=\"Edit\"><MenuItem key=\"rename\" icon={<Icon as={Pencil} />}>Rename</MenuItem><MenuItem key=\"duplicate\">Duplicate</MenuItem></MenuSection><MenuSection aria-label=\"Danger\"><MenuItem key=\"archive\" isDisabled>Archive</MenuItem></MenuSection></Menu>"
+  },
+  "variants": {
+    "selectionMode": {
+      "none": {
+        "use": "the default — a list of actions. Rows are `menuitem`, and there is no check slot"
+      },
+      "single": {
+        "use": "Figma's Type=Single — one current choice, such as a sort order or the active workspace. Rows are `menuitemradio`"
+      },
+      "multiple": {
+        "use": "Figma's Type=Multi — independent toggles, such as visible columns. Rows are `menuitemcheckbox`"
+      }
+    }
   },
   "slots": {
     "children": {
-      "accepts": "MenuItem"
+      "accepts": [
+        "MenuItem",
+        "MenuSection"
+      ]
     }
   },
   "a11y": {
-    "role": "none — it is a plain <ul>",
+    "role": "menu",
     "guarantees": [
-      "no `role=\"menu\"`, deliberately: a real ARIA menu owes the user roving tabindex, arrow-key navigation and typeahead, and claiming the role without them promises interactions that are not there"
+      "one tab stop; arrow keys move between rows, Home and End jump, and typing a letter moves to the next row starting with it",
+      "disabled rows are listed and announced as unavailable, and the arrow keys skip them",
+      "with a selection mode, rows are `menuitemradio` or `menuitemcheckbox` and announce `aria-checked` — the check glyph is never the only signal",
+      "the pointer and the keyboard share one highlighted row: hovering a row focuses it"
+    ],
+    "requires": [
+      "an accessible name — `aria-label` or `aria-labelledby` naming what the actions are for"
     ],
     "notes": [
-      "Each MenuItem is a real <button>, so Tab reaches every row. That is honest, and it is not the same as arrow-key menu navigation.",
-      "The role arrives when the popover that owns it does."
+      "A menu is not a form control. It has no `name` and submits nothing; `selectedKeys` is state you hold.",
+      "Titled sections are named groups. An untitled section needs `aria-label`, and is set off by a rule.",
+      "Submenus need a MenuTrigger. In a standalone Menu a row with MenuItem children renders as a plain row: there is no root to open a submenu from."
     ]
   },
   "antiPatterns": [
     {
-      "dont": "adding `role=\"menu\"` yourself",
-      "why": "the keyboard behaviour that role promises is not implemented; an honest list is better for a screen-reader user than a lying menu"
+      "dont": "wrapping MenuItems in a <div>, a fragment or your own component inside Menu",
+      "why": "Menu reads its collection from its direct children; a wrapped row is invisible to it and renders nothing"
     },
     {
-      "dont": "using Menu as a dropdown without positioning it",
-      "why": "it renders in flow — it has no anchor logic of its own"
+      "dont": "an `onClick` on MenuItem",
+      "why": "MenuItem renders nothing, so there is no element to click. Pass `onAction` to Menu; it receives the item's key, from the pointer, Enter and Space alike"
+    },
+    {
+      "dont": "using Menu for a form field's value",
+      "why": "a screen reader announces a menu as actions, and a form cannot read it. Use Select or Combobox"
+    },
+    {
+      "dont": "putting links to other pages in a Menu",
+      "why": "they vanish from the page's link list and landmarks. Navigation belongs in NavItem or Sidebar"
     }
   ],
   "stylesheet": "src/styles/menu.css",
   "tokens": [
     "--border-focus",
+    "--border-strong",
     "--border-subtle",
     "--border-width-default",
     "--border-width-thick",
@@ -72,10 +115,13 @@
     "--icon-size-sm",
     "--ion-duration-base",
     "--ion-ease-out",
+    "--ion-menu-min-width",
+    "--ion-shadow-shadow-lg",
     "--radius-sm",
     "--radius-xl",
     "--spacing-12",
     "--spacing-2",
+    "--spacing-4",
     "--spacing-40",
     "--spacing-6",
     "--spacing-8",
@@ -85,20 +131,148 @@
     "--text-disabled",
     "--text-primary",
     "--text-secondary",
+    "--text-tertiary",
     "--type-body",
-    "--type-body-line-height"
+    "--type-body-line-height",
+    "--type-caption",
+    "--type-caption-line-height"
   ],
   "props": {
-    "children": {
-      "type": "React.ReactNode",
+    "className": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "own"
+    },
+    "style": {
+      "type": "React.CSSProperties | undefined",
       "required": false,
       "origin": "own"
+    },
+    "escapeKeyBehavior": {
+      "type": "\"none\" | \"clearSelection\" | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Whether pressing the escape key should clear selection in the menu or not.\n\nMost experiences should not modify this option as it eliminates a keyboard user's ability to\neasily clear selection. Only use if the escape key is being handled externally or should not\ntrigger selection clearing contextually.",
+      "values": [
+        "none",
+        "clearSelection"
+      ],
+      "tags": {
+        "default": "'clearSelection'"
+      }
+    },
+    "autoFocus": {
+      "type": "boolean | FocusStrategy | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Where the focus should be set."
+    },
+    "shouldFocusWrap": {
+      "type": "boolean | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Whether keyboard navigation is circular."
+    },
+    "onAction": {
+      "type": "((key: Key, value: T) => void) | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Handler that is called when an item is selected."
+    },
+    "onClose": {
+      "type": "(() => void) | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Handler that is called when the menu should close after selecting an item."
+    },
+    "children": {
+      "type": "CollectionChildren<T>",
+      "required": true,
+      "origin": "aria",
+      "description": "The contents of the collection."
+    },
+    "items": {
+      "type": "Iterable<T> | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Item objects in the collection."
+    },
+    "disabledKeys": {
+      "type": "Iterable<Key> | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "The item keys that are disabled. These items cannot be selected, focused, or otherwise\ninteracted with."
+    },
+    "selectionMode": {
+      "type": "SelectionMode | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "The type of selection that is allowed in the collection.",
+      "values": [
+        "multiple",
+        "none",
+        "single"
+      ]
+    },
+    "disallowEmptySelection": {
+      "type": "boolean | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Whether the collection allows empty selection."
+    },
+    "selectedKeys": {
+      "type": "Iterable<Key> | \"all\" | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "The currently selected keys in the collection (controlled)."
+    },
+    "defaultSelectedKeys": {
+      "type": "Iterable<Key> | \"all\" | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "The initial selected keys in the collection (uncontrolled)."
+    },
+    "onSelectionChange": {
+      "type": "((keys: Selection) => void) | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Handler that is called when the selection changes."
+    },
+    "id": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "The element's unique identifier. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id)."
+    },
+    "aria-label": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Defines a string value that labels the current element."
+    },
+    "aria-labelledby": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Identifies the element (or elements) that labels the current element."
+    },
+    "aria-describedby": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Identifies the element (or elements) that describes the object."
+    },
+    "aria-details": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Identifies the element (or elements) that provide a detailed, extended description for the\nobject."
     }
   },
   "propCounts": {
-    "own": 1,
-    "aria": 0,
-    "dom": 277,
+    "own": 2,
+    "aria": 18,
+    "dom": 0,
     "other": 0
   }
 }

package/dist/meta/MenuItem.json

@@ -2,11 +2,12 @@
   "name": "MenuItem",
   "source": "src/components/Menu.tsx",
   "propsType": "MenuItemProps",
+  "description": "One row of a Menu. A collection element, like TabItem: it renders nothing\nitself — Menu reads its props and draws the row — so it only means anything\nas a direct child of Menu or MenuSection. Give it a `key`; that key is what\n`onAction` and `selectedKeys` speak in.",
   "import": "import { MenuItem } from 'ionbase-ui';",
   "status": "stable",
-  "summary": "One row in a Menu. A real <button> inside an <li>, with an optional leading icon and a trailing selected check.",
+  "summary": "One row of a Menu. A collection element: Menu reads its props and draws the row as `menuitem`, `menuitemradio` or `menuitemcheckbox`.",
   "useWhen": [
-    "a row in a Menu surface"
+    "a row in a Menu or a MenuSection — it is not usable anywhere else"
   ],
   "useInstead": [
     {
@@ -18,6 +19,14 @@
       "use": "Button"
     }
   ],
+  "composition": {
+    "order": [
+      "Menu",
+      "MenuItem"
+    ],
+    "note": "A collection element, like TabItem: it renders nothing itself and never appears in the DOM. `key` identifies it to Menu's `onAction`, `selectedKeys` and `disabledKeys`.",
+    "example": "<MenuItem key=\"duplicate\" icon={<Icon as={Copy} />}>Duplicate</MenuItem>\n<MenuItem key=\"move\" title=\"Move to\"><MenuItem key=\"archive\">Archive</MenuItem></MenuItem>"
+  },
   "slots": {
     "icon": {
       "accepts": "Icon",
@@ -26,37 +35,50 @@
     "children": {
       "accepts": "text",
       "note": "the row label"
+    },
+    "title": {
+      "accepts": "text",
+      "note": "only on a row that opens a submenu: the row's label, while its children are the submenu's MenuItems. Submenus open only inside a MenuTrigger"
     }
   },
   "a11y": {
-    "role": "button",
     "guarantees": [
-      "`isSelected` sets `aria-pressed`, so the selected state is announced and not only drawn",
-      "the check glyph always occupies its slot, so rows never reflow as the selection moves"
+      "the role, `aria-checked` and `aria-disabled` are supplied by Menu from its selection mode and keys, not by this element",
+      "the check glyph occupies its slot whenever the menu has a selection mode, so rows never reflow as the selection moves"
     ],
     "requires": [
-      "a text label in `children`"
+      "a stable `key`",
+      "text in `children`, or `textValue` when the children are not plain text — typeahead matches against it"
     ]
   },
   "antiPatterns": [
     {
       "dont": "using MenuItem outside a Menu",
-      "why": "it renders an <li>, which is only valid inside a list"
+      "why": "it renders nothing on its own"
     },
     {
       "dont": "an icon-only MenuItem with no children",
-      "why": "the row announces nothing"
+      "why": "the row announces nothing and typeahead cannot reach it"
+    },
+    {
+      "dont": "array indexes as keys in a list that can change",
+      "why": "selection and actions are expressed in keys, so the selected row silently becomes a different row"
     }
   ],
   "deprecated": [
     {
       "prop": "disabled",
       "replacement": "isDisabled"
+    },
+    {
+      "prop": "isSelected",
+      "note": "Put the item's key in Menu's `selectedKeys` and set its `selectionMode`."
     }
   ],
   "stylesheet": "src/styles/menu.css",
   "tokens": [
     "--border-focus",
+    "--border-strong",
     "--border-subtle",
     "--border-width-default",
     "--border-width-thick",
@@ -68,10 +90,13 @@
     "--icon-size-sm",
     "--ion-duration-base",
     "--ion-ease-out",
+    "--ion-menu-min-width",
+    "--ion-shadow-shadow-lg",
     "--radius-sm",
     "--radius-xl",
     "--spacing-12",
     "--spacing-2",
+    "--spacing-4",
     "--spacing-40",
     "--spacing-6",
     "--spacing-8",
@@ -81,15 +106,18 @@
     "--text-disabled",
     "--text-primary",
     "--text-secondary",
+    "--text-tertiary",
     "--type-body",
-    "--type-body-line-height"
+    "--type-body-line-height",
+    "--type-caption",
+    "--type-caption-line-height"
   ],
   "props": {
-    "isSelected": {
-      "type": "boolean | undefined",
+    "title": {
+      "type": "React.ReactNode",
       "required": false,
       "origin": "own",
-      "description": "Figma's `Selected` / `Selected-hover` states. Shows the trailing check."
+      "description": "Only on a row that opens a submenu: the row's label. Its children are then\nthe submenu's MenuItems rather than its label. Submenus open only inside a\nMenuTrigger — a standalone Menu has nothing to open them from."
     },
     "icon": {
       "type": "React.ReactNode",
@@ -101,7 +129,7 @@
       "type": "boolean | undefined",
       "required": false,
       "origin": "own",
-      "description": "Whether the item is disabled."
+      "description": "Whether the item is disabled. Listed, skipped by the arrow keys."
     },
     "disabled": {
       "type": "boolean | undefined",
@@ -111,16 +139,108 @@
         "deprecated": "Use `isDisabled`. Accepted as an alias for one minor version."
       }
     },
+    "isSelected": {
+      "type": "boolean | undefined",
+      "required": false,
+      "origin": "own",
+      "tags": {
+        "deprecated": "Put the item's key in Menu's `selectedKeys`. Accepted for one\nminor version: when no item's key is in `selectedKeys` and Menu is given\nneither `selectedKeys` nor `defaultSelectedKeys`, the items passing this\nbecome the selection."
+      }
+    },
     "children": {
-      "type": "React.ReactNode",
+      "type": "ReactNode",
+      "required": true,
+      "origin": "aria",
+      "description": "Rendered contents of the item or child items."
+    },
+    "textValue": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "A string representation of the item's contents, used for features like typeahead."
+    },
+    "aria-label": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "An accessibility label for this item."
+    },
+    "childItems": {
+      "type": "Iterable<T> | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "A list of child item objects. Used for dynamic collections."
+    },
+    "hasChildItems": {
+      "type": "boolean | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Whether this item has children, even if not loaded yet."
+    },
+    "href": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href)."
+    },
+    "hrefLang": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Hints at the human language of the linked URL.\nSee[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang)."
+    },
+    "target": {
+      "type": "HTMLAttributeAnchorTarget | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "The target window for the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."
+    },
+    "rel": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "The relationship between the linked resource and the current page. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)."
+    },
+    "download": {
+      "type": "string | boolean | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "Causes the browser to download the linked URL. A string may be provided to suggest a file name.\nSee [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download)."
+    },
+    "ping": {
+      "type": "string | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "A space-separated list of URLs to ping when the link is followed. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping)."
+    },
+    "referrerPolicy": {
+      "type": "HTMLAttributeReferrerPolicy | undefined",
+      "required": false,
+      "origin": "aria",
+      "description": "How much of the referrer to send when following the link. See\n[MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy).",
+      "values": [
+        "",
+        "origin",
+        "no-referrer",
+        "no-referrer-when-downgrade",
+        "origin-when-cross-origin",
+        "same-origin",
+        "strict-origin",
+        "strict-origin-when-cross-origin",
+        "unsafe-url"
+      ]
+    },
+    "routerOptions": {
+      "type": "undefined",
       "required": false,
-      "origin": "own"
+      "origin": "aria",
+      "description": "Options for the configured client side router."
     }
   },
   "propCounts": {
     "own": 5,
-    "aria": 0,
-    "dom": 285,
+    "aria": 13,
+    "dom": 0,
     "other": 0
   }
 }

package/dist/meta/MenuSection.json

@@ -0,0 +1,90 @@
+{
+  "name": "MenuSection",
+  "source": "../../node_modules/.pnpm/react-stately@3.48.0_react@19.2.8/node_modules/react-stately/dist/types/src/collections/Section.d.ts",
+  "propsType": null,
+  "import": "import { MenuSection } from 'ionbase-ui';",
+  "status": "stable",
+  "summary": "A named group of MenuItems. Re-exported from react-stately's collection Section — `title` is Figma's Menu Section Title.",
+  "useWhen": [
+    "a Menu has more than one kind of action, such as editing actions and destructive ones",
+    "the rows fall into groups the user scans by name"
+  ],
+  "useInstead": [
+    {
+      "when": "the menu has one group",
+      "use": "MenuItem",
+      "why": "a single section adds a heading the user must hear before every menu, and says nothing the menu's own label does not"
+    }
+  ],
+  "composition": {
+    "order": [
+      "Menu",
+      "MenuSection",
+      "MenuItem"
+    ],
+    "note": "A collection element: Menu reads it from its direct children. With `title`, the heading is drawn with a rule after it; without one, `aria-label` names the group and a rule is drawn above it instead.",
+    "example": "<MenuSection title=\"Sort by\"><MenuItem key=\"name\">Name</MenuItem><MenuItem key=\"updated\">Last updated</MenuItem></MenuSection>"
+  },
+  "a11y": {
+    "role": "group",
+    "guarantees": [
+      "the group is named by its title, so a screen reader announces it on entering the first row"
+    ],
+    "requires": [
+      "a `title`; an untitled section still needs a label for the group, or it is announced as an unnamed group"
+    ],
+    "notes": [
+      "The accessible-name lint rule is deliberately not driven from here: a titled section is named by its title and needs nothing more, so demanding a label on every MenuSection would be wrong for the common case."
+    ]
+  },
+  "antiPatterns": [
+    {
+      "dont": "nesting a MenuSection inside another",
+      "why": "a menu has one level of grouping; a section inside a section renders nothing"
+    }
+  ],
+  "stylesheet": "src/styles/menu.css",
+  "tokens": [
+    "--border-focus",
+    "--border-strong",
+    "--border-subtle",
+    "--border-width-default",
+    "--border-width-thick",
+    "--font-family-sans",
+    "--font-weight-regular",
+    "--icon-default",
+    "--icon-disabled",
+    "--icon-primary",
+    "--icon-size-sm",
+    "--ion-duration-base",
+    "--ion-ease-out",
+    "--ion-menu-min-width",
+    "--ion-shadow-shadow-lg",
+    "--radius-sm",
+    "--radius-xl",
+    "--spacing-12",
+    "--spacing-2",
+    "--spacing-4",
+    "--spacing-40",
+    "--spacing-6",
+    "--spacing-8",
+    "--surface-default",
+    "--surface-hover",
+    "--surface-primary-subtle",
+    "--text-disabled",
+    "--text-primary",
+    "--text-secondary",
+    "--text-tertiary",
+    "--type-body",
+    "--type-body-line-height",
+    "--type-caption",
+    "--type-caption-line-height"
+  ],
+  "props": {},
+  "propCounts": {
+    "own": 0,
+    "aria": 0,
+    "dom": 0,
+    "other": 0
+  }
+}