playbook_ui 15.1.0.pre.alpha.typeaheadscss11143 → 15.1.0.pre.rc.0

data/lib/playbook/engine.rb

@@ -1,6 +1,7 @@
 # frozen_string_literal: true
 
 require "action_view/railtie"
+require "webpacker/react"
 require "view_component"
 
 module Playbook

data/lib/playbook/forms/builder/form_field_builder.rb

@@ -4,58 +4,23 @@ module Playbook
   module Forms
     class Builder
       class FormFieldBuilder < Module
-        MASK_PATTERNS = {
-          "currency" => '^\$\d{1,3}(?:,\d{3})*(?:\.\d{2})?$',
-          "zip_code" => '\d{5}',
-          "postal_code" => '\d{5}-\d{4}',
-          "ssn" => '\d{3}-\d{2}-\d{4}',
-          "credit_card" => '\d{4} \d{4} \d{4} \d{4}',
-          "cvv" => '\d{3,4}',
-        }.freeze
-
         def initialize(method_name, kit_name:)
           define_method method_name do |name, props: {}, **options, &block|
-            props   = props.dup
+            props[:label] = @template.label(@object_name, name) if props[:label] == true
             options = Hash(options)
 
             options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
             options[:required] = true if props[:required]
             options[:placeholder] = props[:placeholder] || ""
-            options[:type] = props[:type] if props.key?(:type)
-            options[:value] = props[:value] if props.key?(:value)
-            options[:disabled] = true if props.key?(:disabled) && props[:disabled]
-            if props.key?(:disabled)
-              cursor_style = props[:disabled] ? "not-allowed" : "pointer"
-              existing_style = options[:style] || ""
-
-              options[:style] =
-                existing_style.empty? ? "cursor: #{cursor_style}" : "#{existing_style}; cursor: #{cursor_style}"
-            end
-            if props.key?(:autocomplete)
-              options[:autocomplete] = props[:autocomplete] == true ? nil : (props[:autocomplete].presence || "off")
-            end
-            if props.key?(:mask) && props[:mask].present?
-              options[:mask] = props[:mask]
-              options[:data] = (options[:data] || {}).merge(pb_input_mask: true)
-              options[:pattern] = MASK_PATTERNS[props[:mask]]
-            end
 
             if props.key?(:validation)
               validation = props[:validation]
               options[:pattern] = validation[:pattern] if validation[:pattern].present?
-              options[:data] = (options[:data] || {}).merge(message: validation[:message]) if validation[:message].present?
+              options[:data] = { message: validation[:message] } if validation[:message].present?
             end
 
             input = super(name, **options, &block)
 
-            input_id = input[/\bid="([^"]+)"/, 1] || "#{@object_name}_#{name}"
-
-            if props[:label] == true
-              props[:label] = @template.label(@object_name, name)
-            elsif props[:label].is_a?(String)
-              props[:label] = @template.label_tag(input_id, props[:label])
-            end
-
             @template.pb_rails(kit_name, props: props) do
               input
             end

data/lib/playbook/kit_base.rb

@@ -122,7 +122,7 @@ module Playbook
       html_options.each do |key, value|
         if key == :style && value.is_a?(Hash)
           # Convert style hash to CSS string
-          merged[:style] = value.map { |k, v| "#{k.to_s.tr('_', '-')}: #{v}" }.join("; ")
+          merged[:style] = value.map { |k, v| "#{k.to_s.gsub('_', '-')}: #{v}" }.join("; ")
         else
           merged[key] = value
         end
@@ -136,27 +136,6 @@ module Playbook
       merged.deep_merge(data_attributes)
     end
 
-    # Custom react_component helper to replace Webpacker React
-    # This will render a div with data attributes for the component name and props
-    # The mounting script will look for these divs and mount the appropriate React components
-    # Sister def in app/helpers/react_helper in playbook-website. Any changes here should be reflected there.
-    def react_component(component_name, props = {}, html_options = {})
-      # Convert props to JSON for the data attribute
-      props_json = props.to_json
-
-      # Build the HTML attributes
-      html_attrs = {
-        "data-pb-react-component" => component_name,
-        "data-pb-react-props" => props_json,
-      }
-
-      # Merge with any additional HTML options
-      html_attrs.merge!(html_options)
-
-      # Return the div element
-      content_tag(:div, "", html_attrs)
-    end
-
     def global_inline_props
       {
         height: height,
@@ -193,7 +172,7 @@ module Playbook
     end
 
     def dynamic_inline_props
-      styles = global_inline_props.map { |key, value| "#{key.to_s.tr('_', '-')}: #{value}" if inline_validator(key, value) }.compact
+      styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value}" if inline_validator(key, value) }.compact
       styles.join("; ").presence
     end
 

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "15.1.0"
-  VERSION = "15.1.0.pre.alpha.typeaheadscss11143"
+  PREVIOUS_VERSION = "15.0.0"
+  VERSION = "15.1.0.pre.rc.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 15.1.0.pre.alpha.typeaheadscss11143
+  version: 15.1.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-10-07 00:00:00.000000000 Z
+date: 2025-09-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -53,6 +53,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 5.2.4.5
+- !ruby/object:Gem::Dependency
+  name: react-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.6.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.6.1
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -68,19 +82,19 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 2.83.0
 - !ruby/object:Gem::Dependency
-  name: vite_rails
+  name: webpacker-react
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 0.3.2
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 0.3.2
 - !ruby/object:Gem::Dependency
   name: brakeman
   requirement: !ruby/object:Gem::Requirement
@@ -628,10 +642,6 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_loading.md
-- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.html.erb
-- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.md
-- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.html.erb
-- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.md
 - app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_options.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_props_swift.md
@@ -646,7 +656,6 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_footer.md
 - app/pb_kits/playbook/pb_button/docs/example.yml
 - app/pb_kits/playbook/pb_button/docs/index.js
-- app/pb_kits/playbook/pb_button/index.js
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.tsx
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
@@ -880,7 +889,6 @@ files:
 - app/pb_kits/playbook/pb_contact/contact.test.js
 - app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb
 - app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx
-- app/pb_kits/playbook/pb_contact/docs/_contact_default.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_default_swift.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_props_swift.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb
@@ -1212,6 +1220,7 @@ files:
 - app/pb_kits/playbook/pb_dialog/dialog.html.erb
 - app/pb_kits/playbook/pb_dialog/dialog.rb
 - app/pb_kits/playbook/pb_dialog/dialog.test.jsx
+- app/pb_kits/playbook/pb_dialog/dialogHelper.js
 - app/pb_kits/playbook/pb_dialog/dialog_body.html.erb
 - app/pb_kits/playbook/pb_dialog/dialog_body.rb
 - app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb
@@ -2269,9 +2278,6 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_description.md
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
-- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb
-- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx
-- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md
 - app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_bold_swift.md
 - app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_default_swift.md
 - app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_subtle_no_highlight_swift.md
@@ -2410,71 +2416,6 @@ files:
 - app/pb_kits/playbook/pb_passphrase/passphrase.html.erb
 - app/pb_kits/playbook/pb_passphrase/passphrase.rb
 - app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.scss
-- app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.tsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.html.erb
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_rails.md
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.html.erb
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.html.erb
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.html.erb
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.md
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.html.erb
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/example.yml
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/index.js
-- app/pb_kits/playbook/pb_pb_bar_graph/pbBarGraphTheme.ts
-- app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.html.erb
-- app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.rb
-- app/pb_kits/playbook/pb_pb_bar_graph/pbbargraph.test.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.scss
-- app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.tsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.md
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.md
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/example.yml
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/index.js
-- app/pb_kits/playbook/pb_pb_circle_chart/pbCircleChartTheme.ts
-- app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.html.erb
-- app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb
-- app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx
 - app/pb_kits/playbook/pb_person/_person.scss
 - app/pb_kits/playbook/pb_person/_person.tsx
 - app/pb_kits/playbook/pb_person/docs/_description.md
@@ -2765,7 +2706,6 @@ files:
 - app/pb_kits/playbook/pb_section_separator/docs/index.js
 - app/pb_kits/playbook/pb_section_separator/section_separator.html.erb
 - app/pb_kits/playbook/pb_section_separator/section_separator.rb
-- app/pb_kits/playbook/pb_section_separator/section_separator.test.js
 - app/pb_kits/playbook/pb_select/_select.scss
 - app/pb_kits/playbook/pb_select/_select.tsx
 - app/pb_kits/playbook/pb_select/docs/_description.md
@@ -3180,7 +3120,6 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_default.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
@@ -3314,47 +3253,25 @@ files:
 - app/pb_kits/playbook/pb_timestamp/_timestamp.tsx
 - app/pb_kits/playbook/pb_timestamp/docs/_description.md
 - app/pb_kits/playbook/pb_timestamp/docs/_footer.md
+- app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align_swift.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default_swift.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_swift.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_props_swift.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_swift.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.md
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.html.erb
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.jsx
-- app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.md
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_swift.md
 - app/pb_kits/playbook/pb_timestamp/docs/example.yml
 - app/pb_kits/playbook/pb_timestamp/docs/index.js
@@ -3708,13 +3625,12 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_line_graph-B-1uF3pN.js
-- dist/chunks/_typeahead-C8eN5nhR.js
-- dist/chunks/_weekday_stacked-1o7KVL87.js
-- dist/chunks/componentRegistry-DzmmLR2x.js
+- dist/chunks/_line_graph-CnQWoGfx.js
+- dist/chunks/_typeahead-_Pft9jZd.js
+- dist/chunks/_weekday_stacked-D_gm5opl.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-QZuu1ltS.js
-- dist/chunks/pb_form_validation-CleM960_.js
+- dist/chunks/lib-CY5ZPzic.js
+- dist/chunks/pb_form_validation-D3b0JKHH.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.html.erb

@@ -1,31 +0,0 @@
-  <%= pb_rails("body", props: { text: "Click to disable the Buttons below", id: "toggle-disabled-demo", cursor: "pointer", color:"link", margin_bottom:"sm" }) %>
-  <%= pb_rails("body", props: { text: "Click to enable the Buttons below", id: "toggle-enabled-demo", cursor: "pointer", color:"link", margin_bottom:"sm" }) %>
-
-<%= pb_rails("card", props:{display:"flex", flex_direction:"row", justify_content:"center"}) do %>
-<%= pb_rails("button", props: { text: "I am a Button", id: "normal_managed_button", data:{pb_button_managed: true}, margin_right: "lg" }) %>
-<%= pb_rails("button", props: { text: "I am an <a> Button", id: "a_tag_managed_button", tag:"a", data:{pb_button_managed: true}, link: "http://google.com"}) %>
-<% end %>
-<script>
-  document.addEventListener('DOMContentLoaded', function () {
-    const disableTrigger = document.querySelector('#toggle-disabled-demo')
-    const enableTrigger = document.querySelector('#toggle-enabled-demo')
-
-    // Find the Buttons you want to 'manage'
-    const btn = document.querySelector('#normal_managed_button');
-    const link = document.querySelector('#a_tag_managed_button');
-
-    disableTrigger.addEventListener('click', (e) => {
-        // Disable default button
-        btn.setAttribute('disabled', true)
-        // Disable a tag button
-        link.setAttribute('aria-disabled', 'true')
-    });
-
-    enableTrigger.addEventListener('click', (e) => {
-        // Enable default button
-        btn.removeAttribute('disabled')
-        // Enable a tag button
-        link.removeAttribute('aria-disabled')
-    });
-  });
-</script>

data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.md

@@ -1,7 +0,0 @@
-If needing to toggle the disabled state of the Button dynamically (for example, within a Turbo or Stimulus context), you can now do so in rails using the `pb-button-managed` data attribute. 
-
-1) Add the following data attribute to your button kit: `data:{ pb-button-managed: true }`
-
-2) To toggle enabled/disabled state via attributes: for buttons set/remove disabled, for links set/remove aria-disabled="true". This will handle disabling the button, preventing clicks as well as all style changes so you don't have to.  
-
-Click to enable or disable the buttons above and view the code snippet below for details!

data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.html.erb

@@ -1,21 +0,0 @@
-  <%= pb_rails("body", props: { text: "Click to disable the Button below", id: "toggle-disabled-demo-with-helper", cursor: "pointer", color:"link", margin_bottom:"sm" }) %>
-  <%= pb_rails("body", props: { text: "Click to enable the Button below", id: "toggle-enabled-demo-with-helper", cursor: "pointer", color:"link", margin_bottom:"sm" }) %>
-<br/>
-<%= pb_rails("card", props:{display:"flex", flex_direction:"row", justify_content:"center"}) do %>
-<%= pb_rails("button", props: { text: "Watch me Change!", id: "managed_button_with_helper", data:{pb_button_managed: true} }) %>
-<% end %>
-
-<script>
-  document.addEventListener('DOMContentLoaded', function () {
-    const disable = document.querySelector('#toggle-disabled-demo-with-helper')
-    const enable = document.querySelector('#toggle-enabled-demo-with-helper')
-
-    // Find the Button you want to 'manage'
-    const demoBtn = document.querySelector('#managed_button_with_helper')
-
-    // Use the pbButton object created by the kit to call the enable/disable methods
-    disable.addEventListener('click', (e) => {demoBtn._pbButton.disable()});
-    enable.addEventListener('click', (e) => {demoBtn._pbButton.enable()});
-
-  });
-</script>

data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.md

@@ -1,7 +0,0 @@
-The disabled state for the button can also be toggled via small helpers available through the `pb-button-managed` data attribute. 
-
-1) Add the following data attribute to your button kit: `data:{ pb-button-managed: true }`
-
-2) Toggle state via the provided `_pbButton.disable()` and `_pbButton.enable()` helpers as shown in the code snippet below.
-
-Click to enable or disable the buttons above to see this in action!

data/app/pb_kits/playbook/pb_button/index.js

@@ -1,99 +0,0 @@
-import PbEnhancedElement from "../pb_enhanced_element"
-
-const BUTTON_SELECTOR = "[data-pb-button-managed]"
-
-export default class PbButton extends PbEnhancedElement {
-  static get selector() {
-    return BUTTON_SELECTOR
-  }
-
-  connect() {
-    this._attrManaged = this._attributesPresent()
-    this.element._pbButton = this 
-
-    this._onClick = (e) => {
-      if (this.isDisabled()) {
-        e.preventDefault()
-        e.stopImmediatePropagation()
-      }
-    }
-    this.element.addEventListener("click", this._onClick, true)
-
-    if (this._attrManaged) this._syncClassesFromAttributes()
-
-    this._observer = new MutationObserver(() => {
-      this._attrManaged = true
-      this._syncClassesFromAttributes()
-    })
-    this._observer.observe(this.element, {
-      attributes: true,
-      attributeFilter: ["disabled", "aria-disabled"],
-    })
-  }
-
-  disconnect() {
-    this.element.removeEventListener("click", this._onClick, true)
-    this._observer?.disconnect()
-    delete this.element._pbButton
-  }
-
-  disable() { this.setDisabled(true) }
-  enable()  { this.setDisabled(false) }
-
-  setDisabled(state) {
-    if (this._isButton()) {
-      state
-        ? this.element.setAttribute("disabled", "disabled")
-        : this.element.removeAttribute("disabled")
-    } else {
-      state
-        ? this.element.setAttribute("aria-disabled", "true")
-        : this.element.removeAttribute("aria-disabled")
-    }
-    this._attrManaged = true
-    this._applyClassState(state)
-  }
-
-  isDisabled() {
-    if (this._isButton()) {
-      if (this.element.hasAttribute("disabled")) return true
-      if (this._attrManaged && !this.element.hasAttribute("disabled")) return false
-    } else {
-      const aria = this.element.getAttribute("aria-disabled")
-      if (aria === "true") return true
-      if (this._attrManaged && aria !== "true") return false
-    }
-    return this.element.classList.contains("pb_button_disabled")
-  }
-
-  _isButton() {
-    return this.element.tagName === "BUTTON"
-  }
-
-  _attributesPresent() {
-    return this.element.hasAttribute("disabled") || this.element.hasAttribute("aria-disabled")
-  }
-
-  _syncClassesFromAttributes() {
-    const state = this._attrDisabledState()
-    const disabled = (state === null) ? false : state
-    this._applyClassState(disabled)
-  }
-
-  _attrDisabledState() {
-    if (this._isButton()) {
-      return this.element.hasAttribute("disabled") ? true : null
-    } else {
-      const aria = this.element.getAttribute("aria-disabled")
-      if (aria === "true") return true
-      if (aria === "false") return false
-      return this.element.hasAttribute("aria-disabled") ? false : null
-    }
-  }
-
-  _applyClassState(disabled) {
-    this.element.classList.toggle("pb_button_disabled", !!disabled)
-    this.element.classList.toggle("pb_button_enabled", !disabled)
-  }
-}
-

data/app/pb_kits/playbook/pb_contact/docs/_contact_default.md

@@ -1,5 +0,0 @@
-The Contact kit automatically formats US phone numbers when the `contactType` / `contact_type` is one of: `home` (default), `work`, `cell`, `work-cell`, `wrong-phone`.
-
-- Use `email` to display emails.
-- Use `international` to display International phone numbers exactly as provided (no formatting applied).
-- Use `extension` to display four digit phone extensions.

data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb

@@ -1,6 +0,0 @@
-<%= pb_rails("nav", props: { orientation: "horizontal", extended_underline: true }) do %>
-  <%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
-  <%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
-  <%= pb_rails("nav/item", props: { text: "Service ", link: "#" }) %>
-  <%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
-<% end %>

data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx

@@ -1,39 +0,0 @@
-import React from 'react'
-
-import Nav from '../_nav'
-import NavItem from '../_item'
-
-const HorizontalNavExtendedunderline = (props) => {
-  return (
-    <Nav
-        extendedUnderline
-        link="#"
-        orientation="horizontal"
-        {...props}
-    >
-      <NavItem
-          link="#"
-          text="About"
-          {...props}
-      />
-      <NavItem
-          active
-          link="#"
-          text="Case Studies"
-          {...props}
-      />
-      <NavItem
-          link="#"
-          text="Service"
-          {...props}
-      />
-      <NavItem
-          link="#"
-          text="Contacts"
-          {...props}
-      />
-    </Nav>
-  )
-}
-
-export default HorizontalNavExtendedunderline

data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md

@@ -1 +0,0 @@
-The optional `extendedUnderline`/`extended_underline` prop can be used with the default `normal` variant of the horizontal orientation of the nav to extend the underline to take up the full width of the container.