lostcoords-ui 0.4.1 → 0.6.0

data/config/locales/en.yml

@@ -1,6 +1,29 @@
 en:
   lostcoords:
     ui:
+      pager:
+        label: "Pages"
+        previous: "Previous"
+        next: "Next"
+      skip_link:
+        label: "Skip to content"
+      spinner:
+        label: "Loading…"
+      dialog:
+        trigger: "Open dialog"
+        cancel: "Cancel"
+        close: "Close %{title}"
+      menu:
+        label: "Actions"
+      popover:
+        trigger: "Open popover"
+      breadcrumb:
+        label: "Breadcrumb"
+      code_block:
+        label: "Source code"
+        copy: "Copy %{label}"
+        expand: "Show all code"
+        collapse: "Show less code"
       copy_button:
         label: "Copy"
         copied: "Copied"

data/config/locales/es.yml

@@ -1,6 +1,29 @@
 es:
   lostcoords:
     ui:
+      pager:
+        label: "Páginas"
+        previous: "Anterior"
+        next: "Siguiente"
+      skip_link:
+        label: "Saltar al contenido"
+      spinner:
+        label: "Cargando…"
+      dialog:
+        trigger: "Abrir diálogo"
+        cancel: "Cancelar"
+        close: "Cerrar %{title}"
+      menu:
+        label: "Acciones"
+      popover:
+        trigger: "Abrir panel"
+      breadcrumb:
+        label: "Ruta de navegación"
+      code_block:
+        label: "Código fuente"
+        copy: "Copiar %{label}"
+        expand: "Mostrar todo el código"
+        collapse: "Mostrar menos código"
       copy_button:
         label: "Copiar"
         copied: "Copiado"

data/config/locales/ja.yml

@@ -1,6 +1,29 @@
 ja:
   lostcoords:
     ui:
+      pager:
+        label: "ページ"
+        previous: "前へ"
+        next: "次へ"
+      skip_link:
+        label: "本文へ移動"
+      spinner:
+        label: "読み込み中…"
+      dialog:
+        trigger: "ダイアログを開く"
+        cancel: "キャンセル"
+        close: "%{title}を閉じる"
+      menu:
+        label: "操作"
+      popover:
+        trigger: "パネルを開く"
+      breadcrumb:
+        label: "パンくずリスト"
+      code_block:
+        label: "ソースコード"
+        copy: "%{label}をコピー"
+        expand: "コードをすべて表示"
+        collapse: "コードを折りたたむ"
       copy_button:
         label: "コピー"
         copied: "コピー済み"

data/lib/lostcoords/ui/action_view.rb

@@ -3,8 +3,11 @@ require "action_view"
 require "active_support/core_ext/hash"
 require "active_support/core_ext/object/blank"
 require "tailwind_merge"
-require "lostcoords/ui/resources"
-require "lostcoords/ui/icons"
-require "lostcoords/ui/helpers"
+require_relative "resources"
+require_relative "icons"
+require_relative "parts"
+require_relative "form_builder"
+require_relative "helpers"
+require_relative "stylesheets"
 
 Lostcoords::Ui.load_translations!

data/lib/lostcoords/ui/builders.rb

@@ -10,8 +10,8 @@ module Lostcoords::Ui
 
       def component?
         !name.to_s.end_with?("_class") &&
-          !%i[lc_tw lc_sheet_data lc_form_alert_icon].include?(name) &&
-          helper != "EmojiPickerHelper"
+          !%i[lc_tw lc_sheet_data lc_shortcut_data lc_alert_icon].include?(name) &&
+          (helper != "EmojiPickerHelper" || name == :lc_emoji_picker)
       end
     end
 

data/lib/lostcoords/ui/form_builder.rb

@@ -0,0 +1,126 @@
+module Lostcoords::Ui
+  # Rails form builder that renders the library's controls and connects model errors to them.
+  #
+  #   <%= lc_form_with model: @project do |form| %>
+  #     <%= form.field :name, hint: "Shown to members" %>
+  #     <%= form.field :email, as: :email_field %>
+  #     <%= form.switch :public %>
+  #     <%= form.submit %>
+  #   <% end %>
+  #
+  # Every standard helper keeps its Rails signature. A symbol `size:` (:sm, :md, :lg) picks the control
+  # size; an integer still sets the HTML size attribute.
+  class FormBuilder < ActionView::Helpers::FormBuilder
+    INPUTS = %i[
+      text_field email_field password_field telephone_field phone_field url_field search_field number_field
+      date_field time_field datetime_field datetime_local_field month_field week_field
+    ].freeze
+
+    INPUTS.each do |selector|
+      define_method(selector) do |method, options = {}|
+        size = control_size!(options)
+        super(method, control_options(method, options, "input", @template.lc_input_class(size: size)))
+      end
+    end
+
+    def text_area(method, options = {})
+      super(method, control_options(method, options, "textarea", @template.lc_textarea_class))
+    end
+    alias textarea text_area
+
+    def select(method, choices = nil, options = {}, html_options = {}, &block)
+      size = control_size!(html_options)
+      super(method, choices, options, control_options(method, html_options, "select", @template.lc_select_class(size: size)), &block)
+    end
+
+    SELECT_OPTIONS = %i[include_blank prompt selected disabled].freeze
+
+    alias_method :rails_check_box, :check_box
+    private :rails_check_box
+
+    def check_box(method, options = {}, checked_value = "1", unchecked_value = "0")
+      super(method, control_options(method, options, "checkbox-input", @template.lc_checkbox_class), checked_value, unchecked_value)
+    end
+    alias checkbox check_box
+
+    def radio_button(method, tag_value, options = {})
+      super(method, tag_value, control_options(method, options, "radio-input", @template.lc_radio_class))
+    end
+
+    # A checkbox drawn as a switch, with its label beside it.
+    def switch(method, label: nil, hint: nil, checked_value: "1", unchecked_value: "0", **options)
+      input = rails_check_box(method, control_options(method, { role: "switch" }.merge(options), "switch-input", @template.lc_switch_class, described: true), checked_value, unchecked_value)
+      choice_label(method, label, hint, "switch", input)
+    end
+
+    # A checkbox with its label beside it.
+    def choice(method, label: nil, hint: nil, checked_value: "1", unchecked_value: "0", **options)
+      input = rails_check_box(method, control_options(method, options, "checkbox-input", @template.lc_checkbox_class, described: true), checked_value, unchecked_value)
+      choice_label(method, label, hint, "checkbox", input)
+    end
+
+    def label(method, text = nil, options = {}, &block)
+      if text.is_a?(Hash)
+        options = text
+        text = nil
+      end
+      super(method, text, options.merge(class: @template.lc_field_label_class(extra: options[:class])), &block)
+    end
+
+    def submit(value = nil, options = {})
+      if value.is_a?(Hash)
+        options = value
+        value = nil
+      end
+      variant = options.delete(:variant) || :primary
+      size = options.delete(:size) || :md
+      data = { slot: "button", variant: variant, size: size }.merge(options.delete(:data) || {})
+      super(value, options.merge(class: @template.lc_button_class(variant: variant, size: size, extra: options[:class]), data: data))
+    end
+
+    # Label, control, hint and the attribute's errors in one field. `as:` names the control helper;
+    # `as: :select` takes `choices:` and Rails' select options such as `include_blank:`. A block renders
+    # a custom control and receives its attributes to splat with `**control`.
+    def field(method, label: nil, hint: nil, as: :text_field, choices: nil, **options, &block)
+      @template.lc_field(label: label || human_name(method), id: field_id(method), hint: hint, error: errors_for(method)) do |control|
+        next @template.capture(control, &block) if block
+
+        attributes = @template.send(:lc_attributes, options.except(*SELECT_OPTIONS), control.to_hash.except(:id))
+        if as.to_sym == :select
+          select(method, choices, options.slice(*SELECT_OPTIONS), attributes)
+        else
+          public_send(as, method, attributes.merge(options.slice(*SELECT_OPTIONS)))
+        end
+      end
+    end
+
+    private
+      def control_size!(options)
+        options[:size].is_a?(Symbol) || options[:size].is_a?(String) && options[:size].match?(/\A[a-z]+\z/) ? options.delete(:size).to_sym : :md
+      end
+
+      # described: points aria-describedby at the error a choice label renders, as lc_field does for its control.
+      def control_options(method, options, slot, classes, described: false)
+        options = options.dup
+        aria = (options.delete(:aria) || {}).dup
+        aria[:invalid] = true if errors_for(method).any? && !aria.key?(:invalid)
+        aria[:describedby] = [ aria[:describedby], "#{field_id(method)}-error" ].compact.join(" ") if described && errors_for(method).any?
+        data = { slot: slot }.merge(options.delete(:data) || {})
+        options.merge(class: @template.lc_tw(classes, options[:class]), aria: aria, data: data)
+      end
+
+      def choice_label(method, text, hint, slot, input)
+        @template.send(:lc_choice_label, slot, text || human_name(method), hint, input, errors: errors_for(method), error_id: "#{field_id(method)}-error", for: field_id(method))
+      end
+
+      def errors_for(method)
+        return [] unless object.respond_to?(:errors)
+
+        object.errors.full_messages_for(method)
+      end
+
+      def human_name(method)
+        object.class.respond_to?(:human_attribute_name) ? object.class.human_attribute_name(method) : method.to_s.humanize
+      end
+  end
+end

data/lib/lostcoords/ui/parts.rb

@@ -0,0 +1,154 @@
+module Lostcoords::Ui
+  # Builders yielded by compound components, so their parts are scoped and discoverable:
+  #
+  #   <%= lc_card do |card| %>
+  #     <%= card.header title: "Members", description: "People in this workspace" %>
+  #     <%= card.content do %>…<% end %>
+  #     <%= card.footer do %>…<% end %>
+  #   <% end %>
+  #
+  # Every part carries data-slot, so a context can style it without matching classes.
+  module Parts
+    class Base
+      def initialize(view)
+        @view = view
+      end
+
+      private
+        attr_reader :view
+
+        def merge(defaults, attributes)
+          view.send(:lc_attributes, defaults, attributes)
+        end
+
+        def slot(name, attributes, defaults = {})
+          merge(defaults.merge(data: { slot: name }), attributes)
+        end
+
+        def part(tag_name, name, classes, attributes, &block)
+          view.content_tag(tag_name, slot(name, attributes, class: classes), &block)
+        end
+    end
+
+    class Card < Base
+      def header(title: nil, description: nil, level: 3, **attributes, &actions)
+        heading = [ (self.title(title, level: level) if title), (self.description(description) if description) ].compact
+        action = view.capture(&actions) if actions
+        part(:header, "card-header", "flex min-w-0 items-start justify-between gap-content", attributes) do
+          view.safe_join([
+            (view.tag.div(view.safe_join(heading), class: "flex min-w-0 flex-col gap-tight", data: { slot: "card-heading" }) if heading.any?),
+            (view.tag.div(action, class: "flex shrink-0 items-center gap-related", data: { slot: "card-action" }) if action.present?)
+          ].compact)
+        end
+      end
+
+      def title(content = nil, level: 3, **attributes, &block)
+        view.lc_heading(content, level: level, size: :subheading, **slot("card-title", attributes), &block)
+      end
+
+      def description(content = nil, **attributes, &block)
+        view.lc_text(content, size: :small, tone: :muted, **slot("card-description", attributes), &block)
+      end
+
+      def content(**attributes, &block)
+        part(:div, "card-content", "flex min-w-0 flex-col gap-content", attributes, &block)
+      end
+
+      def footer(**attributes, &block)
+        part(:div, "card-footer", "flex min-w-0 flex-wrap items-center justify-end gap-related", attributes, &block)
+      end
+    end
+
+    # Splats into a control as `**field`, so the control gets the field's id and validation attributes.
+    class Field < Base
+      attr_reader :id
+
+      def initialize(view, id, control)
+        super(view)
+        @id = id
+        @control = control
+      end
+
+      def to_hash = @control
+    end
+
+    class Dialog < Base
+      def initialize(view, id)
+        super(view)
+        @id = id
+      end
+
+      def footer(**attributes, &block)
+        part(:div, "dialog-footer", "flex flex-wrap items-center justify-end gap-related", attributes, &block)
+      end
+
+      def close(label = nil, variant: :secondary, **attributes)
+        label ||= view.send(:lc_t, "lostcoords.ui.dialog.cancel")
+        view.lc_button(label, variant: variant, **merge({ data: { action: "lc-dialog#close", slot: "dialog-close" } }, attributes))
+      end
+    end
+
+    class Alert < Base
+      def actions(**attributes, &block)
+        part(:div, "alert-actions", "flex flex-wrap items-center gap-related pt-tight", attributes, &block)
+      end
+    end
+
+    class Tabs < Base
+      Panel = Data.define(:value, :label, :content, :attributes)
+
+      attr_reader :panels
+
+      def initialize(view)
+        super
+        @panels = []
+      end
+
+      # Records a panel; lc_tabs renders the tab list and panels after the block.
+      def panel(label, value: nil, **attributes, &block)
+        value = (value || label).to_s
+        raise ArgumentError, "tab label must not be blank" if label.blank?
+        raise ArgumentError, "duplicate tab value: #{value}" if @panels.any? { |panel| panel.value == value }
+
+        @panels << Panel.new(value, label, (view.capture(&block) if block), attributes)
+        nil
+      end
+    end
+
+    class NavList < Base
+      def initialize(view, compact)
+        super(view)
+        @compact = compact
+      end
+
+      # current: marks the page the reader is on with aria-current="page".
+      def link(label, url, current: false, indent: false, **attributes)
+        view.tag.li(class: ("ps-content" if indent), data: { slot: "nav-item" }) do
+          view.link_to(label, url, **merge({ class: view.lc_nav_link_class(compact: @compact), aria: { current: ("page" if current) }, data: { slot: "nav-link" } }, attributes))
+        end
+      end
+
+      # The list is named with aria-label rather than an id, so the same navigation can render twice,
+      # as in a sidebar and a phone menu.
+      def group(title, **attributes, &block)
+        part(:li, "nav-group", "flex flex-col gap-tight not-first:pt-section", attributes) do
+          view.safe_join([
+            view.tag.span(title, class: "px-3 pb-tight text-caption font-semibold text-foreground", aria: { hidden: true }, data: { slot: "nav-group-title" }),
+            view.tag.ul(view.capture(&block), class: "m-0 flex list-none flex-col gap-px p-0", aria: { label: title })
+          ])
+        end
+      end
+    end
+
+    class DescriptionList < Base
+      def item(term, detail = nil, **attributes, &block)
+        part(:div, "description-item", "grid min-w-0 gap-tight py-heading sm:grid-cols-[minmax(0,1fr)_minmax(0,2fr)] sm:gap-content", attributes) do
+          view.safe_join([
+            view.tag.dt(term, class: "text-label text-muted-foreground", data: { slot: "description-term" }),
+            view.tag.dd(block ? view.capture(&block) : detail, class: "m-0 min-w-0 text-body text-foreground [overflow-wrap:anywhere]", data: { slot: "description-detail" })
+          ])
+        end
+      end
+    end
+  end
+end

data/lib/lostcoords/ui/stylesheets.rb

@@ -0,0 +1,25 @@
+require "fileutils"
+require "pathname"
+
+module Lostcoords::Ui
+  # The Tailwind entries a host can import: the document defaults, core.css and one file per opt-in component.
+  module Stylesheets
+    ROOT = Pathname(File.expand_path("../../../app/assets/tailwind/lostcoords/ui", __dir__))
+
+    def self.entries
+      [ ROOT.join("base.css"), ROOT.join("core.css"), *ROOT.glob("components/*.css").sort ]
+    end
+
+    # tailwindcss-rails gives an engine one generated import, of engine.css. These proxies give every
+    # entry a stable path in the host, such as builds/tailwind/lostcoords_ui/components/dialog.css.
+    def self.write(builds)
+      directory = Pathname(builds).join("lostcoords_ui")
+      FileUtils.rm_rf(directory)
+      entries.each do |entry|
+        path = directory.join(entry.relative_path_from(ROOT))
+        FileUtils.mkdir_p(path.dirname)
+        path.write("/* Generated by lostcoords-ui before every Tailwind build; do not edit. */\n@import \"#{entry}\";\n")
+      end
+    end
+  end
+end

data/lib/lostcoords/ui/tokens.rb

@@ -4,9 +4,32 @@ module Lostcoords::Ui
   module Tokens
     THEME_PATH = File.expand_path("../../../app/assets/tailwind/lostcoords/ui/theme.css", __dir__)
     DECLARATION = /(?<![\w-])(--[\w-]+)\s*:/
+    COLORS = {
+      "--background" => "Page background",
+      "--foreground" => "Main text and headings",
+      "--card" => "Cards and grouped content",
+      "--card-foreground" => "Text on cards",
+      "--popover" => "Menus, popovers and dialogs",
+      "--popover-foreground" => "Text on menus, popovers and dialogs",
+      "--primary" => "Primary actions, links, selected states and keyboard focus",
+      "--primary-foreground" => "Text and icons on a solid primary background",
+      "--secondary" => "Secondary buttons",
+      "--secondary-foreground" => "Text on secondary buttons",
+      "--muted" => "Subtle backgrounds: badges, code, skeletons, table headers",
+      "--muted-foreground" => "Secondary text, hints and placeholders",
+      "--accent" => "Hovered rows, menu items and inline code",
+      "--accent-foreground" => "Text on accent backgrounds",
+      "--destructive" => "Errors and destructive actions",
+      "--success" => "Successful actions and positive feedback",
+      "--warning" => "Warnings and items needing attention",
+      "--border" => "Dividers and outlines",
+      "--input" => "Input and toggle fills",
+      "--ring" => "Keyboard focus ring; unset, it follows --primary"
+    }.freeze
+    FONTS = %w[--font-sans --font-display --font-mono --font-japanese].freeze
 
     def self.names
-      File.read(THEME_PATH).scan(DECLARATION).flatten.uniq.sort
+      (COLORS.keys + FONTS).sort
     end
   end
 

data/lib/lostcoords/ui/version.rb

@@ -1,5 +1,5 @@
 module Lostcoords
   module Ui
-    VERSION = "0.4.1"
+    VERSION = "0.6.0"
   end
 end

data/lib/tasks/lostcoords_ui.rake

@@ -13,3 +13,14 @@ namespace :lostcoords do
     end
   end
 end
+
+# Runs with tailwindcss-rails' own engines step, before every tailwindcss:build and tailwindcss:watch.
+# Apps without tailwindcss-rails import the gem's stylesheets by path instead.
+if defined?(Tailwindcss::Engines)
+  namespace :tailwindcss do
+    task :engines do
+      require "lostcoords/ui/stylesheets"
+      Lostcoords::Ui::Stylesheets.write(Rails.root.join("app/assets/builds/tailwind"))
+    end
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: lostcoords-ui
 version: !ruby/object:Gem::Version
-  version: 0.4.1
+  version: 0.6.0
 platform: ruby
 authors:
 - Lost Coordinates
@@ -86,19 +86,36 @@ files:
 - LICENSE
 - README.md
 - app/assets/tailwind/lostcoords/ui/avatar.css
+- app/assets/tailwind/lostcoords/ui/base.css
 - app/assets/tailwind/lostcoords/ui/card.css
+- app/assets/tailwind/lostcoords/ui/choice.css
+- app/assets/tailwind/lostcoords/ui/code-block.css
+- app/assets/tailwind/lostcoords/ui/collapsible.css
+- app/assets/tailwind/lostcoords/ui/components.css
+- app/assets/tailwind/lostcoords/ui/components/code-block.css
+- app/assets/tailwind/lostcoords/ui/components/collapsible.css
+- app/assets/tailwind/lostcoords/ui/components/dialog.css
+- app/assets/tailwind/lostcoords/ui/components/emoji-picker.css
+- app/assets/tailwind/lostcoords/ui/components/menu.css
+- app/assets/tailwind/lostcoords/ui/components/prose.css
+- app/assets/tailwind/lostcoords/ui/components/table.css
+- app/assets/tailwind/lostcoords/ui/components/toast.css
+- app/assets/tailwind/lostcoords/ui/components/tooltip.css
 - app/assets/tailwind/lostcoords/ui/copy-button.css
+- app/assets/tailwind/lostcoords/ui/core.css
 - app/assets/tailwind/lostcoords/ui/dialog.css
-- app/assets/tailwind/lostcoords/ui/disclosure.css
 - app/assets/tailwind/lostcoords/ui/emoji-picker.css
 - app/assets/tailwind/lostcoords/ui/field.css
 - app/assets/tailwind/lostcoords/ui/glass.css
 - app/assets/tailwind/lostcoords/ui/layout.css
 - app/assets/tailwind/lostcoords/ui/popover.css
-- app/assets/tailwind/lostcoords/ui/reading.css
+- app/assets/tailwind/lostcoords/ui/prose.css
 - app/assets/tailwind/lostcoords/ui/sheet.css
 - app/assets/tailwind/lostcoords/ui/squircle.css
+- app/assets/tailwind/lostcoords/ui/table.css
 - app/assets/tailwind/lostcoords/ui/theme.css
+- app/assets/tailwind/lostcoords/ui/toast.css
+- app/assets/tailwind/lostcoords/ui/tooltip.css
 - app/assets/tailwind/lostcoords/ui/typography.css
 - app/assets/tailwind/lostcoords/ui/ui.css
 - app/assets/tailwind/lostcoords/ui/utilities.css
@@ -106,7 +123,11 @@ files:
 - app/helpers/lostcoords/ui/badge_helper.rb
 - app/helpers/lostcoords/ui/button_helper.rb
 - app/helpers/lostcoords/ui/card_helper.rb
+- app/helpers/lostcoords/ui/choice_helper.rb
+- app/helpers/lostcoords/ui/code_block_helper.rb
+- app/helpers/lostcoords/ui/collapsible_helper.rb
 - app/helpers/lostcoords/ui/copy_button_helper.rb
+- app/helpers/lostcoords/ui/description_list_helper.rb
 - app/helpers/lostcoords/ui/dialog_helper.rb
 - app/helpers/lostcoords/ui/emoji_picker_helper.rb
 - app/helpers/lostcoords/ui/feedback_helper.rb
@@ -115,46 +136,56 @@ files:
 - app/helpers/lostcoords/ui/icon_helper.rb
 - app/helpers/lostcoords/ui/layout_helper.rb
 - app/helpers/lostcoords/ui/menu_helper.rb
+- app/helpers/lostcoords/ui/navigation_helper.rb
 - app/helpers/lostcoords/ui/primitives_helper.rb
 - app/helpers/lostcoords/ui/reading_helper.rb
 - app/helpers/lostcoords/ui/render_attributes_helper.rb
 - app/helpers/lostcoords/ui/sheet_helper.rb
 - app/helpers/lostcoords/ui/structures_helper.rb
+- app/helpers/lostcoords/ui/table_helper.rb
 - app/helpers/lostcoords/ui/tailwind_helper.rb
+- app/helpers/lostcoords/ui/toast_helper.rb
+- app/helpers/lostcoords/ui/tooltip_helper.rb
 - app/helpers/lostcoords/ui/translation_helper.rb
 - app/helpers/lostcoords/ui/typography_helper.rb
-- app/javascript/lostcoords/ui/controllers/confirm_dialog_controller.js
-- app/javascript/lostcoords/ui/controllers/disclosure_controller.js
-- app/javascript/lostcoords/ui/controllers/emoji_picker_controller.js
-- app/javascript/lostcoords/ui/controllers/modal_controller.js
-- app/javascript/lostcoords/ui/controllers/row_menu_controller.js
-- app/javascript/lostcoords/ui/controllers/sheet_controller.js
-- app/javascript/lostcoords/ui/controllers/toast_controller.js
-- app/javascript/lostcoords/ui/controllers/ui_copy_controller.js
-- app/javascript/lostcoords/ui/controllers/ui_popover_controller.js
-- app/javascript/lostcoords/ui/controllers/ui_selection_controller.js
-- app/javascript/lostcoords/ui/controllers/ui_toggle_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_code_block_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_collapsible_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_confirm_dialog_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_copy_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_dialog_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_emoji_picker_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_kbd_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_menu_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_popover_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_selection_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_sheet_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_shortcut_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_tabs_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_toast_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_toast_region_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_toggle_controller.js
+- app/javascript/lostcoords/ui/controllers/lc_tooltip_controller.js
 - app/javascript/lostcoords/ui/helpers/catalog_picker.js
 - app/javascript/lostcoords/ui/helpers/context_dialog.js
 - app/javascript/lostcoords/ui/helpers/dialog.js
 - app/javascript/lostcoords/ui/helpers/dismiss_stack.js
 - app/javascript/lostcoords/ui/helpers/floating_panel.js
 - app/javascript/lostcoords/ui/helpers/menu_keys.js
+- app/javascript/lostcoords/ui/helpers/roving_focus.js
 - app/javascript/lostcoords/ui/helpers/sheet_motion.js
+- app/javascript/lostcoords/ui/helpers/shortcuts.js
 - app/javascript/lostcoords/ui/helpers/top_layer.js
 - app/javascript/lostcoords/ui/helpers/viewport.js
+- app/javascript/lostcoords/ui/index.js
 - app/views/lostcoords/ui/components/_emoji_picker.html.erb
 - app/views/lostcoords/ui/components/_emoji_picker_grid.html.erb
-- app/views/lostcoords/ui/components/_form_alert.html.erb
+- app/views/lostcoords/ui/components/_lc_code_block.html.erb
+- app/views/lostcoords/ui/components/_lc_collapsible.html.erb
 - app/views/lostcoords/ui/components/_lc_dialog.html.erb
-- app/views/lostcoords/ui/components/_lc_disclosure.html.erb
-- app/views/lostcoords/ui/components/_skeleton.html.erb
-- app/views/lostcoords/ui/components/_spinner.html.erb
-- app/views/lostcoords/ui/components/_ui_floating_panel.html.erb
+- app/views/lostcoords/ui/components/_lc_floating_panel.html.erb
 - config/emoji_search_aliases.yml
 - config/emoji_search_names.yml
 - config/emoji_search_names_ja.yml
-- config/helper_renames.json
 - config/importmap.rb
 - config/locales/en.yml
 - config/locales/es.yml
@@ -164,14 +195,16 @@ files:
 - lib/lostcoords/ui/builders.rb
 - lib/lostcoords/ui/components.rb
 - lib/lostcoords/ui/engine.rb
+- lib/lostcoords/ui/form_builder.rb
 - lib/lostcoords/ui/helpers.rb
 - lib/lostcoords/ui/icons.rb
+- lib/lostcoords/ui/parts.rb
 - lib/lostcoords/ui/rails.rb
 - lib/lostcoords/ui/resources.rb
+- lib/lostcoords/ui/stylesheets.rb
 - lib/lostcoords/ui/tokens.rb
 - lib/lostcoords/ui/version.rb
 - lib/tasks/lostcoords_ui.rake
-- script/migrate_helpers.rb
 - vendor/heroicons/LICENSE
 - vendor/heroicons/icons.json
 homepage: https://github.com/lostcoords/ui