_sheet.html.erb in shadcn-ui-0.0.12

- old
+ new
@@ -3,15 +3,20 @@
 
   <%= render "components/ui/shared/backdrop", as: "modal" %>
 
   <div
     role="dialog"
-    data-state="closed"
+    data-state="<%= options[:state]%>"
     data-ui--sheet-target="dialog"
-    class="data-[state=closed]:hidden data-[state=open]:block fixed z-50 gap-4 bg-background p-6 shadow-lg
-        transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500
-        inset-y-0 <%= direction_class(options[:direction]) %> h-full <%= options[:width] %> border-l data-[state=closed]:slide-out-to-<%= options[:direction] %> data-[state=open]:slide-in-from-<%= options[:direction] %> sm:max-w-sm" tabindex="-1"
-    style="pointer-events: auto">
+    class="<%= tw("data-[state=closed]:hidden data-[state=open]:block fixed z-50 gap-4 bg-background p-6 shadow-lg
+                  transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300
+                  data-[state=open]:duration-500 inset-y-0 h-full border-l sm:max-w-sm",
+                  "data-[state=closed]:slide-out-to-#{options[:direction]}
+                  data-[state=open]:slide-in-from-#{options[:direction]}",
+                  direction_class(options[:direction]), options[:width],
+                  options[:class]) %>"
+        tabindex="-1"
+        style="pointer-events: auto">
       <div data-ui--sheet-target="content"><%= content_for(:sheet_content) %></div>
       <button
         data-ui--sheet-target="closeButton"
         type="button"
         class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">