m9sh 0.2.1 → 0.2.2

data/app/views/showcase/v2/_hero.html.erb

@@ -0,0 +1,55 @@
+<!-- Hero Section -->
+<section class="relative py-24 md:py-32 lg:py-40 bg-background border-b border-border overflow-hidden">
+  <!-- Aurora Borealis Background -->
+  <div class="aurora-container">
+    <div class="aurora aurora-1"></div>
+    <div class="aurora aurora-2"></div>
+    <div class="aurora aurora-3"></div>
+  </div>
+
+  <div class="container mx-auto px-4 md:px-6 relative z-10">
+    <div class="mx-auto max-w-[58rem] flex flex-col items-center text-center space-y-8">
+      <!-- Badge -->
+      <%= render M9sh::BadgeComponent.new(variant: :secondary) do %>
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2">
+          <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
+        </svg>
+        Rails Component Library
+      <% end %>
+
+      <!-- Main heading -->
+      <div class="space-y-4">
+        <h1 class="text-3xl font-bold leading-tight tracking-tighter text-foreground sm:text-4xl md:text-5xl lg:text-6xl">
+          Build better Rails apps with
+          <br class="hidden sm:inline" />
+          beautifully crafted components
+        </h1>
+        <p class="mx-auto max-w-[750px] text-lg text-muted-foreground sm:text-xl">
+          A comprehensive collection of copy-and-paste ViewComponents built with Tailwind CSS.
+          Accessible, customizable, and open source.
+        </p>
+      </div>
+
+      <!-- CTA Buttons -->
+      <div class="flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0">
+        <%= link_to docs_path do %>
+          <%= render M9sh::ButtonComponent.new(size: :lg, class: "h-11 px-8") do %>
+            Get Started
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-2">
+              <path d="M5 12h14"/>
+              <path d="m12 5 7 7-7 7"/>
+            </svg>
+          <% end %>
+        <% end %>
+        <%= link_to "https://github.com", target: "_blank", rel: "noreferrer" do %>
+          <%= render M9sh::ButtonComponent.new(variant: :outline, size: :lg, class: "h-11 px-8") do %>
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 24 24" class="mr-2">
+              <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+            </svg>
+            View on GitHub
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</section>

data/app/views/showcase/v2/_metrics.html.erb

@@ -0,0 +1,107 @@
+<!-- Dashboard Metrics Section -->
+<section class="py-16 md:py-24 bg-accent/30">
+  <div class="container mx-auto px-4 md:px-6">
+    <div class="mx-auto max-w-[58rem] text-center mb-12">
+      <h2 class="text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
+        Dashboard Ready Components
+      </h2>
+      <p class="mt-4 text-lg text-muted-foreground">
+        Build beautiful dashboards with our pre-styled metric cards and data visualizations
+      </p>
+    </div>
+
+    <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-4 max-w-6xl mx-auto">
+      <!-- Revenue Card -->
+      <%= render M9sh::CardComponent.new do |card| %>
+        <% card.with_body do %>
+          <div class="flex items-center justify-between space-x-4">
+            <div class="flex items-center space-x-2">
+              <div class="p-2 bg-primary/10 rounded-lg">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-primary">
+                  <path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
+                </svg>
+              </div>
+            </div>
+          </div>
+          <div class="mt-4">
+            <p class="text-sm font-medium text-muted-foreground">Total Revenue</p>
+            <h3 class="text-2xl font-bold text-foreground mt-1">$45,231.89</h3>
+            <p class="text-xs text-muted-foreground mt-1">
+              <span class="text-green-600 dark:text-green-400">+20.1%</span> from last month
+            </p>
+          </div>
+        <% end %>
+      <% end %>
+
+      <!-- Subscriptions Card -->
+      <%= render M9sh::CardComponent.new do |card| %>
+        <% card.with_body do %>
+          <div class="flex items-center justify-between space-x-4">
+            <div class="flex items-center space-x-2">
+              <div class="p-2 bg-primary/10 rounded-lg">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-primary">
+                  <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/>
+                  <circle cx="9" cy="7" r="4"/>
+                  <path d="M22 21v-2a4 4 0 0 0-3-3.87"/>
+                  <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
+                </svg>
+              </div>
+            </div>
+          </div>
+          <div class="mt-4">
+            <p class="text-sm font-medium text-muted-foreground">Subscriptions</p>
+            <h3 class="text-2xl font-bold text-foreground mt-1">+2,350</h3>
+            <p class="text-xs text-muted-foreground mt-1">
+              <span class="text-green-600 dark:text-green-400">+180.1%</span> from last month
+            </p>
+          </div>
+        <% end %>
+      <% end %>
+
+      <!-- Sales Card -->
+      <%= render M9sh::CardComponent.new do |card| %>
+        <% card.with_body do %>
+          <div class="flex items-center justify-between space-x-4">
+            <div class="flex items-center space-x-2">
+              <div class="p-2 bg-primary/10 rounded-lg">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-primary">
+                  <rect width="20" height="14" x="2" y="5" rx="2"/>
+                  <path d="M2 10h20"/>
+                </svg>
+              </div>
+            </div>
+          </div>
+          <div class="mt-4">
+            <p class="text-sm font-medium text-muted-foreground">Sales</p>
+            <h3 class="text-2xl font-bold text-foreground mt-1">+12,234</h3>
+            <p class="text-xs text-muted-foreground mt-1">
+              <span class="text-green-600 dark:text-green-400">+19%</span> from last month
+            </p>
+          </div>
+        <% end %>
+      <% end %>
+
+      <!-- Active Now Card -->
+      <%= render M9sh::CardComponent.new do |card| %>
+        <% card.with_body do %>
+          <div class="flex items-center justify-between space-x-4">
+            <div class="flex items-center space-x-2">
+              <div class="p-2 bg-primary/10 rounded-lg">
+                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-primary">
+                  <path d="M22 12h-4l-3 9L9 3l-3 9H2"/>
+                </svg>
+              </div>
+            </div>
+          </div>
+          <div class="mt-4">
+            <p class="text-sm font-medium text-muted-foreground">Active Now</p>
+            <h3 class="text-2xl font-bold text-foreground mt-1">+573</h3>
+            <p class="text-xs text-muted-foreground mt-1">
+              <span class="text-green-600 dark:text-green-400">+201</span> since last hour
+            </p>
+          </div>
+        <% end %>
+      <% end %>
+    </div>
+  </div>
+</section>

data/app/views/showcase/v2.html.erb

@@ -0,0 +1,18 @@
+<% content_for :title, "m9sh/ui - Component Library for Rails" %>
+
+<!-- Hero Section -->
+<%= render "showcase/v2/hero" %>
+
+<!-- Metrics Section -->
+<%= render "showcase/v2/metrics" %>
+
+<!-- Forms Section -->
+<%= render "showcase/v2/forms" %>
+
+<!-- Features Section -->
+<%= render "showcase/v2/features" %>
+
+<!-- Components Grid -->
+<% if @components.present? %>
+  <%= render "showcase/v2/components_grid" %>
+<% end %>

data/lib/m9sh/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module M9sh
-  VERSION = "0.2.1"
+  VERSION = "0.2.2"
 end

data/m9sh.gemspec

@@ -24,7 +24,7 @@ Gem::Specification.new do |spec|
   spec.files = Dir.chdir(__dir__) do
     `git ls-files -z`.split("\x0").reject do |f|
       (File.expand_path(f) == __FILE__) ||
-        f.start_with?(*%w[bin/ test/ spec/ features/ .git .github appveyor Gemfile config/ tmp/ app/ db/ public/ log/])
+        f.start_with?(*%w[bin/ test/ spec/ features/ .git .github appveyor Gemfile config/ tmp/ db/ public/ log/])
     end
   end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: m9sh
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.2.2
 platform: ruby
 authors:
 - Marcin Urbanski
@@ -94,6 +94,43 @@ files:
 - PUBLISHING.md
 - README.md
 - Rakefile
+- app/assets/config/manifest.js
+- app/assets/images/icons/activity.svg
+- app/assets/images/icons/bell.svg
+- app/assets/images/icons/book.svg
+- app/assets/images/icons/chevron-down.svg
+- app/assets/images/icons/chevron-left.svg
+- app/assets/images/icons/chevron-right.svg
+- app/assets/images/icons/credit-card.svg
+- app/assets/images/icons/dollar-sign.svg
+- app/assets/images/icons/edit.svg
+- app/assets/images/icons/github.svg
+- app/assets/images/icons/home.svg
+- app/assets/images/icons/info.svg
+- app/assets/images/icons/layout.svg
+- app/assets/images/icons/logout.svg
+- app/assets/images/icons/menu.svg
+- app/assets/images/icons/moon.svg
+- app/assets/images/icons/paintbrush.svg
+- app/assets/images/icons/search.svg
+- app/assets/images/icons/settings.svg
+- app/assets/images/icons/sun.svg
+- app/assets/images/icons/user.svg
+- app/assets/images/icons/users.svg
+- app/assets/stylesheets/tailwind.css
+- app/components/backdrop_component.rb
+- app/components/docs/code_block_component.rb
+- app/components/docs/component_api_component.rb
+- app/components/docs/component_examples_component.rb
+- app/components/docs/component_header_component.html.erb
+- app/components/docs/component_header_component.rb
+- app/components/docs/component_installation_component.html.erb
+- app/components/docs/component_installation_component.rb
+- app/components/docs/component_page_component.html.erb
+- app/components/docs/component_page_component.rb
+- app/components/docs/component_preview_component.rb
+- app/components/docs/component_usage_component.rb
+- app/components/docs/prop_table_component.rb
 - app/components/m9sh/accordion_component.rb
 - app/components/m9sh/alert_component.rb
 - app/components/m9sh/alert_dialog_component.rb
@@ -155,6 +192,22 @@ files:
 - app/components/m9sh/tooltip_component.rb
 - app/components/m9sh/typography_component.rb
 - app/components/m9sh/utilities.rb
+- app/controllers/application_controller.rb
+- app/controllers/blocks_controller.rb
+- app/controllers/docs_controller.rb
+- app/controllers/showcase_controller.rb
+- app/helpers/blocks_helper.rb
+- app/helpers/docs_helper.rb
+- app/helpers/m9sh/toast_helper.rb
+- app/helpers/m9sh_helper.rb
+- app/javascript/application.js
+- app/javascript/controllers/application.js
+- app/javascript/controllers/backdrop_controller.js
+- app/javascript/controllers/color_customizer_controller.js
+- app/javascript/controllers/color_theme_controller.js
+- app/javascript/controllers/docs/component_preview_controller.js
+- app/javascript/controllers/docs/copy_button_controller.js
+- app/javascript/controllers/index.js
 - app/javascript/controllers/m9sh/accordion_controller.js
 - app/javascript/controllers/m9sh/alert_dialog_controller.js
 - app/javascript/controllers/m9sh/collapsible_controller.js
@@ -175,6 +228,72 @@ files:
 - app/javascript/controllers/m9sh/toaster_controller.js
 - app/javascript/controllers/m9sh/toggle_controller.js
 - app/javascript/controllers/m9sh/tooltip_controller.js
+- app/javascript/controllers/theme_controller.js
+- app/views/blocks/_sidebar.html.erb
+- app/views/blocks/_toc.html.erb
+- app/views/blocks/examples/dashboard-01.html.erb
+- app/views/blocks/examples/dashboard-02.html.erb
+- app/views/blocks/examples/dashboard-03.html.erb
+- app/views/blocks/examples/settings-01.html.erb
+- app/views/blocks/examples/settings-02.html.erb
+- app/views/blocks/examples/settings-03.html.erb
+- app/views/blocks/index.html.erb
+- app/views/docs/_sidebar.html.erb
+- app/views/docs/_toc.html.erb
+- app/views/docs/about.html.erb
+- app/views/docs/components/accordion.html.erb
+- app/views/docs/components/alert.html.erb
+- app/views/docs/components/alert_dialog.html.erb
+- app/views/docs/components/avatar.html.erb
+- app/views/docs/components/badge.html.erb
+- app/views/docs/components/breadcrumb.html.erb
+- app/views/docs/components/button.html.erb
+- app/views/docs/components/card.html.erb
+- app/views/docs/components/checkbox.html.erb
+- app/views/docs/components/collapsible.html.erb
+- app/views/docs/components/dialog.html.erb
+- app/views/docs/components/dropdown_menu.html.erb
+- app/views/docs/components/hover_card.html.erb
+- app/views/docs/components/input.html.erb
+- app/views/docs/components/label.html.erb
+- app/views/docs/components/main.html.erb
+- app/views/docs/components/navbar.html.erb
+- app/views/docs/components/navigation_menu.html.erb
+- app/views/docs/components/popover.html.erb
+- app/views/docs/components/progress.html.erb
+- app/views/docs/components/radio_group.html.erb
+- app/views/docs/components/select.html.erb
+- app/views/docs/components/separator.html.erb
+- app/views/docs/components/sheet.html.erb
+- app/views/docs/components/sidebar.html.erb
+- app/views/docs/components/skeleton.html.erb
+- app/views/docs/components/slider.html.erb
+- app/views/docs/components/spinner.html.erb
+- app/views/docs/components/switch.html.erb
+- app/views/docs/components/table.html.erb
+- app/views/docs/components/tabs.html.erb
+- app/views/docs/components/textarea.html.erb
+- app/views/docs/components/theme_toggle.html.erb
+- app/views/docs/components/toast.html.erb
+- app/views/docs/components/toaster.html.erb
+- app/views/docs/components/toggle.html.erb
+- app/views/docs/components/tooltip.html.erb
+- app/views/docs/components/typography.html.erb
+- app/views/docs/index.html.erb
+- app/views/docs/installation.html.erb
+- app/views/docs/simple_test.html.erb
+- app/views/docs/test_accordion.html.erb
+- app/views/docs/usage.html.erb
+- app/views/layouts/application.html.erb
+- app/views/layouts/backdrop.html.erb
+- app/views/shared/_app_navbar.html.erb
+- app/views/shared/_navbar.html.erb
+- app/views/showcase/v2.html.erb
+- app/views/showcase/v2/_components_grid.html.erb
+- app/views/showcase/v2/_features.html.erb
+- app/views/showcase/v2/_forms.html.erb
+- app/views/showcase/v2/_hero.html.erb
+- app/views/showcase/v2/_metrics.html.erb
 - components.json
 - config.ru
 - exe/m9sh