shadcn_view_components 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2101ff232a685f61321d32cf4c61610f5c3cf80f1524928a3993ec90415bb006
-  data.tar.gz: 96b26bbd4b16ba7bbcb813cf07463c988931daaa28eaa6310ebacc4676c9ac93
+  metadata.gz: 5a817d07fcea9d79467f32d8ba3a0c2cd58fcafd2fac59664f50963bd099e551
+  data.tar.gz: 2c7d7f5b36b0c2ce319a3f159e98c0b685f02467b0c2737a5e2bcb6a39a1fe84
 SHA512:
-  metadata.gz: 949f78dcbb1c70d337c939b2e2ec327f44d6c58f5b0fc1e7fdd958f6598a3166849fa65a1c15de82b7dcd975d2a99f02529b0141521120ad5639582750981353
-  data.tar.gz: e87d59f8726efb40fcea61bc4f9ef41870e40391ee34a4b69bdd1861e904ee4bcc64629e449000ee6feb3e65862b55016a920a5b1f51ddadf0e45957036e3d64
+  metadata.gz: 310c43a4aa66d4a2446553e0de95c888f2722bf9d09c6acfebe91f997ea7d25209331480f37f04fcef300f4c4ac00c2ae25f7f9421004635e5c3a1cb4f9b1b06
+  data.tar.gz: 46b8be5f13e80117e632d1c464fdb709f8c30fd124446f8939985cdc446add6ed3534633fba1a967b3b593c4463d02c47a49f3cf8eb7bbf27bc165aff86e90b1

data/app/assets/javascripts/shadcn/controllers/sidebar_controller.js

@@ -22,6 +22,9 @@ export default class SidebarController extends Controller {
     )
     for (const sidebar of sidebars) {
       sidebar.dataset.state = state
+      if (sidebar.dataset.collapsibleMode) {
+        sidebar.dataset.collapsible = state === "closed" ? sidebar.dataset.collapsibleMode : ""
+      }
     }
     for (const trigger of this.element.querySelectorAll("[data-slot='sidebar-trigger']")) {
       trigger.setAttribute("aria-expanded", String(state === "open"))

data/app/components/shadcn/attachment.rb

@@ -23,6 +23,11 @@ module Shadcn
       { orientation: @orientation, size: @size }
     end
 
+    sig { override.returns(T::Hash[Symbol, T.untyped]) }
+    def contract_data_attributes
+      super.merge(orientation: @orientation, size: @size)
+    end
+
     class Group < BaseComponent
       # div
     end
@@ -39,6 +44,11 @@ module Shadcn
       def variant_options
         { variant: @variant }
       end
+
+      sig { override.returns(T::Hash[Symbol, T.untyped]) }
+      def contract_data_attributes
+        super.merge(variant: @variant)
+      end
     end
 
     class Content < BaseComponent
@@ -58,15 +68,37 @@ module Shadcn
     end
 
     class Action < BaseComponent
-      # button
-      sig { override.returns(String) }
-      def default_tag
-        "button"
+      class << self
+        extend T::Sig
+
+        sig do
+          params(extra: T.nilable(String), options: T::Hash[Symbol, T.nilable(T.any(Symbol, String))]).returns(String).checked(:never)
+        end
+        def classes(extra: nil, **options)
+          unknown = options.keys - %i[variant size]
+          raise ArgumentError, "unknown variant props: #{unknown.inspect}" unless unknown.empty?
+
+          variant = options[:variant] || :ghost
+          size = options[:size] || :"icon-xs"
+          T.unsafe(ShadcnViewComponents::Classes).resolve(:button, extra: extra, variant: variant, size: size)
+        end
       end
 
-      sig { override.returns(T::Hash[Symbol, T.untyped]) }
-      def html_attributes
-        super.tap { |attributes| attributes[:type] = "button" unless attributes.key?(:type) }
+      sig do
+        params(variant: T.any(Symbol, String), size: T.any(Symbol, String), args: T::Hash[Symbol, T.untyped]).void.checked(:never)
+      end
+      def initialize(variant: :ghost, size: :"icon-xs", **args)
+        @variant = T.let(ShadcnViewComponents::Classes.normalize_option(:button, :variant, variant), Symbol)
+        @size = T.let(ShadcnViewComponents::Classes.normalize_option(:button, :size, size), Symbol)
+        super(**args)
+      end
+
+      sig { override.returns(String) }
+      def call
+        attributes = @html_args.merge(class: @user_class)
+        attributes[:type] = "button" unless attributes.key?(:type)
+        merge_nested(attributes, :data, { slot: "attachment-action" })
+        render(::Shadcn::Button.new(variant: @variant, size: @size, **attributes)) { content }
       end
     end
 

data/app/components/shadcn/bubble.rb

@@ -4,9 +4,11 @@
 module Shadcn
   # チャットの吹き出し(Phase 4)
   class Bubble < BaseComponent
-    sig { params(variant: T.any(Symbol, String), args: T::Hash[Symbol, T.untyped]).void.checked(:never) }
-    def initialize(variant: ShadcnViewComponents::Contracts::Bubble::DEFAULTS.fetch(:variant), **args)
+    sig { params(variant: T.any(Symbol, String), align: T.any(Symbol, String), args: T::Hash[Symbol, T.untyped]).void.checked(:never) }
+    def initialize(variant: ShadcnViewComponents::Contracts::Bubble::DEFAULTS.fetch(:variant),
+                   align: self.class.property_default(:align), **args)
       @variant = T.let(normalize_option(:variant, variant), Symbol)
+      @align = T.let(normalize_property(:align, align), String)
       super(**args)
     end
 
@@ -15,6 +17,11 @@ module Shadcn
       { variant: @variant }
     end
 
+    sig { override.returns(T::Hash[Symbol, T.untyped]) }
+    def contract_data_attributes
+      super.merge(variant: @variant, align: @align)
+    end
+
     class Group < BaseComponent
       # div
     end
@@ -43,6 +50,11 @@ module Shadcn
       def variant_options
         { align: @align, side: @side }
       end
+
+      sig { override.returns(T::Hash[Symbol, T.untyped]) }
+      def contract_data_attributes
+        super.merge(align: @align, side: @side)
+      end
     end
   end
 end

data/app/components/shadcn/button_group.rb

@@ -15,6 +15,11 @@ module Shadcn
       { orientation: @orientation }
     end
 
+    sig { override.returns(T::Hash[Symbol, T.untyped]) }
+    def contract_data_attributes
+      super.merge(orientation: @orientation)
+    end
+
     class Separator < BaseComponent
       # div(契約クラスは upstream の separator 上書き分を事前解決したもの)
       sig { params(orientation: T.any(Symbol, String), args: T::Hash[Symbol, T.untyped]).void.checked(:never) }

data/app/components/shadcn/card.rb

@@ -3,6 +3,17 @@
 
 module Shadcn
   class Card < BaseComponent
+    sig { params(size: T.any(Symbol, String), args: T::Hash[Symbol, T.untyped]).void.checked(:never) }
+    def initialize(size: self.class.property_default(:size), **args)
+      @size = T.let(normalize_property(:size, size), String)
+      super(**args)
+    end
+
+    sig { override.returns(T::Hash[Symbol, T.untyped]) }
+    def contract_data_attributes
+      super.merge(size: @size)
+    end
+
     class Header < BaseComponent; end
 
     class Title < BaseComponent; end

data/app/components/shadcn/dropdown_menu.rb

@@ -80,6 +80,20 @@ module Shadcn
 
     class Item < BaseComponent
       # role=menuitem。data-highlighted と tabindex はコントローラが管理する
+      sig { params(variant: T.nilable(T.any(Symbol, String)), args: T::Hash[Symbol, T.untyped]).void.checked(:never) }
+      def initialize(variant: nil, **args)
+        @variant = T.let(
+          supports_variant? ? normalize_property(:variant, variant || self.class.property_default(:variant)) : nil,
+          T.nilable(String)
+        )
+        super(**args)
+      end
+
+      sig { override.returns(T::Hash[Symbol, T.untyped]) }
+      def contract_data_attributes
+        @variant ? super.merge(variant: @variant) : super
+      end
+
       sig { override.returns(T::Hash[Symbol, T.untyped]) }
       def html_attributes
         attributes = super
@@ -91,6 +105,12 @@ module Shadcn
 
       private
 
+      sig { returns(T::Boolean) }
+      def supports_variant?
+        slots = T.cast(self.class.contract.const_get(:SLOTS), T::Array[T::Hash[Symbol, T.untyped]])
+        slots.any? { |slot| T.cast(slot[:dynamic_attributes], T::Array[String]).include?("data-variant") }
+      end
+
       sig { returns(String) }
       def default_action
         "#{controller_identifier}#activate"
@@ -106,7 +126,7 @@ module Shadcn
       sig { params(checked: T::Boolean, args: T::Hash[Symbol, T.untyped]).void.checked(:never) }
       def initialize(checked: false, **args)
         @checked = checked
-        super(**args)
+        super(**T.unsafe(args))
       end
 
       sig { override.returns(T::Hash[Symbol, T.untyped]) }

data/app/components/shadcn/field.rb

@@ -73,6 +73,17 @@ module Shadcn
     end
 
     class Legend < BaseComponent
+      sig { params(variant: T.any(Symbol, String), args: T::Hash[Symbol, T.untyped]).void.checked(:never) }
+      def initialize(variant: self.class.property_default(:variant), **args)
+        @variant = T.let(normalize_property(:variant, variant), String)
+        super(**args)
+      end
+
+      sig { override.returns(T::Hash[Symbol, T.untyped]) }
+      def contract_data_attributes
+        super.merge(variant: @variant)
+      end
+
       sig { override.returns(String) }
       def default_tag
         "legend"

data/app/components/shadcn/input_group/button.rb

@@ -7,6 +7,25 @@ module Shadcn
     # data-slot を差し替える(Phase 3 の AlertDialogAction と同じ構成)。
     # NOTE: Shadcn::Button の sidecar テンプレートと名前が衝突するため専用ファイルに置く
     class Button < BaseComponent
+      class << self
+        extend T::Sig
+
+        sig do
+          params(extra: T.nilable(String), options: T::Hash[Symbol, T.nilable(T.any(Symbol, String))]).returns(String).checked(:never)
+        end
+        def classes(extra: nil, **options)
+          unknown = options.keys - %i[variant size]
+          raise ArgumentError, "unknown variant props: #{unknown.inspect}" unless unknown.empty?
+
+          variant = options[:variant] || :ghost
+          size = options[:size] || :xs
+          button_variant = ShadcnViewComponents::Classes.normalize_option(:button, :variant, variant)
+          group_size = ShadcnViewComponents::Classes.normalize_option(:"input_group/button", :size, size)
+          overlay = T.unsafe(ShadcnViewComponents::Classes).resolve(:"input_group/button", extra: extra, size: group_size)
+          T.unsafe(ShadcnViewComponents::Classes).resolve(:button, extra: overlay, variant: button_variant)
+        end
+      end
+
       sig do
         params(
           variant: T.any(Symbol, String),
@@ -28,20 +47,17 @@ module Shadcn
         { size: @size }
       end
 
-      # 契約は Button(ba_buttonVariants) との合成結果を事前解決済みのため、
-      # ここではその最終クラスをそのまま描く(upstream の DOM と同一)
+      # upstream の <Button> が基本クラスと variant を付け、
+      # input-group 側の contract がサイズ調整を上書きする。
       sig { override.returns(String) }
-      def default_tag
-        "button"
-      end
-
-      sig { override.returns(T::Hash[Symbol, T.untyped]) }
-      def html_attributes
-        attributes = super
+      def call
+        # Button に渡すのは InputGroup 固有のクラス。公開 classes は合成済みを返す。
+        overlay = T.unsafe(ShadcnViewComponents::Classes).resolve(:"input_group/button", extra: @user_class, size: @size)
+        attributes = @html_args.merge(class: overlay)
         attributes[:type] = "button" unless attributes.key?(:type)
         data = T.cast(attributes[:data], T.nilable(T::Hash[Symbol, T.untyped])) || {}
         attributes[:data] = { size: @size }.merge(data)
-        attributes
+        render(::Shadcn::Button.new(variant: @variant, **attributes)) { content }
       end
     end
   end

data/app/components/shadcn/message.rb

@@ -4,7 +4,16 @@
 module Shadcn
   # AIチャット等のメッセージ行(Phase 4)。静的な表示構造
   class Message < BaseComponent
-    # div
+    sig { params(align: T.any(Symbol, String), args: T::Hash[Symbol, T.untyped]).void.checked(:never) }
+    def initialize(align: self.class.property_default(:align), **args)
+      @align = T.let(normalize_property(:align, align), String)
+      super(**args)
+    end
+
+    sig { override.returns(T::Hash[Symbol, T.untyped]) }
+    def contract_data_attributes
+      super.merge(align: @align)
+    end
 
     class Group < BaseComponent
       # div

data/app/components/shadcn/message_scroller/button.rb

@@ -0,0 +1,49 @@
+# typed: strict
+# frozen_string_literal: true
+
+module Shadcn
+  class MessageScroller < BaseComponent
+    # Button の sidecar テンプレートとの名前の衝突を避けるため専用ファイルに置く。
+    class Button < BaseComponent
+      class << self
+        extend T::Sig
+
+        sig do
+          params(extra: T.nilable(String), options: T::Hash[Symbol, T.nilable(T.any(Symbol, String))]).returns(String).checked(:never)
+        end
+        def classes(extra: nil, **options)
+          unknown = options.keys - %i[variant size]
+          raise ArgumentError, "unknown variant props: #{unknown.inspect}" unless unknown.empty?
+
+          variant = options[:variant] || :secondary
+          size = options[:size] || :"icon-sm"
+          overlay = ShadcnViewComponents::Classes.resolve(:"message_scroller/button", extra: extra)
+          T.unsafe(ShadcnViewComponents::Classes).resolve(:button, extra: overlay, variant: variant, size: size)
+        end
+      end
+
+      sig do
+        params(
+          variant: T.any(Symbol, String), size: T.any(Symbol, String),
+          direction: T.any(Symbol, String), args: T::Hash[Symbol, T.untyped]
+        ).void.checked(:never)
+      end
+      def initialize(variant: :secondary, size: :"icon-sm", direction: self.class.property_default(:direction), **args)
+        @variant = T.let(ShadcnViewComponents::Classes.normalize_option(:button, :variant, variant), Symbol)
+        @size = T.let(ShadcnViewComponents::Classes.normalize_option(:button, :size, size), Symbol)
+        @direction = T.let(normalize_property(:direction, direction), String)
+        super(**args)
+      end
+
+      sig { override.returns(String) }
+      def call
+        attributes = @html_args.merge(class: ShadcnViewComponents::Classes.resolve(:"message_scroller/button", extra: @user_class))
+        attributes[:type] = "button" unless attributes.key?(:type)
+        merge_nested(attributes, :data, { slot: "message-scroller-button", direction: @direction,
+                                          variant: @variant, size: @size,
+                                          action: "#{CONTROLLER}#scrollToBottom" })
+        render(::Shadcn::Button.new(variant: @variant, size: @size, **attributes)) { content }
+      end
+    end
+  end
+end

data/app/components/shadcn/message_scroller.rb

@@ -32,21 +32,5 @@ module Shadcn
     class Item < BaseComponent
       # div
     end
-
-    class Button < BaseComponent
-      # 一番下へ戻るボタン
-      sig { override.returns(String) }
-      def default_tag
-        "button"
-      end
-
-      sig { override.returns(T::Hash[Symbol, T.untyped]) }
-      def html_attributes
-        attributes = super
-        attributes[:type] = "button" unless attributes.key?(:type)
-        merge_nested(attributes, :data, { action: "#{CONTROLLER}#scrollToBottom" })
-        attributes
-      end
-    end
   end
 end

data/app/components/shadcn/sidebar.rb

@@ -10,15 +10,25 @@ module Shadcn
   class Sidebar < BaseComponent
     CONTROLLER = "shadcn--sidebar"
 
-    sig { params(state: T.any(Symbol, String), args: T::Hash[Symbol, T.untyped]).void.checked(:never) }
-    def initialize(state: self.class.property_default(:state), **args)
+    sig do
+      params(state: T.any(Symbol, String), side: T.any(Symbol, String), variant: T.any(Symbol, String),
+             collapsible: T.any(Symbol, String), args: T::Hash[Symbol, T.untyped]).void.checked(:never)
+    end
+    def initialize(state: self.class.property_default(:state), side: self.class.property_default(:side),
+                   variant: self.class.property_default(:variant),
+                   collapsible: self.class.property_default(:collapsible), **args)
       @state = T.let(normalize_property(:state, state), String)
+      @side = T.let(normalize_property(:side, side), String)
+      @variant = T.let(normalize_property(:variant, variant), String)
+      @collapsible = T.let(normalize_property(:collapsible, collapsible), String)
       super(**args)
     end
 
     # 契約スロット構成: sidebar(状態root) > sidebar-gap / sidebar-container > sidebar-inner
     sig { override.returns(String) }
     def call
+      return content_tag(:div, **html_attributes) { content } if @collapsible == "none"
+
       content_tag(:div, **html_attributes) do
         safe_join([gap, container])
       end
@@ -26,9 +36,20 @@ module Shadcn
 
     sig { override.returns(T::Hash[Symbol, T.untyped]) }
     def html_attributes
-      attributes = @html_args.merge(class: self.class.classes(extra: @user_class))
+      root_class = if @collapsible == "none"
+                     self.class.classes(extra: @user_class)
+                   else
+                     T.cast(desktop_root_slot.dig(:static_attributes, :class), String)
+                   end
+      attributes = @html_args.merge(class: root_class)
       data = T.cast(attributes[:data], T.nilable(T::Hash[Symbol, T.untyped])) || {}
-      attributes[:data] = { slot: "sidebar", state: @state }.merge(data)
+      attributes[:data] = if @collapsible == "none"
+                            { slot: "sidebar", state: @state }.merge(data)
+                          else
+                            { slot: "sidebar", state: @state, side: @side, variant: @variant,
+                              collapsible: @state == "closed" ? @collapsible : "",
+                              collapsible_mode: @collapsible }.merge(data)
+                          end
       attributes
     end
 
@@ -41,14 +62,26 @@ module Shadcn
 
     sig { returns(String) }
     def container
-      content_tag(:div, class: slot_class("sidebar-container"), data: { slot: "sidebar-container" }) do
+      container_class = slot_class("sidebar-container")
+      container_class = ShadcnViewComponents::Classes::MERGER.merge("#{container_class} #{@user_class}") if @user_class
+      content_tag(:div, class: container_class, data: { slot: "sidebar-container", side: @side }) do
         content_tag(:div, class: slot_class("sidebar-inner"), data: { slot: "sidebar-inner" }) { content }
       end
     end
 
     sig { params(name: String).returns(T.nilable(String)) }
     def slot_class(name)
-      T.cast(contract_slot(name).dig(:static_attributes, :class), T.nilable(String))
+      slot = contract_slot(name)
+      variants = T.cast(slot[:class_variants], T.nilable(T::Hash[Symbol, T::Hash[Symbol, String]]))
+      return variants.fetch(:variant).fetch(@variant.to_sym) if variants
+
+      T.cast(slot.dig(:static_attributes, :class), T.nilable(String))
+    end
+
+    sig { returns(T::Hash[Symbol, T.untyped]) }
+    def desktop_root_slot
+      slots = T.cast(contract.const_get(:SLOTS), T::Array[T::Hash[Symbol, T.untyped]])
+      slots.find { |slot| slot[:name] == "sidebar" && slot[:tag] == "div" && slot.dig(:static_attributes, :class) } || {}
     end
 
     class Provider < BaseComponent
@@ -69,6 +102,19 @@ module Shadcn
     end
 
     class Trigger < BaseComponent
+      class << self
+        extend T::Sig
+
+        sig { params(extra: T.nilable(String), options: T::Hash[Symbol, T.nilable(T.any(Symbol, String))]).returns(String).checked(:never) }
+        def classes(extra: nil, **options)
+          raise ArgumentError, "unknown variant props: #{options.keys.inspect}" unless options.empty?
+
+          T.unsafe(ShadcnViewComponents::Classes).resolve(
+            :button, extra: extra, variant: :ghost, size: :"icon-sm"
+          )
+        end
+      end
+
       sig { override.returns(String) }
       def default_tag
         "button"
@@ -230,7 +276,7 @@ module Shadcn
         attributes = super
         attributes[:type] = "button" unless attributes.key?(:type) || tag == "a"
         # 契約スロットの静的属性 data-sidebar="menu-button"
-        merge_nested(attributes, :data, { sidebar: "menu-button", active: @active.to_s })
+        merge_nested(attributes, :data, { sidebar: "menu-button", active: @active.to_s, size: @size })
         attributes
       end
     end

data/app/components/shadcn/toggle_group.rb

@@ -53,6 +53,17 @@ module Shadcn
       attributes
     end
 
+    sig { override.returns(String) }
+    def call
+      previous = ActiveSupport::IsolatedExecutionState[:shadcn_toggle_group]
+      ActiveSupport::IsolatedExecutionState[:shadcn_toggle_group] = {
+        variant: @group_variant, size: @group_size, spacing: @spacing
+      }
+      super
+    ensure
+      ActiveSupport::IsolatedExecutionState[:shadcn_toggle_group] = previous
+    end
+
     private
 
     # グループの variant/size を Item の許容値で fail-fast 検証する
@@ -69,9 +80,7 @@ module Shadcn
         "button"
       end
 
-      # variant/size はupstreamではグループのcontextから受け取る。Ruby側では
-      # 利用者が各Itemに指定する(規約: 省略時は契約の既定値)。
-      # spacing はグループと同じ既定値2を使い、data属性に出力する
+      # 親の描画スコープ内では upstream の context と同じ優先順位で値を受け取る。
       sig do
         params(
           variant: T.any(Symbol, String),
@@ -100,7 +109,7 @@ module Shadcn
 
       sig { override.returns(T::Hash[Symbol, VariantOption]) }
       def variant_options
-        { variant: @variant, size: @size }
+        { variant: effective_variant, size: effective_size }
       end
 
       # upstream の Item と同じ data 属性(spacing の角丸・枠線制御はここから効く)
@@ -108,9 +117,9 @@ module Shadcn
       def contract_data_attributes
         super.merge(
           state: @state,
-          variant: @variant,
-          size: @size,
-          spacing: @spacing.to_s,
+          variant: effective_variant,
+          size: effective_size,
+          spacing: effective_spacing.to_s,
           action: "#{ToggleGroup::CONTROLLER}#toggleItem"
         )
       end
@@ -122,6 +131,28 @@ module Shadcn
         attributes[:type] = "button" unless @html_args.key?(:type) || attributes.key?(:type)
         attributes
       end
+
+      private
+
+      sig { returns(T.nilable(T::Hash[Symbol, T.untyped])) }
+      def group_context
+        T.cast(ActiveSupport::IsolatedExecutionState[:shadcn_toggle_group], T.nilable(T::Hash[Symbol, T.untyped]))
+      end
+
+      sig { returns(Symbol) }
+      def effective_variant
+        T.cast(group_context&.dig(:variant) || @variant, Symbol)
+      end
+
+      sig { returns(Symbol) }
+      def effective_size
+        T.cast(group_context&.dig(:size) || @size, Symbol)
+      end
+
+      sig { returns(T.any(Integer, Float)) }
+      def effective_spacing
+        T.cast(group_context&.dig(:spacing) || @spacing, T.any(Integer, Float))
+      end
     end
   end
 end

data/lib/shadcn_view_components/generated/contracts/sidebar.rb

@@ -23,8 +23,8 @@ module ShadcnViewComponents
         { name: "sidebar", tag: "div", static_attributes: {}.freeze, dynamic_attributes: [].freeze }.freeze,
         { name: "sidebar", tag: "SheetContent", static_attributes: { class: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden", "data-mobile" => "true", "data-sidebar" => "sidebar" }.freeze, dynamic_attributes: ["dir", "side", "style"].freeze }.freeze,
         { name: "sidebar", tag: "div", static_attributes: { class: "group peer hidden text-sidebar-foreground md:block" }.freeze, dynamic_attributes: ["data-collapsible", "data-side", "data-state", "data-variant"].freeze }.freeze,
-        { name: "sidebar-gap", tag: "div", static_attributes: { class: "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180 group-data-[collapsible=icon]:w-(--sidebar-width-icon)" }.freeze, dynamic_attributes: [].freeze }.freeze,
-        { name: "sidebar-container", tag: "div", static_attributes: { class: "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l" }.freeze, dynamic_attributes: ["data-side"].freeze }.freeze,
+        { name: "sidebar-gap", tag: "div", static_attributes: { class: "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180 group-data-[collapsible=icon]:w-(--sidebar-width-icon)" }.freeze, dynamic_attributes: [].freeze, class_variants: { variant: { floating: "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]", inset: "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]", sidebar: "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0 group-data-[side=right]:rotate-180 group-data-[collapsible=icon]:w-(--sidebar-width-icon)" }.freeze }.freeze }.freeze,
+        { name: "sidebar-container", tag: "div", static_attributes: { class: "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l" }.freeze, dynamic_attributes: ["data-side"].freeze, class_variants: { variant: { floating: "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]", inset: "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]", sidebar: "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l" }.freeze }.freeze }.freeze,
         { name: "sidebar-inner", tag: "div", static_attributes: { class: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border", "data-sidebar" => "sidebar" }.freeze, dynamic_attributes: [].freeze }.freeze
       ].freeze, T::Array[T::Hash[Symbol, T.untyped]])
 

data/lib/shadcn_view_components/property_contract_definitions.rb

@@ -2,6 +2,8 @@
 # frozen_string_literal: true
 
 module ShadcnViewComponents
+  # 公開propの制約は一箇所で確認できるように集約する。
+  # rubocop:disable-next Metrics/ModuleLength
   module PropertyContracts
     DIRECTIONS = %w[ltr rtl].freeze
     ORIENTATIONS = %w[horizontal vertical].freeze
@@ -51,11 +53,38 @@ module ShadcnViewComponents
         state: { kind: :enum, default: "off", values: TOGGLE_STATES }.freeze,
         spacing: { kind: :number, default: 2, minimum: 0 }.freeze
       }.freeze,
+      "dropdown_menu/item": {
+        variant: { kind: :enum, default: "default", values: %w[default destructive].freeze }.freeze
+      }.freeze,
+      "context_menu/item": {
+        variant: { kind: :enum, default: "default", values: %w[default destructive].freeze }.freeze
+      }.freeze,
+      "menubar/item": {
+        variant: { kind: :enum, default: "default", values: %w[default destructive].freeze }.freeze
+      }.freeze,
+      "field/legend": {
+        variant: { kind: :enum, default: "legend", values: %w[legend label].freeze }.freeze
+      }.freeze,
+      card: {
+        size: { kind: :enum, default: "default", values: %w[default sm].freeze }.freeze
+      }.freeze,
+      message: {
+        align: { kind: :enum, default: "start", values: %w[start end].freeze }.freeze
+      }.freeze,
+      bubble: {
+        align: { kind: :enum, default: "start", values: %w[start end].freeze }.freeze
+      }.freeze,
+      "message_scroller/button": {
+        direction: { kind: :enum, default: "end", values: %w[start end].freeze }.freeze
+      }.freeze,
       direction_provider: {
         dir: { kind: :enum, default: "ltr", values: DIRECTIONS }.freeze
       }.freeze,
       sidebar: {
-        state: { kind: :enum, default: "open", values: %w[open closed].freeze }.freeze
+        state: { kind: :enum, default: "open", values: %w[open closed].freeze }.freeze,
+        side: { kind: :enum, default: "left", values: %w[left right].freeze }.freeze,
+        variant: { kind: :enum, default: "sidebar", values: %w[sidebar floating inset].freeze }.freeze,
+        collapsible: { kind: :enum, default: "offcanvas", values: %w[offcanvas icon none].freeze }.freeze
       }.freeze,
       "sidebar/provider": {
         state: { kind: :enum, default: "open", values: %w[open closed].freeze }.freeze

data/lib/shadcn_view_components/version.rb

@@ -2,5 +2,5 @@
 # frozen_string_literal: true
 
 module ShadcnViewComponents
-  VERSION = "0.2.0"
+  VERSION = "0.2.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: shadcn_view_components
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - supermomonga
@@ -320,6 +320,7 @@ files:
 - app/components/shadcn/menubar.rb
 - app/components/shadcn/message.rb
 - app/components/shadcn/message_scroller.rb
+- app/components/shadcn/message_scroller/button.rb
 - app/components/shadcn/native_checked_state.rb
 - app/components/shadcn/native_select.rb
 - app/components/shadcn/navigation_menu.rb