shadcn-ui 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 22a141b91988a0b7411fa66841274699ee3f55d4a6b7b2afb152000cdba95385
-  data.tar.gz: f7a806d1a7897c1154b4b6a23903d1a2295e4152e29638ff6e5721982eea4760
+  metadata.gz: c7353625f737a5deeed84e83a9718a6201e151541995c11bedbeaa8b2f49234d
+  data.tar.gz: 6399387bda38280d3d1be1208f5ac7796d7370cc902d8a658c742c1bcb64186b
 SHA512:
-  metadata.gz: 1b2264728f5100c07607e963c4027aa406e91c7635ef9b9cf6e1c21f5dd7fa193575e0a11b08a2021358835de6645665f6370b4119a1169c99b6ece40c195f9d
-  data.tar.gz: 357afd147401ff2c9911082690ed8b8f8162bbf60d64a229ee1c51bfbfd7c6cbfcfa88c8ace873dc1c64029c3ef5fefe64d4e0767029eec579eeb4208defb985
+  metadata.gz: bb839cd93e13cf9ea774d8d7dd1596bedd48ba02d570c65c8a125be616cbdae81a9f29fd46de71c13150b4a35c8709b5d57b813d21b74ee33076ead527cff827
+  data.tar.gz: e9a6a20f2f23bbc542800bb1bfe6cd1c6bbc08ed6f586590e61f956dff5973aab0b711c912e1b9305c06c019f1045a9ba74a3174d34a3b46ce933bb47a9ec8cb

data/app/controllers/documentation_controller.rb

@@ -4,7 +4,6 @@ class DocumentationController < ActionController::Base
   end
 
   def show
-    binding.pry
     render "documentation/#{params[:id]}"
   end
 end

data/app/helpers/components/input_helper.rb

@@ -1,7 +1,7 @@
 module Components::InputHelper
   def render_input(name:, label: false, id: nil, type: :text, value: nil, **options)
     options[:class] = "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 #{options[:class]} "
-    options[:class] << case options[:style]
+    options[:class] << case options[:variant]
     when :borderless
       " border-0 focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-transparent"
     else

data/app/helpers/components/slider_helper.rb

@@ -1,5 +1,5 @@
 module Components::SliderHelper
-  def render_slider(value:, id:, name:, **options)
+  def render_slider(name:, value: 0, id: nil, **options)
     render "components/ui/slider", value:, id:, name:, **options
   end
 end

data/app/helpers/examples_helper.rb

@@ -15,10 +15,15 @@ module ExamplesHelper
     render "examples/components/#{name}/usage"
   end
 
+  def render_code_preview(name)
+    render "examples/components/#{name}/code/preview"
+  end
+
   def code_partial(name, language)
+    component, partial = name.split("/")
     content_tag :pre, class: "code-sample py-4 px-4", data: {controller: "highlight"} do
       content_tag :code, class: "language-#{language}" do
-        html_escape(File.read(Rails.root.join("app", "views", "examples", "components", "#{name}.erb")))
+        html_escape(File.read(Rails.root.join("app", "views", "examples", "components", "#{component}/code/_#{partial}.erb")))
       end
     end
   end

data/app/javascript/controllers/highlight_controller.js

@@ -3,7 +3,6 @@ import hljs from "highlight.js";
 
 export default class extends Controller {
   connect() {
-    console.log("hi");
     hljs.highlightAll();
   }
 }

data/app/javascript/controllers/ui/popover_controller.js

@@ -2,6 +2,7 @@
 
 import { Controller } from "@hotwired/stimulus";
 import { createPopper } from "@popperjs/core";
+import { useClickOutside } from "stimulus-use";
 
 export default class UIPopover extends Controller {
   static values = {
@@ -9,9 +10,8 @@ export default class UIPopover extends Controller {
   };
   static targets = ["content", "wrapper", "trigger"];
 
-  // Sets the popover offset using Stimulus data map objects.
-
   connect() {
+    useClickOutside(this);
     this.popperInstance = createPopper(this.triggerTarget, this.contentTarget, {
       placement: this.contentTarget.dataset.side || "bottom",
       modifiers: [
@@ -37,6 +37,10 @@ export default class UIPopover extends Controller {
     this.contentTarget.dataset.state = "closed";
   }
 
+  clickOutside(event) {
+    this.hide();
+  }
+
   // Toggle the popover on demand
   toggle(event) {
     this.popperInstance.update();