clowk-phlex 0.1.0

data/lib/clowk/phlex/charts/type_picker.rb

@@ -0,0 +1,109 @@
+# frozen_string_literal: true
+
+# Components::Metrics::ChartTypePicker — dropdown that switches how the metric
+# is drawn: Area (time-series line+fill), Radial (semicircle gauge), or Linear
+# (capacity bar gauge). Same DS dropdown chrome as IntervalPicker/MetricPicker
+# so the modal toolbar reads as a consistent row of pickers.
+#
+# Why it exists: chart_type used to stick to whatever the panel opened as, with
+# no way to change it in the modal — open a gauge, switch metric/pod, and it
+# stayed a gauge. This gives the operator explicit control.
+#
+# URL contract: the active type lives in the `chart_type` query param. `area`
+# is the default and is OMITTED (clean URLs), so the param only appears once
+# the operator picks a gauge. Gauges silently fall back to area for metrics
+# without a percentage/capacity ceiling (same as ChartCard), so all three are
+# always offerable.
+class Clowk::Phlex::Charts::TypePicker < Clowk::Phlex::Component
+  DEFAULT = "area"
+
+  # The type list + labels + glyphs are Clowk::Phlex::Charts::ChartShape's — one
+  # source of truth shared with the dashboard builder's shape chips.
+  OPTIONS = Clowk::Phlex::Charts::ChartShape::METRIC_TYPES
+  LABELS = Clowk::Phlex::Charts::ChartShape::LABELS
+
+  # current:      active chart_type (e.g. "area", "gauge_radial")
+  # base_path:    URL each row hits (metrics_path or metrics_chart_path)
+  # extra_params: merged into every URL EXCEPT `chart_type` (the picker owns
+  #               it per row). Pass the request query minus `chart_type`.
+  # turbo_stream: emit data-turbo-stream so the swap stays modal-local.
+  def initialize(current:, base_path:, extra_params: {}, turbo_stream: false)
+    @current = current.to_s.presence || DEFAULT
+    @base_path = base_path
+    @extra_params = extra_params || {}
+    @turbo_stream = turbo_stream
+  end
+
+  def view_template
+    div(class: "relative", data: {controller: "dropdown"}) do
+      trigger
+      menu
+    end
+  end
+
+  private
+
+  def trigger
+    button(
+      type: "button",
+      data: {action: "click->dropdown#toggle"},
+      class: "inline-flex items-center gap-2 px-2.5 h-9 min-w-[130px] border border-clowk-border bg-clowk-surface text-clowk-text text-[12.5px] hover:bg-clowk-surface-2"
+    ) do
+      render Clowk::Phlex::Charts::ChartShape.new(type: @current, css: "w-5 h-4 shrink-0 text-clowk-muted")
+
+      span(class: "min-w-0 truncate") do
+        span(class: "text-clowk-muted") { "type " }
+        span(class: "text-clowk-text") { LABELS[@current] || "Area" }
+      end
+
+      div(class: "flex-1")
+      icon(:chevron_down, class: "w-2.5 h-2.5 text-clowk-muted")
+    end
+  end
+
+  def menu
+    div(
+      hidden: true,
+      data: {dropdown_target: "menu"},
+      class: "absolute left-0 top-[calc(100%+4px)] z-30 min-w-[150px] border border-clowk-border-2 bg-clowk-surface shadow-2xl"
+    ) do
+      OPTIONS.each { |t| option_row(t[:value], t[:label]) }
+    end
+  end
+
+  def option_row(value, label)
+    active = value == @current
+
+    a(
+      href: build_url(value),
+      data: @turbo_stream ? {turbo_stream: "true"} : {turbo: false},
+      class: tokens(
+        "flex items-center gap-2.5 w-full px-3 py-2 min-h-[34px] text-left",
+        active ? "bg-clowk-accent-dim text-clowk-accent-2" : "text-clowk-text hover:bg-clowk-hover"
+      )
+    ) do
+      render Clowk::Phlex::Charts::ChartShape.new(type: value, css: "w-6 h-4 shrink-0")
+
+      span(
+        class: tokens(
+          "text-[12.5px] truncate flex-1",
+          active ? "font-semibold text-clowk-accent-2" : "font-medium text-clowk-text"
+        )
+      ) { label }
+
+      if active
+        icon(:check, class: "w-3 h-3 text-clowk-accent-2 shrink-0 ml-1")
+      end
+    end
+  end
+
+  # build_url — override `chart_type`, leave the rest untouched. `area` is
+  # OMITTED so switching back to the default drops the param entirely.
+  def build_url(value)
+    params = @extra_params.dup
+    params[:chart_type] = value unless value == DEFAULT
+
+    qs = params.to_query
+    qs.empty? ? @base_path.to_s : "#{@base_path}?#{qs}"
+  end
+end

data/lib/clowk/phlex/charts/web_time.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+module Clowk
+  module Phlex
+    module Charts
+      # WebTime — the single "render this moment in the app's timezone" seam for
+      # the chart x-axis + tooltips. Uses ActiveSupport's Time.zone when present
+      # (Rails hosts), else falls back to UTC — so the lib works with or without
+      # Rails, and a host can retune the zone in one place later.
+      module WebTime
+        module_function
+
+        DEFAULT_ZONE_NAME = "UTC"
+
+        def zone_name
+          (defined?(Time.zone) && Time.zone&.name) || DEFAULT_ZONE_NAME
+        rescue
+          DEFAULT_ZONE_NAME
+        end
+
+        # strftime — format a moment (Time / TimeWithZone). Never raises: returns
+        # nil on bad input so views render "—" instead of 500-ing.
+        def strftime(time, pattern)
+          time&.strftime(pattern)
+        rescue
+          nil
+        end
+      end
+    end
+  end
+end

data/lib/clowk/phlex/component.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+module Clowk
+  module Phlex
+    # Component is the root Phlex class every clowk-phlex component inherits from.
+    # Kept intentionally thin so the lib renders standalone (no Rails required for
+    # the pure-view components). Rails view helpers (routes, form_with) are mixed
+    # into the specific components that need them, not forced on every subclass.
+    #
+    # NOTE: `::Phlex::HTML` is fully qualified — inside `Clowk`, the bare `Phlex`
+    # would resolve to `Clowk::Phlex`, not the phlex gem.
+    class Component < ::Phlex::HTML
+      private
+
+      # icon — render a vendored Heroicon (outline) by name. Replaces the
+      # PhlexIcons dependency; extra attrs (class:, aria, …) flow to the <svg>.
+      #
+      #   icon(:ellipsis_vertical, class: "w-4 h-4")
+      def icon(name, **attrs)
+        d = Clowk::Phlex::UI::Icons::PATHS.fetch(name.to_sym) do
+          raise ArgumentError, "unknown clowk icon: #{name.inspect}"
+        end
+
+        svg(
+          xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24",
+          "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", **attrs
+        ) { |s| s.path("stroke-linecap": "round", "stroke-linejoin": "round", d: d) }
+      end
+
+      # tokens — merge CSS class strings, dropping nil / false / empty, so call
+      # sites can write `tokens("px-3", active && "bg-clowk-accent-dim")` without
+      # the compact+join dance.
+      def tokens(*classes)
+        classes.flatten.compact.reject { |c| c == false || c == "" }.join(" ").squeeze(" ").strip
+      end
+    end
+  end
+end

data/lib/clowk/phlex/ui/icons.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+module Clowk
+  module Phlex
+    module UI
+      # Icons — the small set of Heroicons (outline, MIT) the components use,
+      # vendored so the gem carries no icon dependency. Rendered by the
+      # Component#icon helper. Add a path here to use a new glyph.
+      #
+      # Source: https://heroicons.com (24×24 outline, stroke currentColor).
+      module Icons
+        PATHS = {
+          ellipsis_vertical: "M12 6.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 12.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 18.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z",
+          arrows_pointing_out: "M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15",
+          check: "m4.5 12.75 6 6 9-13.5",
+          chevron_down: "m19.5 8.25-7.5 7.5-7.5-7.5",
+          calendar_days: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z",
+          bars_3: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5",
+          x_mark: "M6 18 18 6M6 6l12 12"
+        }.freeze
+      end
+    end
+  end
+end

data/lib/clowk/phlex/ui/switch.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+# Components::UI::Switch — a macOS-style toggle.
+#
+# A visually-hidden (`sr-only`) checkbox is the real control + source of truth
+# (keyboard-focusable, form-serializable, a11y-correct); a Tailwind `peer-checked`
+# track + knob paint the switch on top. Drop-in replacement for a raw checkbox:
+# pass `checked:` plus any input attributes (data:, name:, id:, aria-label:,
+# disabled:, …) and they flow straight through to the <input>.
+#
+#   render Components::UI::Switch.new(
+#     checked: true,
+#     data: { panel_options_target: "dots", action: "change->panel-options#toggleDots" }
+#   )
+class Clowk::Phlex::UI::Switch < Clowk::Phlex::Component
+  def initialize(checked: false, **attrs)
+    @checked = checked
+    @attrs = attrs
+  end
+
+  def view_template
+    span(class: "relative inline-flex items-center shrink-0 w-[34px] h-[20px]") do
+      input(
+        type: "checkbox", checked: @checked, class: "peer sr-only",
+        # type/checked/class are owned by the switch — everything else (data,
+        # name, aria, disabled) passes through to the control.
+        **@attrs.except(:type, :checked, :class)
+      )
+      span(class: "absolute inset-0 rounded-full bg-clowk-border transition-colors peer-checked:bg-clowk-accent")
+      span(class: "absolute left-[3px] top-[3px] w-[14px] h-[14px] rounded-full bg-white shadow transition-transform peer-checked:translate-x-[14px]")
+    end
+  end
+end

data/lib/clowk/phlex/version.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+# Synced from the repo-root /VERSION by scripts/sync-version.sh (dev + release CI).
+# The gem and the @clowk/phlex npm package share this version — do not edit by
+# hand; bump /VERSION and re-run the script.
+module Clowk
+  module Phlex
+    VERSION = "0.1.0"
+  end
+end

data/lib/clowk/phlex.rb

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+require "time"
+require "json"
+require "digest"
+require "phlex"
+require "active_support/core_ext/object/blank"
+require "active_support/core_ext/object/to_query"
+
+module Clowk
+  # Clowk::Phlex — the UI component library namespace. `include Clowk::Phlex` in a
+  # view to get the short names (`Charts::Card`, `UI::Dropdown`) via ancestor
+  # constant lookup; the `Charts::` / `UI::` prefix is kept on purpose so nothing
+  # collides with the host app's own `Card` / `Button`.
+  module Phlex
+    module Charts; end
+    module UI; end
+  end
+end
+
+require_relative "phlex/version"
+require_relative "phlex/component"
+require_relative "phlex/charts/format"
+require_relative "phlex/charts/web_time"
+
+# UI atoms
+require_relative "phlex/ui/icons"
+require_relative "phlex/ui/switch"
+
+# Chart primitives
+require_relative "phlex/charts/chart_shape"
+require_relative "phlex/charts/sparkline"
+require_relative "phlex/charts/gauge_radial"
+require_relative "phlex/charts/gauge_linear"
+require_relative "phlex/charts/time_series"
+
+# Chart assemblies (compose the primitives above)
+require_relative "phlex/charts/card"
+require_relative "phlex/charts/number_card"
+
+# Dashboard controls (host injects the URLs / base paths)
+require_relative "phlex/charts/range_picker"
+require_relative "phlex/charts/interval_picker"
+require_relative "phlex/charts/type_picker"
+require_relative "phlex/charts/display_settings"

data/lib/clowk-phlex.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+# Entry point for `require "clowk-phlex"` (gem name uses a dash).
+require_relative "clowk/phlex"

data/styles/clowk-phlex.css

@@ -0,0 +1,156 @@
+/*
+ * clowk-phlex design tokens.
+ *
+ * Two layers:
+ *   1. :root (+ [data-theme="light"]) define the raw palette --clowk-* — the
+ *      values a HOST overrides to retheme. Components reference these directly
+ *      inside SVG / inline styles (e.g. var(--clowk-border)).
+ *   2. @theme re-maps them to --color-* / --radius-* / --font-* so Tailwind v4
+ *      generates the utilities the components use (bg-clowk-*, text-clowk-*,
+ *      rounded-clowk-*, font-clowk-*).
+ *
+ * This file is the SOURCE. The npm build precompiles it (scanning the gem's
+ * components) into dist/clowk-phlex.css so consumers import a ready stylesheet
+ * with no Tailwind @source of their own.
+ */
+
+:root {
+  /* Surfaces */
+  --clowk-bg: #0b0a0c;
+  --clowk-bg-2: #0d0c0f;
+  --clowk-surface: #121116;
+  --clowk-surface-2: #161419;
+  --clowk-surface-3: #1e1b23;
+  --clowk-surface-side: #0d0c0f;
+
+  /* Borders */
+  --clowk-border: #201d26;
+  --clowk-border-2: #33303b;
+
+  /* Text */
+  --clowk-text: #f4f1ee;
+  --clowk-text-2: #c9c4cf;
+  --clowk-muted: #8a8592;
+  --clowk-muted-2: #57525f;
+
+  /* Accent */
+  --clowk-accent: #5b8def;
+  --clowk-accent-2: #84a9f4;
+  --clowk-accent-dim: #5b8def26;
+  --clowk-accent-line: #5b8def66;
+
+  /* Cream (primary button fill) */
+  --clowk-cream: #f4f1ee;
+  --clowk-cream-2: #e6e2dd;
+  --clowk-on-cream: #14121a;
+
+  /* Status */
+  --clowk-green: #3fd08c;
+  --clowk-green-dim: #3fd08c26;
+  --clowk-amber: #e8b24b;
+  --clowk-amber-dim: #e8b24b26;
+  --clowk-red: #e0574b;
+  --clowk-red-dim: #e0574b26;
+  --clowk-blue: #7e97ff;
+
+  /* Extended series palette */
+  --clowk-teal: #3fd08c;
+  --clowk-cyan: #4fc3d9;
+  --clowk-indigo: #7e97ff;
+  --clowk-orange: #e8b24b;
+  --clowk-pink: #e06bb0;
+  --clowk-purple: #b36cf6;
+  --clowk-violet: #b36cf6;
+
+  /* Radius */
+  --clowk-r-sm: 3px;
+  --clowk-r-md: 9px;
+  --clowk-r-lg: 14px;
+
+  /* Utility */
+  --clowk-hover: #ffffff0a;
+  --clowk-mix-fg: #ffffff;
+  --clowk-on-accent: #ffffff;
+
+  /* Shadows */
+  --clowk-shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.55);
+  --clowk-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.55);
+
+  /* Type */
+  --clowk-font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  --clowk-font-display: "Space Grotesk", "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
+  --clowk-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
+  --clowk-font-size-base: 14px;
+  --clowk-line-height: 1.45;
+}
+
+:root[data-theme="light"] {
+  --clowk-bg: #f5f3f0;
+  --clowk-bg-2: #efede9;
+  --clowk-surface: #ffffff;
+  --clowk-surface-2: #f6f4f1;
+  --clowk-surface-3: #edeae6;
+  --clowk-surface-side: #faf9f7;
+
+  --clowk-border: #e4e0da;
+  --clowk-border-2: #d3cec6;
+
+  --clowk-text: #1a1820;
+  --clowk-text-2: #45414c;
+  --clowk-muted: #6d6875;
+  --clowk-muted-2: #948f9c;
+
+  --clowk-accent: #3f6fd6;
+  --clowk-accent-2: #2c55b8;
+  --clowk-accent-dim: #3f6fd618;
+  --clowk-accent-line: #3f6fd655;
+
+  --clowk-cream: #1a1820;
+  --clowk-cream-2: #33303b;
+  --clowk-on-cream: #ffffff;
+
+  --clowk-hover: #0000000a;
+  --clowk-mix-fg: #000000;
+}
+
+/* Tailwind v4 mapping — the color / radius / font utilities read these tokens,
+ * which point back at the raw palette above. Override --clowk-* to retheme. */
+@theme {
+  --color-clowk-bg: var(--clowk-bg);
+  --color-clowk-bg-2: var(--clowk-bg-2);
+  --color-clowk-surface: var(--clowk-surface);
+  --color-clowk-surface-2: var(--clowk-surface-2);
+  --color-clowk-surface-3: var(--clowk-surface-3);
+  --color-clowk-surface-side: var(--clowk-surface-side);
+  --color-clowk-border: var(--clowk-border);
+  --color-clowk-border-2: var(--clowk-border-2);
+  --color-clowk-text: var(--clowk-text);
+  --color-clowk-text-2: var(--clowk-text-2);
+  --color-clowk-muted: var(--clowk-muted);
+  --color-clowk-muted-2: var(--clowk-muted-2);
+  --color-clowk-accent: var(--clowk-accent);
+  --color-clowk-accent-2: var(--clowk-accent-2);
+  --color-clowk-accent-dim: var(--clowk-accent-dim);
+  --color-clowk-accent-line: var(--clowk-accent-line);
+  --color-clowk-cream: var(--clowk-cream);
+  --color-clowk-cream-2: var(--clowk-cream-2);
+  --color-clowk-on-cream: var(--clowk-on-cream);
+  --color-clowk-green: var(--clowk-green);
+  --color-clowk-green-dim: var(--clowk-green-dim);
+  --color-clowk-amber: var(--clowk-amber);
+  --color-clowk-amber-dim: var(--clowk-amber-dim);
+  --color-clowk-red: var(--clowk-red);
+  --color-clowk-red-dim: var(--clowk-red-dim);
+  --color-clowk-blue: var(--clowk-blue);
+  --color-clowk-purple: var(--clowk-purple);
+  --color-clowk-pink: var(--clowk-pink);
+  --color-clowk-hover: var(--clowk-hover);
+
+  --radius-clowk-sm: var(--clowk-r-sm);
+  --radius-clowk-md: var(--clowk-r-md);
+  --radius-clowk-lg: var(--clowk-r-lg);
+
+  --font-clowk-sans: var(--clowk-font-sans);
+  --font-clowk-display: var(--clowk-font-display);
+  --font-clowk-mono: var(--clowk-font-mono);
+}

metadata

@@ -0,0 +1,141 @@
+--- !ruby/object:Gem::Specification
+name: clowk-phlex
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Thadeu Esteves
+bindir: bin
+cert_chain: []
+date: 2026-07-13 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: activesupport
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '7.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '9'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '7.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '9'
+- !ruby/object:Gem::Dependency
+  name: phlex
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '13.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '13.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.13'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.13'
+- !ruby/object:Gem::Dependency
+  name: standard
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+description: 'The Ruby half of clowk-phlex: Phlex view components (charts, gauges,
+  pickers) that render SVG/HTML markup + data-* attributes. Behavior and styles ship
+  via the companion @clowk/phlex npm package.'
+email:
+- tadeuu@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/clowk-phlex.rb
+- lib/clowk/phlex.rb
+- lib/clowk/phlex/charts/card.rb
+- lib/clowk/phlex/charts/chart_shape.rb
+- lib/clowk/phlex/charts/display_settings.rb
+- lib/clowk/phlex/charts/format.rb
+- lib/clowk/phlex/charts/gauge_linear.rb
+- lib/clowk/phlex/charts/gauge_radial.rb
+- lib/clowk/phlex/charts/interval_picker.rb
+- lib/clowk/phlex/charts/number_card.rb
+- lib/clowk/phlex/charts/range_picker.rb
+- lib/clowk/phlex/charts/sparkline.rb
+- lib/clowk/phlex/charts/time_series.rb
+- lib/clowk/phlex/charts/type_picker.rb
+- lib/clowk/phlex/charts/web_time.rb
+- lib/clowk/phlex/component.rb
+- lib/clowk/phlex/ui/icons.rb
+- lib/clowk/phlex/ui/switch.rb
+- lib/clowk/phlex/version.rb
+- styles/clowk-phlex.css
+homepage: https://github.com/clowk/clowk-phlex
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/clowk/clowk-phlex
+  source_code_uri: https://github.com/clowk/clowk-phlex/tree/main/gem
+  changelog_uri: https://github.com/clowk/clowk-phlex/blob/main/CHANGELOG.md
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '3.2'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.6.2
+specification_version: 4
+summary: Phlex UI components with Stimulus behaviors — charts first.
+test_files: []