basefn 1.10.0 → 1.11.0

package/src/components/Basefn__AppLayout.res.mjs

@@ -1,8 +1,9 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as Signal$Xote from "xote/src/Signal.res.mjs";
 import * as Core__Option from "@rescript/core/src/Core__Option.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
+import * as Computed$Xote from "xote/src/Computed.res.mjs";
 
 import './Basefn__AppLayout.css'
 ;
@@ -20,7 +21,7 @@ function Basefn__AppLayout(props) {
   let noPadding = __noPadding !== undefined ? __noPadding : false;
   let sidebarCollapsed = __sidebarCollapsed !== undefined ? __sidebarCollapsed : false;
   let topbarPosition = __topbarPosition !== undefined ? __topbarPosition : "Inline";
-  let sidebarOpen = Xote.Signal.make(false, undefined, undefined);
+  let sidebarOpen = Signal$Xote.make(false, undefined, undefined);
   let getLayoutClass = () => {
     let hasSidebar = Core__Option.isSome(sidebar) ? " basefn-app-layout--has-sidebar" : "";
     let sidebarSizeClass;
@@ -56,8 +57,8 @@ function Basefn__AppLayout(props) {
           topbarSizeClass = "";
       }
     }
-    Xote.Computed.make(() => {
-      if (Xote.Signal.get(sidebarOpen)) {
+    Computed$Xote.make(() => {
+      if (Signal$Xote.get(sidebarOpen)) {
         return " basefn-app-layout--sidebar-open";
       } else {
         return "";
@@ -72,47 +73,47 @@ function Basefn__AppLayout(props) {
     return "basefn-app-layout__content-inner" + widthClass + paddingClass;
   };
   let tmp;
-  tmp = topbarPosition === "Inline" || topbar === undefined ? Xote__JSX.jsx(Xote__JSX.jsxFragment, {}) : Xote__JSX.Elements.jsx("div", {
+  tmp = topbarPosition === "Inline" || topbar === undefined ? XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}) : XoteJSX$Xote.Elements.jsx("div", {
       class: "basefn-app-layout__topbar basefn-app-layout__topbar--above",
       children: topbar
     });
   let tmp$1;
-  tmp$1 = topbarPosition === "Inline" && topbar !== undefined ? Xote__JSX.Elements.jsx("div", {
+  tmp$1 = topbarPosition === "Inline" && topbar !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
       class: "basefn-app-layout__topbar",
       children: topbar
-    }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {});
-  return Xote__JSX.Elements.jsxs("div", {
-    class: Xote.Computed.make(() => getLayoutClass() + Xote.Signal.get(Xote.Computed.make(() => {
-      if (Xote.Signal.get(sidebarOpen)) {
+    }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {});
+  return XoteJSX$Xote.Elements.jsxs("div", {
+    class: Computed$Xote.make(() => getLayoutClass() + Signal$Xote.get(Computed$Xote.make(() => {
+      if (Signal$Xote.get(sidebarOpen)) {
         return " basefn-app-layout--sidebar-open";
       } else {
         return "";
       }
     }, undefined)), undefined),
-    children: Xote__JSX.array([
+    children: XoteJSX$Xote.array([
       tmp,
-      Xote__JSX.Elements.jsxs("div", {
+      XoteJSX$Xote.Elements.jsxs("div", {
         class: "basefn-app-layout__body",
-        children: Xote__JSX.array([
-          sidebar !== undefined ? Xote__JSX.jsxs(Xote__JSX.jsxFragment, {
-              children: Xote__JSX.array([
-                Xote__JSX.Elements.jsx("div", {
+        children: XoteJSX$Xote.array([
+          sidebar !== undefined ? XoteJSX$Xote.jsxs(XoteJSX$Xote.jsxFragment, {
+              children: XoteJSX$Xote.array([
+                XoteJSX$Xote.Elements.jsx("div", {
                   class: "basefn-app-layout__sidebar",
                   children: sidebar
                 }),
-                Xote__JSX.Elements.jsx("div", {
+                XoteJSX$Xote.Elements.jsx("div", {
                   class: "basefn-app-layout__sidebar-backdrop",
-                  onClick: param => Xote.Signal.set(sidebarOpen, false)
+                  onClick: param => Signal$Xote.set(sidebarOpen, false)
                 })
               ])
-            }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-          Xote__JSX.Elements.jsxs("div", {
+            }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}),
+          XoteJSX$Xote.Elements.jsxs("div", {
             class: "basefn-app-layout__main-wrapper",
-            children: Xote__JSX.array([
+            children: XoteJSX$Xote.array([
               tmp$1,
-              Xote__JSX.Elements.jsx("main", {
+              XoteJSX$Xote.Elements.jsx("main", {
                 class: "basefn-app-layout__content",
-                children: Xote__JSX.Elements.jsx("div", {
+                children: XoteJSX$Xote.Elements.jsx("div", {
                   class: getContentClass(),
                   children: props.children
                 })

package/src/components/Basefn__AspectRatio.res

@@ -6,7 +6,7 @@ open Xote
 let make = (
   ~ratio: float=1.0,
   ~className: option<string>=?,
-  ~children: Component.node,
+  ~children: Node.node,
 ) => {
   let getClassName = () => {
     let baseClass = "basefn-aspect-ratio"

package/src/components/Basefn__AspectRatio.res.mjs

@@ -1,6 +1,6 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 
 import './Basefn__AspectRatio.css'
 ;
@@ -18,7 +18,7 @@ function Basefn__AspectRatio(props) {
     }
   };
   let getStyle = () => "aspect-ratio: " + ratio.toString() + ";";
-  return Xote__JSX.Elements.jsx("div", {
+  return XoteJSX$Xote.Elements.jsx("div", {
     class: getClassName(),
     style: getStyle(),
     children: props.children

package/src/components/Basefn__Avatar.res.mjs

@@ -1,6 +1,6 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 import * as Primitive_option from "@rescript/runtime/lib/es6/Primitive_option.js";
 
 import './Basefn__Avatar.css'
@@ -22,9 +22,9 @@ function Basefn__Avatar(props) {
   let size = __size !== undefined ? __size : "Md";
   let sizeClass = "basefn-avatar--" + sizeToString(size);
   let $$class = "basefn-avatar " + sizeClass;
-  return Xote__JSX.Elements.jsx("div", {
+  return XoteJSX$Xote.Elements.jsx("div", {
     class: $$class,
-    children: Xote__JSX.Elements.jsx("img", {
+    children: XoteJSX$Xote.Elements.jsx("img", {
       src: Primitive_option.some(props.src),
       alt: Primitive_option.some(props.name)
     })

package/src/components/Basefn__Badge.res

@@ -39,5 +39,5 @@ let make = (
     "basefn-badge " ++ variantClass ++ " " ++ sizeClass ++ dotClass
   }
 
-  <span class={getClassName()}> {Component.SignalText(label)} </span>
+  <span class={getClassName()}> {Node.SignalText(label)} </span>
 }

package/src/components/Basefn__Badge.res.mjs

@@ -1,6 +1,6 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 
 import './Basefn__Badge.css'
 ;
@@ -46,7 +46,7 @@ function Basefn__Badge(props) {
     let dotClass = dot ? " basefn-badge--dot" : "";
     return "basefn-badge " + variantClass + " " + sizeClass + dotClass;
   };
-  return Xote__JSX.Elements.jsx("span", {
+  return XoteJSX$Xote.Elements.jsx("span", {
     class: getClassName(),
     children: {
       TAG: "SignalText",

package/src/components/Basefn__Breadcrumb.res

@@ -20,7 +20,7 @@ let make = (~items: array<breadcrumbItem>, ~separator: string="/") => {
         {switch (item.href, item.onClick) {
         | (Some(href), _) =>
           <a href={href} class={"basefn-breadcrumb__link " ++ className}>
-            {Component.text(item.label)}
+            {Node.text(item.label)}
           </a>
         | (None, Some(onClick)) =>
           <button
@@ -28,18 +28,18 @@ let make = (~items: array<breadcrumbItem>, ~separator: string="/") => {
             onClick={_ => onClick()}
             style="background: none; border: none; padding: 0; font: inherit;"
           >
-            {Component.text(item.label)}
+            {Node.text(item.label)}
           </button>
         | (None, None) =>
           <span class={"basefn-breadcrumb__link " ++ className}>
-            {Component.text(item.label)}
+            {Node.text(item.label)}
           </span>
         }}
         {!isLast
-          ? <span class="basefn-breadcrumb__separator"> {Component.text(separator)} </span>
+          ? <span class="basefn-breadcrumb__separator"> {Node.text(separator)} </span>
           : <> </>}
       </div>
     })
-    ->Component.fragment}
+    ->Node.fragment}
   </nav>
 }

package/src/components/Basefn__Breadcrumb.res.mjs

@@ -1,7 +1,7 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as Node$Xote from "xote/src/Node.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 
 import './Basefn__Breadcrumb.css'
 ;
@@ -10,34 +10,34 @@ function Basefn__Breadcrumb(props) {
   let __separator = props.separator;
   let items = props.items;
   let separator = __separator !== undefined ? __separator : "/";
-  return Xote__JSX.Elements.jsx("nav", {
+  return XoteJSX$Xote.Elements.jsx("nav", {
     class: "basefn-breadcrumb",
-    children: Xote.Component.fragment(items.map((item, index) => {
+    children: Node$Xote.fragment(items.map((item, index) => {
       let isLast = index === (items.length - 1 | 0);
       let className = isLast ? "basefn-breadcrumb__link--active" : "";
       let match = item.href;
       let match$1 = item.onClick;
-      return Xote__JSX.Elements.jsxsKeyed("div", {
+      return XoteJSX$Xote.Elements.jsxsKeyed("div", {
         class: "basefn-breadcrumb__item",
-        children: Xote__JSX.array([
-          match !== undefined ? Xote__JSX.Elements.jsx("a", {
+        children: XoteJSX$Xote.array([
+          match !== undefined ? XoteJSX$Xote.Elements.jsx("a", {
               class: "basefn-breadcrumb__link " + className,
               href: match,
-              children: Xote.Component.text(item.label)
+              children: Node$Xote.text(item.label)
             }) : (
-              match$1 !== undefined ? Xote__JSX.Elements.jsx("button", {
+              match$1 !== undefined ? XoteJSX$Xote.Elements.jsx("button", {
                   class: "basefn-breadcrumb__link " + className,
                   style: "background: none; border: none; padding: 0; font: inherit;",
                   onClick: param => match$1(),
-                  children: Xote.Component.text(item.label)
-                }) : Xote__JSX.Elements.jsx("span", {
+                  children: Node$Xote.text(item.label)
+                }) : XoteJSX$Xote.Elements.jsx("span", {
                   class: "basefn-breadcrumb__link " + className,
-                  children: Xote.Component.text(item.label)
+                  children: Node$Xote.text(item.label)
                 })
             ),
-          isLast ? Xote__JSX.jsx(Xote__JSX.jsxFragment, {}) : Xote__JSX.Elements.jsx("span", {
+          isLast ? XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}) : XoteJSX$Xote.Elements.jsx("span", {
               class: "basefn-breadcrumb__separator",
-              children: Xote.Component.text(separator)
+              children: Node$Xote.text(separator)
             })
         ])
       }, index.toString(), undefined);

package/src/components/Basefn__Button.res

@@ -14,7 +14,7 @@ let variantToString = (variant: variant) => {
 
 @jsx.component
 let make = (
-  ~children=Xote__JSX.null(),
+  ~children=XoteJSX.null(),
   ~class=ReactiveProp.static(""),
   ~disabled=ReactiveProp.static(false),
   ~label=ReactiveProp.static(""),

package/src/components/Basefn__Button.res.mjs

@@ -1,8 +1,9 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
 import * as Basefn__Dom from "../Basefn__Dom.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
+import * as Computed$Xote from "xote/src/Computed.res.mjs";
+import * as ReactiveProp$Xote from "xote/src/ReactiveProp.res.mjs";
 
 import './Basefn__Button.css'
 ;
@@ -25,19 +26,19 @@ function Basefn__Button(props) {
   let __disabled = props.disabled;
   let __class = props.class;
   let __children = props.children;
-  let children = __children !== undefined ? __children : Xote__JSX.$$null();
-  let $$class = __class !== undefined ? __class : Xote.ReactiveProp.$$static("");
-  let disabled = __disabled !== undefined ? __disabled : Xote.ReactiveProp.$$static(false);
+  let children = __children !== undefined ? __children : XoteJSX$Xote.$$null();
+  let $$class = __class !== undefined ? __class : ReactiveProp$Xote.$$static("");
+  let disabled = __disabled !== undefined ? __disabled : ReactiveProp$Xote.$$static(false);
   if (__label === undefined) {
-    Xote.ReactiveProp.$$static("");
+    ReactiveProp$Xote.$$static("");
   }
   let onClick = __onClick !== undefined ? __onClick : Basefn__Dom.preventDefault;
   let variant = __variant !== undefined ? __variant : "Primary";
-  let $$class$1 = Xote.Computed.make(() => {
+  let $$class$1 = Computed$Xote.make(() => {
     let variantClass = "basefn-button--" + variantToString(variant);
-    return "basefn-button " + variantClass + " " + Xote.ReactiveProp.get($$class);
+    return "basefn-button " + variantClass + " " + ReactiveProp$Xote.get($$class);
   }, undefined);
-  return Xote__JSX.Elements.jsx("button", {
+  return XoteJSX$Xote.Elements.jsx("button", {
     class: $$class$1,
     disabled: disabled,
     onClick: onClick,

package/src/components/Basefn__ButtonGroup.res

@@ -15,7 +15,7 @@ let orientationToString = (orientation: orientation) => {
 let make = (
   ~orientation: orientation=Horizontal,
   ~className: option<string>=?,
-  ~children: Component.node,
+  ~children: Node.node,
 ) => {
   let getClassName = () => {
     let baseClass = "basefn-button-group"

package/src/components/Basefn__ButtonGroup.res.mjs

@@ -1,6 +1,6 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 
 import './Basefn__ButtonGroup.css'
 ;
@@ -22,7 +22,7 @@ function Basefn__ButtonGroup(props) {
     let customClass = className !== undefined ? " " + className : "";
     return "basefn-button-group" + orientationClass + customClass;
   };
-  return Xote__JSX.Elements.jsx("div", {
+  return XoteJSX$Xote.Elements.jsx("div", {
     class: getClassName(),
     role: "group",
     children: props.children

package/src/components/Basefn__Card.res

@@ -14,7 +14,7 @@ let variantToString = (variant: variant) => {
 
 @jsx.component
 let make = (
-  ~children: Xote__JSX.element,
+  ~children: XoteJSX.element,
   ~variant: variant=Default,
   ~header: option<string>=?,
   ~footer: option<string>=?,
@@ -33,12 +33,12 @@ let make = (
 
   <div class={getClassName()} style>
     {switch header {
-    | Some(text) => <div class="basefn-card__header"> {Component.text(text)} </div>
+    | Some(text) => <div class="basefn-card__header"> {Node.text(text)} </div>
     | None => <empty />
     }}
     <div class="basefn-card__body"> {children} </div>
     {switch footer {
-    | Some(text) => <div class="basefn-card__footer"> {Component.text(text)} </div>
+    | Some(text) => <div class="basefn-card__footer"> {Node.text(text)} </div>
     | None => <empty />
     }}
   </div>

package/src/components/Basefn__Card.res.mjs

@@ -1,7 +1,7 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as Node$Xote from "xote/src/Node.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 
 import './Basefn__Card.css'
 ;
@@ -31,22 +31,22 @@ function Basefn__Card(props) {
     let customClass = className !== "" ? " " + className : "";
     return "basefn-card " + variantClass + customClass;
   };
-  return Xote__JSX.Elements.jsxs("div", {
+  return XoteJSX$Xote.Elements.jsxs("div", {
     class: getClassName(),
     style: style,
-    children: Xote__JSX.array([
-      header !== undefined ? Xote__JSX.Elements.jsx("div", {
+    children: XoteJSX$Xote.array([
+      header !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
           class: "basefn-card__header",
-          children: Xote.Component.text(header)
-        }) : Xote__JSX.Elements.jsx("empty", {}),
-      Xote__JSX.Elements.jsx("div", {
+          children: Node$Xote.text(header)
+        }) : XoteJSX$Xote.Elements.jsx("empty", {}),
+      XoteJSX$Xote.Elements.jsx("div", {
         class: "basefn-card__body",
         children: props.children
       }),
-      footer !== undefined ? Xote__JSX.Elements.jsx("div", {
+      footer !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
           class: "basefn-card__footer",
-          children: Xote.Component.text(footer)
-        }) : Xote__JSX.Elements.jsx("empty", {})
+          children: Node$Xote.text(footer)
+        }) : XoteJSX$Xote.Elements.jsx("empty", {})
     ])
   });
 }

package/src/components/Basefn__Checkbox.res

@@ -20,6 +20,6 @@ let make = (
 
   <label class={getWrapperClassName()}>
     <input type_="checkbox" class="basefn-checkbox-input" checked={checked} disabled ?onChange />
-    <span class="basefn-checkbox-label"> {Component.text(label)} </span>
+    <span class="basefn-checkbox-label"> {Node.text(label)} </span>
   </label>
 }

package/src/components/Basefn__Checkbox.res.mjs

@@ -1,7 +1,7 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as Node$Xote from "xote/src/Node.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 
 import './Basefn__Checkbox.css'
 ;
@@ -10,19 +10,19 @@ function Basefn__Checkbox(props) {
   let __disabled = props.disabled;
   let disabled = __disabled !== undefined ? __disabled : false;
   let base = "basefn-checkbox-wrapper";
-  return Xote__JSX.Elements.jsxs("label", {
+  return XoteJSX$Xote.Elements.jsxs("label", {
     class: disabled ? base + " basefn-checkbox-wrapper--disabled" : base,
-    children: Xote__JSX.array([
-      Xote__JSX.Elements.jsx("input", {
+    children: XoteJSX$Xote.array([
+      XoteJSX$Xote.Elements.jsx("input", {
         class: "basefn-checkbox-input",
         type: "checkbox",
         disabled: disabled,
         checked: props.checked,
         onChange: props.onChange
       }),
-      Xote__JSX.Elements.jsx("span", {
+      XoteJSX$Xote.Elements.jsx("span", {
         class: "basefn-checkbox-label",
-        children: Xote.Component.text(props.label)
+        children: Node$Xote.text(props.label)
       })
     ])
   });

package/src/components/Basefn__ContextMenu.res

@@ -15,7 +15,7 @@ type menuContent =
 
 @jsx.component
 let make = (
-  ~trigger: Component.node,
+  ~trigger: Node.node,
   ~items: array<menuContent>,
   ~className: option<string>=?,
 ) => {
@@ -77,13 +77,13 @@ let make = (
                   onClick={_ => handleItemClick(onClick, disabled)}
                   disabled={disabled}
                 >
-                  {Component.text(label)}
+                  {Node.text(label)}
                 </button>
               }
             | Separator => <div key={Int.toString(index)} class="basefn-context-menu__separator" />
             }
           })
-          ->Component.fragment}
+          ->Node.fragment}
         </div>,
       ]
     } else {
@@ -93,6 +93,6 @@ let make = (
 
   <div class={getWrapperClass()} onContextMenu={handleContextMenu}>
     {trigger}
-    {Component.signalFragment(menuContent)}
+    {Node.signalFragment(menuContent)}
   </div>
 }

package/src/components/Basefn__ContextMenu.res.mjs

@@ -1,8 +1,10 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote from "xote/src/Xote.res.mjs";
-import * as Xote__JSX from "xote/src/Xote__JSX.res.mjs";
+import * as Node$Xote from "xote/src/Node.res.mjs";
+import * as Signal$Xote from "xote/src/Signal.res.mjs";
 import * as Core__Option from "@rescript/core/src/Core__Option.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
+import * as Computed$Xote from "xote/src/Computed.res.mjs";
 
 import './Basefn__ContextMenu.css'
 ;
@@ -10,8 +12,8 @@ import './Basefn__ContextMenu.css'
 function Basefn__ContextMenu(props) {
   let className = props.className;
   let items = props.items;
-  let isOpen = Xote.Signal.make(false, undefined, undefined);
-  let position = Xote.Signal.make([
+  let isOpen = Signal$Xote.make(false, undefined, undefined);
+  let position = Signal$Xote.make([
     0,
     0
   ], undefined, undefined);
@@ -19,33 +21,33 @@ function Basefn__ContextMenu(props) {
     evt.preventDefault();
     let x = evt.clientX;
     let y = evt.clientY;
-    Xote.Signal.set(position, [
+    Signal$Xote.set(position, [
       x,
       y
     ]);
-    Xote.Signal.set(isOpen, true);
+    Signal$Xote.set(isOpen, true);
   };
   let getWrapperClass = () => {
     let customClass = className !== undefined ? " " + className : "";
     return "basefn-context-menu" + customClass;
   };
-  let menuContent = Xote.Computed.make(() => {
-    if (!Xote.Signal.get(isOpen)) {
+  let menuContent = Computed$Xote.make(() => {
+    if (!Signal$Xote.get(isOpen)) {
       return [];
     }
-    let match = Xote.Signal.get(position);
+    let match = Signal$Xote.get(position);
     let styleStr = "left: " + match[0].toString() + "px; top: " + match[1].toString() + "px;";
     return [
-      Xote__JSX.Elements.jsx("div", {
+      XoteJSX$Xote.Elements.jsx("div", {
         class: "basefn-context-menu__backdrop",
-        onClick: param => Xote.Signal.set(isOpen, false)
+        onClick: param => Signal$Xote.set(isOpen, false)
       }),
-      Xote__JSX.Elements.jsx("div", {
+      XoteJSX$Xote.Elements.jsx("div", {
         class: "basefn-context-menu__menu",
         style: styleStr,
-        children: Xote.Component.fragment(items.map((item, index) => {
+        children: Node$Xote.fragment(items.map((item, index) => {
           if (typeof item !== "object") {
-            return Xote__JSX.Elements.jsxKeyed("div", {
+            return XoteJSX$Xote.Elements.jsxKeyed("div", {
               class: "basefn-context-menu__separator"
             }, index.toString(), undefined);
           }
@@ -58,7 +60,7 @@ function Basefn__ContextMenu(props) {
           ) + (
             danger ? " basefn-context-menu__item--danger" : ""
           );
-          return Xote__JSX.Elements.jsxKeyed("button", {
+          return XoteJSX$Xote.Elements.jsxKeyed("button", {
             class: itemClass,
             disabled: disabled,
             onClick: param => {
@@ -66,21 +68,21 @@ function Basefn__ContextMenu(props) {
                 return;
               } else {
                 onClick();
-                return Xote.Signal.set(isOpen, false);
+                return Signal$Xote.set(isOpen, false);
               }
             },
-            children: Xote.Component.text(match.label)
+            children: Node$Xote.text(match.label)
           }, index.toString(), undefined);
         }))
       })
     ];
   }, undefined);
-  return Xote__JSX.Elements.jsxs("div", {
+  return XoteJSX$Xote.Elements.jsxs("div", {
     class: getWrapperClass(),
     onContextMenu: handleContextMenu,
-    children: Xote__JSX.array([
+    children: XoteJSX$Xote.array([
       props.trigger,
-      Xote.Component.signalFragment(menuContent)
+      Node$Xote.signalFragment(menuContent)
     ])
   });
 }

package/src/components/Basefn__Drawer.res

@@ -32,8 +32,8 @@ let make = (
   ~title: option<string>=?,
   ~showCloseButton: bool=true,
   ~closeOnBackdrop: bool=true,
-  ~children: Component.node,
-  ~footer: option<Component.node>=?,
+  ~children: Node.node,
+  ~footer: option<Node.node>=?,
 ) => {
   let handleBackdropClick = evt => {
     if closeOnBackdrop {
@@ -60,10 +60,10 @@ let make = (
             {switch title {
             | Some(titleText) =>
               <div class="basefn-drawer__header">
-                <h2 class="basefn-drawer__title"> {Component.text(titleText)} </h2>
+                <h2 class="basefn-drawer__title"> {Node.text(titleText)} </h2>
                 {showCloseButton
                   ? <button class="basefn-drawer__close" onClick={_ => onClose()}>
-                      {Component.text("\u00d7")}
+                      {Node.text("\u00d7")}
                     </button>
                   : <> </>}
               </div>
@@ -82,5 +82,5 @@ let make = (
     }
   })
 
-  Component.signalFragment(content)
+  Node.signalFragment(content)
 }