braid-ui 1.0.26 → 1.0.28

package/dist/index.js

@@ -3182,6 +3182,7 @@ var BusinessFiltersSheet = ({
   onResetFilters
 }) => {
   const [localFilters, setLocalFilters] = useState(filters);
+  const [open, setOpen] = useState(false);
   useEffect(() => {
     setLocalFilters(filters);
   }, [filters]);
@@ -3192,6 +3193,7 @@ var BusinessFiltersSheet = ({
     Object.entries(localFilters).forEach(([key, value]) => {
       onFilterChange(key, value);
     });
+    setOpen(false);
   };
   const handleResetFilters = () => {
     const resetFilters = {
@@ -3203,8 +3205,9 @@ var BusinessFiltersSheet = ({
     };
     setLocalFilters(resetFilters);
     onResetFilters();
+    setOpen(false);
   };
-  return /* @__PURE__ */ jsxs(Sheet, { children: [
+  return /* @__PURE__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "gap-2", children: [
       /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4" }),
       "Filters"
@@ -3342,12 +3345,9 @@ var PageLayout = React15.forwardRef(
       });
     };
     return /* @__PURE__ */ jsxs("div", { ref, className: "flex flex-col h-screen bg-gradient-subtle", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsx("div", { className: cn(
-        "container mx-auto px-4 py-6",
-        maxWidthClasses[maxWidth]
-      ), children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsx("div", { className: cn("container mx-auto px-4 py-6", maxWidthClasses[maxWidth]), children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-[2.5rem]", children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground mb-2", children: title }),
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground", children: title }),
           description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description })
         ] }),
         headerContent && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: headerContent }),
@@ -3376,11 +3376,7 @@ var PageLayout = React15.forwardRef(
           );
         }) })
       ] }) }) }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: cn(
-        "container mx-auto px-4 py-6",
-        maxWidthClasses[maxWidth],
-        className
-      ), children: mode === "cards" && cards.length > 0 ? /* @__PURE__ */ jsx("div", { className: cn("grid gap-6", getGridClasses(gridCols, responsive)), children: cards.map((card) => {
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: cn("container mx-auto px-4 py-6", maxWidthClasses[maxWidth], className), children: mode === "cards" && cards.length > 0 ? /* @__PURE__ */ jsx("div", { className: cn("grid gap-6", getGridClasses(gridCols, responsive)), children: cards.map((card) => {
         const isEditing = editingCards.has(card.key);
         const shouldExpand = card.expandOnEdit && isEditing;
         return /* @__PURE__ */ jsx(
@@ -3390,14 +3386,7 @@ var PageLayout = React15.forwardRef(
               "transition-all duration-300",
               shouldExpand && (gridCols > 1 ? "col-span-full" : "")
             ),
-            children: /* @__PURE__ */ jsx(
-              card.component,
-              {
-                ...card.props,
-                isEditing,
-                onToggleEdit: () => toggleEdit(card.key)
-              }
-            )
+            children: /* @__PURE__ */ jsx(card.component, { ...card.props, isEditing, onToggleEdit: () => toggleEdit(card.key) })
           },
           card.key
         );