@pearpages/pulp-react 0.1.0 → 0.2.1

package/dist/component-manifest.json

@@ -15,7 +15,7 @@
     "tokens": "@pearpages/pulp-tokens/tokens.css (every --<component>-* value resolves through it; without it components render unstyled)",
     "base": "@pearpages/pulp-css (optional: layer order, reset, body defaults, vendor layer)",
     "icons": "@pearpages/pulp-icons (optional: stroke glyphs; wrap them in Icon or pass them to Button slots)",
-    "dialogs": "@pearpages/modals/styles.css (only when using Dialog; import it into the vendor layer)",
+    "dialogs": "@pearpages/modals/styles.css (only when using Dialog or Sheet, which needs 0.3.0 or later; import it into the vendor layer)",
     "headless": "react-aria-components (installed automatically; Combobox, Listbox, Picker, Calendar, DatePicker, Slider and Table build on it, see docs/decisions/001)",
     "fonts": "consumers load the brand typefaces themselves (pulp: Archivo, Instrument Sans, Geist Mono; bitepals: Nunito, Inter)"
   },
@@ -55,6 +55,13 @@
         {
           "name": "headingLevel",
           "type": "enum",
+          "values": [
+            "2",
+            "3",
+            "4",
+            "5",
+            "6"
+          ],
           "required": false,
           "default": "3",
           "description": "The heading level of every trigger, for the document outline."
@@ -76,6 +83,10 @@
         {
           "name": "type",
           "type": "enum",
+          "values": [
+            "\"single\"",
+            "\"multiple\""
+          ],
           "required": false,
           "default": "single",
           "description": "`single` keeps one item open; `multiple` allows any number."
@@ -186,6 +197,11 @@
         {
           "name": "live",
           "type": "enum",
+          "values": [
+            "\"polite\"",
+            "\"assertive\"",
+            "\"off\""
+          ],
           "required": false,
           "default": null,
           "description": "How assistive technology announces it: `assertive` (`role=\"alert\"`),\n`polite` (`role=\"status\"`) or `off` (no live role, for content present at\npage load or inside another live region). Defaults to assertive for\n`error`, polite otherwise."
@@ -214,6 +230,12 @@
         {
           "name": "tone",
           "type": "enum",
+          "values": [
+            "\"info\"",
+            "\"success\"",
+            "\"warning\"",
+            "\"error\""
+          ],
           "required": false,
           "default": "info",
           "description": ""
@@ -256,6 +278,10 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -263,6 +289,13 @@
         {
           "name": "tone",
           "type": "enum",
+          "values": [
+            "\"neutral\"",
+            "\"info\"",
+            "\"success\"",
+            "\"warning\"",
+            "\"error\""
+          ],
           "required": false,
           "default": "neutral",
           "description": "Meaning, not colour: `neutral` for counts and tags."
@@ -270,6 +303,10 @@
         {
           "name": "variant",
           "type": "enum",
+          "values": [
+            "\"solid\"",
+            "\"subtle\""
+          ],
           "required": false,
           "default": "subtle",
           "description": "`solid` fills with the tone; `subtle` tints and uses the tone as text."
@@ -333,6 +370,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -340,6 +382,11 @@
         {
           "name": "variant",
           "type": "enum",
+          "values": [
+            "\"primary\"",
+            "\"secondary\"",
+            "\"ghost\""
+          ],
           "required": false,
           "default": "primary",
           "description": "Visual emphasis. One `primary` per view; `secondary` for the rest;\n`ghost` for actions that sit inside other content."
@@ -494,6 +541,11 @@
         {
           "name": "padding",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": "One knob for every slot's inner spacing."
@@ -508,6 +560,11 @@
         {
           "name": "variant",
           "type": "enum",
+          "values": [
+            "\"raised\"",
+            "\"outlined\"",
+            "\"sunken\""
+          ],
           "required": false,
           "default": "raised",
           "description": "How the card separates from the page: `raised` by shadow, `outlined` by\nborder, `sunken` by a recessed surface."
@@ -618,6 +675,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -723,6 +785,11 @@
         {
           "name": "filter",
           "type": "enum",
+          "values": [
+            "\"contains\"",
+            "\"startsWith\"",
+            "\"none\""
+          ],
           "required": false,
           "default": "contains",
           "description": ""
@@ -751,6 +818,11 @@
         {
           "name": "menuTrigger",
           "type": "enum",
+          "values": [
+            "\"focus\"",
+            "\"input\"",
+            "\"manual\""
+          ],
           "required": false,
           "default": "input",
           "description": "When the list opens: on focus, on typing, or only from the button and arrow keys."
@@ -807,6 +879,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -954,6 +1031,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -1110,6 +1192,10 @@
             {
               "name": "as",
               "type": "enum",
+              "values": [
+                "\"label\"",
+                "\"span\""
+              ],
               "required": false,
               "default": "label",
               "description": "`label` points at the control with `for`. `span` is for controls that are\nnot labelable (a radio group, a fieldset): it carries `labelId` and the\ncontrol references it with `aria-labelledby`."
@@ -1190,6 +1276,14 @@
         {
           "name": "level",
           "type": "enum",
+          "values": [
+            "1",
+            "2",
+            "3",
+            "4",
+            "5",
+            "6"
+          ],
           "required": true,
           "default": null,
           "description": "The document outline level; sets the element (`h1`–`h6`)."
@@ -1204,6 +1298,13 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\"",
+            "\"xl\"",
+            "\"2xl\""
+          ],
           "required": false,
           "default": null,
           "description": "Visual size, decoupled from the level. Defaults by level: 1→2xl, 2→xl, 3→lg, 4→md, 5 and 6→sm."
@@ -1211,6 +1312,10 @@
         {
           "name": "tone",
           "type": "enum",
+          "values": [
+            "\"default\"",
+            "\"muted\""
+          ],
           "required": false,
           "default": "default",
           "description": ""
@@ -1258,6 +1363,12 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\"",
+            "\"inherit\""
+          ],
           "required": false,
           "default": "md",
           "description": "`inherit` follows the surrounding font size, for icons inside text-sized controls."
@@ -1326,6 +1437,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "'md'",
           "description": ""
@@ -1333,6 +1449,11 @@
         {
           "name": "variant",
           "type": "enum",
+          "values": [
+            "\"primary\"",
+            "\"secondary\"",
+            "\"ghost\""
+          ],
           "required": false,
           "default": "'primary'",
           "description": "Visual emphasis. One `primary` per view; `secondary` for the rest;\n`ghost` for actions that sit inside other content."
@@ -1359,6 +1480,12 @@
         {
           "name": "align",
           "type": "enum",
+          "values": [
+            "\"start\"",
+            "\"center\"",
+            "\"end\"",
+            "\"stretch\""
+          ],
           "required": false,
           "default": null,
           "description": ""
@@ -1366,6 +1493,14 @@
         {
           "name": "as",
           "type": "enum",
+          "values": [
+            "\"div\"",
+            "\"section\"",
+            "\"nav\"",
+            "\"ul\"",
+            "\"ol\"",
+            "\"li\""
+          ],
           "required": false,
           "default": "div",
           "description": ""
@@ -1373,6 +1508,16 @@
         {
           "name": "gap",
           "type": "enum",
+          "values": [
+            "1",
+            "2",
+            "3",
+            "4",
+            "5",
+            "6",
+            "7",
+            "8"
+          ],
           "required": false,
           "default": "3",
           "description": "Step on the spacing scale (`--space-1` … `--space-8`)."
@@ -1380,6 +1525,12 @@
         {
           "name": "justify",
           "type": "enum",
+          "values": [
+            "\"start\"",
+            "\"center\"",
+            "\"end\"",
+            "\"between\""
+          ],
           "required": false,
           "default": null,
           "description": ""
@@ -1491,6 +1642,10 @@
         {
           "name": "selectionMode",
           "type": "enum",
+          "values": [
+            "\"single\"",
+            "\"multiple\""
+          ],
           "required": false,
           "default": "single",
           "description": ""
@@ -1546,6 +1701,16 @@
         {
           "name": "placement",
           "type": "enum",
+          "values": [
+            "\"top\"",
+            "\"right\"",
+            "\"bottom\"",
+            "\"left\"",
+            "\"top-start\"",
+            "\"top-end\"",
+            "\"bottom-start\"",
+            "\"bottom-end\""
+          ],
           "required": false,
           "default": "bottom-start",
           "description": ""
@@ -1613,6 +1778,10 @@
             {
               "name": "tone",
               "type": "enum",
+              "values": [
+                "\"default\"",
+                "\"danger\""
+              ],
               "required": false,
               "default": "default",
               "description": ""
@@ -1723,6 +1892,10 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -1848,6 +2021,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -1904,6 +2082,16 @@
         {
           "name": "placement",
           "type": "enum",
+          "values": [
+            "\"top\"",
+            "\"right\"",
+            "\"bottom\"",
+            "\"left\"",
+            "\"top-start\"",
+            "\"top-end\"",
+            "\"bottom-start\"",
+            "\"bottom-end\""
+          ],
           "required": false,
           "default": "bottom-start",
           "description": "Preferred side; flips when there is no room."
@@ -2012,6 +2200,10 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -2019,6 +2211,12 @@
         {
           "name": "tone",
           "type": "enum",
+          "values": [
+            "\"primary\"",
+            "\"success\"",
+            "\"warning\"",
+            "\"error\""
+          ],
           "required": false,
           "default": "primary",
           "description": ""
@@ -2108,6 +2306,10 @@
         {
           "name": "orientation",
           "type": "enum",
+          "values": [
+            "\"vertical\"",
+            "\"horizontal\""
+          ],
           "required": false,
           "default": "vertical",
           "description": ""
@@ -2129,6 +2331,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -2258,6 +2465,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -2265,6 +2477,129 @@
       ],
       "parts": []
     },
+    {
+      "name": "Sheet",
+      "description": "A dialog docked to an edge of the viewport: a side panel for detail or settings that keeps the\npage in view, or a bottom sheet on a phone. It is Dialog with a `placement`: the same parts\n(`Sheet.Trigger`, `Sheet.Content`, `Sheet.Header`, `Sheet.Title`, `Sheet.Description`,\n`Sheet.Close`, `Sheet.Body`, `Sheet.Footer`), the same focus trap, stacking and dismissal, and\nthe same colours and type, from Dialog's tokens. Only the size is Sheet's: `--sheet-width`,\n`--sheet-height` and `--sheet-motion-translate`, the distance it slides in from its edge.\n\nIt needs what Dialog needs: `DialogSystem` mounted once near the app root, and\n`@pearpages/modals/styles.css` imported into the `vendor` layer.",
+      "status": "experimental",
+      "category": "Overlays",
+      "accessibility": "Dialog's: `role=\"dialog\"` with `aria-modal`, named by `Sheet.Title` and described by `Sheet.Description`; focus moves in on open, is trapped, and returns to the trigger on close; Escape and the backdrop dismiss it; the page behind is inert. Docking changes the layout only, never the semantics.",
+      "do": [
+        "Always render a `Sheet.Title`.",
+        "Dock to `end` for detail and settings beside the page, and to `bottom` for choices on a narrow screen."
+      ],
+      "dont": [
+        "Use it for a short confirmation; a centred Dialog reads as more urgent and takes less room.",
+        "Put the page's primary content in a sheet: it is modal, so everything behind it is out of reach."
+      ],
+      "import": "import { Sheet } from '@pearpages/pulp-react/sheet';",
+      "css": "@pearpages/pulp-react/sheet.css",
+      "tokens": "--sheet-*",
+      "props": [
+        {
+          "name": "children",
+          "type": "ReactNode",
+          "required": true,
+          "default": null,
+          "description": "Children components (typically Modal.Content)"
+        },
+        {
+          "name": "id",
+          "type": "string",
+          "required": true,
+          "default": null,
+          "description": "Unique identifier for the modal within a ModalSystem instance"
+        },
+        {
+          "name": "onOpenChange",
+          "type": "((open: boolean) => void)",
+          "required": false,
+          "default": null,
+          "description": "Callback fired when open state changes"
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "default": null,
+          "description": "Controlled open state"
+        }
+      ],
+      "parts": [
+        {
+          "name": "Sheet.Content",
+          "description": "The docked dialog element. Dialog's `Content`, with `placement` and the class that maps pulp's\n`--sheet-*` tokens onto the vendor's sheet variables.",
+          "props": [
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": true,
+              "default": null,
+              "description": "Children components (typically Modal.Content)"
+            },
+            {
+              "name": "animated",
+              "type": "boolean",
+              "required": false,
+              "default": null,
+              "description": "Whether to enable fade animations"
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "required": false,
+              "default": null,
+              "description": "Render the given child in place of the dialog element, keeping the dialog\nrole, ARIA wiring, sizing and focus trap. Useful for making the dialog\nitself a <form>."
+            },
+            {
+              "name": "closeOnBackdrop",
+              "type": "boolean",
+              "required": false,
+              "default": null,
+              "description": "Whether clicking backdrop closes topmost modal (default: true)"
+            },
+            {
+              "name": "closeOnEscape",
+              "type": "boolean",
+              "required": false,
+              "default": null,
+              "description": "Whether pressing Esc closes topmost modal (default: true)"
+            },
+            {
+              "name": "onInteractOutside",
+              "type": "((e: { target: EventTarget; preventDefault(): void; }) => void)",
+              "required": false,
+              "default": null,
+              "description": "Callback fired when user interacts outside modal - call e.preventDefault() to block dismissal"
+            },
+            {
+              "name": "placement",
+              "type": "enum",
+              "values": [
+                "\"start\"",
+                "\"end\"",
+                "\"top\"",
+                "\"bottom\""
+              ],
+              "required": false,
+              "default": "end",
+              "description": "The edge the sheet docks to. `start` and `end` take `--sheet-width` and the full height;\n`top` and `bottom` take the full width and `--sheet-height`. There is no `center`: a centred\nsheet is a Dialog."
+            },
+            {
+              "name": "size",
+              "type": "enum",
+              "values": [
+                "\"auto\"",
+                "\"md\"",
+                "\"full\""
+              ],
+              "required": false,
+              "default": null,
+              "description": "Size variant of the modal"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "Skeleton",
       "description": "A placeholder for content that is loading. Decorative: hidden from\nassistive technology, so mark the *container* `aria-busy` and announce\nthe loaded state there. Width for text and rect is the consumer's (pass\na `className`); the shimmer runs only when motion is allowed.",
@@ -2300,6 +2635,11 @@
         {
           "name": "shape",
           "type": "enum",
+          "values": [
+            "\"text\"",
+            "\"rect\"",
+            "\"circle\""
+          ],
           "required": false,
           "default": "text",
           "description": ""
@@ -2307,6 +2647,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": "Circle diameter, from the control scale."
@@ -2419,6 +2764,10 @@
         {
           "name": "orientation",
           "type": "enum",
+          "values": [
+            "\"horizontal\"",
+            "\"vertical\""
+          ],
           "required": false,
           "default": "horizontal",
           "description": ""
@@ -2501,6 +2850,12 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\"",
+            "\"inherit\""
+          ],
           "required": false,
           "default": "md",
           "description": "`inherit` follows the surrounding font size, for spinners inside controls."
@@ -2508,6 +2863,10 @@
         {
           "name": "tone",
           "type": "enum",
+          "values": [
+            "\"inherit\"",
+            "\"default\""
+          ],
           "required": false,
           "default": "default",
           "description": "`inherit` draws with the surrounding text colour, for coloured controls."
@@ -2534,6 +2893,12 @@
         {
           "name": "align",
           "type": "enum",
+          "values": [
+            "\"start\"",
+            "\"center\"",
+            "\"end\"",
+            "\"stretch\""
+          ],
           "required": false,
           "default": null,
           "description": ""
@@ -2541,6 +2906,14 @@
         {
           "name": "as",
           "type": "enum",
+          "values": [
+            "\"div\"",
+            "\"section\"",
+            "\"nav\"",
+            "\"ul\"",
+            "\"ol\"",
+            "\"li\""
+          ],
           "required": false,
           "default": "div",
           "description": ""
@@ -2548,6 +2921,16 @@
         {
           "name": "gap",
           "type": "enum",
+          "values": [
+            "1",
+            "2",
+            "3",
+            "4",
+            "5",
+            "6",
+            "7",
+            "8"
+          ],
           "required": false,
           "default": "3",
           "description": "Step on the spacing scale (`--space-1` … `--space-8`)."
@@ -2555,6 +2938,12 @@
         {
           "name": "justify",
           "type": "enum",
+          "values": [
+            "\"start\"",
+            "\"center\"",
+            "\"end\"",
+            "\"between\""
+          ],
           "required": false,
           "default": null,
           "description": ""
@@ -2623,6 +3012,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -2693,6 +3087,10 @@
         {
           "name": "density",
           "type": "enum",
+          "values": [
+            "\"default\"",
+            "\"compact\""
+          ],
           "required": false,
           "default": "default",
           "description": "Row padding steps down one token. The brand's `space.unit` sets the base."
@@ -2742,6 +3140,11 @@
         {
           "name": "selectionMode",
           "type": "enum",
+          "values": [
+            "\"none\"",
+            "\"single\"",
+            "\"multiple\""
+          ],
           "required": false,
           "default": "none",
           "description": ""
@@ -2789,6 +3192,10 @@
             {
               "name": "align",
               "type": "enum",
+              "values": [
+                "\"start\"",
+                "\"end\""
+              ],
               "required": false,
               "default": "start",
               "description": ""
@@ -2891,6 +3298,10 @@
             {
               "name": "align",
               "type": "enum",
+              "values": [
+                "\"start\"",
+                "\"end\""
+              ],
               "required": false,
               "default": "start",
               "description": ""
@@ -2927,6 +3338,10 @@
         {
           "name": "activation",
           "type": "enum",
+          "values": [
+            "\"automatic\"",
+            "\"manual\""
+          ],
           "required": false,
           "default": "automatic",
           "description": "`automatic` selects a tab when it receives focus (arrow keys); `manual`\nmoves focus only and selects on Enter, Space or click."
@@ -2948,6 +3363,10 @@
         {
           "name": "orientation",
           "type": "enum",
+          "values": [
+            "\"horizontal\"",
+            "\"vertical\""
+          ],
           "required": false,
           "default": "horizontal",
           "description": "Layout and arrow-key axis."
@@ -3042,6 +3461,11 @@
         {
           "name": "align",
           "type": "enum",
+          "values": [
+            "\"start\"",
+            "\"center\"",
+            "\"end\""
+          ],
           "required": false,
           "default": null,
           "description": ""
@@ -3049,6 +3473,14 @@
         {
           "name": "as",
           "type": "enum",
+          "values": [
+            "\"p\"",
+            "\"span\"",
+            "\"div\"",
+            "\"strong\"",
+            "\"em\"",
+            "\"small\""
+          ],
           "required": false,
           "default": "p",
           "description": "The element to render. For a label use `Field.Label`."
@@ -3056,6 +3488,10 @@
         {
           "name": "family",
           "type": "enum",
+          "values": [
+            "\"body\"",
+            "\"mono\""
+          ],
           "required": false,
           "default": "body",
           "description": ""
@@ -3070,6 +3506,13 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"xs\"",
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\"",
+            "\"xl\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -3077,6 +3520,11 @@
         {
           "name": "tone",
           "type": "enum",
+          "values": [
+            "\"default\"",
+            "\"muted\"",
+            "\"faint\""
+          ],
           "required": false,
           "default": "default",
           "description": "Emphasis: `muted` for secondary text, `faint` for the least important."
@@ -3091,6 +3539,11 @@
         {
           "name": "weight",
           "type": "enum",
+          "values": [
+            "\"regular\"",
+            "\"medium\"",
+            "\"semibold\""
+          ],
           "required": false,
           "default": "regular",
           "description": ""
@@ -3154,6 +3607,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -3222,6 +3680,11 @@
         {
           "name": "resize",
           "type": "enum",
+          "values": [
+            "\"vertical\"",
+            "\"none\"",
+            "\"both\""
+          ],
           "required": false,
           "default": "vertical",
           "description": ""
@@ -3229,6 +3692,11 @@
         {
           "name": "size",
           "type": "enum",
+          "values": [
+            "\"sm\"",
+            "\"md\"",
+            "\"lg\""
+          ],
           "required": false,
           "default": "md",
           "description": ""
@@ -3278,6 +3746,11 @@
         {
           "name": "placement",
           "type": "enum",
+          "values": [
+            "\"bottom-end\"",
+            "\"top-end\"",
+            "\"top-center\""
+          ],
           "required": false,
           "default": "bottom-end",
           "description": ""
@@ -3326,6 +3799,16 @@
         {
           "name": "placement",
           "type": "enum",
+          "values": [
+            "\"top\"",
+            "\"right\"",
+            "\"bottom\"",
+            "\"left\"",
+            "\"top-start\"",
+            "\"top-end\"",
+            "\"bottom-start\"",
+            "\"bottom-end\""
+          ],
           "required": false,
           "default": "top",
           "description": "Preferred side; flips when there is no room."
@@ -3352,6 +3835,10 @@
         {
           "name": "as",
           "type": "enum",
+          "values": [
+            "\"span\"",
+            "\"div\""
+          ],
           "required": false,
           "default": "span",
           "description": ""