ruby_ui 1.0.0.beta1

data/lib/ruby_ui/table/table_caption.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TableCaption < Base
+    def view_template(&)
+      caption(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "mt-4 text-sm text-muted-foreground"
+      }
+    end
+  end
+end

data/lib/ruby_ui/table/table_cell.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TableCell < Base
+    def view_template(&)
+      td(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
+      }
+    end
+  end
+end

data/lib/ruby_ui/table/table_footer.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TableFooter < Base
+    def view_template(&)
+      tfoot(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "border-t bg-muted bg-opacity-50 font-medium[& amp;>tr]:last:border-b-0"
+      }
+    end
+  end
+end

data/lib/ruby_ui/table/table_head.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TableHead < Base
+    def view_template(&)
+      th(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]"
+      }
+    end
+  end
+end

data/lib/ruby_ui/table/table_header.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TableHeader < Base
+    def view_template(&)
+      thead(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "[&_tr]:border-b"
+      }
+    end
+  end
+end

data/lib/ruby_ui/table/table_row.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TableRow < Base
+    def view_template(&)
+      tr(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "border-b transition-colors hover:bg-muted hover:bg-opacity-50 data-[state=selected]:bg-muted"
+      }
+    end
+  end
+end

data/lib/ruby_ui/tabs/tabs.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class Tabs < Base
+    def initialize(default: nil, **attrs)
+      @default = default
+      super(**attrs)
+    end
+
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          controller: "ruby-ui--tabs",
+          ruby_ui__tabs_active_value: @default
+        }
+      }
+    end
+  end
+end

data/lib/ruby_ui/tabs/tabs_content.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TabsContent < Base
+    def initialize(value:, **attrs)
+      @value = value
+      super(**attrs)
+    end
+
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          ruby_ui__tabs_target: :content,
+          value: @value
+        },
+        class: "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 hidden"
+      }
+    end
+  end
+end

data/lib/ruby_ui/tabs/tabs_list.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TabsList < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground"
+      }
+    end
+  end
+end

data/lib/ruby_ui/tabs/tabs_trigger.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TabsTrigger < Base
+    def initialize(value:, **attrs)
+      @value = value
+      super(**attrs)
+    end
+
+    def view_template(&)
+      button(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        type: :button,
+        data: {
+          ruby_ui__tabs_target: "trigger",
+          action: "click->ruby-ui--tabs#show",
+          value: @value
+        },
+        class: "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow"
+      }
+    end
+  end
+end

data/lib/ruby_ui/textarea/textarea.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class Textarea < Base
+    def initialize(rows: 4, **attrs)
+      @rows = rows
+      super(**attrs)
+    end
+
+    def view_template(&)
+      textarea(rows: @rows, **attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          ruby_ui__form_field_target: "input",
+          action: "input->ruby-ui--form-field#onInput invalid->ruby-ui--form-field#onInvalid"
+        },
+        class: "flex w-full rounded-md border bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50 border-border focus-visible:ring-ring placeholder:text-muted-foreground"
+      }
+    end
+  end
+end

data/lib/ruby_ui/theme_toggle/theme_toggle.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class ThemeToggle < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    def light_mode(**user_attrs, &)
+      light_attrs = mix(default_light_attrs, user_attrs)
+      div(**light_attrs, &)
+    end
+
+    def dark_mode(**user_attrs, &)
+      dark_attrs = mix(default_dark_attrs, user_attrs)
+      div(**dark_attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {controller: "ruby-ui--theme-toggle"}
+      }
+    end
+
+    def default_light_attrs
+      {
+        class: "dark:hidden",
+        data: {action: "click->ruby-ui--theme-toggle#setDarkTheme"}
+      }
+    end
+
+    def default_dark_attrs
+      {
+        class: "hidden dark:inline-block",
+        data: {action: "click->ruby-ui--theme-toggle#setLightTheme"}
+      }
+    end
+  end
+end

data/lib/ruby_ui/tooltip/tooltip.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class Tooltip < Base
+    def initialize(placement: "top", **attrs)
+      @placement = placement
+      super(**attrs)
+    end
+
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {
+          controller: "ruby-ui--tooltip",
+          ruby_ui__tooltip_placement_value: @placement
+        },
+        class: "group"
+      }
+    end
+  end
+end

data/lib/ruby_ui/tooltip/tooltip_content.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TooltipContent < Base
+    def initialize(**attrs)
+      @id = "tooltip#{SecureRandom.hex(4)}"
+      super
+    end
+
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        id: @id,
+        data: {
+          ruby_ui__tooltip_target: "content"
+        },
+        class: "invisible peer-hover:visible peer-focus:visible w-max absolute top-0 left-0 z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md peer-focus:zoom-in-95 animate-out fade-out-0 zoom-out-95 peer-hover:animate-in peer-focus:animate-in peer-hover:fade-in-0 peer-focus:fade-in-0 peer-hover:zoom-in-95 group-data-[ruby-ui--tooltip-placement-value=bottom]:slide-in-from-top-2 group-data-[ruby-ui--tooltip-placement-value=left]:slide-in-from-right-2 group-data-[ruby-ui--tooltip-placement-value=right]:slide-in-from-left-2 group-data-[ruby-ui--tooltip-placement-value=top]:slide-in-from-bottom-2 delay-500"
+      }
+    end
+  end
+end

data/lib/ruby_ui/tooltip/tooltip_trigger.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TooltipTrigger < Base
+    def view_template(&)
+      div(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: {ruby_ui__tooltip_target: "trigger"},
+        variant: :outline,
+        class: "peer"
+      }
+    end
+  end
+end

data/lib/ruby_ui/typography/heading.rb

@@ -0,0 +1,60 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class Heading < Base
+    def initialize(level: nil, as: nil, size: nil, **attrs)
+      @level = level
+      @as = as
+      @size = size
+      super(**attrs)
+    end
+
+    def view_template(&)
+      tag = determine_tag
+      public_send(tag, **attrs, &)
+    end
+
+    private
+
+    def determine_tag
+      return @as if @as
+      return "h#{@level}" if @level
+      "h1"
+    end
+
+    def default_attrs
+      {
+        class: class_names
+      }
+    end
+
+    def class_names
+      base_classes = "scroll-m-20 font-bold tracking-tight"
+      size_class = size_to_class[(@size || level_to_size[@level&.to_s] || "6").to_s]
+      "#{base_classes} #{size_class}"
+    end
+
+    def size_to_class
+      {
+        "1" => "text-xs",
+        "2" => "text-sm",
+        "3" => "text-base",
+        "4" => "text-lg",
+        "5" => "text-xl",
+        "6" => "text-2xl",
+        "7" => "text-3xl lg:text-4xl",
+        "8" => "text-4xl",
+        "9" => "text-5xl"
+      }
+    end
+
+    def level_to_size
+      {
+        "1" => "7",
+        "2" => "6",
+        "3" => "5",
+        "4" => "4"
+      }
+    end
+  end
+end

data/lib/ruby_ui/typography/inline_code.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class InlineCode < Base
+    def view_template(&)
+      code(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold"
+      }
+    end
+  end
+end

data/lib/ruby_ui/typography/inline_link.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class InlineLink < Base
+    def initialize(href:, **attrs)
+      super(**attrs)
+      @href = href
+    end
+
+    def view_template(&)
+      a(href: @href, **attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "text-primary font-medium hover:underline underline-offset-4 cursor-pointer"
+      }
+    end
+  end
+end

data/lib/ruby_ui/typography/text.rb

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class Text < Base
+    def initialize(as: "p", size: "3", weight: "regular", **attrs)
+      @as = as
+      @size = size
+      @weight = weight
+      super(**attrs)
+    end
+
+    def view_template(&)
+      public_send(@as, **attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: class_names
+      }
+    end
+
+    def class_names
+      "#{size_to_class[@size]} #{weight_to_class[@weight]}"
+    end
+
+    def size_to_class
+      {
+        "1" => "text-xs", "xs" => "text-xs",
+        "2" => "text-sm", "sm" => "text-sm",
+        "3" => "text-base", "base" => "text-base",
+        "4" => "text-lg", "lg" => "text-lg",
+        "5" => "text-xl", "xl" => "text-xl",
+        "6" => "text-2xl", "2xl" => "text-2xl",
+        "7" => "text-3xl", "3xl" => "text-3xl",
+        "8" => "text-4xl", "4xl" => "text-4xl",
+        "9" => "text-5xl", "5xl" => "text-5xl"
+      }
+    end
+
+    def weight_to_class
+      {
+        "muted" => "text-muted-foreground",
+        "light" => "font-light",
+        "regular" => "font-normal",
+        "medium" => "font-medium",
+        "semibold" => "font-semibold",
+        "bold" => "font-bold"
+      }
+    end
+  end
+end

data/lib/ruby_ui/typography/typography_blockquote.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class TypographyBlockquote < Base
+    def view_template(&)
+      blockquote(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "mt-6 border-l-2 pl-6 italic"
+      }
+    end
+  end
+end

data/lib/ruby_ui.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module RubyUI
+  VERSION = "1.0.0.beta1"
+end