randmarcomps 1.623.0 → 1.624.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} flex-1 overflow-x-clip bg-muted`, "data-rm-main-content-region": "true", children: e }),
     /* @__PURE__ */ jsx(Toaster, {})
   ] })
 ] }) }) }));