playbook_ui_docs 16.11.0.pre.alpha.testkey2 → 16.11.0.pre.alpha.typeaheadsmartreset17862

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

@@ -5,8 +5,8 @@
     "align": "left",
     "muted": false,
     "variant": "default",
-    "width": "100%",
-    "percent": "50"
+    "percent": "50",
+    "width": "100%"
   },
   "groups": [
     {

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

@@ -127,17 +127,6 @@
       "type": "info"
     }
   },
-  "externalDependencies": {
-    "packages": [
-      "react-trix",
-      "trix",
-      "@tiptap/react",
-      "@tiptap/starter-kit",
-      "@tiptap/extension-link"
-    ],
-    "optional": true,
-    "note": "Default React editor uses Trix (pass TrixEditor from react-trix). Advanced editor uses TipTap. The host app must already have the needed packages installed. Agents must not install packages — tell the user if they are missing. Rails advanced TipTap may load via the kit’s esm.sh script."
-  },
   "structureModes": {
     "default": "advanced",
     "modes": {

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

@@ -1,15 +1,4 @@
 {
-  "externalDependencies": {
-    "packages": [
-      "react-trix",
-      "trix",
-      "@tiptap/react",
-      "@tiptap/starter-kit",
-      "@tiptap/extension-link"
-    ],
-    "optional": true,
-    "note": "Default React editor uses Trix (pass TrixEditor from react-trix). Advanced editor uses TipTap. The host app must already have the needed packages installed. Agents must not install packages — tell the user if they are missing. Rails advanced TipTap may load via the kit’s esm.sh script."
-  },
   "structureModes": {
     "default": "advanced",
     "modes": {

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

@@ -3,7 +3,6 @@
   "propTargets": {},
   "defaults": {
     "color": "default",
-    "dark": false,
     "lineStyle": "solid",
     "orientation": "horizontal",
     "variant": "card"

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

@@ -2,13 +2,12 @@
   "template": "<SkeletonLoading{{props}} />",
   "propTargets": {},
   "defaults": {
-    "height": "16px",
-    "width": "100%",
-    "borderRadius": "sm",
-    "gap": "xxs",
     "stack": 1,
     "color": "default",
-    "dark": false
+    "borderRadius": "sm",
+    "gap": "xxs",
+    "height": "16px",
+    "width": "100%"
   },
   "groups": [
     {

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

@@ -2,7 +2,6 @@
   "template": "<TimePicker{{props}} />",
   "propTargets": {},
   "defaults": {
-    "dark": false,
     "disabled": false,
     "label": "Time Picker",
     "required": false,

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

@@ -4,7 +4,6 @@
   "defaults": {
     "alignment": "left",
     "size": "sm",
-    "dark": false,
     "icon": false,
     "timezone": false
   },

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

@@ -3,7 +3,6 @@
   "propTargets": {},
   "defaults": {
     "align": "left",
-    "dark": false,
     "timezone": "America/New_York",
     "showCurrentYear": false,
     "showDate": true,

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb

@@ -63,18 +63,3 @@
 }) %>
 
 <br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_date: false,
-  show_timezone: true,
-  timezone: "Eastern Time (US & Canada)",
-}) %>
-
-<br>
-
-<%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now,
-  show_timezone: true,
-  timezone: "Pacific Time (US & Canada)",
-}) %>

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx

@@ -85,25 +85,6 @@ const TimestampTimezones = (props) => {
           timezone="Asia/Hong_Kong"
           {...props}
       />
-
-      <br />
-
-      <Timestamp
-          showDate={false}
-          showTimezone
-          timestamp={todaysDate}
-          timezone="Eastern Time (US & Canada)"
-          {...props}
-      />
-
-      <br />
-
-      <Timestamp
-          showTimezone
-          timestamp={todaysDate}
-          timezone="Pacific Time (US & Canada)"
-          {...props}
-      />
     </div>
   )
 }

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.md

@@ -1,3 +1 @@
-The `showTimezone`/`show_timezone` prop can be used to show the timezone as well. This is set to false by default. **NOTE**: This prop must be used in conjunction with the `timezone` prop to specify which timezone to display.
-
-The `timezone` prop accepts both IANA timezone identifiers (e.g. `America/New_York`) and ActiveSupport timezone names (e.g. `Eastern Time (US & Canada)`).
+The `showTimezone`/`show_timezone` prop can be used to show the timezone as well. This is set to false by default. **NOTE**: This prop must be used in conjunction with the `timezone` prop to specify which timezone to display. 

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

@@ -7,8 +7,6 @@
     "disabled": false,
     "error": "",
     "inputDisplay": "pills",
-    "marginBottom": "sm",
-    "pillColor": "primary",
     "required": false,
     "requiredIndicator": false,
     "clearOnContextChange": true,

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.md

@@ -8,7 +8,7 @@ You can also pass `default_options` which will populate the initial pill selecti
 
 `default_options: [{ label: 'Windows', value: '#FFA500' }]`
 
-When present, the kit root gets `data-default-value` (JSON of `{ label, value }` only) for restore-after-clear via `:set`. Extra option fields are omitted; if serialization fails, the attribute is left off so the kit still mounts.
+When present, the kit root is stamped with `data-default-value` (JSON of those initial options) for restore-after-clear via `:set`.
 
 #### Rails: Subscribing to JS Events
 
@@ -25,7 +25,7 @@ The same rule regarding the `id` prop applies to publishing JS events. The examp
 
 `pb-typeahead-kit-typeahead-pills-example1:clear` event to clear all options.
 
-`pb-typeahead-kit-typeahead-pills-example1:set` event to set options without treating it as a user click (no `result-option-select`). Pass `detail` as `[{ label, value }, ...]` (or a single object for single-select):
+`pb-typeahead-kit-typeahead-pills-example1:set` event to set options. Pass `detail` as `[{ label, value }, ...]` (or a single object for single-select):
 
 ```js
 document.dispatchEvent(new CustomEvent('pb-typeahead-kit-typeahead-pills-example1:set', {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 16.11.0.pre.alpha.testkey2
+  version: 16.11.0.pre.alpha.typeaheadsmartreset17862
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-07-29 00:00:00.000000000 Z
+date: 2026-07-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -78,8 +78,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width_rails.html.erb
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx
@@ -102,10 +100,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell_rails.html.erb
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_grouped_headers_composition.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_grouped_headers_composition.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
@@ -136,12 +130,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_both.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_both_rails.html.erb
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_both_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_both_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_bottom.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_bottom_rails.html.erb
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_bottom_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_bottom_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_rails.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_rails.md
@@ -171,10 +161,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers.html.erb
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers_rails.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
@@ -2078,9 +2064,6 @@ files:
 - app/pb_kits/playbook/pb_pill/docs/_pill_example.jsx
 - app/pb_kits/playbook/pb_pill/docs/_pill_example.md
 - app/pb_kits/playbook/pb_pill/docs/_pill_props_swift.md
-- app/pb_kits/playbook/pb_pill/docs/_pill_size.html.erb
-- app/pb_kits/playbook/pb_pill/docs/_pill_size.jsx
-- app/pb_kits/playbook/pb_pill/docs/_pill_size.md
 - app/pb_kits/playbook/pb_pill/docs/_pill_variants.html.erb
 - app/pb_kits/playbook/pb_pill/docs/_pill_variants.jsx
 - app/pb_kits/playbook/pb_pill/docs/_pill_variants_swift.md

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width_rails.html.erb

@@ -1,41 +0,0 @@
-<% column_definitions = [
-    {
-      accessor: "year",
-      label: "Year (fixed)",
-      cellAccessors: ["quarter", "month", "day"],
-      # width alone locks min + max to the same value (128px).
-      column_styling: { width: 128 },
-    },
-    {
-      accessor: "newEnrollments",
-      label: "Enrollments (floor)",
-      column_styling: { min_width: 160 },
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Meetings (preferred)",
-      column_styling: { width: 200, min_width: 160, max_width: 240 },
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance (min / pref / max)",
-      column_styling: { min_width: 108, width: 124, max_width: 168 },
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Completion %",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated",
-    },
-] %>
-
-<%= pb_rails("advanced_table", props: { id: "column-styling-width", table_data: @table_data, column_definitions: column_definitions }) do %>
-  <%= pb_rails("advanced_table/table_header", props: { table_id: "column-styling-width", column_definitions: column_definitions }) %>
-  <%= pb_rails("advanced_table/table_body", props: { table_id: "column-styling-width", table_data: @table_data, column_definitions: column_definitions }) %>
-<% end %>

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_width_rails.md

@@ -1,49 +0,0 @@
-AdvancedTable column width is controlled on each leaf `column_definitions` entry via `column_styling`. Playbook maps these keys to inline styles on header and body cells.
-
-**1)** `column_styling` width keys:
-
-- Preferred / target width: `width`
-- Minimum width (floor): `min_width`
-- Maximum width (ceiling): `max_width`
-
-Numbers are pixels. You can also pass CSS length strings (e.g. `"12rem"`, `"200px"`).
-
-**2)** Fixed width: set `width` only
-
-If you pass only `width` and do not set `min_width` / `max_width`, Playbook treats that as a fixed column: it sets all three to the same value under the hood so you do not have to repeat yourself.
-
-```ruby
-column_styling: { width: 128 }
-# Applied as width, min-width, and max-width: 128px
-```
-
-Use this when the column should stay one width (e.g. a hierarchy column with expand controls).
-
-**3)** Floor only: `min_width`
-
-Set only a minimum when the column may grow with the table or content but must not shrink below a baseline (common fix for horizontal “jump” when rows expand):
-
-```ruby
-column_styling: { min_width: 160 }
-```
-
-**4)** Flexible band: min + preferred + max
-
-Set two or three values when you want a range. CSS uses preferred `width` clamped between `min_width` and `max_width`:
-
-- `min_width`: won’t shrink below this.
-- `width`: preferred size when space allows.
-- `max_width`: won’t grow above this.
-
-Example from the table below (Attendance): `min_width: 108`, `width: 124`, `max_width: 168` → preferred 124px, allowed between 108 and 168.
-
-You only need all three when you want that band. If min and max are omitted, `width` alone is enough for a fixed column.
-
-**5)** What the example table shows
-
-- Year (fixed): `column_styling: { width: 128 }` — locked to 128px.
-- Enrollments (floor): `column_styling: { min_width: 160 }` — at least 160px; can grow.
-- Meetings (preferred): `width` / `min_width` / `max_width` — preferred 200px, between 160–240.
-- Attendance (min / pref / max): all three — preferred 124px, between 108–168.
-
-Grouped columns: put width options on leaf definitions (columns with an `accessor`), not on parent group headers.

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell.jsx

@@ -1,69 +0,0 @@
-import React from "react"
-import AdvancedTable from '../../pb_advanced_table/_advanced_table'
-import Flex from "../../pb_flex/_flex"
-import Badge from "../../pb_badge/_badge"
-import Title from "../../pb_title/_title"
-import MOCK_DATA from "./advanced_table_mock_data.json"
-
-const AdvancedTableFullWidthCell = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-      customRenderer: (row, value) => (
-        <Flex justify="between">
-          <Title size={4}
-              text={value}
-          />
-          <Badge dark
-              marginLeft="xxs"
-              text={row.original.newEnrollments > 20 ? "High" : "Low"}
-              variant="neutral"
-          />
-        </Flex>
-      ),
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          enableToggleExpansion="all"
-          fullWidthCell
-          tableData={MOCK_DATA}
-          {...props}
-      >
-        <AdvancedTable.Header enableSorting />
-        <AdvancedTable.Body />
-      </AdvancedTable>
-    </div>
-  )
-}
-
-export default AdvancedTableFullWidthCell

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell.md

@@ -1,3 +0,0 @@
-`fullWidthCell` is an optional boolean prop that defaults to `false`. When set to `true`, the first column's cell content takes up the full available width of the cell.
-
-This is especially useful with custom cell renderers that need horizontal space — for example, a `Flex` with `justify="between"` that places content on both the left and right edges of the cell.

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell_rails.html.erb

@@ -1,49 +0,0 @@
-<%
-  column_definitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-      custom_renderer: ->(row, value) {
-        capture do
-          pb_rails("flex", props: { justify: "between" }) do
-            pb_rails("title", props: { text: value, size: 4 }) +
-            pb_rails("badge", props: { dark: true, margin_left: "xxs", text: row[:newEnrollments].to_i > 20 ? "High" : "Low", variant: "neutral" })
-          end
-        end
-      }
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    }
-  ]
-%>
-
-<%= pb_rails("advanced_table", props: {
-  id: "full_width_cell",
-  table_data: @table_data,
-  column_definitions: column_definitions,
-  enable_toggle_expansion: "all",
-  full_width_cell: true
-}) %>

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_full_width_cell_rails.md

@@ -1,3 +0,0 @@
-`full_width_cell` is an optional boolean prop that defaults to `false`. When set to `true`, the first column's cell content takes up the full available width of the cell.
-
-This is especially useful with custom cell renderers that need horizontal space — for example, a `Flex` with `justify: "between"` that places content on both the left and right edges of the cell.

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_both_rails.html.erb

@@ -1,57 +0,0 @@
-<%# Example sort method for demonstration purposes %>
-<% if params["sort"] %>
-  <% sort_param = params["sort"].gsub(/_(asc|desc)\z/, "") %>
-  <% sort_direction = params["sort"].end_with?("_asc") ? 1 : -1 %>
-  <% @table_data_with_id.sort! do |a, b|
-    value_a = a[sort_param] || a[sort_param.to_sym]
-    value_b = b[sort_param] || b[sort_param.to_sym]
-
-    value_a = value_a.to_i if value_a.is_a?(String) && value_a.match?(/^\d+$/)
-    value_b = value_b.to_i if value_b.is_a?(String) && value_b.match?(/^\d+$/)
-
-    sort_direction * (value_a <=> value_b)
-  end %>
-<% end %>
-
-<% column_definitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-      sort_menu: [
-        { item: "Year", link: "?sort=year_asc#pinned_rows_both_table", active: params["sort"] == "year_asc", direction: "asc" },
-        { item: "Year", link: "?sort=year_desc#pinned_rows_both_table", active: params["sort"] == "year_desc", direction: "desc" }
-      ],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    }
-] %>
-
-<% pinned_rows = { top: ["8"], bottom: ["1"] } %>
-
-<%= pb_rails("advanced_table", props: { id: "pinned_rows_both_table", table_data: @table_data_with_id, column_definitions: column_definitions, max_height: "xs", pinned_rows: pinned_rows, responsive: "none", table_props: { sticky: true }}) do %>
-  <%= pb_rails("advanced_table/table_header", props: { table_id: "pinned_rows_both_table", column_definitions: column_definitions }) %>
-  <%= pb_rails("advanced_table/table_body", props: { table_id: "pinned_rows_both_table", table_data: @table_data_with_id, column_definitions: column_definitions, pinned_rows: pinned_rows }) %>
-<% end %>

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_both_rails.md

@@ -1 +0,0 @@
-This code snippet demonstrates `pinned_rows` taking a hash with an array of row ids to both the `top` and `bottom` keys.

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_bottom_rails.html.erb

@@ -1,57 +0,0 @@
-<%# Example sort method for demonstration purposes %>
-<% if params["sort"] %>
-  <% sort_param = params["sort"].gsub(/_(asc|desc)\z/, "") %>
-  <% sort_direction = params["sort"].end_with?("_asc") ? 1 : -1 %>
-  <% @table_data_with_id.sort! do |a, b|
-    value_a = a[sort_param] || a[sort_param.to_sym]
-    value_b = b[sort_param] || b[sort_param.to_sym]
-
-    value_a = value_a.to_i if value_a.is_a?(String) && value_a.match?(/^\d+$/)
-    value_b = value_b.to_i if value_b.is_a?(String) && value_b.match?(/^\d+$/)
-
-    sort_direction * (value_a <=> value_b)
-  end %>
-<% end %>
-
-<% column_definitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-      sort_menu: [
-        { item: "Year", link: "?sort=year_asc#pinned_rows_bottom_table", active: params["sort"] == "year_asc", direction: "asc" },
-        { item: "Year", link: "?sort=year_desc#pinned_rows_bottom_table", active: params["sort"] == "year_desc", direction: "desc" }
-      ],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    }
-] %>
-
-<% pinned_rows = { bottom: ["8"] } %>
-
-<%= pb_rails("advanced_table", props: { id: "pinned_rows_bottom_table", table_data: @table_data_with_id, column_definitions: column_definitions, max_height: "xs", pinned_rows: pinned_rows, responsive: "none", table_props: { sticky: true }}) do %>
-  <%= pb_rails("advanced_table/table_header", props: { table_id: "pinned_rows_bottom_table", column_definitions: column_definitions }) %>
-  <%= pb_rails("advanced_table/table_body", props: { table_id: "pinned_rows_bottom_table", table_data: @table_data_with_id, column_definitions: column_definitions, pinned_rows: pinned_rows }) %>
-<% end %>

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_bottom_rails.md

@@ -1 +0,0 @@
-This code snippet demonstrates `pinned_rows` taking a hash with an array of row ids to the `bottom` key.

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_skipping_subrow_headers.html.erb

@@ -1,40 +0,0 @@
-<% 
-  column_definitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    }
-  ]
-
-  subrow_headers = ["Quarter", "", "Day"]
-%>
-
-<%= pb_rails("advanced_table", props: { id: "skipping-subrow-headers", table_data: @table_data, column_definitions: column_definitions }) do %>
-  <%= pb_rails("advanced_table/table_header", props: { table_id: "skipping-subrow-headers", column_definitions: column_definitions }) %>
-  <%= pb_rails("advanced_table/table_body", props: { table_id: "skipping-subrow-headers", table_data: @table_data, column_definitions: column_definitions, subrow_headers: subrow_headers, enable_toggle_expansion: "all" }) %>
-<% end %>