maquina-components 0.1.1 → 0.2.0

data/lib/generators/maquina_components/install/templates/theme.css.tt

@@ -0,0 +1,179 @@
+/* ==========================================================================
+   maquina_components Theme Variables
+   
+   These CSS variables follow the shadcn/ui theming convention.
+   Customize these values to match your design system.
+   
+   Documentation: https://github.com/maquina-app/maquina_components
+   ========================================================================== */
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  /* Layout */
+  --header-height: calc(var(--spacing) * 12 + 1px);
+  --sidebar-width: calc(var(--spacing) * 72);
+  --sidebar-width-icon: 3rem;
+
+  /* Core Colors */
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+
+  /* Card */
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+
+  /* Popover */
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+
+  /* Primary - Main brand color */
+  --primary: oklch(0.645 0.246 16);
+  --primary-foreground: oklch(0.969 0.015 12);
+
+  /* Secondary */
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+
+  /* Muted - Subtle backgrounds */
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+
+  /* Accent - Hover states */
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+
+  /* Success - Success states */
+  --success: oklch(0.92 0.04 168);
+  --success-foreground: oklch(0.35 0.08 168);
+
+  /* Warning - Warning states */
+  --warning: oklch(0.93 0.04 55);
+  --warning-foreground: oklch(0.4 0.08 50);
+
+  /* Destructive - Error/danger states */
+  --destructive: oklch(0.92 0.05 8);
+  --destructive-foreground: oklch(0.4 0.12 8);
+
+  /* Borders & Inputs */
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.645 0.246 16);
+
+  /* Charts (optional) */
+  --chart-1: oklch(0.645 0.246 16);
+  --chart-2: oklch(0.65 0.09 168);
+  --chart-3: oklch(0.72 0.09 55);
+  --chart-4: oklch(0.58 0.18 17);
+  --chart-5: oklch(0.5 0.13 8);
+
+  /* Sidebar */
+  --sidebar: oklch(0.96 0 0);
+  --sidebar-foreground: oklch(0.2 0 0);
+  --sidebar-primary: oklch(0.645 0.246 16);
+  --sidebar-primary-foreground: oklch(0.969 0.015 12);
+  --sidebar-accent: oklch(0.9 0 0);
+  --sidebar-accent-foreground: oklch(0.145 0 0);
+  --sidebar-border: oklch(0.88 0 0);
+  --sidebar-ring: oklch(0.645 0.246 16);
+
+  /* Dark Mode */
+  .dark {
+    --background: oklch(0.145 0 0);
+    --foreground: oklch(0.985 0 0);
+
+    --card: oklch(0.205 0 0);
+    --card-foreground: oklch(0.985 0 0);
+
+    --popover: oklch(0.269 0 0);
+    --popover-foreground: oklch(0.985 0 0);
+
+    --primary: oklch(0.712 0.194 13);
+    --primary-foreground: oklch(0.15 0.052 13);
+
+    --secondary: oklch(0.269 0 0);
+    --secondary-foreground: oklch(0.985 0 0);
+
+    --muted: oklch(0.269 0 0);
+    --muted-foreground: oklch(0.708 0 0);
+
+    --accent: oklch(0.371 0 0);
+    --accent-foreground: oklch(0.985 0 0);
+
+    --success: oklch(0.32 0.06 168);
+    --success-foreground: oklch(0.82 0.06 168);
+
+    --warning: oklch(0.36 0.06 55);
+    --warning-foreground: oklch(0.86 0.06 55);
+
+    --destructive: oklch(0.34 0.07 8);
+    --destructive-foreground: oklch(0.88 0.06 8);
+
+    --border: oklch(1 0 0 / 10%);
+    --input: oklch(1 0 0 / 15%);
+    --ring: oklch(0.455 0.188 13);
+
+    --chart-1: oklch(0.712 0.194 13);
+    --chart-2: oklch(0.72 0.09 168);
+    --chart-3: oklch(0.78 0.09 55);
+    --chart-4: oklch(0.645 0.246 16);
+    --chart-5: oklch(0.58 0.13 8);
+
+    --sidebar: oklch(0.14 0 0);
+    --sidebar-foreground: oklch(0.9 0 0);
+    --sidebar-primary: oklch(0.712 0.194 13);
+    --sidebar-primary-foreground: oklch(0.15 0.052 13);
+    --sidebar-accent: oklch(0.22 0 0);
+    --sidebar-accent-foreground: oklch(0.95 0 0);
+    --sidebar-border: oklch(1 0 0 / 12%);
+    --sidebar-ring: oklch(0.455 0.188 13);
+  }
+}
+
+/* Tailwind Theme Bindings
+   These make the CSS variables available as Tailwind utilities:
+   bg-primary, text-muted-foreground, border-sidebar, etc. */
+@theme {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-ring: var(--ring);
+  --color-ring-destructive: var(--destructive);
+
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+/* Global border color */
+* {
+  border-color: var(--color-border);
+}

data/lib/maquina_components/engine.rb

@@ -1,4 +1,14 @@
 module MaquinaComponents
   class Engine < ::Rails::Engine
+    initializer "maquina-components.importmap", before: "importmap" do |app|
+      app.config.importmap.paths << root.join("config/importmap.rb")
+      app.config.importmap.cache_sweepers << root.join("app/javascript")
+    end
+
+    initializer "maquin-components.assets" do |app|
+      if app.config.respond_to?(:assets)
+        app.config.assets.paths << Engine.root.join("app/javascript")
+      end
+    end
   end
 end

data/lib/maquina_components/version.rb

@@ -1,3 +1,3 @@
 module MaquinaComponents
-  VERSION = "0.1.1"
+  VERSION = "0.2.0"
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: maquina-components
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
 platform: ruby
 authors:
 - Mario Alberto Chávez
 bindir: bin
 cert_chain: []
-date: 2025-01-15 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -15,14 +15,28 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 8.0.0
+        version: 7.2.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 8.0.0
+        version: 7.2.0
+- !ruby/object:Gem::Dependency
+  name: tailwindcss-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.2'
 description: ERB, TailwindCSS, and StimulusJS UI components based on Shadcn/UI.
 email:
 - mario.chavez@gmail.com
@@ -33,6 +47,108 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- app/assets/images/maquina.svg
+- app/assets/stylesheets/alert.css
+- app/assets/stylesheets/badge.css
+- app/assets/stylesheets/breadcrumbs.css
+- app/assets/stylesheets/card.css
+- app/assets/stylesheets/dropdown_menu.css
+- app/assets/stylesheets/empty.css
+- app/assets/stylesheets/form.css
+- app/assets/stylesheets/header.css
+- app/assets/stylesheets/maquina_components.css
+- app/assets/stylesheets/pagination.css
+- app/assets/stylesheets/sidebar.css
+- app/assets/stylesheets/table.css
+- app/assets/stylesheets/toggle_group.css
+- app/assets/tailwind/maquina_components_engine/engine.css
+- app/helpers/maquina_components/breadcrumbs_helper.rb
+- app/helpers/maquina_components/dropdown_menu_helper.rb
+- app/helpers/maquina_components/empty_helper.rb
+- app/helpers/maquina_components/icons_helper.rb
+- app/helpers/maquina_components/pagination_helper.rb
+- app/helpers/maquina_components/sidebar_helper.rb
+- app/helpers/maquina_components/table_helper.rb
+- app/helpers/maquina_components/toggle_group_helper.rb
+- app/javascript/controllers/breadcrumb_controller.js
+- app/javascript/controllers/dropdown_menu_controller.js
+- app/javascript/controllers/menu_button_controller.js
+- app/javascript/controllers/sidebar_controller.js
+- app/javascript/controllers/sidebar_trigger_controller.js
+- app/javascript/controllers/toggle_group_controller.js
+- app/views/components/_alert.html.erb
+- app/views/components/_badge.html.erb
+- app/views/components/_breadcrumbs.html.erb
+- app/views/components/_card.html.erb
+- app/views/components/_dropdown.html.erb
+- app/views/components/_dropdown_menu.html.erb
+- app/views/components/_empty.html.erb
+- app/views/components/_header.html.erb
+- app/views/components/_menu_button.html.erb
+- app/views/components/_pagination.html.erb
+- app/views/components/_separator.html.erb
+- app/views/components/_sidebar.html.erb
+- app/views/components/_simple_table.html.erb
+- app/views/components/_table.html.erb
+- app/views/components/_toggle_group.html.erb
+- app/views/components/alert/_description.html.erb
+- app/views/components/alert/_title.html.erb
+- app/views/components/breadcrumbs/_ellipsis.html.erb
+- app/views/components/breadcrumbs/_item.html.erb
+- app/views/components/breadcrumbs/_link.html.erb
+- app/views/components/breadcrumbs/_list.html.erb
+- app/views/components/breadcrumbs/_page.html.erb
+- app/views/components/breadcrumbs/_separator.html.erb
+- app/views/components/card/_action.html.erb
+- app/views/components/card/_content.html.erb
+- app/views/components/card/_description.html.erb
+- app/views/components/card/_footer.html.erb
+- app/views/components/card/_header.html.erb
+- app/views/components/card/_title.html.erb
+- app/views/components/dropdown_menu/_content.html.erb
+- app/views/components/dropdown_menu/_group.html.erb
+- app/views/components/dropdown_menu/_item.html.erb
+- app/views/components/dropdown_menu/_label.html.erb
+- app/views/components/dropdown_menu/_separator.html.erb
+- app/views/components/dropdown_menu/_shortcut.html.erb
+- app/views/components/dropdown_menu/_trigger.html.erb
+- app/views/components/empty/_content.html.erb
+- app/views/components/empty/_description.html.erb
+- app/views/components/empty/_header.html.erb
+- app/views/components/empty/_media.html.erb
+- app/views/components/empty/_title.html.erb
+- app/views/components/pagination/_content.html.erb
+- app/views/components/pagination/_ellipsis.html.erb
+- app/views/components/pagination/_item.html.erb
+- app/views/components/pagination/_link.html.erb
+- app/views/components/pagination/_next.html.erb
+- app/views/components/pagination/_previous.html.erb
+- app/views/components/sidebar/_content.html.erb
+- app/views/components/sidebar/_footer.html.erb
+- app/views/components/sidebar/_group.html.erb
+- app/views/components/sidebar/_header.html.erb
+- app/views/components/sidebar/_inset.html.erb
+- app/views/components/sidebar/_menu.html.erb
+- app/views/components/sidebar/_menu_button.html.erb
+- app/views/components/sidebar/_menu_item.html.erb
+- app/views/components/sidebar/_menu_link.html.erb
+- app/views/components/sidebar/_provider.html.erb
+- app/views/components/sidebar/_trigger.html.erb
+- app/views/components/stats/_stats_card.html.erb
+- app/views/components/stats/_stats_grid.html.erb
+- app/views/components/table/_body.html.erb
+- app/views/components/table/_caption.html.erb
+- app/views/components/table/_cell.html.erb
+- app/views/components/table/_footer.html.erb
+- app/views/components/table/_head.html.erb
+- app/views/components/table/_header.html.erb
+- app/views/components/table/_row.html.erb
+- app/views/components/toggle_group/_item.html.erb
+- config/importmap.rb
+- lib/generators/maquina_components/install/USAGE
+- lib/generators/maquina_components/install/install_generator.rb
+- lib/generators/maquina_components/install/templates/maquina_components_helper.rb.tt
+- lib/generators/maquina_components/install/templates/theme.css.tt
 - lib/maquina-components.rb
 - lib/maquina_components/engine.rb
 - lib/maquina_components/version.rb
@@ -58,7 +174,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.2
+rubygems_version: 4.0.1
 specification_version: 4
 summary: ERB, TailwindCSS, and StimulusJS UI components based on Shadcn/UI.
 test_files: []