essence 0.4.0 → 1.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f50eba3dff7653e3e65f0f1e2dabb114782f0e0bf09cb64995118d86427b65b1
-  data.tar.gz: 21ce8e60063dc1930aa31eb4f3bb22be5045ffefd15fed55db823178dcc0d4da
+  metadata.gz: ec14519f03c3bea522c62f7debae357fcf6468940ad70f26a4309fd73a0dfbed
+  data.tar.gz: 7e076e8f3f426eea1eddd2dc027f1c8baa2fc9489e57d9aec0820df63fcd92c8
 SHA512:
-  metadata.gz: 2a6738cd42f2504d0b96be1b711abba2a4788cc6a411e27f2d47d62716cf6051b3f3835e95a68d45103fc47da909f1d02c7fe2c1226fd661362c337d89df4e09
-  data.tar.gz: ac414b095aa27a017b2438bcf9da0bfd2e8f638c21525b1bf3f749573fbb0771f3250ae418151f5175ef9f8ff44d25ef172d56317e7cc640836e3c25eeddb07d
+  metadata.gz: 2b718fddc9c567d9776087942f8dc62b4746bb1665f2410c3d0fafe018cfa580d3919158e287727f804dd19160402ec877a733ea33ab9a76958ba28b4bf03f96
+  data.tar.gz: 36cdbb856b2a2b20a269049b9eb772b250692a42cad88cbdb0f59296e8e3eecd88d58db2f4608ee5b6058c125515a58a017dcd4026645822d413b4ef4533ad25

data/lib/essence/cli/add.rb

@@ -1,34 +1,47 @@
 # frozen_string_literal: true
 
+require 'fileutils'
+
 module Essence
   module CLI
     class Add < Dry::CLI::Command
-      desc "Add an Essence component to your project"
-      argument :component_name, required: true, desc: "Component name"
+      desc "Add an Essence UI component"
+      argument :component, required: true, desc: "Component name"
       example Essence.component_names
 
       def call(*args)
-        component_name = args[0][:component_name]
-        key = component_name.to_sym
-        has_stimulus_controller = Essence.components[key][:stimulus] || false
+        puts "[Essence UI] Fetching..."
 
-        return puts "> #{component_name}: component unsupported" unless Essence.component_keys.include?(key)
-        puts "> [Essence] #{Essence.components[key][:name]}"
+        slug = args[0][:component].to_sym
+        specification = ::Essence::Client.new.get_component(slug:)
+        return puts "[Essence UI] Component not found. Stopping" if specification == ""
 
-        if has_stimulus_controller
-          Essence::CLI::Commands.copy_controller(component_name:)
-          puts "> [Stimulus] #{Essence::CLI::Commands::STIMULUS_CONTROLLERS_DESTINATION_DIR.join("#{component_name}_controller.js")}"
-        end
 
-        Essence::CLI::Commands.copy_component(component_name:)
-        Essence::CLI::Commands.replace_component_contents(component_name:)
-        Essence::CLI::Commands.replace_component_contents(
-          component_name:,
-          from: Essence::CLI::Commands::COMPONENT_DEFINITION_SUFFIX,
-          to: Essence::CLI::Commands::PHLEX_COMPONENT_DEFINITION_SUFFIX
-        )
+        files = specification.dig("files")
+        return puts "[Essence UI] Something went wrong. Stopping" unless files
+
+        files.each{ |data| insert_file(slug:, data:) }
+        puts "[Essence UI] #{specification.dig("title")} has been successfully added!"
+      end
+
+      private
+
+      def insert_file(slug:, data:)
+        destination_path = build_destination_path(kind: data["kind"], slug:)
+        ::FileUtils.mkdir_p(destination_path.dirname)
+        ::File.write(destination_path, data.dig("content"))
+        puts "[Essence UI] Adding #{destination_path}"
+      end
 
-        puts "> [Phlex] #{Essence::CLI::Commands::DESTINATION_DIR.join("#{component_name}.rb")}"
+      def build_destination_path(kind:, slug:)
+        case kind
+        when "phlex"
+          ::Essence.configuration.phlex_components_dir.join("#{slug}.rb")
+        when "stimulus"
+          ::Essence.configuration.stimulus_controllers_dir.join("#{slug}_controller.js")
+        else
+          nil
+        end
       end
     end
   end

data/lib/essence/cli/install.rb

@@ -7,21 +7,11 @@ module Essence
       BASE_DEFINITION_PREFIX = "class Essence::Essence"
       PHLEX_BASE_DEFINITION_PREFIX = "class Components::Essence"
 
-      desc "Install Essence to your project"
+      desc "Install Essence UI to your codebase"
       def call(*)
-        puts "> Installing Essence..."
-        puts "> Copying base component to your project"
-        Essence::CLI::Commands.copy_component(component_name: BASE_COMPONENT_NAME)
-        Essence::CLI::Commands.replace_component_contents(
-          component_name: BASE_COMPONENT_NAME,
-          from: BASE_DEFINITION_PREFIX,
-          to: PHLEX_BASE_DEFINITION_PREFIX
-        )
-        # Essence::CLI::Commands.rename_component_file(
-        #   from: Essence::CLI::Commands::DESTINATION_DIR.join("#{BASE_COMPONENT_NAME}.rb"),
-        #   to: Essence::CLI::Commands::DESTINATION_DIR.join("essence.rb")
-        # )
-        puts "> Essence has been successfully installed!"
+        puts "[Essence UI] Installing..."
+        ::Essence::CLI::Add.new.call(*[{component: "essence"}])
+        puts "[Essence UI] Done!"
       end
     end
   end

data/lib/essence/cli/version.rb

@@ -3,7 +3,7 @@
 module Essence
   module CLI
     class Version < Dry::CLI::Command
-      desc "Print Essence version"
+      desc "Print version of Essence UI CLI"
 
       def call(*)
         puts Essence::VERSION

data/lib/essence/cli.rb

@@ -16,62 +16,9 @@ module Essence
     module Commands
       extend Dry::CLI::Registry
 
-      # Constants
-      STIMULUS_CONTROLLERS_DIR = Pathname.new(File.expand_path("stimulus", __dir__))
-      STIMULUS_CONTROLLERS_DESTINATION_DIR = Pathname.new(File.expand_path(Dir.pwd)).join(::Essence.configuration.stimulus_controller_path)
-
-      COMPONENTS_DIR = Pathname.new(File.expand_path("components", __dir__))
-      DESTINATION_DIR = Pathname.new(File.expand_path(Dir.pwd)).join(::Essence.configuration.phlex_components_path)
-
-      COMPONENT_DEFINITION_PREFIX = "class Essence::"
-      COMPONENT_DEFINITION_SUFFIX = "< Essence::Essence"
-      PHLEX_COMPONENT_DEFINITION_PREFIX = "class Components::"
-      PHLEX_COMPONENT_DEFINITION_SUFFIX = "< Components::Essence"
-
-      # Registering commands
       register "add", Add, aliases: ["a", "generate", "g"]
       register "install", Install, aliases: ["i"]
       register "version", Version, aliases: ["v", "-v", "--version"]
-
-      private
-
-      # UTILITIES
-      # PHLEX COMPONENTS
-      def self.copy_component(component_name:)
-        source_path = COMPONENTS_DIR.join("#{component_name}.rb")
-        destination_path = DESTINATION_DIR.join("#{component_name}.rb")
-
-        FileUtils.mkdir_p(DESTINATION_DIR)
-        FileUtils.copy(source_path, destination_path)
-      end
-
-      def self.replace_component_contents(
-        component_name:,
-        from: COMPONENT_DEFINITION_PREFIX,
-        to: PHLEX_COMPONENT_DEFINITION_PREFIX
-      )
-        component_file = DESTINATION_DIR.join("#{component_name}.rb")
-        return unless File.exist?(component_file)
-
-        replaced_content = File.read(component_file).gsub(from, to)
-        File.write(component_file, replaced_content)
-      end
-
-      def self.rename_component_file(from:, to:)
-        return if from.nil? || to.nil?
-        return unless File.exist?(from)
-
-        FileUtils.mv(from, to)
-      end
-
-      # STIMULUS CONTROLLERS
-      def self.copy_controller(component_name:)
-        source_path = STIMULUS_CONTROLLERS_DIR.join("#{component_name}_controller.js")
-        destination_path = STIMULUS_CONTROLLERS_DESTINATION_DIR.join("#{component_name}_controller.js")
-
-        FileUtils.mkdir_p(STIMULUS_CONTROLLERS_DESTINATION_DIR)
-        FileUtils.copy(source_path, destination_path)
-      end
     end
   end
 end

data/lib/essence/client.rb

@@ -0,0 +1,22 @@
+require "faraday"
+
+module Essence
+  class Client
+    attr_reader :client
+
+    def initialize(**attributes)
+      @client = ::Faraday.new(url: "https://essenceui.com/") do |f|
+        f.request :authorization, "Bearer", -> { ::Essence.configuration.licence_key }
+        f.request :json
+        f.response :json
+      end
+    end
+
+    def get_component(slug: nil)
+      return if nil
+      client.get("api/v1/components/#{slug}").body
+    rescue Faraday::Error => error
+      puts error
+    end
+  end
+end

data/lib/essence/configuration.rb

@@ -1,13 +1,19 @@
 module Essence
   class Configuration
-    attr_accessor :api_key
+    attr_accessor :licence_key
     attr_accessor :phlex_components_path
-    attr_accessor :stimulus_controller_path
+    attr_accessor :stimulus_controllers_path
+
+    attr_reader :phlex_components_dir
+    attr_reader :stimulus_controllers_dir
 
     def initialize
-      @api_key = nil
+      @licence_key = nil
       @phlex_components_path = "app/components"
-      @stimulus_controller_path = "app/javascript/controllers/essence"
+      @stimulus_controllers_path = "app/javascript/controllers/essence"
+
+      @phlex_components_dir = Pathname.new(File.expand_path(Dir.pwd)).join(@phlex_components_path)
+      @stimulus_controllers_dir = Pathname.new(File.expand_path(Dir.pwd)).join(@stimulus_controllers_path)
     end
   end
 end

data/lib/essence/version.rb

@@ -1,3 +1,3 @@
 module Essence
-  VERSION = "0.4.0"
+  VERSION = "1.0.1"
 end

data/lib/essence.rb

@@ -1,12 +1,13 @@
 # frozen_string_literal: true
 
-require "tailwind_merge"
+# require "tailwind_merge"
 
 require_relative "essence/configuration"
 require_relative "essence/definitions"
 
 module Essence
   autoload :CLI, "essence/cli"
+  autoload :Client, "essence/client"
 
   class << self
     def root_path

metadata

@@ -1,14 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: essence
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 1.0.1
 platform: ruby
 authors:
 - Elvinas Predkelis
-autorequire:
 bindir: exe
 cert_chain: []
-date: 2025-04-15 00:00:00.000000000 Z
+date: 2025-05-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: dry-cli
@@ -31,33 +30,19 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '2'
 - !ruby/object:Gem::Dependency
-  name: phlex
+  name: faraday
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.0.0.rc1
+        version: '2.13'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 2.0.0.rc1
-- !ruby/object:Gem::Dependency
-  name: tailwind_merge
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 0.13.3
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.13.3
+        version: '2.13'
 description: Component library for Ruby applications using Phlex
 email:
 - elvinas@primevise.com
@@ -73,30 +58,9 @@ files:
 - lib/essence/cli/add.rb
 - lib/essence/cli/install.rb
 - lib/essence/cli/version.rb
-- lib/essence/components/accordion.rb
-- lib/essence/components/alert.rb
-- lib/essence/components/avatar.rb
-- lib/essence/components/badge.rb
-- lib/essence/components/button.rb
-- lib/essence/components/checkbox.rb
-- lib/essence/components/dialog.rb
-- lib/essence/components/dropdown.rb
-- lib/essence/components/essence.rb
-- lib/essence/components/heading.rb
-- lib/essence/components/input.rb
-- lib/essence/components/label.rb
-- lib/essence/components/link.rb
-- lib/essence/components/metric.rb
-- lib/essence/components/row.rb
-- lib/essence/components/separator.rb
-- lib/essence/components/skeleton.rb
-- lib/essence/components/switch.rb
-- lib/essence/components/tabs.rb
-- lib/essence/components/text.rb
+- lib/essence/client.rb
 - lib/essence/configuration.rb
 - lib/essence/definitions.rb
-- lib/essence/stimulus/switch_controller.js
-- lib/essence/stimulus/tabs_controller.js
 - lib/essence/version.rb
 homepage: https://rubygems.org/gems/essence
 licenses:
@@ -104,7 +68,6 @@ licenses:
 metadata:
   homepage_uri: https://rubygems.org/gems/essence
   source_code_uri: https://github.com/primevise/essence
-post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -119,8 +82,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.9
-signing_key:
+rubygems_version: 3.6.2
 specification_version: 4
 summary: Component library for Ruby applications using Phlex
 test_files: []

data/lib/essence/components/accordion.rb

@@ -1,36 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Accordion < Essence::Essence
-  BASE = "group py-4"
-  TRIGGER_BASE = "cursor-pointer list-none flex items-center justify-between text-base font-medium"
-  CONTENT_BASE = "py-2 transform transition-all duration-500 not-open:-mt-4 opacity-0 group-open:opacity-100 group-open:mt-0 text-sm"
-  CHEVRON_BASE = "transform transition-all duration-300 rotate-90 group-open:-rotate-90 text-lg text-gray-700"
-
-  attr_reader :attributes
-
-  def initialize(**attributes)
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, @attributes[:class]])
-  end
-
-  def view_template(&)
-    details(class: "w-full group py-4", &) if block_given?
-  end
-
-  def trigger(**tattributes, &)
-    summary(class: merge_classes(TRIGGER_BASE, tattributes[:class])) do
-      p(class: "inline", &)
-      span(class: CHEVRON_BASE) { "›" }
-    end
-  end
-
-  def content(**cattributes, &)
-    p(class: merge_classes(CONTENT_BASE, cattributes[:class]), &)
-  end
-
-  private
-
-  def merge_classes(*classes)
-    TAILWIND_MERGER.merge([ *classes ].compact)
-  end
-end

data/lib/essence/components/alert.rb

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Alert < Essence::Essence
-  BASE = "bg-white border-l-2 flex flex-col p-3 sm:p-4 bg-gray-50/50"
-  TITLE_BASE = "text-gray-900 text-sm sm:text-base font-medium w-full"
-  DESCRIPTION_BASE = "text-gray-700 flex text-xs sm:text-sm w-full"
-  ICON_BASE = "inline-flex items-center justify-center w-fit size-7 rounded-xs"
-
-  KINDS = {
-    primary: "border-blue-500",
-    critical: "border-rose-600",
-    warning: "border-orange-400",
-    success: "border-emerald-500"
-  }
-
-  ICON_KINDS = {
-    primary: "bg-blue-500 text-white",
-    critical: "bg-rose-600 text-white",
-    warning: "bg-orange-400 text-gray-900",
-    success: "bg-emerald-500 text-white"
-  }
-
-  attr_reader :kind
-  attr_reader :attributes
-
-  def initialize(kind: :primary, **attributes)
-    @kind = kind
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, KINDS[kind], attributes[:class] ])
-  end
-
-  def view_template(&)
-    div(**attributes, &)
-  end
-
-  def title(**mattributes, &)
-    mattributes[:class] = merge_classes([ TITLE_BASE, mattributes[:class] ])
-    h5(**mattributes, &)
-  end
-
-  def description(**mattributes, &)
-    mattributes[:class] = merge_classes([ DESCRIPTION_BASE, mattributes[:class] ])
-    p(**mattributes, &)
-  end
-
-  def icon(**mattributes, &)
-    mattributes[:class] = merge_classes([ ICON_BASE, ICON_KINDS[kind], mattributes[:class] ])
-    div(**mattributes, &)
-  end
-end

data/lib/essence/components/avatar.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Avatar < Essence::Essence
-  BASE = "border border-transparent rounded-full bg-gray-100 aspect-square inline-flex items-center justify-center font-medium text-gray-700 overflow-hidden"
-
-  SIZES = {
-    sm: "size-6 text-[0.5rem]",
-    md: "size-8 text-xs",
-    lg: "size-12 text-sm"
-  }
-
-  attr_reader :attributes
-  attr_reader :size
-
-  def initialize(size: :md, **attributes)
-    super(**attributes)
-    @size = size
-    @attributes[:class] = merge_classes([ BASE, SIZES[size], @attributes[:class]])
-  end
-
-  def view_template(&)
-    div(**attributes) do
-      img(src: attributes[:src], alt: attributes[:alt]) if attributes[:src]
-      yield if block_given?
-    end
-  end
-
-  def fallback(**attrs, &)
-    div(**attrs, &)
-  end
-end

data/lib/essence/components/badge.rb

@@ -1,35 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Badge < Essence::Essence
-  BASE = "inline-flex items-center justify-center w-fit rounded-full border border-transparent font-medium transition duration-150 hover:opacity-90"
-  SIZES = {
-    none: "",
-    sm: "text-[0.65rem] px-2 py-0.5 gap-1 min-w-8",
-    md: "text-xs px-2.5 py-1 gap-2 min-w-12",
-    lg: "text-sm px-4 py-1 gap-2 min-w-16"
-  }
-  KINDS = {
-    primary: "text-gray-900 border-gray-200",
-    success: "text-white bg-emerald-500",
-    critical: "text-white bg-rose-500",
-    warning: "text-white bg-amber-500",
-    info: "text-white bg-blue-500",
-    dark: "text-white bg-gray-900",
-    white: "text-gray-900 bg-white"
-  }
-
-  attr_reader :size
-  attr_reader :kind
-  attr_reader :attributes
-
-  def initialize(size: :md, kind: :primary, **attributes)
-    @size = size
-    @kind = kind
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, SIZES[size], KINDS[kind], @attributes[:class]])
-  end
-
-  def view_template(&)
-    div(**attributes, &)
-  end
-end

data/lib/essence/components/button.rb

@@ -1,45 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Button < Essence::Essence
-  BASE = "inline-flex items-center justify-center w-fit rounded-xs border border-transparent font-medium transition duration-150 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed hover:opacity-90"
-  SIZES = {
-    none: "",
-    xs: "text-[0.6rem] px-2 py-1.5 gap-1",
-    sm: "text-xs px-3 py-2 gap-1.5",
-    md: "text-sm px-4 py-2 gap-2",
-    lg: "text-base px-6 py-2.5 gap-2.5",
-    xl: "text-base px-8 py-3 gap-3"
-  }
-  KINDS = {
-    primary: "text-white bg-indigo-500 hover:bg-indigo-500",
-    secondary: "text-gray-700 bg-gray-100 hover:bg-gray-200",
-    critical: "text-white bg-rose-500 hover:bg-rose-400",
-    warning: "text-white bg-amber-500 hover:bg-amber-400",
-    success: "text-white bg-emerald-500 hover:bg-emerald-400",
-    info: "text-white bg-blue-500 hover:bg-blue-400",
-    dark: "text-white bg-gray-900 hover:bg-gray-800",
-    white: "text-gray-900 bg-white hover:bg-gray-200",
-    ghost: "text-gray-900 hover:bg-gray-200 hover:text-gray-800"
-  }
-
-  attr_reader :size
-  attr_reader :kind
-  attr_reader :attributes
-
-  def initialize(size: :md, kind: :primary, **attributes)
-    @size = size
-    @kind = kind
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, SIZES[size], KINDS[kind], @attributes[:class]])
-  end
-
-  def view_template(&)
-    element_tag(**attributes, &)
-  end
-
-  private
-
-  def element_tag(...)
-    attributes[:href] ? a(...) : button(...)
-  end
-end

data/lib/essence/components/checkbox.rb

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Checkbox < Essence::Essence
-  BASE = "appearance-none size-3.5 cursor-pointer transition duration-100 rounded-xs border border-gray-300 focus:ring-0 checked:border-indigo-600 checked:bg-indigo-500 indeterminate:border-indigo-600 indeterminate:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto"
-
-  attr_reader :attributes
-
-  def initialize(**attributes)
-    super(**attributes)
-    @attributes[:class] = merge_classes(BASE, attributes[:class])
-  end
-
-  def view_template
-    attributes[:type] = :checkbox
-    input(**attributes)
-  end
-end

data/lib/essence/components/dialog.rb

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Dialog < Essence::Essence
-  BASE = ""
-
-  attr_reader :attributes
-
-  def initialize(**attributes)
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, @attributes[:class]])
-  end
-
-  def view_template(&)
-    dialog(**attributes) do
-      yield if block_given?
-    end
-  end
-
-  def footer(&)
-  end
-end

data/lib/essence/components/dropdown.rb

@@ -1,18 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Dropdown < Essence::Essence
-  BASE = ""
-
-  attr_reader :attributes
-
-  def initialize(**attributes)
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, @attributes[:class]])
-  end
-
-  def view_template(&)
-    div(**attributes) do
-      yield if block_given?
-    end
-  end
-end

data/lib/essence/components/essence.rb

@@ -1,14 +0,0 @@
-class Essence::Essence < Phlex::HTML
-  TAILWIND_MERGER = ::TailwindMerge::Merger.new.freeze unless defined?(TAILWIND_MERGER)
-
-  attr_reader :attributes
-
-  def initialize(**attributes)
-    @attributes = default_attributes.deep_merge(attributes)
-  end
-
-  private
-
-  def default_attributes = {}
-  def merge_classes(*classes) = TAILWIND_MERGER.merge([ *classes ].compact)
-end

data/lib/essence/components/heading.rb

@@ -1,28 +0,0 @@
-class Essence::Heading < Essence::Essence
-  ALLOWED_TAGS = [ :h1, :h2, :h3, :h4, :h5, :h6 ]
-  BASE = "font-medium text-gray-900 leading-normal"
-  SIZES = {
-    xs: "text-base lg:text-lg",
-    sm: "text-lg lg:text-xl",
-    md: "text-xl lg:text-2xl",
-    lg: "text-2xl lg:text-3xl",
-    xl: "text-3xl lg:text-4xl",
-    "2xl": "text-4xl lg:text-5xl",
-    "3xl": "text-5xl lg:text-6xl"
-  }
-
-  attr_reader :as
-  attr_reader :size
-  attr_reader :attributes
-
-  def initialize(as: :h2, size: :xs, **attributes)
-    super(**attributes)
-    @as = ALLOWED_TAGS.include?(as.to_sym) ? as.to_sym : :h1
-    @size = SIZES.keys.include?(size.to_sym) ? size.to_sym : :xs
-    @attributes[:class] = merge_classes([ BASE, SIZES[size], attributes[:class] ])
-  end
-
-  def view_template(&)
-    tag(as, **attributes, &)
-  end
-end

data/lib/essence/components/input.rb

@@ -1,14 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Input < Essence::Essence
-  BASE = "flex px-4 h-10 md:h-12 rounded-sm border border-gray-200/80 focus:outline-none focus:ring-offset-2 focus-visible:ring-2"
-
-  def initialize(**attributes)
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, @attributes[:class] ])
-  end
-
-  def view_template(&)
-    input(**attributes)
-  end
-end

data/lib/essence/components/label.rb

@@ -1,28 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Label < Essence::Essence
-  BASE = "flex text-sm font-medium text-gray-700"
-  HELPER_BASE = "text-xs font-normal text-gray-500"
-  ASTERISK_BASE = "text-rose-500 font-normal mx-0.5"
-
-  attr_reader :attributes
-
-  def initialize(**attributes)
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, attributes[:class], !!attributes[:for] ? "cursor-pointer" : "" ])
-  end
-
-  def view_template(&)
-    label(**@attributes, &)
-  end
-
-  def asterisk(**mattributes)
-    mattributes[:class] = merge_classes([ ASTERISK_BASE, mattributes[:class] ])
-    span(**mattributes) { "*" }
-  end
-
-  def helper_text(**mattributes, &)
-    mattributes[:class] = merge_classes([ HELPER_BASE, mattributes[:class] ])
-    p(**mattributes, &)
-  end
-end

data/lib/essence/components/link.rb

@@ -1,20 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Link < Essence::Essence
-  BASE = "inline-flex w-fit items-center gap-1 font-medium text-gray-900 border-b-2 hover:border-gray-900 transition-colors"
-  KINDS = {
-    regular: "border-transparent",
-    underline: "border-gray-200"
-  }
-
-  attr_reader :attributes
-
-  def initialize(kind: :regular, **attributes)
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, @attributes[:class]])
-  end
-
-  def view_template(&)
-    a(**attributes, &)
-  end
-end

data/lib/essence/components/metric.rb

@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Metric < Essence::Essence
-  BASE = "p-4 border rounded-xs"
-  HELPER_BASE = "text-xs uppercase font-medium text-gray-500"
-  TITLE_BASE = "text-2xl text-gray-900 font-medium"
-  BODY_BASE = "text-sm text-gray-700"
-
-  KINDS = {
-    primary: "",
-    secondary: "border-transparent bg-gray-100"
-  }
-
-  attr_reader :kind
-
-  def initialize(kind: :primary, **attributes)
-    @kind = kind
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, KINDS[kind], @attributes[:class] ])
-  end
-
-  def view_template(&)
-    div(**attributes, &)
-  end
-
-  def title(**mattributes, &)
-    mattributes[:class] = merge_classes([ TITLE_BASE, mattributes[:class] ])
-    h5(**mattributes, &)
-  end
-
-  def helper(**mattributes, &)
-    mattributes[:class] = merge_classes([ HELPER_BASE, mattributes[:class] ])
-    p(**mattributes, &)
-  end
-
-  def body(**mattributes, &)
-    mattributes[:class] = merge_classes([ BODY_BASE, mattributes[:class] ])
-    p(**mattributes, &)
-  end
-end

data/lib/essence/components/row.rb

@@ -1,28 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Row < Essence::Essence
-  BASE = "flex gap-4"
-  KINDS = {
-    default: "flex-col md:flex-row md:items-center md:justify-between",
-    center: "flex-col md:flex-row md:items-center md:justify-center",
-    start: "flex-col md:flex-row md:items-center md:justify-start",
-    end: "flex-col md:flex-row md:items-center md:justify-end",
-  }
-
-  attr_reader :kind
-  attr_reader :attributes
-
-  def initialize(kind: :default, **attributes)
-    @kind = kind
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, KINDS[kind], @attributes[:class]])
-  end
-
-  def view_template(&)
-    div(**attributes, &)
-  end
-
-  def item(**attrs, &)
-    div(class: TAILWIND_MERGER.merge([ "flex items-center gap-2 flex-wrap", attrs[:class] ]), **attrs, &)
-  end
-end

data/lib/essence/components/separator.rb

@@ -1,29 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Separator < Essence::Essence
-  BASE = "border-gray-200/50"
-
-  KINDS = {
-    horizontal: "border-t",
-    vertical: "border-l h-full"
-  }
-
-  attr_reader :kind
-  attr_reader :attributes
-
-  def initialize(kind: :horizontal, **attributes)
-    @kind = kind
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, KINDS[kind], @attributes[:class] ])
-  end
-
-  def view_template
-    element_tag(**attributes)
-  end
-
-  private
-
-  def element_tag(...)
-    kind.to_sym == :horizontal ? hr(...) : div(...)
-  end
-end

data/lib/essence/components/skeleton.rb

@@ -1,24 +0,0 @@
-# frozen_string_literal: true
-
-# A skeleton component is used to show a loading state.
-#
-# ==== Examples
-#
-#    render Skeleton.new(class: "w-32 h-6")
-#
-# ==== Documentation
-#
-# https://essence.primevise.com/components/skeleton
-#
-class Essence::Skeleton < Essence::Essence
-  BASE = "animate-pulse bg-gray-200/55 rounded-xs"
-
-  def initialize(**attributes)
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, @attributes[:class]])
-  end
-
-  def view_template(&)
-    div(**@attributes, &)
-  end
-end

data/lib/essence/components/switch.rb

@@ -1,69 +0,0 @@
-# frozen_string_literal: true
-
-# A switch component that can be toggled on and off.
-#
-# ==== Examples
-#
-#    render Switch.new
-#
-# ==== Documentation
-#
-# https://essence.primevise.com/components/switch
-#
-class Essence::Switch < Essence::Essence
-  BASE = "relative inline-flex h-6 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent bg-gray-200 transition-colors duration-200 ease-in-out focus:ring-2 focus:ring-indigo-200 focus:ring-offset-2 focus:outline-hidden"
-  LEVER_BASE = "pointer-events-none inline-block size-5 translate-x-0 transform rounded-full bg-white ring-0 transition duration-200 ease-in-out"
-
-  ACTIVE_CLASSES = "bg-indigo-600"
-  INACTIVE_CLASSES = "bg-gray-200"
-
-  ACTIVE_LEVER_CLASSES = "translate-x-6"
-  INACTIVE_LEVER_CLASSES = "translate-x-0"
-
-  def initialize(**attributes)
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, @attributes[:class] ])
-  end
-
-  def view_template(&)
-    button(**attributes) do
-      span(class: "sr-only") { "Use setting" }
-      span(
-        aria_hidden: "true",
-        class: LEVER_BASE,
-        data: {
-          essence__switch_target: "lever"
-        },
-      )
-      yield if block_given?
-    end
-  end
-
-  def hidden_input(**mattributes)
-    mattributes[:type] = "hidden"
-    mattributes[:name] = mattributes[:name] || "enabled"
-    mattributes[:value] = mattributes[:value] || false
-    mattributes[:data] = { essence__switch_target: "input" }
-
-    input(**mattributes)
-  end
-
-  private
-
-  def default_attributes
-    {
-      type: "button",
-      role: "switch",
-      aria_checked: false,
-      data: {
-        controller: "essence--switch",
-        action: "click->essence--switch#toggle",
-        essence__switch_active_class: ACTIVE_CLASSES,
-        essence__switch_inactive_class: INACTIVE_CLASSES,
-        essence__switch_active_lever_class: ACTIVE_LEVER_CLASSES,
-        essence__switch_inactive_lever_class: INACTIVE_LEVER_CLASSES
-      }
-    }
-  end
-
-end

data/lib/essence/components/tabs.rb

@@ -1,58 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Tabs < Essence::Essence
-  BASE = "rounded-lg overflow-hidden"
-  TAB_BASE = "inline-flex items-center justify-center w-fit rounded-xs border border-transparent font-medium transition duration-150 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed hover:opacity-90 text-xs px-3 py-2 gap-1.5 text-gray-900 bg-transparent hover:bg-gray-200 hover:text-gray-800"
-  TAB_LIST_BASE = "flex items-center gap-2 py-2 border-b"
-  PANEL_BASE = "aria-hidden:hidden p-4"
-
-  attr_reader :attributes
-
-  def initialize(**attributes)
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, @attributes[:class] ])
-  end
-
-  def view_template(&)
-    div(**attributes, &)
-  end
-
-  def menu(**mattributes, &)
-    mattributes[:class] = merge_classes([ TAB_LIST_BASE, mattributes[:class] ])
-
-    div(**mattributes, &)
-  end
-
-  def tab(key: :general, **mattributes, &)
-    mattributes[:id] = "tab-#{key}"
-    mattributes[:class] = merge_classes([ TAB_BASE, mattributes[:class] ])
-    mattributes[:data] = {
-      essence__tabs_target: "tab",
-      essence__tabs_panel_id_param: "panel-#{key}",
-      action: "essence--tabs#setActiveTab keydown.left->essence--tabs#previous keydown.right->essence--tabs#next"
-    }
-
-    button(**mattributes, &)
-  end
-
-  def panel(key: :general, **mattributes, &)
-    mattributes[:id] = "panel-#{key}"
-    mattributes[:class] = merge_classes([ PANEL_BASE, mattributes[:class] ])
-    mattributes[:data] = {
-      essence__tabs_target: "panel"
-    }
-
-    div(**mattributes, &)
-  end
-
-  private
-
-  def default_attributes
-    {
-      data: {
-        controller: "essence--tabs",
-        essence__tabs_active_value: "panel-general"
-      }
-    }
-  end
-end

data/lib/essence/components/text.rb

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-class Essence::Text < Essence::Essence
-  BASE = "text-base text-gray-500 dark:text-gray-400"
-  SIZES = {
-    sm: "text-sm",
-    md: "text-base",
-    lg: "text-lg"
-  }
-
-  attr_reader :size
-
-  def initialize(size: :md, **attributes)
-    super(**attributes)
-    @attributes[:class] = merge_classes([ BASE, SIZES[size], attributes[:class] ])
-  end
-
-  def view_template(&)
-    p(**attributes, &)
-  end
-end

data/lib/essence/stimulus/switch_controller.js

@@ -1,32 +0,0 @@
-import { Controller } from "@hotwired/stimulus";
-
-export default class extends Controller {
-  static targets = ["input", "lever"];
-
-  static classes = ["active", "inactive", "activeLever", "inactiveLever"];
-
-  static values = {
-    checked: {
-      type: Boolean,
-      default: false,
-    },
-  };
-
-  connect() {
-    if (this.checkedValue) this.toggle();
-  }
-
-  toggle(event) {
-    this.element.ariaChecked =
-      this.element.ariaChecked == "true" ? false : true;
-
-    if (this.hasInputTarget)
-      this.inputTarget.value = this.element.ariaChecked == "true";
-
-    this.element.classList.toggle(...this.activeClasses);
-    this.element.classList.toggle(...this.inactiveClasses);
-
-    this.leverTarget.classList.toggle(...this.activeLeverClasses);
-    this.leverTarget.classList.toggle(...this.inactiveLeverClasses);
-  }
-}

data/lib/essence/stimulus/tabs_controller.js

@@ -1,40 +0,0 @@
-import { Controller } from "@hotwired/stimulus";
-
-export default class extends Controller {
-  static targets = ["tab", "panel"];
-  static values = { active: String };
-
-  setActiveTab(event) {
-    this.activeValue = event.params.panelId;
-  }
-
-  activeValueChanged() {
-    this.tabTargets.forEach((tab) => {
-      tab.ariaSelected = tab.id === this.activeValue;
-    });
-
-    this.panelTargets.forEach((panel) => {
-      panel.ariaHidden = panel.id !== this.activeValue;
-    });
-  }
-
-  next(event) {
-    this.navigate(event, "next");
-  }
-
-  previous(event) {
-    this.navigate(event, "previous");
-  }
-
-  navigate(event, direction) {
-    const tab =
-      direction === "next"
-        ? event.target.nextElementSibling
-        : event.target.previousElementSibling;
-
-    if (!tab) return;
-
-    tab.click();
-    tab.focus();
-  }
-}