playbook_ui 18.2.0 → 18.3.0.pre.alpha.PLAY3342advancedtablereactmulticolumnselectablerow21082

data/dist/ai/external-dependencies.json

@@ -1 +1 @@
-{"description":"Kits that need host-app packages (from each kit’s docs/_playground.overrides.json → externalDependencies). Agents must NOT install packages — tell the user if they are missing.","bundledWithPlaybookUi":["flatpickr","intl-tel-input","@floating-ui/dom","@popperjs/core"],"kits":{"map":{"packages":["maplibre-gl"],"optional":true,"note":"Map wraps MapLibre. The host app must already have maplibre-gl (and any required CSS) installed. Agents must not install packages — tell the user if they are missing."},"pb_bar_graph":{"packages":["highcharts","highcharts-react-official"],"optional":true,"note":"This kit wraps Highcharts and does not ship it. The host app must already have these packages installed before using the kit. Agents must not install packages — tell the user if they are missing.","docs":"https://api.highcharts.com/highcharts/"},"pb_circle_chart":{"packages":["highcharts","highcharts-react-official"],"optional":true,"note":"This kit wraps Highcharts and does not ship it. The host app must already have these packages installed before using the kit. Agents must not install packages — tell the user if they are missing.","docs":"https://api.highcharts.com/highcharts/"},"pb_gauge_chart":{"packages":["highcharts","highcharts-react-official"],"optional":true,"note":"This kit wraps Highcharts and does not ship it. The host app must already have these packages installed before using the kit. Agents must not install packages — tell the user if they are missing.","docs":"https://api.highcharts.com/highcharts/"},"pb_line_graph":{"packages":["highcharts","highcharts-react-official"],"optional":true,"note":"This kit wraps Highcharts and does not ship it. The host app must already have these packages installed before using the kit. Agents must not install packages — tell the user if they are missing.","docs":"https://api.highcharts.com/highcharts/"},"rich_text_editor":{"packages":["react-trix","trix","@tiptap/react","@tiptap/starter-kit","@tiptap/extension-link","prosemirror-markdown","prosemirror-model"],"optional":true,"note":"Default React editor uses Trix (pass TrixEditor from react-trix). Advanced React editor uses TipTap, and the host app must already have the needed packages installed. Agents must not install packages — tell the user if they are missing. Rails loads TipTap from esm.sh and accepts only these extension strings: underline, text_align, horizontal_rule, image."}}}
+{"description":"Kits that need host-app packages (from each kit’s docs/_playground.overrides.json → externalDependencies). Agents must NOT install packages — tell the user if they are missing.","bundledWithPlaybookUi":["flatpickr","intl-tel-input","@floating-ui/dom","@popperjs/core"],"kits":{"map":{"packages":["maplibre-gl"],"optional":true,"note":"Map wraps MapLibre. The host app must already have maplibre-gl (and any required CSS) installed. Agents must not install packages — tell the user if they are missing."},"pb_bar_graph":{"packages":["highcharts","highcharts-react-official"],"optional":true,"note":"This kit wraps Highcharts and does not ship it. The host app must already have these packages installed before using the kit. Agents must not install packages — tell the user if they are missing.","docs":"https://api.highcharts.com/highcharts/"},"pb_circle_chart":{"packages":["highcharts","highcharts-react-official"],"optional":true,"note":"This kit wraps Highcharts and does not ship it. The host app must already have these packages installed before using the kit. Agents must not install packages — tell the user if they are missing.","docs":"https://api.highcharts.com/highcharts/"},"pb_gauge_chart":{"packages":["highcharts","highcharts-react-official"],"optional":true,"note":"This kit wraps Highcharts and does not ship it. The host app must already have these packages installed before using the kit. Agents must not install packages — tell the user if they are missing.","docs":"https://api.highcharts.com/highcharts/"},"pb_line_graph":{"packages":["highcharts","highcharts-react-official"],"optional":true,"note":"This kit wraps Highcharts and does not ship it. The host app must already have these packages installed before using the kit. Agents must not install packages — tell the user if they are missing.","docs":"https://api.highcharts.com/highcharts/"},"rich_text_editor":{"packages":["react-trix","trix","@tiptap/react","@tiptap/starter-kit","@tiptap/extension-link","prosemirror-markdown","prosemirror-model"],"optional":true,"note":"Default React editor uses Trix (pass TrixEditor from react-trix). Advanced React editor uses TipTap, and the host app must already have the needed packages installed. Agents must not install packages — tell the user if they are missing. Rails bundles TipTap in playbook-rails.js (no host packages needed) and accepts only these extension strings: underline, text_align, horizontal_rule, image."}}}

data/dist/ai/forms.json

@@ -1,6 +1,6 @@
 {
   "metadataVersion": 1,
-  "version": "18.2.0",
+  "version": "18.3.0-alpha.PLAY3342advancedtablereactmulticolumnselectablerow21082",
   "builder": {
     "class": "Playbook::Forms::Builder",
     "helper": "pb_form_with",
@@ -557,7 +557,7 @@
       "submission": {
         "submits": true,
         "value": "Selected option id in a CSS-hidden input (not input type=hidden).",
-        "multi": "Comma-joining is only the default-value encoding (data-default-value and a temporary baseInput.value). After kit JS runs, syncHiddenInputs emits one input type=\"hidden\" per selected id, all named name[] (the CSS-hidden input already has [] appended), then clears that original CSS-hidden input. Rails receives separate array entries such as [\"ca\",\"us\"], not \"ca,us\".",
+        "multi": "syncHiddenInputs emits one hidden input per selected id in selection order, adds [] to the name only if absent and clears the original CSS-hidden input and removes its name while selections exist, so no blank array entry is submitted. When empty, the original name and required state are restored, including after Turbo reconnects. These submission fixes apply whether or not allow_option_creation is enabled. With enable_pill_reorder, drag or keyboard reordering updates that same selection order before syncHiddenInputs runs, so submitted values and pb:dropdown:reordered / pb:dropdown:selected details match the pill order. Comma-joining is used for default-value encoding, not as an additional submitted selection.",
         "dynamicOptions": "props.options_by_context with props.context_selector replaces the rendered options when the referenced element fires change, and props.clear_on_context_change (default true) then clears the selection, so a context change can submit an empty value. A pb:dropdown:updateOptions event, or an event named in props.options_event_type, replaces options the same way; clearSelection: false keeps only selections whose id exists in the replacement options."
       },
       "validation": {

data/dist/ai/index.json

@@ -1,8 +1,8 @@
 {
-  "version": "18.2.0",
+  "version": "18.3.0-alpha.PLAY3342advancedtablereactmulticolumnselectablerow21082",
   "metadataVersion": 1,
   "forms": "forms.json",
-  "generated": "2026-10-22T17:59:05.292Z",
+  "generated": "2026-11-13T19:49:26.825Z",
   "schemas": {
     "globalProps": "global-props.schema.json",
     "globalEventProps": "global-event-props.schema.json",
@@ -59,6 +59,7 @@
       "label_value": "kits/label_value.schema.json",
       "layout": "kits/layout.schema.json",
       "legend": "kits/legend.schema.json",
+      "lightbox": "kits/lightbox.schema.json",
       "link": "kits/link.schema.json",
       "list": "kits/list.schema.json",
       "loading_inline": "kits/loading_inline.schema.json",
@@ -596,6 +597,13 @@
       "schema": "kits/legend.schema.json",
       "playground": "playgrounds/legend.json"
     },
+    "lightbox": {
+      "category": "icons_and_images",
+      "description": "Fullscreen dimmed overlay for enlarged images or media that covers the viewport.",
+      "status": "stable",
+      "schema": "kits/lightbox.schema.json",
+      "playground": null
+    },
     "link": {
       "category": "typography",
       "description": "Text link for navigation to other pages or sections.",
@@ -838,7 +846,7 @@
           "prosemirror-model"
         ],
         "optional": true,
-        "note": "Default React editor uses Trix (pass TrixEditor from react-trix). Advanced React editor uses TipTap, and the host app must already have the needed packages installed. Agents must not install packages — tell the user if they are missing. Rails loads TipTap from esm.sh and accepts only these extension strings: underline, text_align, horizontal_rule, image."
+        "note": "Default React editor uses Trix (pass TrixEditor from react-trix). Advanced React editor uses TipTap, and the host app must already have the needed packages installed. Agents must not install packages — tell the user if they are missing. Rails bundles TipTap in playbook-rails.js (no host packages needed) and accepts only these extension strings: underline, text_align, horizontal_rule, image."
       }
     },
     "section_separator": {

data/dist/ai/kits/advanced_table.schema.json

@@ -21,7 +21,8 @@
       "type": "boolean",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": false
     },
     "columnDefinitions": {
       "type": "array",
@@ -36,15 +37,28 @@
         "react",
         "rails"
       ],
-      "values": [
-        "text_lt_default",
-        "text_lt_light",
-        "text_lt_lighter",
-        "text_dk_default",
-        "text_dk_light",
-        "text_dk_lighter"
-      ],
-      "default": "none"
+      "values": {
+        "react": [
+          "text_lt_default",
+          "text_lt_light",
+          "text_lt_lighter",
+          "text_dk_default",
+          "text_dk_light",
+          "text_dk_lighter"
+        ],
+        "rails": [
+          "text_lt_default",
+          "text_lt_light",
+          "text_lt_lighter",
+          "text_dk_default",
+          "text_dk_light",
+          "text_dk_lighter",
+          "none"
+        ]
+      },
+      "default": {
+        "rails": "none"
+      }
     },
     "columnVisibilityControl": {
       "type": "GenericObject",
@@ -75,7 +89,8 @@
       "type": "boolean",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": false
     },
     "expandedControl": {
       "type": "GenericObject",
@@ -103,11 +118,20 @@
       ],
       "default": false
     },
+    "groupSeparators": {
+      "type": "boolean",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "default": false
+    },
     "initialLoadingRowsCount": {
       "type": "number",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": 10
     },
     "inlineRowLoading": {
       "type": "boolean",
@@ -162,7 +186,8 @@
       "type": "boolean",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": false
     },
     "paginationProps": {
       "type": "GenericObject",
@@ -238,7 +263,8 @@
       "type": "boolean",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": false
     },
     "stickyLeftColumn": {
       "type": "array",
@@ -270,7 +296,8 @@
       "type": "string | string[]",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": "arrows-from-line"
     },
     "onRowSelectionChange": {
       "type": "function",
@@ -288,7 +315,8 @@
       "type": "boolean",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": false
     },
     "enableSorting": {
       "type": "boolean",

data/dist/ai/kits/avatar.schema.json

@@ -59,14 +59,25 @@
         "react",
         "rails"
       ],
-      "values": [
-        "md",
-        "lg",
-        "sm",
-        "xl",
-        "xs",
-        "xxs"
-      ],
+      "values": {
+        "react": [
+          "md",
+          "lg",
+          "sm",
+          "xl",
+          "xs",
+          "xxs"
+        ],
+        "rails": [
+          "xxs",
+          "xs",
+          "sm",
+          "md",
+          "base",
+          "lg",
+          "xl"
+        ]
+      },
       "default": "md"
     },
     "status": {
@@ -79,10 +90,12 @@
         "away",
         "offline",
         "online"
-      ]
+      ],
+      "default": null
     }
   },
   "globalProps": true,
+  "globalEventProps": true,
   "usage": {
     "react": {
       "import": "import { Avatar } from 'playbook-ui'",

data/dist/ai/kits/background.schema.json

@@ -112,7 +112,10 @@
         "react",
         "rails"
       ],
-      "default": null
+      "default": {
+        "react": "",
+        "rails": null
+      }
     },
     "backgroundRepeat": {
       "type": {
@@ -140,7 +143,8 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": ""
     },
     "imageOverlay": {
       "type": "enum",
@@ -217,7 +221,10 @@
         "blur",
         "scale"
       ],
-      "default": null
+      "default": {
+        "react": "",
+        "rails": null
+      }
     }
   },
   "globalProps": true,

data/dist/ai/kits/badge.schema.json

@@ -11,13 +11,15 @@
       "type": "GenericObject",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": {}
     },
     "removeIcon": {
       "type": "boolean",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": false
     },
     "removeOnClick": {
       "type": "function",
@@ -52,16 +54,28 @@
         "react",
         "rails"
       ],
-      "values": [
-        "error",
-        "info",
-        "neutral",
-        "notification",
-        "notificationError",
-        "primary",
-        "success",
-        "warning"
-      ],
+      "values": {
+        "react": [
+          "error",
+          "info",
+          "neutral",
+          "notification",
+          "notificationError",
+          "primary",
+          "success",
+          "warning"
+        ],
+        "rails": [
+          "success",
+          "warning",
+          "error",
+          "info",
+          "neutral",
+          "notification",
+          "notification_error",
+          "primary"
+        ]
+      },
       "default": "neutral"
     }
   },

data/dist/ai/kits/body.schema.json

@@ -21,7 +21,10 @@
         "error",
         "success"
       ],
-      "default": "default"
+      "default": {
+        "react": "",
+        "rails": "default"
+      }
     },
     "dark": {
       "type": "boolean",
@@ -34,7 +37,8 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": []
     },
     "highlighting": {
       "type": "boolean",
@@ -55,7 +59,10 @@
         "negative",
         "positive"
       ],
-      "default": "neutral"
+      "default": {
+        "react": null,
+        "rails": "neutral"
+      }
     },
     "tag": {
       "type": "enum",
@@ -81,7 +88,8 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": ""
     },
     "variant": {
       "type": "enum",
@@ -90,7 +98,8 @@
       ],
       "values": [
         "link"
-      ]
+      ],
+      "default": null
     }
   },
   "globalProps": true,

data/dist/ai/kits/button.schema.json

@@ -57,7 +57,8 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": null
     },
     "iconRight": {
       "type": "boolean",
@@ -72,7 +73,8 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": null
     },
     "loading": {
       "type": "boolean",
@@ -120,7 +122,8 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": ""
     },
     "text": {
       "type": "string",
@@ -129,28 +132,6 @@
         "rails"
       ]
     },
-    "type": {
-      "type": "enum",
-      "platforms": [
-        "react",
-        "rails"
-      ],
-      "values": [
-        "inline"
-      ],
-      "default": "inline"
-    },
-    "htmlType": {
-      "type": "enum",
-      "platforms": [
-        "react"
-      ],
-      "values": [
-        "submit",
-        "reset",
-        "button"
-      ]
-    },
     "value": {
       "type": "string | null",
       "platforms": [
@@ -173,12 +154,35 @@
       ],
       "default": "primary"
     },
+    "htmlType": {
+      "type": "enum",
+      "platforms": [
+        "react"
+      ],
+      "values": [
+        "submit",
+        "reset",
+        "button"
+      ],
+      "default": "button"
+    },
     "wrapperClass": {
       "type": "string",
       "platforms": [
         "react"
       ]
     },
+    "type": {
+      "platforms": [
+        "rails"
+      ],
+      "type": "enum",
+      "values": [
+        "submit",
+        "reset",
+        "button"
+      ]
+    },
     "iconFontFamily": {
       "platforms": [
         "rails"

data/dist/ai/kits/caption.schema.json

@@ -29,13 +29,23 @@
         "react",
         "rails"
       ],
-      "values": [
-        "xs",
-        "sm",
-        "md",
-        "lg",
-        "xl"
-      ],
+      "values": {
+        "react": [
+          "xs",
+          "sm",
+          "md",
+          "lg",
+          "xl"
+        ],
+        "rails": [
+          "xs",
+          "sm",
+          "md",
+          "base",
+          "lg",
+          "xl"
+        ]
+      },
       "default": "md"
     },
     "tag": {

data/dist/ai/kits/card.schema.json

@@ -113,7 +113,8 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": {}
     },
     "length": {
       "type": "number",

data/dist/ai/kits/checkbox.schema.json

@@ -19,7 +19,8 @@
       "type": "boolean",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": false
     },
     "disabled": {
       "type": "boolean",
@@ -41,14 +42,16 @@
       "type": "boolean",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": false
     },
     "name": {
       "type": "string",
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": ""
     },
     "onChange": {
       "type": "function",
@@ -75,14 +78,16 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": ""
     },
     "value": {
       "type": "string",
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": ""
     },
     "indeterminateMain": {
       "platforms": [

data/dist/ai/kits/contact.schema.json

@@ -32,7 +32,8 @@
       "type": "boolean",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": false
     },
     "iconEnabled": {
       "type": "boolean",
@@ -52,6 +53,7 @@
     }
   },
   "globalProps": true,
+  "globalEventProps": true,
   "usage": {
     "react": {
       "import": "import { Contact } from 'playbook-ui'",

data/dist/ai/kits/copy_button.schema.json

@@ -12,14 +12,16 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": ""
     },
     "text": {
       "type": "string",
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": "Copy"
     },
     "tooltipPlacement": {
       "type": "enum",
@@ -31,7 +33,8 @@
         "right",
         "bottom",
         "left"
-      ]
+      ],
+      "default": "bottom"
     },
     "tooltipText": {
       "type": "string",
@@ -46,7 +49,8 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": ""
     },
     "variant": {
       "type": "enum",
@@ -64,7 +68,8 @@
       "type": "number",
       "platforms": [
         "react"
-      ]
+      ],
+      "default": 1000
     },
     "tooltipPosition": {
       "platforms": [

data/dist/ai/kits/currency.schema.json

@@ -76,7 +76,8 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": ""
     },
     "size": {
       "type": "enum",
@@ -89,7 +90,10 @@
         "md",
         "lg"
       ],
-      "default": "md"
+      "default": {
+        "react": "sm",
+        "rails": "md"
+      }
     },
     "symbol": {
       "type": "string",

data/dist/ai/kits/dashboard_value.schema.json

@@ -25,7 +25,8 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": {}
     },
     "statLabel": {
       "type": "string",
@@ -39,7 +40,8 @@
       "platforms": [
         "react",
         "rails"
-      ]
+      ],
+      "default": {}
     }
   },
   "globalProps": true,