basefn 1.10.0 → 1.11.0

package/src/components/Basefn__Drawer.res.mjs

@@ -1,7 +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 Node$Xote from "xote/src/Node.res.mjs";
+import * as Signal$Xote from "xote/src/Signal.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
+import * as Computed$Xote from "xote/src/Computed.res.mjs";
 
 import './Basefn__Drawer.css'
 ;
@@ -59,39 +61,39 @@ function Basefn__Drawer(props) {
     let sizeClass = "basefn-drawer--" + sizeToString(size);
     return "basefn-drawer " + positionClass + " " + sizeClass;
   };
-  return Xote.Component.signalFragment(Xote.Computed.make(() => {
-    if (Xote.Signal.get(isOpen)) {
-      return [Xote__JSX.jsxs(Xote__JSX.jsxFragment, {
-          children: Xote__JSX.array([
-            Xote__JSX.Elements.jsx("div", {
+  return Node$Xote.signalFragment(Computed$Xote.make(() => {
+    if (Signal$Xote.get(isOpen)) {
+      return [XoteJSX$Xote.jsxs(XoteJSX$Xote.jsxFragment, {
+          children: XoteJSX$Xote.array([
+            XoteJSX$Xote.Elements.jsx("div", {
               class: "basefn-drawer-backdrop",
               onClick: handleBackdropClick
             }),
-            Xote__JSX.Elements.jsxs("div", {
+            XoteJSX$Xote.Elements.jsxs("div", {
               class: getDrawerClass(),
-              children: Xote__JSX.array([
-                title !== undefined ? Xote__JSX.Elements.jsxs("div", {
+              children: XoteJSX$Xote.array([
+                title !== undefined ? XoteJSX$Xote.Elements.jsxs("div", {
                     class: "basefn-drawer__header",
-                    children: Xote__JSX.array([
-                      Xote__JSX.Elements.jsx("h2", {
+                    children: XoteJSX$Xote.array([
+                      XoteJSX$Xote.Elements.jsx("h2", {
                         class: "basefn-drawer__title",
-                        children: Xote.Component.text(title)
+                        children: Node$Xote.text(title)
                       }),
-                      showCloseButton ? Xote__JSX.Elements.jsx("button", {
+                      showCloseButton ? XoteJSX$Xote.Elements.jsx("button", {
                           class: "basefn-drawer__close",
                           onClick: param => onClose(),
-                          children: Xote.Component.text("\u00d7")
-                        }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+                          children: Node$Xote.text("\u00d7")
+                        }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
                     ])
-                  }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-                Xote__JSX.Elements.jsx("div", {
+                  }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}),
+                XoteJSX$Xote.Elements.jsx("div", {
                   class: "basefn-drawer__body",
                   children: children
                 }),
-                footer !== undefined ? Xote__JSX.Elements.jsx("div", {
+                footer !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
                     class: "basefn-drawer__footer",
                     children: footer
-                  }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+                  }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
               ])
             })
           ])

package/src/components/Basefn__Dropdown.res

@@ -15,7 +15,7 @@ type menuContent =
 
 @jsx.component
 let make = (
-  ~trigger: Component.node,
+  ~trigger: Node.node,
   ~items: array<menuContent>,
   ~align: [#left | #right]=#left,
 ) => {
@@ -71,13 +71,13 @@ let make = (
                   onClick={_ => handleItemClick(onClick, disabled)}
                   disabled={disabled}
                 >
-                  {Component.text(label)}
+                  {Node.text(label)}
                 </button>
               }
             | Separator => <div key={Int.toString(index)} class="basefn-dropdown__separator" />
             }
           })
-          ->Component.fragment}
+          ->Node.fragment}
         </div>,
       ]
     } else {
@@ -87,6 +87,6 @@ let make = (
 
   <div class="basefn-dropdown">
     <div onClick={handleToggle}> {trigger} </div>
-    {Component.signalFragment(menuContent)}
+    {Node.signalFragment(menuContent)}
   </div>
 }

package/src/components/Basefn__Dropdown.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__Dropdown.css'
 ;
@@ -11,25 +13,25 @@ function Basefn__Dropdown(props) {
   let __align = props.align;
   let items = props.items;
   let align = __align !== undefined ? __align : "left";
-  let isOpen = Xote.Signal.make(false, undefined, undefined);
-  let handleToggle = param => Xote.Signal.update(isOpen, prev => !prev);
+  let isOpen = Signal$Xote.make(false, undefined, undefined);
+  let handleToggle = param => Signal$Xote.update(isOpen, prev => !prev);
   let getMenuClass = () => {
     let alignClass = align === "right" ? " basefn-dropdown__menu--right" : "";
     return "basefn-dropdown__menu" + alignClass;
   };
-  let handleBackdropClick = param => Xote.Signal.set(isOpen, false);
-  let menuContent = Xote.Computed.make(() => {
-    if (Xote.Signal.get(isOpen)) {
+  let handleBackdropClick = param => Signal$Xote.set(isOpen, false);
+  let menuContent = Computed$Xote.make(() => {
+    if (Signal$Xote.get(isOpen)) {
       return [
-        Xote__JSX.Elements.jsx("div", {
+        XoteJSX$Xote.Elements.jsx("div", {
           class: "basefn-dropdown__backdrop",
           onClick: handleBackdropClick
         }),
-        Xote__JSX.Elements.jsx("div", {
+        XoteJSX$Xote.Elements.jsx("div", {
           class: getMenuClass(),
-          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-dropdown__separator"
               }, index.toString(), undefined);
             }
@@ -42,7 +44,7 @@ function Basefn__Dropdown(props) {
             ) + (
               danger ? " basefn-dropdown__item--danger" : ""
             );
-            return Xote__JSX.Elements.jsxKeyed("button", {
+            return XoteJSX$Xote.Elements.jsxKeyed("button", {
               class: className,
               disabled: disabled,
               onClick: param => {
@@ -50,10 +52,10 @@ function Basefn__Dropdown(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);
           }))
         })
@@ -62,14 +64,14 @@ function Basefn__Dropdown(props) {
       return [];
     }
   }, undefined);
-  return Xote__JSX.Elements.jsxs("div", {
+  return XoteJSX$Xote.Elements.jsxs("div", {
     class: "basefn-dropdown",
-    children: Xote__JSX.array([
-      Xote__JSX.Elements.jsx("div", {
+    children: XoteJSX$Xote.array([
+      XoteJSX$Xote.Elements.jsx("div", {
         onClick: handleToggle,
         children: props.trigger
       }),
-      Xote.Component.signalFragment(menuContent)
+      Node$Xote.signalFragment(menuContent)
     ])
   });
 }

package/src/components/Basefn__Grid.res.mjs

@@ -1,7 +1,8 @@
 // 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 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__Grid.css"
 ;
@@ -131,10 +132,10 @@ function Basefn__Grid(props) {
       TAG: "Count",
       _0: 1
     });
-  let $$class = __class !== undefined ? __class : Xote.ReactiveProp.$$static("");
-  let style = __style !== undefined ? __style : Xote.ReactiveProp.$$static("");
-  let className = Xote.Computed.make(() => "basefn-grid " + Xote.ReactiveProp.get($$class), undefined);
-  let gridStyle = Xote.Computed.make(() => {
+  let $$class = __class !== undefined ? __class : ReactiveProp$Xote.$$static("");
+  let style = __style !== undefined ? __style : ReactiveProp$Xote.$$static("");
+  let className = Computed$Xote.make(() => "basefn-grid " + ReactiveProp$Xote.get($$class), undefined);
+  let gridStyle = Computed$Xote.make(() => {
     let styles = [];
     styles.push("grid-template-columns: " + columnsToString(columns));
     if (rows !== undefined) {
@@ -171,13 +172,13 @@ function Basefn__Grid(props) {
     if (alignContent !== undefined) {
       styles.push("align-content: " + alignContentToString(alignContent));
     }
-    let customStyle = Xote.ReactiveProp.get(style);
+    let customStyle = ReactiveProp$Xote.get(style);
     if (customStyle !== "") {
       styles.push(customStyle);
     }
     return styles.join("; ");
   }, undefined);
-  return Xote__JSX.Elements.jsx("div", {
+  return XoteJSX$Xote.Elements.jsx("div", {
     class: className,
     style: gridStyle,
     children: props.children
@@ -211,10 +212,10 @@ function Basefn__Grid$Item(props) {
   let justifySelf = props.justifySelf;
   let row = props.row;
   let column = props.column;
-  let $$class = __class !== undefined ? __class : Xote.ReactiveProp.$$static("");
-  let style = __style !== undefined ? __style : Xote.ReactiveProp.$$static("");
-  let className = Xote.Computed.make(() => "basefn-grid-item " + Xote.ReactiveProp.get($$class), undefined);
-  let itemStyle = Xote.Computed.make(() => {
+  let $$class = __class !== undefined ? __class : ReactiveProp$Xote.$$static("");
+  let style = __style !== undefined ? __style : ReactiveProp$Xote.$$static("");
+  let className = Computed$Xote.make(() => "basefn-grid-item " + ReactiveProp$Xote.get($$class), undefined);
+  let itemStyle = Computed$Xote.make(() => {
     let styles = [];
     if (column !== undefined) {
       styles.push("grid-column: " + columnSpanToString(column));
@@ -228,13 +229,13 @@ function Basefn__Grid$Item(props) {
     if (alignSelf !== undefined) {
       styles.push("align-self: " + alignItemsToString(alignSelf));
     }
-    let customStyle = Xote.ReactiveProp.get(style);
+    let customStyle = ReactiveProp$Xote.get(style);
     if (customStyle !== "") {
       styles.push(customStyle);
     }
     return styles.join("; ");
   }, undefined);
-  return Xote__JSX.Elements.jsx("div", {
+  return XoteJSX$Xote.Elements.jsx("div", {
     class: className,
     style: itemStyle,
     children: props.children

package/src/components/Basefn__HoverCard.res

@@ -25,8 +25,8 @@ let alignToString = (align: align) => {
 
 @jsx.component
 let make = (
-  ~trigger: Component.node,
-  ~content: Component.node,
+  ~trigger: Node.node,
+  ~content: Node.node,
   ~position: position=Bottom,
   ~align: align=Center,
   ~openDelay: int=200,
@@ -94,6 +94,6 @@ let make = (
     <div class="basefn-hover-card__trigger">
       {trigger}
     </div>
-    {Component.signalFragment(hoverCardContent)}
+    {Node.signalFragment(hoverCardContent)}
   </div>
 }

package/src/components/Basefn__HoverCard.res.mjs

@@ -1,7 +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 Node$Xote from "xote/src/Node.res.mjs";
+import * as Signal$Xote from "xote/src/Signal.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
+import * as Computed$Xote from "xote/src/Computed.res.mjs";
 import * as Primitive_option from "@rescript/runtime/lib/es6/Primitive_option.js";
 
 import './Basefn__HoverCard.css'
@@ -42,7 +44,7 @@ function Basefn__HoverCard(props) {
   let align = __align !== undefined ? __align : "Center";
   let openDelay = __openDelay !== undefined ? __openDelay : 200;
   let closeDelay = __closeDelay !== undefined ? __closeDelay : 100;
-  let isOpen = Xote.Signal.make(false, undefined, undefined);
+  let isOpen = Signal$Xote.make(false, undefined, undefined);
   let timeoutId = {
     contents: undefined
   };
@@ -56,12 +58,12 @@ function Basefn__HoverCard(props) {
   };
   let handleMouseEnter = param => {
     clearExistingTimeout();
-    let id = setTimeout(() => Xote.Signal.set(isOpen, true), openDelay);
+    let id = setTimeout(() => Signal$Xote.set(isOpen, true), openDelay);
     timeoutId.contents = Primitive_option.some(id);
   };
   let handleMouseLeave = param => {
     clearExistingTimeout();
-    let id = setTimeout(() => Xote.Signal.set(isOpen, false), closeDelay);
+    let id = setTimeout(() => Signal$Xote.set(isOpen, false), closeDelay);
     timeoutId.contents = Primitive_option.some(id);
   };
   let getHoverCardClassName = () => {
@@ -73,9 +75,9 @@ function Basefn__HoverCard(props) {
     let alignClass = " basefn-hover-card__content--align-" + alignToString(align);
     return "basefn-hover-card__content" + positionClass + alignClass;
   };
-  let hoverCardContent = Xote.Computed.make(() => {
-    if (Xote.Signal.get(isOpen)) {
-      return [Xote__JSX.Elements.jsx("div", {
+  let hoverCardContent = Computed$Xote.make(() => {
+    if (Signal$Xote.get(isOpen)) {
+      return [XoteJSX$Xote.Elements.jsx("div", {
           class: getContentClassName(),
           onMouseEnter: handleMouseEnter,
           onMouseLeave: handleMouseLeave,
@@ -85,16 +87,16 @@ function Basefn__HoverCard(props) {
       return [];
     }
   }, undefined);
-  return Xote__JSX.Elements.jsxs("div", {
+  return XoteJSX$Xote.Elements.jsxs("div", {
     class: getHoverCardClassName(),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    children: Xote__JSX.array([
-      Xote__JSX.Elements.jsx("div", {
+    children: XoteJSX$Xote.array([
+      XoteJSX$Xote.Elements.jsx("div", {
         class: "basefn-hover-card__trigger",
         children: props.trigger
       }),
-      Xote.Component.signalFragment(hoverCardContent)
+      Node$Xote.signalFragment(hoverCardContent)
     ])
   });
 }

package/src/components/Basefn__Icon.res.mjs

@@ -1,7 +1,8 @@
 // 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 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 XJs from "lucide/dist/esm/icons/x.js";
 import SunJs from "lucide/dist/esm/icons/sun.js";
 import CopyJs from "lucide/dist/esm/icons/copy.js";
@@ -152,18 +153,18 @@ function Basefn__Icon(props) {
   let __class = props.class;
   let __size = props.size;
   let size = __size !== undefined ? __size : "Md";
-  let $$class = __class !== undefined ? __class : Xote.ReactiveProp.$$static("");
-  let color = __color !== undefined ? __color : Xote.ReactiveProp.$$static("currentColor");
+  let $$class = __class !== undefined ? __class : ReactiveProp$Xote.$$static("");
+  let color = __color !== undefined ? __color : ReactiveProp$Xote.$$static("currentColor");
   let iconData = getIconData(props.name);
   let sizeStr = sizeToPixels(size);
   let svgInner = iconToSvgInner(iconData);
-  let className = Xote.Computed.make(() => "basefn-icon " + Xote.ReactiveProp.get($$class), undefined);
-  let style = Xote.Computed.make(() => "color: " + Xote.ReactiveProp.get(color) + "; width: " + sizeStr + "px; height: " + sizeStr + "px; display: inline-flex;", undefined);
+  let className = Computed$Xote.make(() => "basefn-icon " + ReactiveProp$Xote.get($$class), undefined);
+  let style = Computed$Xote.make(() => "color: " + ReactiveProp$Xote.get(color) + "; width: " + sizeStr + "px; height: " + sizeStr + "px; display: inline-flex;", undefined);
   let svgHtml = `<svg width="` + sizeStr + `" height="` + sizeStr + `" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%;">` + svgInner + `</svg>`;
   iconIdCounter.contents = iconIdCounter.contents + 1 | 0;
   let iconId = "basefn-icon-" + iconIdCounter.contents.toString();
   injectIconHTML(iconId, svgHtml);
-  return Xote__JSX.Elements.jsx("span", {
+  return XoteJSX$Xote.Elements.jsx("span", {
     id: iconId,
     class: className,
     style: style

package/src/components/Basefn__Input.res.mjs

@@ -1,8 +1,8 @@
 // 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 XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 import * as Primitive_option from "@rescript/runtime/lib/es6/Primitive_option.js";
+import * as ReactiveProp$Xote from "xote/src/ReactiveProp.res.mjs";
 
 import './Basefn__Input.css'
 ;
@@ -37,12 +37,12 @@ function Basefn__Input(props) {
   let __type_ = props.type_;
   let type_ = __type_ !== undefined ? __type_ : "Text";
   let placeholder = __placeholder !== undefined ? __placeholder : "";
-  let disabled = __disabled !== undefined ? __disabled : Xote.ReactiveProp.$$static(false);
+  let disabled = __disabled !== undefined ? __disabled : ReactiveProp$Xote.$$static(false);
   let radius = __radius !== undefined ? __radius : "Md";
   let radiusClass;
   radiusClass = radius === "Full" ? "basefn-input--radius-full" : "";
   let $$class = "basefn-input " + radiusClass;
-  return Xote__JSX.Elements.jsx("input", {
+  return XoteJSX$Xote.Elements.jsx("input", {
     class: $$class,
     style: props.style,
     type: inputTypeToString(type_),

package/src/components/Basefn__Kbd.res

@@ -20,8 +20,8 @@ let make = (~keys: Signal.t<array<string>>, ~size: size=Md) => {
   }
 
   <kbd class={getClassName()}>
-    {Component.list(keys, key => {
-      <span class="basefn-kbd__key"> {Component.text(key)} </span>
+    {Node.list(keys, key => {
+      <span class="basefn-kbd__key"> {Node.text(key)} </span>
     })}
   </kbd>
 }

package/src/components/Basefn__Kbd.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__Kbd.css'
 ;
@@ -24,11 +24,11 @@ function Basefn__Kbd(props) {
     let sizeClass = "basefn-kbd--" + sizeToString(size);
     return "basefn-kbd " + sizeClass;
   };
-  return Xote__JSX.Elements.jsx("kbd", {
+  return XoteJSX$Xote.Elements.jsx("kbd", {
     class: getClassName(),
-    children: Xote.Component.list(props.keys, key => Xote__JSX.Elements.jsx("span", {
+    children: Node$Xote.list(props.keys, key => XoteJSX$Xote.Elements.jsx("span", {
       class: "basefn-kbd__key",
-      children: Xote.Component.text(key)
+      children: Node$Xote.text(key)
     }))
   });
 }

package/src/components/Basefn__Label.res

@@ -14,5 +14,5 @@ let make = (~text: string, ~required: bool=false) => {
   }
 
   // TODO: Add htmlFor support to Xote JSX props
-  <label class={getClassName()}> {Component.text(text)} </label>
+  <label class={getClassName()}> {Node.text(text)} </label>
 }

package/src/components/Basefn__Label.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__Label.css'
 ;
@@ -10,9 +10,9 @@ function Basefn__Label(props) {
   let __required = props.required;
   let required = __required !== undefined ? __required : false;
   let base = "basefn-label";
-  return Xote__JSX.Elements.jsx("label", {
+  return XoteJSX$Xote.Elements.jsx("label", {
     class: required ? base + " basefn-label--required" : base,
-    children: Xote.Component.text(props.text)
+    children: Node$Xote.text(props.text)
   });
 }
 

package/src/components/Basefn__Modal.res

@@ -21,8 +21,8 @@ let make = (
   ~size: size=Md,
   ~closeOnBackdrop: bool=true,
   ~showCloseButton: bool=true,
-  ~children: Component.node,
-  ~footer: option<Component.node>=?,
+  ~children: Node.node,
+  ~footer: option<Node.node>=?,
 ) => {
   let handleBackdropClick = evt => {
     if closeOnBackdrop {
@@ -48,10 +48,10 @@ let make = (
             {switch title {
             | Some(titleText) =>
               <div class="basefn-modal__header">
-                <h2 class="basefn-modal__title"> {Component.text(titleText)} </h2>
+                <h2 class="basefn-modal__title"> {Node.text(titleText)} </h2>
                 {showCloseButton
                   ? <button class="basefn-modal__close" onClick={_ => onClose()}>
-                      {Component.text("\u00d7")}
+                      {Node.text("\u00d7")}
                     </button>
                   : <> </>}
               </div>
@@ -70,5 +70,5 @@ let make = (
     }
   })
 
-  Component.signalFragment(content)
+  Node.signalFragment(content)
 }

package/src/components/Basefn__Modal.res.mjs

@@ -1,7 +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 Node$Xote from "xote/src/Node.res.mjs";
+import * as Signal$Xote from "xote/src/Signal.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
+import * as Computed$Xote from "xote/src/Computed.res.mjs";
 
 import './Basefn__Modal.css'
 ;
@@ -45,36 +47,36 @@ function Basefn__Modal(props) {
     let sizeClass = "basefn-modal--" + sizeToString(size);
     return "basefn-modal " + sizeClass;
   };
-  return Xote.Component.signalFragment(Xote.Computed.make(() => {
-    if (Xote.Signal.get(isOpen)) {
-      return [Xote__JSX.Elements.jsx("div", {
+  return Node$Xote.signalFragment(Computed$Xote.make(() => {
+    if (Signal$Xote.get(isOpen)) {
+      return [XoteJSX$Xote.Elements.jsx("div", {
           class: "basefn-modal-backdrop",
           onClick: handleBackdropClick,
-          children: Xote__JSX.Elements.jsxs("div", {
+          children: XoteJSX$Xote.Elements.jsxs("div", {
             class: getModalClass(),
-            children: Xote__JSX.array([
-              title !== undefined ? Xote__JSX.Elements.jsxs("div", {
+            children: XoteJSX$Xote.array([
+              title !== undefined ? XoteJSX$Xote.Elements.jsxs("div", {
                   class: "basefn-modal__header",
-                  children: Xote__JSX.array([
-                    Xote__JSX.Elements.jsx("h2", {
+                  children: XoteJSX$Xote.array([
+                    XoteJSX$Xote.Elements.jsx("h2", {
                       class: "basefn-modal__title",
-                      children: Xote.Component.text(title)
+                      children: Node$Xote.text(title)
                     }),
-                    showCloseButton ? Xote__JSX.Elements.jsx("button", {
+                    showCloseButton ? XoteJSX$Xote.Elements.jsx("button", {
                         class: "basefn-modal__close",
                         onClick: param => onClose(),
-                        children: Xote.Component.text("\u00d7")
-                      }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+                        children: Node$Xote.text("\u00d7")
+                      }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
                   ])
-                }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-              Xote__JSX.Elements.jsx("div", {
+                }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}),
+              XoteJSX$Xote.Elements.jsx("div", {
                 class: "basefn-modal__body",
                 children: children
               }),
-              footer !== undefined ? Xote__JSX.Elements.jsx("div", {
+              footer !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
                   class: "basefn-modal__footer",
                   children: footer
-                }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+                }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
             ])
           })
         })];

package/src/components/Basefn__Popover.res

@@ -25,8 +25,8 @@ let alignToString = (align: align) => {
 
 @jsx.component
 let make = (
-  ~trigger: Component.node,
-  ~content: Component.node,
+  ~trigger: Node.node,
+  ~content: Node.node,
   ~isOpen: Signal.t<bool>,
   ~onOpenChange: option<bool => unit>=?,
   ~position: position=Bottom,
@@ -90,6 +90,6 @@ let make = (
     <div class="basefn-popover__trigger" onClick={handleTriggerClick}>
       {trigger}
     </div>
-    {Component.signalFragment(popoverContent)}
+    {Node.signalFragment(popoverContent)}
   </div>
 }