playbook_ui_docs 16.5.0 → 16.6.0.pre.alpha.RTEPOC15805

data/app/pb_kits/playbook/pb_time/docs/_playground.json

@@ -0,0 +1,74 @@
+{
+  "template": "<Time{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "align": "left",
+    "showIcon": false,
+    "size": "sm",
+    "showTimezone": true,
+    "unstyled": false
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "date",
+        "showTimezone",
+        "timeZone",
+        "showIcon"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "size",
+        "align",
+        "unstyled"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "date": "2026-04-09T15:30:00.000Z"
+      }
+    },
+    {
+      "name": "Medium & centered",
+      "props": {
+        "date": "2026-04-09T15:30:00.000Z",
+        "size": "md",
+        "align": "center"
+      }
+    },
+    {
+      "name": "With clock icon",
+      "props": {
+        "date": "2026-04-09T09:15:00.000Z",
+        "showIcon": true,
+        "size": "md"
+      }
+    },
+    {
+      "name": "Hide timezone label",
+      "props": {
+        "date": "2026-04-09T15:30:00.000Z",
+        "showTimezone": false
+      }
+    },
+    {
+      "name": "Pacific time",
+      "props": {
+        "date": "2026-04-09T15:30:00.000Z",
+        "timeZone": "America/Los_Angeles"
+      }
+    }
+  ],
+  "conditionals": {
+    "timeZone": {
+      "requires": "showTimezone"
+    }
+  },
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_time/docs/_playground.overrides.json

@@ -0,0 +1,54 @@
+{
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["date", "showTimezone", "timeZone", "showIcon"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["size", "align", "unstyled"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "date": "2026-04-09T15:30:00.000Z"
+      }
+    },
+    {
+      "name": "Medium & centered",
+      "props": {
+        "date": "2026-04-09T15:30:00.000Z",
+        "size": "md",
+        "align": "center"
+      }
+    },
+    {
+      "name": "With clock icon",
+      "props": {
+        "date": "2026-04-09T09:15:00.000Z",
+        "showIcon": true,
+        "size": "md"
+      }
+    },
+    {
+      "name": "Hide timezone label",
+      "props": {
+        "date": "2026-04-09T15:30:00.000Z",
+        "showTimezone": false
+      }
+    },
+    {
+      "name": "Pacific time",
+      "props": {
+        "date": "2026-04-09T15:30:00.000Z",
+        "timeZone": "America/Los_Angeles"
+      }
+    }
+  ],
+  "conditionals": {
+    "timeZone": { "requires": "showTimezone" }
+  },
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_time_picker/docs/_playground.json

@@ -0,0 +1,119 @@
+{
+  "template": "<TimePicker{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "disabled": false,
+    "label": "Time Picker",
+    "required": false,
+    "requiredIndicator": false,
+    "showTimezone": false,
+    "timeFormat": "AMPM",
+    "validationMessage": ""
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "label",
+        "name",
+        "value",
+        "defaultTime"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "timeFormat",
+        "showTimezone"
+      ]
+    },
+    {
+      "name": "Validation",
+      "props": [
+        "required",
+        "requiredIndicator",
+        "disabled",
+        "minTime",
+        "maxTime",
+        "error",
+        "validationMessage"
+      ]
+    },
+    {
+      "name": "Advanced",
+      "props": [
+        "inputOptions",
+        "onChange",
+        "onClose"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "label": "Start time",
+        "name": "start_time",
+        "defaultTime": "3:30 PM"
+      }
+    },
+    {
+      "name": "24-hour",
+      "props": {
+        "label": "Duration start",
+        "name": "duration_start",
+        "timeFormat": "24hour",
+        "defaultTime": "15:30"
+      }
+    },
+    {
+      "name": "With timezone",
+      "props": {
+        "label": "Meeting time",
+        "name": "meeting_time",
+        "defaultTime": "9:00 AM",
+        "showTimezone": true
+      }
+    },
+    {
+      "name": "Business hours",
+      "props": {
+        "label": "Callback window",
+        "name": "callback_time",
+        "minTime": "9:00 AM",
+        "maxTime": "5:00 PM",
+        "defaultTime": "2:00 PM"
+      }
+    },
+    {
+      "name": "Required field",
+      "props": {
+        "label": "Appointment",
+        "name": "appointment_time",
+        "required": true,
+        "requiredIndicator": true,
+        "defaultTime": "10:00 AM"
+      }
+    },
+    {
+      "name": "Disabled",
+      "props": {
+        "label": "Locked",
+        "name": "locked_time",
+        "disabled": true,
+        "defaultTime": "12:00 PM"
+      }
+    },
+    {
+      "name": "Error state",
+      "props": {
+        "label": "Invalid slot",
+        "name": "error_time",
+        "error": "Selected time is unavailable",
+        "defaultTime": "11:45 AM"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_time_picker/docs/_playground.overrides.json

@@ -0,0 +1,96 @@
+{
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["label", "name", "value", "defaultTime"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["timeFormat", "showTimezone"]
+    },
+    {
+      "name": "Validation",
+      "props": [
+        "required",
+        "requiredIndicator",
+        "disabled",
+        "minTime",
+        "maxTime",
+        "error",
+        "validationMessage"
+      ]
+    },
+    {
+      "name": "Advanced",
+      "props": ["inputOptions", "onChange", "onClose"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "label": "Start time",
+        "name": "start_time",
+        "defaultTime": "3:30 PM"
+      }
+    },
+    {
+      "name": "24-hour",
+      "props": {
+        "label": "Duration start",
+        "name": "duration_start",
+        "timeFormat": "24hour",
+        "defaultTime": "15:30"
+      }
+    },
+    {
+      "name": "With timezone",
+      "props": {
+        "label": "Meeting time",
+        "name": "meeting_time",
+        "defaultTime": "9:00 AM",
+        "showTimezone": true
+      }
+    },
+    {
+      "name": "Business hours",
+      "props": {
+        "label": "Callback window",
+        "name": "callback_time",
+        "minTime": "9:00 AM",
+        "maxTime": "5:00 PM",
+        "defaultTime": "2:00 PM"
+      }
+    },
+    {
+      "name": "Required field",
+      "props": {
+        "label": "Appointment",
+        "name": "appointment_time",
+        "required": true,
+        "requiredIndicator": true,
+        "defaultTime": "10:00 AM"
+      }
+    },
+    {
+      "name": "Disabled",
+      "props": {
+        "label": "Locked",
+        "name": "locked_time",
+        "disabled": true,
+        "defaultTime": "12:00 PM"
+      }
+    },
+    {
+      "name": "Error state",
+      "props": {
+        "label": "Invalid slot",
+        "name": "error_time",
+        "error": "Selected time is unavailable",
+        "defaultTime": "11:45 AM"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_time_range_inline/docs/_playground.json

@@ -0,0 +1,32 @@
+{
+  "template": "<TimeRangeInline{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "alignment": "left",
+    "size": "sm",
+    "icon": false,
+    "timezone": false
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "alignment",
+        "size",
+        "dark",
+        "icon",
+        "timezone",
+        "startTime",
+        "endTime"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_time_stacked/docs/_playground.json

@@ -0,0 +1,54 @@
+{
+  "template": "<TimeStacked{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "align": "left"
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "time",
+        "date",
+        "timeZone"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "align"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "time": 1775748600000
+      }
+    },
+    {
+      "name": "Centered",
+      "props": {
+        "time": 1775748600000,
+        "align": "center"
+      }
+    },
+    {
+      "name": "London",
+      "props": {
+        "time": 1775748600000,
+        "timeZone": "Europe/London"
+      }
+    },
+    {
+      "name": "Evening slot",
+      "props": {
+        "time": 1775764800000,
+        "align": "right"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_time_stacked/docs/_playground.overrides.json

@@ -0,0 +1,43 @@
+{
+  "groups": [
+    {
+      "name": "Content",
+      "props": ["time", "date", "timeZone"]
+    },
+    {
+      "name": "Appearance",
+      "props": ["align"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "time": 1775748600000
+      }
+    },
+    {
+      "name": "Centered",
+      "props": {
+        "time": 1775748600000,
+        "align": "center"
+      }
+    },
+    {
+      "name": "London",
+      "props": {
+        "time": 1775748600000,
+        "timeZone": "Europe/London"
+      }
+    },
+    {
+      "name": "Evening slot",
+      "props": {
+        "time": 1775764800000,
+        "align": "right"
+      }
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_timeline/docs/_playground.json

@@ -0,0 +1,27 @@
+{
+  "template": "<Timeline{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "orientation": "horizontal",
+    "showDate": false,
+    "itemGap": "none"
+  },
+  "groups": [
+    {
+      "name": "Props",
+      "props": [
+        "orientation",
+        "showDate",
+        "itemGap"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {}
+    }
+  ],
+  "conditionals": {},
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_timestamp/docs/_playground.json

@@ -0,0 +1,104 @@
+{
+  "template": "<Timestamp{{props}} />",
+  "propTargets": {},
+  "defaults": {
+    "align": "left",
+    "timezone": "America/New_York",
+    "showCurrentYear": false,
+    "showDate": true,
+    "showUser": false,
+    "hideUpdated": false,
+    "showTime": true,
+    "showTimezone": false,
+    "unstyled": false,
+    "variant": "default"
+  },
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "timestamp",
+        "text",
+        "showDate",
+        "showTime",
+        "showCurrentYear",
+        "showTimezone",
+        "showUser",
+        "hideUpdated"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": [
+        "variant",
+        "align",
+        "unstyled"
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "timestamp": "2026-04-09T15:30:00.000Z",
+        "text": "Alex Chen"
+      }
+    },
+    {
+      "name": "Date only",
+      "props": {
+        "timestamp": "2026-04-09T15:30:00.000Z",
+        "text": "",
+        "showTime": false
+      }
+    },
+    {
+      "name": "Time only",
+      "props": {
+        "timestamp": "2026-04-09T15:30:00.000Z",
+        "text": "",
+        "showDate": false
+      }
+    },
+    {
+      "name": "With timezone",
+      "props": {
+        "timestamp": "2026-04-09T15:30:00.000Z",
+        "text": "",
+        "showTimezone": true,
+        "timezone": "America/Chicago"
+      }
+    },
+    {
+      "name": "Elapsed",
+      "props": {
+        "timestamp": "2026-04-08T12:00:00.000Z",
+        "text": "Jordan Lee",
+        "variant": "elapsed"
+      }
+    },
+    {
+      "name": "Last updated",
+      "props": {
+        "timestamp": "2026-04-09T14:00:00.000Z",
+        "text": "Sam Rivera",
+        "variant": "updated",
+        "showUser": true
+      }
+    },
+    {
+      "name": "Centered",
+      "props": {
+        "timestamp": "2026-04-09T15:30:00.000Z",
+        "text": "",
+        "align": "center"
+      }
+    }
+  ],
+  "conditionals": {
+    "showUser": {
+      "requires": "text"
+    }
+  },
+  "hints": {}
+}

data/app/pb_kits/playbook/pb_timestamp/docs/_playground.overrides.json

@@ -0,0 +1,84 @@
+{
+  "groups": [
+    {
+      "name": "Content",
+      "props": [
+        "timestamp",
+        "text",
+        "showDate",
+        "showTime",
+        "showCurrentYear",
+        "showTimezone",
+        "showUser",
+        "hideUpdated"
+      ]
+    },
+    {
+      "name": "Appearance",
+      "props": ["variant", "align", "unstyled"]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Default",
+      "props": {
+        "timestamp": "2026-04-09T15:30:00.000Z",
+        "text": "Alex Chen"
+      }
+    },
+    {
+      "name": "Date only",
+      "props": {
+        "timestamp": "2026-04-09T15:30:00.000Z",
+        "text": "",
+        "showTime": false
+      }
+    },
+    {
+      "name": "Time only",
+      "props": {
+        "timestamp": "2026-04-09T15:30:00.000Z",
+        "text": "",
+        "showDate": false
+      }
+    },
+    {
+      "name": "With timezone",
+      "props": {
+        "timestamp": "2026-04-09T15:30:00.000Z",
+        "text": "",
+        "showTimezone": true,
+        "timezone": "America/Chicago"
+      }
+    },
+    {
+      "name": "Elapsed",
+      "props": {
+        "timestamp": "2026-04-08T12:00:00.000Z",
+        "text": "Jordan Lee",
+        "variant": "elapsed"
+      }
+    },
+    {
+      "name": "Last updated",
+      "props": {
+        "timestamp": "2026-04-09T14:00:00.000Z",
+        "text": "Sam Rivera",
+        "variant": "updated",
+        "showUser": true
+      }
+    },
+    {
+      "name": "Centered",
+      "props": {
+        "timestamp": "2026-04-09T15:30:00.000Z",
+        "text": "",
+        "align": "center"
+      }
+    }
+  ],
+  "conditionals": {
+    "showUser": { "requires": "text" }
+  },
+  "hints": {}
+}