@dxos/react-ui 0.4.5-main.e7f0200 → 0.4.5-main.ec866f5

package/dist/lib/browser/index.mjs

@@ -411,12 +411,14 @@ import React6, { forwardRef as forwardRef5 } from "react";
 import { Primitive as Primitive3 } from "@radix-ui/react-primitive";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import React5, { forwardRef as forwardRef4 } from "react";
-var Link = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...props }, forwardedRef) => {
+var Link = /* @__PURE__ */ forwardRef4(({ asChild, variant, classNames, ...props }, forwardedRef) => {
   const { tx } = useThemeContext();
   const Root3 = asChild ? Slot3 : Primitive3.a;
   return /* @__PURE__ */ React5.createElement(Root3, {
     ...props,
-    className: tx("link.root", "link", {}, classNames),
+    className: tx("link.root", "link", {
+      variant
+    }, classNames),
     ref: forwardedRef
   });
 });
@@ -1440,11 +1442,9 @@ var MainSidebar = /* @__PURE__ */ forwardRef16(({ classNames, children, swipeToD
       onOpenAutoFocus: onOpenAutoFocus ?? handleOpenAutoFocus
     },
     ...props,
-    className: tx("main.sidebar", "main__sidebar", {
-      isLg,
-      [side === "inline-end" ? "inlineEndSidebarOpen" : "inlineStartSidebarOpen"]: open,
-      side
-    }, classNames),
+    "data-side": side === "inline-end" ? "ie" : "is",
+    "data-state": open ? "open" : "closed",
+    className: tx("main.sidebar", "main__sidebar", {}, classNames),
     ...!open && {
       inert: "true"
     },
@@ -1476,18 +1476,14 @@ var MainComplementarySidebar = /* @__PURE__ */ forwardRef16((props, forwardedRef
 });
 MainNavigationSidebar.displayName = NAVIGATION_SIDEBAR_NAME;
 var MainContent = /* @__PURE__ */ forwardRef16(({ asChild, classNames, bounce, children, ...props }, forwardedRef) => {
-  const [isLg] = useMediaQuery("lg", {
-    ssr: false
-  });
   const { navigationSidebarOpen, complementarySidebarOpen } = useMainContext(MAIN_NAME);
   const { tx } = useThemeContext();
   const Root3 = asChild ? Slot9 : "main";
   return /* @__PURE__ */ React19.createElement(Root3, {
     ...props,
+    "data-sidebar-inline-start-state": navigationSidebarOpen ? "open" : "closed",
+    "data-sidebar-inline-end-state": complementarySidebarOpen ? "open" : "closed",
     className: tx("main.content", "main", {
-      isLg,
-      inlineStartSidebarOpen: navigationSidebarOpen,
-      inlineEndSidebarOpen: complementarySidebarOpen,
       bounce
     }, classNames),
     ref: forwardedRef
@@ -1511,9 +1507,18 @@ var MainOverlay = /* @__PURE__ */ forwardRef16(({ classNames, ...props }, forwar
       inlineStartSidebarOpen: navigationSidebarOpen,
       inlineEndSidebarOpen: complementarySidebarOpen
     }, classNames),
-    "data-open": navigationSidebarOpen,
+    "data-state": navigationSidebarOpen || complementarySidebarOpen ? "open" : "closed",
     "aria-hidden": "true",
-    "data-aria-hidden": "true",
+    ref: forwardedRef
+  });
+});
+var MainNotch = /* @__PURE__ */ forwardRef16(({ classNames, ...props }, forwardedRef) => {
+  const { tx } = useThemeContext();
+  const { navigationSidebarOpen } = useMainContext(MAIN_NAME);
+  return /* @__PURE__ */ React19.createElement("nav", {
+    ...props,
+    "data-nav-sidebar-state": navigationSidebarOpen ? "open" : "closed",
+    className: tx("main.notch", "main__notch", {}, classNames),
     ref: forwardedRef
   });
 });
@@ -1522,7 +1527,8 @@ var Main = {
   Content: MainContent,
   Overlay: MainOverlay,
   NavigationSidebar: MainNavigationSidebar,
-  ComplementarySidebar: MainComplementarySidebar
+  ComplementarySidebar: MainComplementarySidebar,
+  Notch: MainNotch
 };
 
 // packages/ui/react-ui/src/components/Message/Message.tsx