randmarcomps 1.623.0 → 1.625.0

package/dist/randmarcomps.js

@@ -56965,7 +56965,7 @@ const TableCaption = React.forwardRef(({ className: e, ...t }, n) => /* @__PURE_
   }
 ));
 TableCaption.displayName = "TableCaption";
-const Topbar = forwardRef(
+const APP_SHELL_HEADER_HEIGHT_TOKEN_CLASS = "[--rm-shell-header-height:3.5rem]", APP_SHELL_HEADER_HEIGHT_CLASS = "h-[var(--rm-shell-header-height)]", APP_SHELL_HEADER_OFFSET_CLASS = "pt-[var(--rm-shell-header-height)]", Topbar = forwardRef(
   ({ onSignOut: e, handleValidSearch: t, rightMenu: n, searchPlaceholder: o }, a) => {
     const [s, l] = useState(""), c = useLocation(), { toast: d } = useToast();
     useEffect(() => {
@@ -56984,15 +56984,17 @@ const Topbar = forwardRef(
         return;
       }
       t(R);
+    }, S = (R) => {
+      R.key === "Enter" && f();
     };
-    return /* @__PURE__ */ jsxs("header", { className: "flex h-16 items-center gap-4 border-b bg-sidebar px-6 fixed top-0 right-0 z-50 left-0 text-sidebar-foreground border-sidebar-border peer-data-[state=expanded]:md:left-(--sidebar-width) peer-data-[collapsible=offcanvas]:md:left-0 peer-data-[collapsible=icon]:md:left-(--sidebar-width-icon)", children: [
-      /* @__PURE__ */ jsx(SidebarTrigger, { className: "lg:hidden", children: /* @__PURE__ */ jsx(Menu$1, { className: "h-6 w-6" }) }),
+    return /* @__PURE__ */ jsxs("header", { className: `fixed top-0 right-0 left-0 z-50 flex ${APP_SHELL_HEADER_HEIGHT_TOKEN_CLASS} ${APP_SHELL_HEADER_HEIGHT_CLASS} items-center gap-3 border-b border-border bg-background px-4 text-foreground transition-[left] duration-200 ease-linear lg:px-6 peer-data-[state=expanded]:lg:left-(--sidebar-width) peer-data-[collapsible=offcanvas]:lg:left-0 peer-data-[collapsible=icon]:lg:left-(--sidebar-width-icon)`, children: [
+      /* @__PURE__ */ jsx(SidebarTrigger, { className: "h-10 w-10 text-foreground lg:hidden", children: /* @__PURE__ */ jsx(Menu$1, { className: "h-5 w-5" }) }),
       /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center gap-4", children: /* @__PURE__ */ jsx("div", { className: "relative w-full max-w-sm", children: /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            className: "absolute left-2 top-1/2 -translate-y-1/2",
+            className: "absolute left-1 top-1/2 inline-flex h-8 w-8 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground",
             onClick: f,
             "aria-label": "Search",
             children: /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 text-muted-foreground" })
@@ -57002,12 +57004,10 @@ const Topbar = forwardRef(
           Input,
           {
             placeholder: o ?? "Search...",
-            className: "w-full pl-8 bg-background text-foreground",
+            className: "h-10 w-full bg-background pl-10 text-foreground",
             value: s,
             onChange: (R) => l(R.target.value),
-            onKeyDown: (R) => {
-              R.key === "Enter" && f();
-            },
+            onKeyDown: S,
             ref: a
           },
           "topbar-search"
@@ -57015,8 +57015,8 @@ const Topbar = forwardRef(
       ] }) }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         n,
-        e && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs(Button$1, { variant: "ghost", size: "icon", className: "h-9 w-9", onClick: e, children: [
-          /* @__PURE__ */ jsx(LogOut, { className: "h-4 w-4 text-sidebar-foreground" }),
+        e && /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs(Button$1, { variant: "ghost", size: "icon", className: "h-10 w-10", onClick: e, children: [
+          /* @__PURE__ */ jsx(LogOut, { className: "h-4 w-4 text-foreground" }),
           /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Sign out" })
         ] }) })
       ] })
@@ -59748,7 +59748,7 @@ const Navbar = forwardRef(
   chatUserName: f,
   chatRef: S,
   chatRoutePath: R
-}, te) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsxs("div", { className: "flex grow", children: [
+}, te) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsxs("div", { className: `flex grow ${APP_SHELL_HEADER_HEIGHT_TOKEN_CLASS}`, children: [
   /* @__PURE__ */ jsx(
     Navbar,
     {
@@ -59771,8 +59771,8 @@ const Navbar = forwardRef(
       searchPlaceholder: d
     }
   ),
-  /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
-    /* @__PURE__ */ jsx("main", { className: "mt-16 flex-1 overflow-x-clip", "data-rm-main-content-region": "true", children: e }),
+  /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ jsx("main", { className: `${APP_SHELL_HEADER_OFFSET_CLASS} @container flex-1 overflow-x-clip bg-muted`, "data-rm-main-content-region": "true", children: e }),
     /* @__PURE__ */ jsx(Toaster, {})
   ] })
 ] }) }) }));
@@ -62175,7 +62175,7 @@ function DataRefreshAssistantCluster({
   }, [t, a, e, n]);
   return /* @__PURE__ */ jsx(RefreshCluster, { ...o, onAssistantClick: s });
 }
-const fullBleedClassName = "w-screen max-w-none -ml-[calc(50vw-50%)] -mr-[calc(50vw-50%)]";
+const fullBleedClassName = "w-full max-w-none w-[100cqw] ml-[calc(50%-50cqw)] mr-[calc(50%-50cqw)]", rowInlinePaddingClassName = "px-4 lg:px-6", primaryRowPaddingClassName = `${rowInlinePaddingClassName} py-4`, secondaryRowPaddingClassName = `${rowInlinePaddingClassName} py-3`;
 function RmPageHeaderBreadcrumbLink({
   item: e,
   isCurrent: t
@@ -62230,8 +62230,8 @@ function RmPageHeader({
   contentClassName: S
 }) {
   const R = !!(o || a), te = /* @__PURE__ */ jsxs("header", { className: cn("w-full border-b border-border bg-background", d), children: [
-    /* @__PURE__ */ jsx("div", { className: cn("px-4 py-6 sm:px-6", f), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", S), children: [
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsx("div", { className: cn(primaryRowPaddingClassName, f), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between", S), children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
         n?.length ? /* @__PURE__ */ jsx(RmPageHeaderBreadcrumbs, { items: n }) : null,
         /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold leading-tight tracking-tight text-foreground", children: e }),
         t ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t }) : null
@@ -62241,7 +62241,7 @@ function RmPageHeader({
         a ? /* @__PURE__ */ jsx("div", { className: "flex w-full flex-wrap items-center justify-start gap-2 lg:justify-end", children: a }) : null
       ] }) : null
     ] }) }),
-    s ? /* @__PURE__ */ jsx("div", { className: "border-t border-border bg-muted/40", children: /* @__PURE__ */ jsx("div", { className: "px-4 py-4 sm:px-6", children: s }) }) : null
+    s ? /* @__PURE__ */ jsx("div", { className: "border-t border-border bg-primary/5", children: /* @__PURE__ */ jsx("div", { className: secondaryRowPaddingClassName, children: s }) }) : null
   ] });
   return l ? /* @__PURE__ */ jsx("div", { className: fullBleedClassName, children: /* @__PURE__ */ jsx("div", { className: cn("sticky top-0 z-20", c), children: te }) }) : /* @__PURE__ */ jsx("div", { className: fullBleedClassName, children: te });
 }