@firecms/ui 3.0.0-canary.132 → 3.0.0-canary.133

package/dist/components/ExpandablePanel.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-export declare function ExpandablePanel({ title, children, invisible, expanded, onExpandedChange, initiallyExpanded, titleClassName, asField, className }: PropsWithChildren<{
+export declare function ExpandablePanel({ title, children, invisible, expanded, onExpandedChange, initiallyExpanded, titleClassName, asField, className, innerClassName }: PropsWithChildren<{
     title: React.ReactNode;
     invisible?: boolean;
     initiallyExpanded?: boolean;
@@ -8,4 +8,5 @@ export declare function ExpandablePanel({ title, children, invisible, expanded,
     titleClassName?: string;
     asField?: boolean;
     className?: string;
+    innerClassName?: string;
 }>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Sheet.d.ts

@@ -3,6 +3,7 @@ interface SheetProps {
     children: React.ReactNode;
     open: boolean;
     title?: string;
+    modal?: boolean;
     side?: "top" | "bottom" | "left" | "right";
     darkBackground?: boolean;
     transparent?: boolean;

package/dist/index.es.js

@@ -14943,7 +14943,8 @@ function ExpandablePanel({
   initiallyExpanded = true,
   titleClassName,
   asField,
-  className
+  className,
+  innerClassName
 }) {
   useInjectStyles("ExpandablePanel", `
 .CollapsibleContent {
@@ -14994,7 +14995,8 @@ function ExpandablePanel({
       className: cls(
         !invisible && defaultBorderMixin + " border",
         "rounded-md",
-        "w-full"
+        "w-full",
+        className
       ),
       open,
       onOpenChange: (updatedOpen) => {
@@ -15007,7 +15009,7 @@ function ExpandablePanel({
           {
             className: cls(
               "rounded flex items-center justify-between w-full min-h-[52px]",
-              "hover:bg-slate-50 dark:hover:bg-gray-800 dark:hover:bg-opacity-20",
+              "hover:bg-slate-200 hover:bg-opacity-20 dark:hover:bg-gray-800 dark:hover:bg-opacity-20",
               invisible ? "border-b px-2" : "p-4",
               invisible && defaultBorderMixin,
               asField && fieldBackgroundMixin,
@@ -15026,7 +15028,7 @@ function ExpandablePanel({
             style: {
               overflow: allowOverflow ? "visible" : "hidden"
             },
-            children: /* @__PURE__ */ jsx("div", { className, children })
+            children: /* @__PURE__ */ jsx("div", { className: innerClassName, children })
           }
         )
       ]
@@ -16190,6 +16192,7 @@ const Sheet = ({
   children,
   side = "right",
   title,
+  modal = true,
   open,
   onOpenChange,
   transparent,
@@ -16223,7 +16226,7 @@ const Sheet = ({
       onOpenChange,
       children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
         /* @__PURE__ */ jsx(DialogPrimitive.Title, { autoFocus: true, tabIndex: 0, children: title ?? "Sheet" }),
-        /* @__PURE__ */ jsx(
+        modal && /* @__PURE__ */ jsx(
           DialogPrimitive.Overlay,
           {
             className: cls(