m9sh 0.1.0

data/lib/m9sh/registry.yml

@@ -0,0 +1,384 @@
+# M9sh Component Registry
+# Defines all available components, their dependencies, and file locations
+
+components:
+  base:
+    name: "Base Component"
+    description: "Base component class for all M9sh components"
+    files:
+      - app/components/m9sh/base_component.rb
+    dependencies: []
+
+  utilities:
+    name: "Utilities"
+    description: "Helper module for class name merging"
+    files:
+      - app/components/m9sh/utilities.rb
+    dependencies: []
+
+  button:
+    name: "Button"
+    description: "Button component with multiple variants"
+    files:
+      - app/components/m9sh/button_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  badge:
+    name: "Badge"
+    description: "Badge component for status indicators"
+    files:
+      - app/components/m9sh/badge_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  input:
+    name: "Input"
+    description: "Input component for text fields"
+    files:
+      - app/components/m9sh/input_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  label:
+    name: "Label"
+    description: "Label component for form fields"
+    files:
+      - app/components/m9sh/label_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  checkbox:
+    name: "Checkbox"
+    description: "Checkbox component"
+    files:
+      - app/components/m9sh/checkbox_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  textarea:
+    name: "Textarea"
+    description: "Textarea component for multi-line text"
+    files:
+      - app/components/m9sh/textarea_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  select:
+    name: "Select"
+    description: "Select dropdown component"
+    files:
+      - app/components/m9sh/select_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  switch:
+    name: "Switch"
+    description: "Toggle switch component with Stimulus"
+    files:
+      - app/components/m9sh/switch_component.rb
+      - app/javascript/controllers/m9sh/switch_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  slider:
+    name: "Slider"
+    description: "Slider input component with Stimulus"
+    files:
+      - app/components/m9sh/slider_component.rb
+      - app/javascript/controllers/m9sh/slider_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  card:
+    name: "Card"
+    description: "Card container with header, body, and footer slots"
+    files:
+      - app/components/m9sh/card_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  table:
+    name: "Table"
+    description: "Table component with styled cells and rows"
+    files:
+      - app/components/m9sh/table_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  alert:
+    name: "Alert"
+    description: "Alert component for notifications"
+    files:
+      - app/components/m9sh/alert_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  avatar:
+    name: "Avatar"
+    description: "Avatar component for user images"
+    files:
+      - app/components/m9sh/avatar_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  separator:
+    name: "Separator"
+    description: "Separator line component"
+    files:
+      - app/components/m9sh/separator_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  skeleton:
+    name: "Skeleton"
+    description: "Skeleton loading placeholder"
+    files:
+      - app/components/m9sh/skeleton_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  spinner:
+    name: "Spinner"
+    description: "Loading spinner component"
+    files:
+      - app/components/m9sh/spinner_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  progress:
+    name: "Progress"
+    description: "Progress bar component"
+    files:
+      - app/components/m9sh/progress_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  breadcrumb:
+    name: "Breadcrumb"
+    description: "Breadcrumb navigation component"
+    files:
+      - app/components/m9sh/breadcrumb_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  typography:
+    name: "Typography"
+    description: "Typography component for text styles"
+    files:
+      - app/components/m9sh/typography_component.rb
+    dependencies:
+      - base
+      - utilities
+
+  toggle:
+    name: "Toggle"
+    description: "Toggle button component with Stimulus"
+    files:
+      - app/components/m9sh/toggle_component.rb
+      - app/javascript/controllers/m9sh/toggle_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  accordion:
+    name: "Accordion"
+    description: "Collapsible accordion component with Stimulus"
+    files:
+      - app/components/m9sh/accordion_component.rb
+      - app/javascript/controllers/m9sh/accordion_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  tabs:
+    name: "Tabs"
+    description: "Tab navigation component with Stimulus"
+    files:
+      - app/components/m9sh/tabs_component.rb
+      - app/javascript/controllers/m9sh/tabs_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  dialog:
+    name: "Dialog"
+    description: "Modal dialog component with Stimulus"
+    files:
+      - app/components/m9sh/dialog_component.rb
+      - app/javascript/controllers/m9sh/dialog_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  alert_dialog:
+    name: "Alert Dialog"
+    description: "Alert dialog for confirmations with Stimulus"
+    files:
+      - app/components/m9sh/alert_dialog_component.rb
+      - app/javascript/controllers/m9sh/alert_dialog_controller.js
+    dependencies:
+      - base
+      - utilities
+      - dialog
+
+  sheet:
+    name: "Sheet"
+    description: "Side sheet component with Stimulus"
+    files:
+      - app/components/m9sh/sheet_component.rb
+      - app/javascript/controllers/m9sh/sheet_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  tooltip:
+    name: "Tooltip"
+    description: "Tooltip component with Stimulus"
+    files:
+      - app/components/m9sh/tooltip_component.rb
+      - app/javascript/controllers/m9sh/tooltip_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  popover:
+    name: "Popover"
+    description: "Popover component with Stimulus"
+    files:
+      - app/components/m9sh/popover_component.rb
+      - app/javascript/controllers/m9sh/popover_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  hover_card:
+    name: "Hover Card"
+    description: "Hover card component with Stimulus"
+    files:
+      - app/components/m9sh/hover_card_component.rb
+      - app/javascript/controllers/m9sh/hover_card_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  collapsible:
+    name: "Collapsible"
+    description: "Collapsible section component with Stimulus"
+    files:
+      - app/components/m9sh/collapsible_component.rb
+      - app/javascript/controllers/m9sh/collapsible_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  dropdown_menu:
+    name: "Dropdown Menu"
+    description: "Dropdown menu component with Stimulus"
+    files:
+      - app/components/m9sh/dropdown_menu_component.rb
+      - app/components/m9sh/dropdown_menu_trigger_component.rb
+      - app/components/m9sh/dropdown_menu_content_component.rb
+      - app/components/m9sh/dropdown_menu_item_component.rb
+      - app/components/m9sh/dropdown_menu_separator_component.rb
+      - app/javascript/controllers/m9sh/dropdown_menu_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  navigation_menu:
+    name: "Navigation Menu"
+    description: "Navigation menu component with Stimulus"
+    files:
+      - app/components/m9sh/navigation_menu_component.rb
+      - app/javascript/controllers/m9sh/navigation_menu_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  radio_group:
+    name: "Radio Group"
+    description: "Radio button group with Stimulus"
+    files:
+      - app/components/m9sh/radio_group_component.rb
+      - app/javascript/controllers/m9sh/radio_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  toast:
+    name: "Toast"
+    description: "Toast notification component with Stimulus"
+    files:
+      - app/components/m9sh/toast_component.rb
+      - app/javascript/controllers/m9sh/toast_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  toaster:
+    name: "Toaster"
+    description: "Toast container component with Stimulus"
+    files:
+      - app/components/m9sh/toaster_component.rb
+      - app/javascript/controllers/m9sh/toaster_controller.js
+    dependencies:
+      - base
+      - utilities
+      - toast
+
+  sidebar:
+    name: "Sidebar"
+    description: "Sidebar navigation component with Stimulus"
+    files:
+      - app/components/m9sh/sidebar_component.rb
+      - app/components/m9sh/sidebar_provider_component.rb
+      - app/components/m9sh/sidebar_group_component.rb
+      - app/components/m9sh/sidebar_menu_component.rb
+      - app/components/m9sh/sidebar_menu_item_component.rb
+      - app/components/m9sh/sidebar_menu_button_component.rb
+      - app/components/m9sh/sidebar_trigger_component.rb
+      - app/components/m9sh/sidebar_inset_component.rb
+      - app/javascript/controllers/m9sh/sidebar_controller.js
+      - app/javascript/controllers/m9sh/sidebar_provider_controller.js
+    dependencies:
+      - base
+      - utilities
+
+  theme_toggle:
+    name: "Theme Toggle"
+    description: "Dark/light theme toggle with Stimulus"
+    files:
+      - app/components/m9sh/theme_toggle_component.rb
+      - app/javascript/controllers/m9sh/theme_controller.js
+    dependencies:
+      - base
+      - utilities
+      - button
+
+  main:
+    name: "Main"
+    description: "Main content wrapper component"
+    files:
+      - app/components/m9sh/main_component.rb
+    dependencies:
+      - base
+      - utilities

data/lib/m9sh/version.rb

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

data/lib/m9sh.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+require_relative "m9sh/version"
+require_relative "m9sh/config"
+require_relative "m9sh/registry"
+require_relative "m9sh/generator"
+require_relative "m9sh/cli"
+
+module M9sh
+  class Error < StandardError; end
+end

data/package-lock.json

@@ -0,0 +1,99 @@
+{
+  "name": "hotcdn",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "hotcdn",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "lucide-react": "^0.545.0",
+        "tailwind-merge": "^3.3.1",
+        "tailwindcss": "^4.1.14",
+        "tw-animate-css": "^1.4.0"
+      },
+      "devDependencies": {
+        "tailwindcss-animate": "^1.0.7"
+      }
+    },
+    "node_modules/class-variance-authority": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      }
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.545.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.545.0.tgz",
+      "integrity": "sha512-7r1/yUuflQDSt4f1bpn5ZAocyIxcTyVyBBChSVtBKn5M+392cPmI5YJMWOJKk/HUWGm5wg83chlAZtCcGbEZtw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
+      "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/tailwind-merge": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.3.1.tgz",
+      "integrity": "sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.1.14",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.14.tgz",
+      "integrity": "sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==",
+      "license": "MIT"
+    },
+    "node_modules/tailwindcss-animate": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz",
+      "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders"
+      }
+    },
+    "node_modules/tw-animate-css": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.4.0.tgz",
+      "integrity": "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Wombosvideo"
+      }
+    }
+  }
+}

data/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "hotcdn",
+  "version": "1.0.0",
+  "description": "Beautiful, accessible UI components for Rails applications using Hotwire, inspired by [shadcn/ui](https://ui.shadcn.com).",
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build:css": "npx @tailwindcss/cli -i app/assets/stylesheets/tailwind.css -o app/assets/stylesheets/application.css --minify",
+    "watch:css": "npx @tailwindcss/cli -i app/assets/stylesheets/tailwind.css -o app/assets/stylesheets/application.css --watch"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.545.0",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.14",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "tailwindcss-animate": "^1.0.7"
+  }
+}

data/pnpm-lock.yaml

@@ -0,0 +1,75 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      class-variance-authority:
+        specifier: ^0.7.1
+        version: 0.7.1
+      clsx:
+        specifier: ^2.1.1
+        version: 2.1.1
+      lucide-react:
+        specifier: ^0.545.0
+        version: 0.545.0(react@19.2.0)
+      tailwind-merge:
+        specifier: ^3.3.1
+        version: 3.3.1
+      tailwindcss:
+        specifier: ^4.1.14
+        version: 4.1.14
+      tw-animate-css:
+        specifier: ^1.4.0
+        version: 1.4.0
+
+packages:
+
+  class-variance-authority@0.7.1:
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  lucide-react@0.545.0:
+    resolution: {integrity: sha512-7r1/yUuflQDSt4f1bpn5ZAocyIxcTyVyBBChSVtBKn5M+392cPmI5YJMWOJKk/HUWGm5wg83chlAZtCcGbEZtw==}
+    peerDependencies:
+      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  react@19.2.0:
+    resolution: {integrity: sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==}
+    engines: {node: '>=0.10.0'}
+
+  tailwind-merge@3.3.1:
+    resolution: {integrity: sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==}
+
+  tailwindcss@4.1.14:
+    resolution: {integrity: sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==}
+
+  tw-animate-css@1.4.0:
+    resolution: {integrity: sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==}
+
+snapshots:
+
+  class-variance-authority@0.7.1:
+    dependencies:
+      clsx: 2.1.1
+
+  clsx@2.1.1: {}
+
+  lucide-react@0.545.0(react@19.2.0):
+    dependencies:
+      react: 19.2.0
+
+  react@19.2.0: {}
+
+  tailwind-merge@3.3.1: {}
+
+  tailwindcss@4.1.14: {}
+
+  tw-animate-css@1.4.0: {}

data/tailwind.config.js

@@ -0,0 +1,93 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: 'class',
+  content: [
+    './app/views/**/*.html.erb',
+    './app/helpers/**/*.rb',
+    './app/assets/stylesheets/**/*.css',
+    './app/javascript/**/*.js',
+    './app/components/**/*.{erb,rb}'
+  ],
+  theme: {
+    extend: {
+      borderColor: {
+        DEFAULT: 'var(--color-border)',
+      },
+      colors: {
+        border: 'var(--color-border)',
+        input: 'var(--color-input)',
+        ring: 'var(--color-ring)',
+        background: 'var(--color-background)',
+        foreground: 'var(--color-foreground)',
+        primary: {
+          DEFAULT: 'var(--color-primary)',
+          foreground: 'var(--color-primary-foreground)',
+        },
+        secondary: {
+          DEFAULT: 'var(--color-secondary)',
+          foreground: 'var(--color-secondary-foreground)',
+        },
+        destructive: {
+          DEFAULT: 'var(--color-destructive)',
+          foreground: 'var(--color-destructive-foreground)',
+        },
+        muted: {
+          DEFAULT: 'var(--color-muted)',
+          foreground: 'var(--color-muted-foreground)',
+        },
+        accent: {
+          DEFAULT: 'var(--color-accent)',
+          foreground: 'var(--color-accent-foreground)',
+        },
+        popover: {
+          DEFAULT: 'var(--color-popover)',
+          foreground: 'var(--color-popover-foreground)',
+        },
+        card: {
+          DEFAULT: 'var(--color-card)',
+          foreground: 'var(--color-card-foreground)',
+        },
+        sidebar: {
+          DEFAULT: 'var(--color-sidebar-background)',
+          foreground: 'var(--color-sidebar-foreground)',
+          primary: 'var(--color-sidebar-primary)',
+          'primary-foreground': 'var(--color-sidebar-primary-foreground)',
+          accent: 'var(--color-sidebar-accent)',
+          'accent-foreground': 'var(--color-sidebar-accent-foreground)',
+          border: 'var(--color-sidebar-border)',
+          ring: 'var(--color-sidebar-ring)',
+        },
+      },
+      borderRadius: {
+        sm: 'var(--radius-sm)',
+        md: 'var(--radius-md)',
+        lg: 'var(--radius-lg)',
+        xl: 'var(--radius-xl)',
+        '2xl': 'var(--radius-2xl)',
+      },
+      fontFamily: {
+        sans: 'var(--font-sans)',
+      },
+      keyframes: {
+        'accordion-down': {
+          from: { height: '0' },
+          to: { height: 'var(--content-height)' }
+        },
+        'accordion-up': {
+          from: { height: 'var(--content-height)' },
+          to: { height: '0' }
+        },
+        shimmer: {
+          '0%': { transform: 'translateX(-100%)' },
+          '100%': { transform: 'translateX(100%)' }
+        },
+      },
+      animation: {
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+        shimmer: 'shimmer 1.5s infinite',
+      },
+    },
+  },
+  plugins: [require('tailwindcss-animate')],
+}