playbook-ui 16.4.0-alpha.testingmetadata15413 → 16.4.0-alpha.testingmetadata15451

package/dist/ai/index.json

@@ -1,6 +1,6 @@
 {
-  "version": "16.4.0-alpha.testingmetadata15413",
-  "generated": "2026-04-01T20:40:52.848Z",
+  "version": "16.4.0-alpha.testingmetadata15451",
+  "generated": "2026-04-02T20:29:47.476Z",
   "schemas": {
     "globalProps": "global-props.schema.json",
     "kits": {

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Avatar",
-  "description": "Avatar displays a user's picture. This helps aid easy recognition",
+  "description": "Avatar component",
   "platforms": [
     "react",
     "rails"

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Background",
-  "description": "The background kit is used for adding a background to a page or to",
+  "description": "Background component",
   "platforms": [
     "react",
     "rails"

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Badge",
-  "description": "Badges can be used for notification, tags, and status. They are used",
+  "description": "Badge component",
   "platforms": [
     "react",
     "rails"

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Body",
-  "description": "Default text style for paragraphs. Follow hiearchy when using \"light\"",
+  "description": "Body component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/bread_crumbs.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "BreadCrumbs",
-  "description": "BreadCrumbs can be used for keeping a user aware of their route location.",
+  "description": "BreadCrumbs component",
   "platforms": [
     "react",
     "rails"

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Button",
-  "description": "Interactive element for triggering actions. Primary variant for main CTAs, secondary for less prominent actions, danger for destructive actions.",
+  "description": "Button component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/button_toolbar.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "ButtonToolbar",
-  "description": "This kit should primarily hold the most commonly used buttons.",
+  "description": "ButtonToolbar component",
   "platforms": [
     "react",
     "rails"

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Caption",
-  "description": "Use to provide supplementary context. Default size is best when providing",
+  "description": "Caption component",
   "platforms": [
     "react",
     "rails"

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Card",
-  "description": "Content container with optional header, body sections, and various styling options.",
+  "description": "Card component",
   "platforms": [
     "react",
     "rails"

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Checkbox",
-  "description": "Checkbox is used for a list of selections that are meant to have",
+  "description": "Checkbox component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/circle_icon_button.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "CircleIconButton",
-  "description": "When using Icon Circle Button, the icon must be clear a clear indication",
+  "description": "CircleIconButton component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/collapsible.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Collapsible",
-  "description": "Collapsible content that can be expanded or collapsed.",
+  "description": "Collapsible component",
   "platforms": [
     "react",
     "rails"

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Contact",
-  "description": "Use to display customer's or user's contact information.",
+  "description": "Contact component",
   "platforms": [
     "react",
     "rails"

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "CopyButton",
-  "description": "Button that copies text to clipboard with visual feedback.",
+  "description": "CopyButton component",
   "platforms": [
     "react",
     "rails"

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Currency",
-  "description": "Use to display monetary amounts, typically on dashboards or other",
+  "description": "Currency component",
   "platforms": [
     "react",
     "rails"

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

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "DashboardValue",
-  "description": "Use in dashboards to give the viewer a quick overview of important",
+  "description": "DashboardValue component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/date.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Date",
-  "description": "Use to display the date. Year will not display if it is the current",
+  "description": "Date component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/date_picker.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "DatePicker",
-  "description": "Playbook's date picker is built using flatpickr, a vanilla js library.",
+  "description": "DatePicker component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/date_range_inline.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "DateRangeInline",
-  "description": "Use to display a date range. Year will not show if it is the current",
+  "description": "DateRangeInline component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/date_range_stacked.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "DateRangeStacked",
-  "description": "Displays a date range in a vertical stacked format.",
+  "description": "DateRangeStacked component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/date_stacked.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "DateStacked",
-  "description": "Use to display the date, stacking month and day. Year will not show",
+  "description": "DateStacked component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/date_time.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "DateTime",
-  "description": "Date Time is a composite kit that leverages the Date and Time kits.",
+  "description": "DateTime component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/date_time_stacked.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "DateTimeStacked",
-  "description": "Displays date and time in a vertical stacked format.",
+  "description": "DateTimeStacked component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/date_year_stacked.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "DateYearStacked",
-  "description": "This kit is a simple option for displaying dates in a month, day",
+  "description": "DateYearStacked component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/detail.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Detail",
-  "description": "Used for tables or designs with large amounts of data or text.",
+  "description": "Detail component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/dialog.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Dialog",
-  "description": "Modal dialog for confirmations, forms, or focused content. Supports status icons for info, caution, delete, error, and success states.",
+  "description": "Dialog component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/distribution_bar.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "DistributionBar",
-  "description": "Can be used in the same way a pie chart can be used. By default,",
+  "description": "DistributionBar component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/draggable.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Draggable",
-  "description": "Drag and drop functionality for reordering items.",
+  "description": "Draggable component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/dropdown.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Dropdown",
-  "description": "Customizable dropdown menu with trigger element and various option configurations.",
+  "description": "Dropdown component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/empty_state.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "EmptyState",
-  "description": "Empty state placeholder for when no content is available.",
+  "description": "EmptyState component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/file_upload.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "FileUpload",
-  "description": "Allows users to upload files via drag-and-drop or file browser.",
+  "description": "FileUpload component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/filter.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Filter",
-  "description": "This kit can be implemented in a variety of ways. To see examples",
+  "description": "Filter component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/fixed_confirmation_toast.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "FixedConfirmationToast",
-  "description": "Fixed Confirmation Toast is used as an alert. Success is used when",
+  "description": "FixedConfirmationToast component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/flex.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Flex",
-  "description": "This kit is used to build most of the complex interfaces. The Flex",
+  "description": "Flex component",
   "platforms": [
     "react",
     "rails"
@@ -120,6 +120,21 @@
         "rails"
       ],
       "default": false
+    },
+    "alignSelf": {
+      "type": "enum",
+      "platforms": [
+        "react",
+        "rails"
+      ],
+      "values": [
+        "start",
+        "end",
+        "center",
+        "stretch",
+        "none"
+      ],
+      "default": "none"
     }
   },
   "globalProps": true,

package/dist/ai/kits/form.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Form",
-  "description": "The form kit provides consumers with a convenient, consistently styled",
+  "description": "Form component",
   "platforms": [
     "rails"
   ],

package/dist/ai/kits/form_group.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "FormGroup",
-  "description": "Groups related form fields together with optional labels.",
+  "description": "FormGroup component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/form_pill.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "FormPill",
-  "description": "Pill-shaped form elements for tags, selections, or filters.",
+  "description": "FormPill component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/hashtag.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Hashtag",
-  "description": "Hashtag is used to display home, project and other forms of IDs.",
+  "description": "Hashtag component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/highlight.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Highlight",
-  "description": "Highlight is used to pick out or emphasize content.",
+  "description": "Highlight component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/home_address_street.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "HomeAddressStreet",
-  "description": "This kit can be used to display the address for a homeowner/project.",
+  "description": "HomeAddressStreet component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/icon.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Icon",
-  "description": "An icon is a graphic symbol that represents an object (ie a file)",
+  "description": "Icon component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/icon_circle.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "IconCircle",
-  "description": "Similar to Icon, Icon Circle is a graphical symbol within a circle",
+  "description": "IconCircle component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/icon_stat_value.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "IconStatValue",
-  "description": "Displays a statistic value with an associated icon.",
+  "description": "IconStatValue component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/icon_value.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "IconValue",
-  "description": "Icon Value leverages our icon kit, to display a value of some sort",
+  "description": "IconValue component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/image.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Image",
-  "description": "A responsive image component.",
+  "description": "Image component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/label_pill.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "LabelPill",
-  "description": "This kit combines the caption and pill kit with all its variants.",
+  "description": "LabelPill component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/label_value.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "LabelValue",
-  "description": "This kit can be very versatile when used to display text data.",
+  "description": "LabelValue component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/layout.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Layout",
-  "description": "Layouts used for positioning content inside of pages, cards, or containers.",
+  "description": "Layout component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/legend.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Legend",
-  "description": "A key used to compare the variables and their value in any given",
+  "description": "Legend component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/link.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Link",
-  "description": "Text link for navigation to other pages or sections.",
+  "description": "Link component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/list.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "List",
-  "description": "Lists display a vertical set of related content.",
+  "description": "List component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/loading_inline.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "LoadingInline",
-  "description": "The loading kit is used to indicate to users that a page is still",
+  "description": "LoadingInline component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/map.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Map",
-  "description": "This kit provides a wrapping class to place around the MapLibre library.",
+  "description": "Map component",
   "platforms": [
     "react"
   ],

package/dist/ai/kits/message.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Message",
-  "description": "This multi kit consist of a an avatar, a status, a caption, a body",
+  "description": "Message component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/multi_level_select.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "MultiLevelSelect",
-  "description": "The MultiLevelSelect kit renders a multi leveled select dropdown",
+  "description": "MultiLevelSelect component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/multiple_users.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "MultipleUsers",
-  "description": "The multiple users kit is used to show that more than one user is",
+  "description": "MultipleUsers component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/multiple_users_stacked.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "MultipleUsersStacked",
-  "description": "Multiple users stacked is used in tight spaces, where we need to",
+  "description": "MultipleUsersStacked component",
   "platforms": [
     "react",
     "rails"

package/dist/ai/kits/nav.schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
   "name": "Nav",
-  "description": "The nav is a grouped set of links that take the user to another page,",
+  "description": "Nav component",
   "platforms": [
     "react",
     "rails"