yattho_view_components 0.0.1 → 0.1.1

data/previews/docs/alpha_dropdown_preview/with_direction.html.erb

@@ -1,12 +0,0 @@
-<%= render(Yattho::Alpha::Dropdown.new(display: :inline_block)) do |component| %>
-  <% component.with_button do %>
-    Dropdown
-  <% end %>
-
-  <% component.with_menu(header: "Options", direction: :s) do |menu|
-    menu.with_item { "Item 1" }
-    menu.with_item { "Item 2" }
-    menu.with_item { "Item 3" }
-    menu.with_item { "Item 4" }
-  end %>
-<% end %>

data/previews/docs/alpha_dropdown_preview/with_dividers.html.erb

@@ -1,16 +0,0 @@
-<%= render(Yattho::Alpha::Dropdown.new) do |component| %>
-  <% component.with_button do %>
-    Dropdown
-  <% end %>
-
-  <% component.with_menu(header: "Options") do |menu|
-    menu.with_item { "Item 1" }
-    menu.with_item { "Item 2" }
-    menu.with_item(divider: true)
-    menu.with_item { "Item 3" }
-    menu.with_item { "Item 4" }
-    menu.with_item(divider: true)
-    menu.with_item { "Item 5" }
-    menu.with_item { "Item 6" }
-  end %>
-<% end %>

data/previews/docs/alpha_dropdown_preview.rb

@@ -1,19 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaDropdownPreview < ViewComponent::Preview
-    def default; end
-
-    def with_dividers; end
-
-    def with_direction; end
-
-    def with_caret; end
-
-    def customizing_the_button; end
-
-    def menu_as_list; end
-
-    def customizing_menu_items; end
-  end
-end

data/previews/docs/alpha_hellip_button_preview/default.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::HellipButton.new("aria-label": "No effect")) %>

data/previews/docs/alpha_hellip_button_preview/inline.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::HellipButton.new(inline: true, "aria-label": "No effect")) %>

data/previews/docs/alpha_hellip_button_preview/styling_the_button.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::HellipButton.new(p: 1, classes: "custom-class", "aria-label": "No effect")) %>

data/previews/docs/alpha_hellip_button_preview.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaHellipButtonPreview < ViewComponent::Preview
-    def default; end
-
-    def inline; end
-
-    def styling_the_button; end
-  end
-end

data/previews/docs/alpha_hidden_text_expander_preview/default.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::HiddenTextExpander.new("aria-label": "No effect")) %>

data/previews/docs/alpha_hidden_text_expander_preview/inline.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::HiddenTextExpander.new(inline: true, "aria-label": "No effect")) %>

data/previews/docs/alpha_hidden_text_expander_preview/styling_the_button.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::HiddenTextExpander.new("aria-label": "No effect", button_arguments: { p: 1, classes: "custom-class" })) %>

data/previews/docs/alpha_hidden_text_expander_preview.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaHiddenTextExpanderPreview < ViewComponent::Preview
-    def default; end
-
-    def inline; end
-
-    def styling_the_button; end
-  end
-end

data/previews/docs/alpha_image_crop_preview/cropper_with_a_custom_loader.html.erb

@@ -1,3 +0,0 @@
-<%= render(Yattho::Alpha::ImageCrop.new(src: Yattho::ExampleImage::BASE64_SRC, rounded: false)) do |cropper| %>
-  <% cropper.with_loading(style: "width: 120px").with_content("Loading...") %>
-<% end %>

data/previews/docs/alpha_image_crop_preview/simple_cropper.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::ImageCrop.new(src: Yattho::ExampleImage::BASE64_SRC)) %>

data/previews/docs/alpha_image_crop_preview/square_cropper.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::ImageCrop.new(src: Yattho::ExampleImage::BASE64_SRC, rounded: false)) %>

data/previews/docs/alpha_image_crop_preview.rb

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaImageCropPreview < ViewComponent::Preview
-    def simple_cropper; end
-
-    def square_cropper; end
-
-    def cropper_with_a_custom_loader; end
-  end
-end

data/previews/docs/alpha_image_preview/custom_size.html.erb

@@ -1,2 +0,0 @@
-
-<%= render(Yattho::Alpha::Image.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "GitHub", height: 100, width: 100)) %>

data/previews/docs/alpha_image_preview/default.html.erb

@@ -1,2 +0,0 @@
-
-<%= render(Yattho::Alpha::Image.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "GitHub")) %>

data/previews/docs/alpha_image_preview/helper.html.erb

@@ -1,2 +0,0 @@
-
-<%= yattho_image(src: Yattho::ExampleImage::BASE64_SRC, alt: "GitHub") %>

data/previews/docs/alpha_image_preview/lazy_loading.html.erb

@@ -1,2 +0,0 @@
-
-<%= render(Yattho::Alpha::Image.new(src: Yattho::ExampleImage::BASE64_SRC, alt: "GitHub", lazy: true)) %>

data/previews/docs/alpha_image_preview.rb

@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaImagePreview < ViewComponent::Preview
-    def default; end
-
-    def helper; end
-
-    def lazy_loading; end
-
-    def custom_size; end
-  end
-end

data/previews/docs/alpha_layout_preview/changing_when_to_render_layout_as_columns.html.erb

@@ -1,12 +0,0 @@
-<%= render(Yattho::Alpha::Layout.new(stacking_breakpoint: :sm)) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(border: true) { "Sidebar" } %>
-<% end %>
-<%= render(Yattho::Alpha::Layout.new(stacking_breakpoint: :md, mt: 5)) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(border: true) { "Sidebar" } %>
-<% end %>
-<%= render(Yattho::Alpha::Layout.new(stacking_breakpoint: :lg, mt: 5)) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(border: true) { "Sidebar" } %>
-<% end %>

data/previews/docs/alpha_layout_preview/default.html.erb

@@ -1,5 +0,0 @@
-
-<%= render(Yattho::Alpha::Layout.new) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(border: true) { "Sidebar" } %>
-<% end %>

data/previews/docs/alpha_layout_preview/main_widths.html.erb

@@ -1,16 +0,0 @@
-<%= render(Yattho::Alpha::Layout.new) do |component| %>
-  <% component.with_main(width: :full, border: true) { "Main" } %>
-  <% component.with_sidebar(border: true) { "Sidebar" } %>
-<% end %>
-<%= render(Yattho::Alpha::Layout.new(mt: 5)) do |component| %>
-  <% component.with_main(width: :md, border: true) { "Main" } %>
-  <% component.with_sidebar(border: true) { "Sidebar" } %>
-<% end %>
-<%= render(Yattho::Alpha::Layout.new(mt: 5)) do |component| %>
-  <% component.with_main(width: :lg, border: true) { "Main" } %>
-  <% component.with_sidebar(border: true) { "Sidebar" } %>
-<% end %>
-<%= render(Yattho::Alpha::Layout.new(mt: 5)) do |component| %>
-  <% component.with_main(width: :xl, border: true) { "Main" } %>
-  <% component.with_sidebar(border: true) { "Sidebar" } %>
-<% end %>

data/previews/docs/alpha_layout_preview/sidebar_placement.html.erb

@@ -1,8 +0,0 @@
-<%= render(Yattho::Alpha::Layout.new) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(col_placement: :start, border: true) { "Sidebar" } %>
-<% end %>
-<%= render(Yattho::Alpha::Layout.new( mt: 5)) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(col_placement: :end, border: true) { "Sidebar" } %>
-<% end %>

data/previews/docs/alpha_layout_preview/sidebar_placement_as_row.html.erb

@@ -1,12 +0,0 @@
-<%= render(Yattho::Alpha::Layout.new) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(row_placement: :start, border: true) { "Sidebar" } %>
-<% end %>
-<%= render(Yattho::Alpha::Layout.new(mt: 5)) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(row_placement: :end, border: true) { "Sidebar" } %>
-<% end %>
-<%= render(Yattho::Alpha::Layout.new(mt: 5)) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(row_placement: :none, border: true) { "Sidebar" } %>
-<% end %>

data/previews/docs/alpha_layout_preview/sidebar_widths.html.erb

@@ -1,12 +0,0 @@
-<%= render(Yattho::Alpha::Layout.new) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(width: :default, border: true) { "Sidebar" } %>
-<% end %>
-<%= render(Yattho::Alpha::Layout.new(mt: 5)) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(width: :narrow, border: true) { "Sidebar" } %>
-<% end %>
-<%= render(Yattho::Alpha::Layout.new(mt: 5)) do |component| %>
-  <% component.with_main(border: true) { "Main" } %>
-  <% component.with_sidebar(width: :wide, border: true) { "Sidebar" } %>
-<% end %>

data/previews/docs/alpha_layout_preview.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaLayoutPreview < ViewComponent::Preview
-    def default; end
-
-    def main_widths; end
-
-    def sidebar_widths; end
-
-    def sidebar_placement; end
-
-    def sidebar_placement_as_row; end
-
-    def changing_when_to_render_layout_as_columns; end
-  end
-end

data/previews/docs/alpha_menu_preview/default.html.erb

@@ -1,17 +0,0 @@
-<%= render(Yattho::Alpha::Menu.new) do |component| %>
-  <% component.with_heading(tag: :h2) do %>
-    Heading
-  <% end %>
-  <% component.with_item(selected: true, href: "#url") do %>
-    Item 1
-  <% end %>
-  <% component.with_item(href: "#url") do %>
-    <%= render(Yattho::Beta::Octicon.new("check")) %>
-    With Icon
-  <% end %>
-  <% component.with_item(href: "#url") do %>
-    <%= render(Yattho::Beta::Octicon.new("check")) %>
-    With Icon and Counter
-    <%= render(Yattho::Beta::Counter.new(count: 25)) %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_menu_preview.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaMenuPreview < ViewComponent::Preview
-    def default; end
-  end
-end

data/previews/docs/alpha_nav_list_preview/expandable_sub_items.html.erb

@@ -1,24 +0,0 @@
-
-<%= render(Yattho::Alpha::NavList.new(selected_item_id: :email_notifications)) do |component| %>
-  <% component.with_section(aria: { label: "Account settings" }) do |section| %>
-    <% section.with_heading(title: "Account Settings") %>
-    <% section.with_item(label: "Notification settings", selected_by_ids: :notifications) do |item| %>
-      <% item.with_leading_visual_icon(icon: :bell) %>
-      <% item.with_item(label: "Email", selected_by_ids: :email_notifications, href: "/account/notifications/email") do |subitem| %>
-        <% subitem.with_trailing_visual_icon(icon: :mail) %>
-      <% end %>
-      <% item.with_item(label: "SMS", selected_by_ids: :sms_notifications, href: "/account/notifications/sms") do |subitem| %>
-        <% subitem.with_trailing_visual_icon(icon: :"device-mobile") %>
-      <% end %>
-    <% end %>
-    <% section.with_item(label: "Messages", selected_by_ids: :messages) do |item| %>
-      <% item.with_leading_visual_icon(icon: :bookmark) %>
-      <% item.with_item(label: "Inbox", href: "/account/messages/inbox") do |subitem| %>
-        <% subitem.with_trailing_visual_counter(count: 10) %>
-      <% end %>
-      <% item.with_item(label: "Organizer", href: "/account/messages/organizer") do |subitem| %>
-        <% subitem.with_trailing_visual_label(scheme: :primary) { "New" } %>
-      <% end %>
-    <% end %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_nav_list_preview/items_and_headings.html.erb

@@ -1,12 +0,0 @@
-
-<%= render(Yattho::Alpha::NavList.new(selected_item_id: :personal_info)) do |component| %>
-  <% component.with_section(aria: { label: "Settings" }) do |section| %>
-    <% section.with_item(label: "General", selected_by_ids: :general, href: "/settings/general") %>
-  <% end %>
-  <% component.with_section(aria: { label: "Account settings" }) do |section| %>
-    <% section.with_heading(title: "Account Settings") %>
-    <% section.with_item(label: "Personal Information", selected_by_ids: :personal_info, href: "/account/info") %>
-    <% section.with_item(label: "Password", selected_by_ids: :password, href: "/account/password") %>
-    <% section.with_item(label: "Billing info", selected_by_ids: :billing, href: "/account/billing") %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_nav_list_preview/leading_and_trailing_visuals.html.erb

@@ -1,17 +0,0 @@
-
-<%= render(Yattho::Alpha::NavList.new(selected_item_id: :personal_info)) do |component| %>
-  <% component.with_section(aria: { label: "Account settings" }) do |section| %>
-    <% section.with_heading(title: "Account Settings") %>
-    <% section.with_item(label: "Personal Information", selected_by_ids: :personal_info, href: "/account/info") do |item| %>
-      <% item.with_leading_visual_avatar(src: "https://github.com/github.png", alt: "GitHub") %>
-    <% end %>
-    <% section.with_item(label: "Notifications", selected_by_ids: :notifications, href: "/account/notifications") do |item| %>
-      <% item.with_leading_visual_icon(icon: :bell) %>
-      <% item.with_trailing_visual_counter(count: 15) %>
-    <% end %>
-    <% section.with_item(label: "Billing info", selected_by_ids: :billing, href: "/account/billing") do |item| %>
-      <% item.with_leading_visual_icon(icon: :package) %>
-      <% item.with_trailing_visual_icon(icon: :"dot-fill", color: :attention) %>
-    <% end %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_nav_list_preview/trailing_action.html.erb

@@ -1,12 +0,0 @@
-
-<%= render(Yattho::Alpha::NavList.new) do |component| %>
-  <% component.with_section(aria: { label: "Favorite foods" }) do |section| %>
-    <% section.with_heading(title: "My Favorite Foods") %>
-    <% section.with_item(label: "Popplers", selected_by_ids: :popplers, href: "/foods/popplers") do |item| %>
-      <% item.with_trailing_action(show_on_hover: false, icon: "plus", "aria-label": "Add new food", size: :medium) %>
-    <% end %>
-    <% section.with_item(label: "Slurm", selected_by_ids: :slurm, href: "/foods/slurm") do |item| %>
-      <% item.with_trailing_action(show_on_hover: true, icon: "plus", "aria-label": "Add new food", size: :medium) %>
-    <% end %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_nav_list_preview.rb

@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaNavListPreview < ViewComponent::Preview
-    def items_and_headings; end
-
-    def leading_and_trailing_visuals; end
-
-    def expandable_sub_items; end
-
-    def trailing_action; end
-  end
-end

data/previews/docs/alpha_octicon_symbols_preview/symbol_dictionary.html.erb

@@ -1,4 +0,0 @@
-<%= render(Yattho::Beta::Octicon.new(icon: :check, use_symbol: true, color: :success)) %>
-<%= render(Yattho::Beta::Octicon.new(icon: :check, use_symbol: true, color: :danger)) %>
-<%= render(Yattho::Beta::Octicon.new(icon: :check, use_symbol: true, size: :medium)) %>
-<%= render(Yattho::Alpha::OcticonSymbols.new(icons: [{ symbol: :check }, { symbol: :check, size: :medium }])) %>

data/previews/docs/alpha_octicon_symbols_preview.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaOcticonSymbolsPreview < ViewComponent::Preview
-    def symbol_dictionary; end
-  end
-end

data/previews/docs/alpha_segmented_control_preview/basic_usage.html.erb

@@ -1,6 +0,0 @@
-
-<%= render(Yattho::Alpha::SegmentedControl.new("aria-label": "File view")) do |component| %>
-  <%= component.with_item(label: "Preview", selected: true) %>
-  <%= component.with_item(label: "Raw") %>
-  <%= component.with_item(label: "Blame") %>
-<% end %>

data/previews/docs/alpha_segmented_control_preview/fill_width_of_parent.html.erb

@@ -1,5 +0,0 @@
-<%= render(Yattho::Alpha::SegmentedControl.new("aria-label": "File view", full_width: true)) do |component| %>
-  <%= component.with_item(label: "Preview", icon: :eye, selected: true) %>
-  <%= component.with_item(label: "Raw", icon: :"file-code") %>
-  <%= component.with_item(label: "Blame", icon: :people) %>
-<% end %>

data/previews/docs/alpha_segmented_control_preview/small.html.erb

@@ -1,6 +0,0 @@
-
-<%= render(Yattho::Alpha::SegmentedControl.new("aria-label": "File view", size: :small)) do |component| %>
-  <%= component.with_item(label: "Preview", selected: true) %>
-  <%= component.with_item(label: "Raw") %>
-  <%= component.with_item(label: "Blame") %>
-<% end %>

data/previews/docs/alpha_segmented_control_preview/with_icons.html.erb

@@ -1,5 +0,0 @@
-<%= render(Yattho::Alpha::SegmentedControl.new("aria-label": "File view")) do |component| %>
-  <%= component.with_item(label: "Preview", icon: :eye, selected: true) %>
-  <%= component.with_item(label: "Raw", icon: :"file-code") %>
-  <%= component.with_item(label: "Blame", icon: :people) %>
-<% end %>

data/previews/docs/alpha_segmented_control_preview/with_icons_only.html.erb

@@ -1,5 +0,0 @@
-<%= render(Yattho::Alpha::SegmentedControl.new("aria-label": "File view", hide_labels: true)) do |component| %>
-  <%= component.with_item(label: "Preview", icon: :eye, selected: true) %>
-  <%= component.with_item(label: "Raw", icon: :"file-code") %>
-  <%= component.with_item(label: "Blame", icon: :people) %>
-<% end %>

data/previews/docs/alpha_segmented_control_preview.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaSegmentedControlPreview < ViewComponent::Preview
-    def basic_usage; end
-
-    def small; end
-
-    def with_icons; end
-
-    def with_icons_only; end
-
-    def fill_width_of_parent; end
-  end
-end

data/previews/docs/alpha_tab_container_preview/default.html.erb

@@ -1,16 +0,0 @@
-<%= render(Yattho::Alpha::TabContainer.new)  do %>
-  <div role="tablist">
-    <button type="button" role="tab" aria-selected="true">Tab one</button>
-    <button type="button" role="tab" tabindex="-1">Tab two</button>
-    <button type="button" role="tab" tabindex="-1">Tab three</button>
-  </div>
-  <div role="tabpanel">
-    Panel 1
-  </div>
-  <div role="tabpanel" hidden>
-    Panel 2
-  </div>
-  <div role="tabpanel" hidden>
-    Panel 3
-  </div>
-<% end %>

data/previews/docs/alpha_tab_container_preview.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaTabContainerPreview < ViewComponent::Preview
-    def default; end
-  end
-end

data/previews/docs/alpha_tab_nav_preview/adding_extra_content_after_the_tabs.html.erb

@@ -1,10 +0,0 @@
-<%= render(Yattho::Alpha::TabNav.new(label: "Adding extra content after the tabs", display: :flex, body_arguments: { flex: 1 })) do |component| %>
-  <% component.with_tab(selected: true, href: "#") { "Tab 1" }%>
-  <% component.with_tab(href: "#") { "Tab 2" } %>
-  <% component.with_tab(href: "#") { "Tab 3" } %>
-  <% component.with_extra(align: :right) do %>
-    <div>
-      <%= render(Yattho::ButtonComponent.new) { "Button" } %>
-    </div>
-  <% end %>
-<% end %>

data/previews/docs/alpha_tab_nav_preview/customizing_the_body.html.erb

@@ -1,5 +0,0 @@
-<%= render(Yattho::Alpha::TabNav.new(label: "Default", body_arguments: { classes: "custom-class", border: true, border_color: :accent_emphasis })) do |component| %>
-  <% component.with_tab(selected: true, href: "#") { "Tab 1" }%>
-  <% component.with_tab(href: "#") { "Tab 2" } %>
-  <% component.with_tab(href: "#") { "Tab 3" } %>
-<% end %>

data/previews/docs/alpha_tab_nav_preview/default_with_div.html.erb

@@ -1,5 +0,0 @@
-<%= render(Yattho::Alpha::TabNav.new(label: "Default")) do |component| %>
-  <% component.with_tab(selected: true, href: "#") { "Tab 1" } %>
-  <% component.with_tab(href: "#") { "Tab 2" } %>
-  <% component.with_tab(href: "#") { "Tab 3" } %>
-<% end %>

data/previews/docs/alpha_tab_nav_preview/default_with_nav.html.erb

@@ -1,5 +0,0 @@
-<%= render(Yattho::Alpha::TabNav.new(label: "Default")) do |component| %>
-  <% component.with_tab(selected: true, href: "#") { "Tab 1" } %>
-  <% component.with_tab(href: "#") { "Tab 2" } %>
-  <% component.with_tab(href: "#") { "Tab 3" } %>
-<% end %>

data/previews/docs/alpha_tab_nav_preview/with_extra_content.html.erb

@@ -1,8 +0,0 @@
-<%= render(Yattho::Alpha::TabNav.new(label: "With extra content")) do |component| %>
-  <% component.with_tab(selected: true, href: "#") { "Tab 1" }%>
-  <% component.with_tab(href: "#") { "Tab 2" } %>
-  <% component.with_tab(href: "#") { "Tab 3" } %>
-  <% component.with_extra do %>
-    <%= render(Yattho::ButtonComponent.new(float: :right)) { "Button" } %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_tab_nav_preview/with_icons_and_counters.html.erb

@@ -1,15 +0,0 @@
-<%= render(Yattho::Alpha::TabNav.new(label: "With icons and counters")) do |component| %>
-  <% component.with_tab(href: "#", selected: true) do |tab| %>
-    <% tab.with_icon(icon: :star) %>
-    <% tab.with_text { "Item 1" } %>
-  <% end %>
-  <% component.with_tab(href: "#") do |tab| %>
-    <% tab.with_icon(icon: :star) %>
-    <% tab.with_text { "Item 2" } %>
-    <% tab.with_counter(count: 10) %>
-  <% end %>
-  <% component.with_tab(href: "#") do |tab| %>
-    <% tab.with_text { "Item 3" } %>
-    <% tab.with_counter(count: 10) %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_tab_nav_preview.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaTabNavPreview < ViewComponent::Preview
-    def default_with_nav; end
-
-    def default_with_div; end
-
-    def with_icons_and_counters; end
-
-    def with_extra_content; end
-
-    def adding_extra_content_after_the_tabs; end
-
-    def customizing_the_body; end
-  end
-end

data/previews/docs/alpha_tab_panels_preview/default.html.erb

@@ -1,14 +0,0 @@
-<%= render(Yattho::Alpha::TabPanels.new(label: "With panels")) do |component| %>
-  <% component.with_tab(id: "tab-1", selected: true) do |tab| %>
-    <% tab.with_text { "Tab 1" } %>
-    <% tab.with_panel do %>
-      Panel 1
-    <% end %>
-  <% end %>
-  <% component.with_tab(id: "tab-2") do |tab| %>
-    <% tab.with_text { "Tab 2" } %>
-    <% tab.with_panel do %>
-      Panel 2
-    <% end %>
-  <% end %>
-<% end %>

data/previews/docs/alpha_tab_panels_preview.rb

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-module Docs
-  class AlphaTabPanelsPreview < ViewComponent::Preview
-    def default; end
-  end
-end

data/previews/docs/alpha_text_field_preview/default.html.erb

@@ -1 +0,0 @@
-<%= render(Yattho::Alpha::TextField.new(name: :first_name, label: "First name")) %>

data/previews/docs/alpha_text_field_preview/disabled.html.erb

@@ -1,7 +0,0 @@
-<%= render(
-  Yattho::Alpha::TextField.new(
-    name: :first_name,
-    label: "First name",
-    disabled: true
-  )
-) %>

data/previews/docs/alpha_text_field_preview/full_width.html.erb

@@ -1,7 +0,0 @@
-<%= render(
-  Yattho::Alpha::TextField.new(
-    name: :first_name,
-    label: "First name",
-    full_width: true
-  )
-) %>

data/previews/docs/alpha_text_field_preview/invalid.html.erb

@@ -1,7 +0,0 @@
-<%= render(
-  Yattho::Alpha::TextField.new(
-    name: :first_name,
-    label: "First name",
-    invalid: true
-  )
-) %>

data/previews/docs/alpha_text_field_preview/with_a_caption.html.erb

@@ -1,7 +0,0 @@
-<%= render(
-  Yattho::Alpha::TextField.new(
-    name: :first_name,
-    label: "First name",
-    caption: "What your friends call you"
-  )
-) %>

data/previews/docs/alpha_text_field_preview/with_a_clear_button.html.erb

@@ -1,7 +0,0 @@
-<%= render(
-  Yattho::Alpha::TextField.new(
-    name: :first_name,
-    label: "First name",
-    show_clear_button: true
-  )
-) %>

data/previews/docs/alpha_text_field_preview/with_a_leading_visual.html.erb

@@ -1,9 +0,0 @@
-<%= render(
-  Yattho::Alpha::TextField.new(
-    name: :first_name,
-    label: "First name",
-    leading_visual: {
-      icon: :person
-    }
-  )
-) %>

data/previews/docs/alpha_text_field_preview/with_a_validation_message.html.erb

@@ -1,7 +0,0 @@
-<%= render(
-  Yattho::Alpha::TextField.new(
-    name: :first_name,
-    label: "First name",
-    validation_message: "Hmm, that doesn't look right"
-  )
-) %>