klods-ruby 1.0.0 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 844cc92165c4952be948f23654939d6781ca0feda123c8ea10e8296e22b806a0
-  data.tar.gz: c4952d7416e7f9dbf522649725e1d28deaad0722d3ceea78899961e18186a4e6
+  metadata.gz: 842444db671201072610617f2e5923c7e988af12bbd0bb8762dee48875ef2e0e
+  data.tar.gz: d0433ca5b0ba0d8eda5c22ac9dd98833d40aa178e15d8e922348cdba0dc6aad2
 SHA512:
-  metadata.gz: df8ed9b618d7d6f9b3b9400a323e3128d70ef8ee1749ed687362c5640a5a8a3015127b6449b4d240b009496147179ac8ab15639d2dd01dbbc598ac565e20066d
-  data.tar.gz: b0ee9c030e8d944baa807a2c2971142f6b9a39889624233daba59c1caa34ec02f09f8dbec5ba7070a7b01a30b29799c6ef4a3d33d6078a5bab097fd09741c5a4
+  metadata.gz: df4da704c8e48bb6213248f878e8aa80dc784afd4d6f2d107de9550a7c927131c3f60744278beef48919c0e8deb1e6ff557720b382d7d81da12acbc8b10057ba
+  data.tar.gz: 7a7d724a0801c7bf427e4358f2226f6577dab8182ecf5919f05b160219b11d829fc7e29afc0d8b43924a5a47b3d869241b84a37b246dd44aa5abe558cd4993c9

data/lib/klods/builders.rb

@@ -31,5 +31,17 @@ module Klods
     def raw(html)
       Core.raw(html)
     end
+
+    private
+
+    # Captures the rendered output of a HAML/ERB block and returns it as a
+    # single-element children array containing raw HTML. Relies on ActionView's
+    # `capture` helper — returns nil outside a Rails view context so the caller
+    # falls back to its regular children argument.
+    def klods_capture(&block)
+      return nil unless block
+      return nil unless respond_to?(:capture)
+      [Core.raw(capture(&block).to_s)]
+    end
   end
 end

data/lib/klods/components/alert.rb

@@ -1,8 +1,9 @@
 module Klods
   module Components
     module Alert
-      def alert(a = nil, b = nil)
+      def alert(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         merged = {"role" => "alert"}.merge(props.transform_keys(&:to_s))
         Core.build(
           tag: "div", base: "klods-alert",

data/lib/klods/components/badge.rb

@@ -1,8 +1,9 @@
 module Klods
   module Components
     module Badge
-      def badge(a = nil, b = nil)
+      def badge(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(
           tag: "span", base: "klods-badge",
           modifiers: {

data/lib/klods/components/box.rb

@@ -1,8 +1,9 @@
 module Klods
   module Components
     module Box
-      def box(a = nil, b = nil)
+      def box(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "div", base: "klods-box", props: props, children: children)
       end
     end

data/lib/klods/components/breadcrumb.rb

@@ -1,8 +1,9 @@
 module Klods
   module Components
     module Breadcrumb
-      def crumb(a = nil, b = nil)
+      def crumb(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         href = props.delete(:href) || props.delete("href")
         attrs = href ? props.merge("data-crumb-href" => href) : props
         Core.el("li", attrs, children)

data/lib/klods/components/button.rb

@@ -1,20 +1,27 @@
 module Klods
   module Components
     module Button
-      def button(a = nil, b = nil)
+      BUTTON_MODIFIERS = {
+        variant: ->(v) { (v && v.to_s != "default") ? "klods-button--#{v}" : nil }
+      }.freeze
+
+      def button(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
-        merged = {"type" => "button"}.merge(props.transform_keys(&:to_s))
-        Core.build(
-          tag: "button", base: "klods-button",
-          modifiers: {
-            variant: ->(v) { (v && v.to_s != "default") ? "klods-button--#{v}" : nil }
-          },
-          props: merged, children: children
-        )
+        children = klods_capture(&block) if block
+        str_props = props.transform_keys(&:to_s)
+        if str_props.key?("href")
+          Core.build(tag: "a", base: "klods-button", modifiers: BUTTON_MODIFIERS, props: str_props, children: children)
+        else
+          Core.build(
+            tag: "button", base: "klods-button", modifiers: BUTTON_MODIFIERS,
+            props: {"type" => "button"}.merge(str_props), children: children
+          )
+        end
       end
 
-      def button_group(a = nil, b = nil)
+      def button_group(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "div", base: "klods-button-group", props: props, children: children)
       end
     end

data/lib/klods/components/card.rb

@@ -1,8 +1,9 @@
 module Klods
   module Components
     module Card
-      def card(a = nil, b = nil)
+      def card(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(
           tag: "div", base: "klods-card",
           modifiers: {elevated: "klods-card--elevated"},
@@ -10,18 +11,21 @@ module Klods
         )
       end
 
-      def card_title(a = nil, b = nil)
+      def card_title(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "h3", base: "klods-card__title", props: props, children: children)
       end
 
-      def card_body(a = nil, b = nil)
+      def card_body(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "div", base: "klods-card__body", props: props, children: children)
       end
 
-      def card_footer(a = nil, b = nil)
+      def card_footer(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "div", base: "klods-card__footer", props: props, children: children)
       end
     end

data/lib/klods/components/code.rb

@@ -1,8 +1,9 @@
 module Klods
   module Components
     module Code
-      def code_block(a = nil, b = nil)
+      def code_block(a = nil, b = nil, &block)
         props, content = Core.normalize_args(a, b)
+        content = klods_capture(&block) if block
         props = props.transform_keys(&:to_s)
         extra_class = props.delete("class")
         cls = Core.class_names("klods-pre", Core.resolve_class(extra_class))
@@ -10,8 +11,9 @@ module Klods
         Core.el("pre", attrs, Core.el("code", {}, content))
       end
 
-      def inline_code(a = nil, b = nil)
+      def inline_code(a = nil, b = nil, &block)
         props, content = Core.normalize_args(a, b)
+        content = klods_capture(&block) if block
         props = props.transform_keys(&:to_s)
         extra_class = props.delete("class")
         cls = Core.class_names("klods-code", Core.resolve_class(extra_class))
@@ -19,18 +21,21 @@ module Klods
         Core.el("code", attrs, content)
       end
 
-      def kbd(a = nil, b = nil)
+      def kbd(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "kbd", base: "klods-kbd", props: props, children: children)
       end
 
-      def samp(a = nil, b = nil)
+      def samp(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "samp", base: "klods-samp", props: props, children: children)
       end
 
-      def var_el(a = nil, b = nil)
+      def var_el(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "var", base: "klods-var", props: props, children: children)
       end
     end

data/lib/klods/components/details.rb

@@ -1,8 +1,9 @@
 module Klods
   module Components
     module Details
-      def details(a = nil, b = nil)
+      def details(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(
           tag: "details", base: "klods-details",
           modifiers: {open: "klods-details--open"},
@@ -10,8 +11,9 @@ module Klods
         )
       end
 
-      def summary(a = nil, b = nil)
+      def summary(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.el("summary", props, children)
       end
     end

data/lib/klods/components/dl.rb

@@ -1,8 +1,9 @@
 module Klods
   module Components
     module Dl
-      def dl(a = nil, b = nil)
+      def dl(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(
           tag: "dl", base: "klods-dl",
           modifiers: {inline: "klods-dl--inline"},
@@ -10,13 +11,15 @@ module Klods
         )
       end
 
-      def dt(a = nil, b = nil)
+      def dt(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "dt", base: "klods-dt", props: props, children: children)
       end
 
-      def dd(a = nil, b = nil)
+      def dd(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "dd", base: "klods-dd", props: props, children: children)
       end
     end

data/lib/klods/components/form.rb

@@ -4,8 +4,9 @@ module Klods
       FORM_CONTROLS = %w[input select textarea].freeze
       private_constant :FORM_CONTROLS
 
-      def form(a = nil, b = nil)
+      def form(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "form", base: "klods-form", props: props, children: children)
       end
 
@@ -80,19 +81,22 @@ module Klods
         end
       end
 
-      def select(a = nil, b = nil)
+      def select(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         inner = Core.build(tag: "select", base: "klods-select", props: props, children: children)
         Core.el("div", {"class" => "klods-select-wrapper"}, inner)
       end
 
-      def option(a = nil, b = nil)
+      def option(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.el("option", props, children)
       end
 
-      def textarea(a = nil, b = nil)
+      def textarea(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "textarea", base: "klods-textarea", props: props, children: children)
       end
 

data/lib/klods/components/list.rb

@@ -1,8 +1,9 @@
 module Klods
   module Components
     module List
-      def list(a = nil, b = nil)
+      def list(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(
           tag: "ul", base: "klods-list",
           modifiers: {flush: "klods-list--flush"},
@@ -10,8 +11,9 @@ module Klods
         )
       end
 
-      def list_item(a = nil, b = nil)
+      def list_item(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         props = props.transform_keys(&:to_s)
 
         lead = props.delete("lead")

data/lib/klods/components/modal.rb

@@ -1,8 +1,9 @@
 module Klods
   module Components
     module Modal
-      def modal(a = nil, b = nil)
+      def modal(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         props = props.transform_keys(&:to_s)
         open_attr = props.delete("open")
         extra_class = props.delete("class")
@@ -12,28 +13,33 @@ module Klods
         Core.el("dialog", attrs, children)
       end
 
-      def modal_panel(a = nil, b = nil)
+      def modal_panel(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "div", base: "klods-modal__panel", props: props, children: children)
       end
 
-      def modal_header(a = nil, b = nil)
+      def modal_header(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "div", base: "klods-modal__header", props: props, children: children)
       end
 
-      def modal_title(a = nil, b = nil)
+      def modal_title(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "h2", base: "klods-modal__title", props: props, children: children)
       end
 
-      def modal_body(a = nil, b = nil)
+      def modal_body(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "div", base: "klods-modal__body", props: props, children: children)
       end
 
-      def modal_actions(a = nil, b = nil)
+      def modal_actions(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "div", base: "klods-modal__actions", props: props, children: children)
       end
 
@@ -56,8 +62,9 @@ module Klods
 
       # Button that closes the containing <dialog> when clicked.
       # Accepts the same props as button (e.g. variant:).
-      def modal_dismiss(a = nil, b = nil)
+      def modal_dismiss(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         merged = {
           "type" => "button",
           "onclick" => "this.closest('dialog').close()"
@@ -73,8 +80,9 @@ module Klods
 
       # Button that opens the next sibling <dialog> as a modal when clicked.
       # Accepts the same props as button (e.g. variant:).
-      def modal_trigger(a = nil, b = nil)
+      def modal_trigger(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         merged = {
           "type" => "button",
           "onclick" => "this.nextElementSibling.showModal()"

data/lib/klods/components/nav.rb

@@ -9,8 +9,9 @@ module Klods
 
       private_constant :MENU_SVG
 
-      def nav(a = nil, b = nil)
+      def nav(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(
           tag: "nav", base: "klods-nav",
           modifiers: {collapse: "klods-nav--collapse"},
@@ -18,13 +19,15 @@ module Klods
         )
       end
 
-      def nav_list(a = nil, b = nil)
+      def nav_list(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "ul", base: "klods-nav__list", props: props, children: children)
       end
 
-      def nav_link(a = nil, b = nil)
+      def nav_link(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         link = Core.build(
           tag: "a", base: "klods-nav__link",
           modifiers: {active: "klods-nav__link--active"},
@@ -33,16 +36,18 @@ module Klods
         Core.el("li", {}, link)
       end
 
-      def nav_toggle(a = nil, b = nil)
+      def nav_toggle(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         props = {"type" => "button", "aria-label" => "Toggle navigation", "class" => "klods-nav__toggle"}
           .merge(props.transform_keys(&:to_s))
         default_icon = Core.el("span", {"aria-hidden" => "true", "class" => "klods-icon"}, Core.raw(MENU_SVG))
         Core.el("button", props, children || default_icon)
       end
 
-      def toc(a = nil, b = nil)
+      def toc(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(
           tag: "ul", base: "klods-toc",
           modifiers: {sub: "klods-toc--sub"},
@@ -50,13 +55,15 @@ module Klods
         )
       end
 
-      def toc_item(a = nil, b = nil)
+      def toc_item(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.el("li", props, children)
       end
 
-      def toc_link(a = nil, b = nil)
+      def toc_link(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.el("a", props, children)
       end
     end

data/lib/klods/components/prose.rb

@@ -1,23 +1,27 @@
 module Klods
   module Components
     module Prose
-      def prose(a = nil, b = nil)
+      def prose(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "div", base: "klods-prose", props: props, children: children)
       end
 
-      def muted(a = nil, b = nil)
+      def muted(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "span", base: "klods-muted", props: props, children: children)
       end
 
-      def lead(a = nil, b = nil)
+      def lead(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "p", base: "klods-lead", props: props, children: children)
       end
 
-      def text_center(a = nil, b = nil)
+      def text_center(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "div", base: "klods-text-center", props: props, children: children)
       end
     end

data/lib/klods/components/table.rb

@@ -1,13 +1,15 @@
 module Klods
   module Components
     module Table
-      def table_wrap(a = nil, b = nil)
+      def table_wrap(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(tag: "div", base: "klods-table-wrap", props: props, children: children)
       end
 
-      def table(a = nil, b = nil)
+      def table(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.build(
           tag: "table", base: "klods-table",
           modifiers: {
@@ -18,28 +20,33 @@ module Klods
         )
       end
 
-      def thead(a = nil, b = nil)
+      def thead(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.el("thead", props, children)
       end
 
-      def tbody(a = nil, b = nil)
+      def tbody(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.el("tbody", props, children)
       end
 
-      def tr(a = nil, b = nil)
+      def tr(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.el("tr", props, children)
       end
 
-      def th(a = nil, b = nil)
+      def th(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.el("th", props, children)
       end
 
-      def td(a = nil, b = nil)
+      def td(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.el("td", props, children)
       end
     end

data/lib/klods/components/tabs.rb

@@ -1,8 +1,9 @@
 module Klods
   module Components
     module Tabs
-      def tab_panel(a = nil, b = nil)
+      def tab_panel(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         label = props.delete(:label) || props.delete("label")
         attrs = label ? props.merge("data-tab-label" => label.to_s) : props
         Core.el("div", attrs, children)

data/lib/klods/components/toast.rb

@@ -4,8 +4,9 @@ module Klods
       # Renders the live region container. Mount this once in your layout;
       # individual toasts are appended inside it (via JS on the client, or
       # server-rendered for SSR pre-populated notifications).
-      def toast_region(a = nil, b = nil)
+      def toast_region(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         attrs = {
           "class" => "klods-toast-region",
           "aria-live" => "polite",
@@ -16,8 +17,9 @@ module Klods
         Core.el("div", attrs, children)
       end
 
-      def toast(a = nil, b = nil)
+      def toast(a = nil, b = nil, &block)
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         props = props.transform_keys(&:to_s)
         variant = props.delete("variant")
         extra_class = props.delete("class")

data/lib/klods/html.rb

@@ -8,15 +8,17 @@ module Klods
     %w[a abbr address article b blockquote br caption cite code col colgroup
       data dfn div em figcaption figure h1 h2 h3 h4 h5 h6 hr i img ins
       legend li mark ol p pre q s small span strong sub sup time u ul].each do |tag|
-      define_method(tag) do |a = nil, b = nil|
+      define_method(tag) do |a = nil, b = nil, &block|
         props, children = Core.normalize_args(a, b)
+        children = klods_capture(&block) if block
         Core.el(tag, props, children)
       end
     end
 
     # `var` is a reserved word in some linters; named var_el to match klods-js.
-    def var_el(a = nil, b = nil)
+    def var_el(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.el("var", props, children)
     end
   end

data/lib/klods/layout.rb

@@ -1,7 +1,8 @@
 module Klods
   module Layout
-    def page(a = nil, b = nil)
+    def page(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(
         tag: "div", base: "klods-page",
         modifiers: {
@@ -13,18 +14,21 @@ module Klods
       )
     end
 
-    def header(a = nil, b = nil)
+    def header(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(tag: "header", base: "klods-header", props: props, children: children)
     end
 
-    def sidebar(a = nil, b = nil)
+    def sidebar(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(tag: "aside", base: "klods-sidebar", props: props, children: children)
     end
 
-    def content(a = nil, b = nil)
+    def content(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(
         tag: "main", base: "klods-content",
         modifiers: {narrow: "klods-content--narrow"},
@@ -32,18 +36,21 @@ module Klods
       )
     end
 
-    def footer(a = nil, b = nil)
+    def footer(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(tag: "footer", base: "klods-footer", props: props, children: children)
     end
 
-    def section(a = nil, b = nil)
+    def section(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(tag: "section", base: "klods-section", props: props, children: children)
     end
 
-    def stack(a = nil, b = nil)
+    def stack(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(
         tag: "div", base: "klods-stack",
         modifiers: {gap: ->(v) { v ? "klods-stack--gap-#{v}" : nil }},
@@ -51,8 +58,9 @@ module Klods
       )
     end
 
-    def cluster(a = nil, b = nil)
+    def cluster(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(
         tag: "div", base: "klods-cluster",
         modifiers: {gap: ->(v) { v ? "klods-cluster--gap-#{v}" : nil }},
@@ -60,8 +68,9 @@ module Klods
       )
     end
 
-    def row(a = nil, b = nil)
+    def row(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(
         tag: "div", base: "klods-row",
         modifiers: {
@@ -72,8 +81,9 @@ module Klods
       )
     end
 
-    def grid(a = nil, b = nil)
+    def grid(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(
         tag: "div", base: "klods-grid",
         modifiers: {
@@ -85,13 +95,15 @@ module Klods
       )
     end
 
-    def center(a = nil, b = nil)
+    def center(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(tag: "div", base: "klods-center", props: props, children: children)
     end
 
-    def spread(a = nil, b = nil)
+    def spread(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(tag: "div", base: "klods-spread", props: props, children: children)
     end
 

data/lib/klods/utilities.rb

@@ -1,12 +1,14 @@
 module Klods
   module Utilities
-    def push(a = nil, b = nil)
+    def push(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(tag: "span", base: "klods-push", props: props, children: children)
     end
 
-    def fill(a = nil, b = nil)
+    def fill(a = nil, b = nil, &block)
       props, children = Core.normalize_args(a, b)
+      children = klods_capture(&block) if block
       Core.build(tag: "div", base: "klods-fill", props: props, children: children)
     end
   end

data/lib/klods/version.rb

@@ -1,3 +1,3 @@
 module Klods
-  VERSION = "1.0.0"
+  VERSION = "1.2.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: klods-ruby
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.2.0
 platform: ruby
 authors:
 - Drue Wilding