basefn 1.10.0 → 1.11.0

package/src/components/Basefn__Timeline.res

@@ -46,25 +46,25 @@ let make = (~items: array<timelineItem>, ~orientation: orientation=Vertical) =>
         <div class="basefn-timeline__marker-wrapper">
           <div class={getMarkerClass(item.variant)}>
             {switch item.icon {
-            | Some(iconText) => Component.text(iconText)
-            | None => Component.text(Int.toString(index + 1))
+            | Some(iconText) => Node.text(iconText)
+            | None => Node.text(Int.toString(index + 1))
             }}
           </div>
           <div class="basefn-timeline__connector" />
         </div>
         <div class="basefn-timeline__content">
-          <div class="basefn-timeline__title"> {Component.text(item.title)} </div>
+          <div class="basefn-timeline__title"> {Node.text(item.title)} </div>
           {switch item.timestamp {
-          | Some(time) => <div class="basefn-timeline__timestamp"> {Component.text(time)} </div>
+          | Some(time) => <div class="basefn-timeline__timestamp"> {Node.text(time)} </div>
           | None => <> </>
           }}
           {switch item.description {
-          | Some(desc) => <div class="basefn-timeline__description"> {Component.text(desc)} </div>
+          | Some(desc) => <div class="basefn-timeline__description"> {Node.text(desc)} </div>
           | None => <> </>
           }}
         </div>
       </div>
     })
-    ->Component.fragment}
+    ->Node.fragment}
   </div>
 }

package/src/components/Basefn__Timeline.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__Timeline.css'
 ;
@@ -33,42 +33,42 @@ function Basefn__Timeline(props) {
     let variantClass = "basefn-timeline__marker--" + variantToString(variant);
     return "basefn-timeline__marker " + variantClass;
   };
-  return Xote__JSX.Elements.jsx("div", {
+  return XoteJSX$Xote.Elements.jsx("div", {
     class: getTimelineClass(),
-    children: Xote.Component.fragment(props.items.map((item, index) => {
+    children: Node$Xote.fragment(props.items.map((item, index) => {
       let iconText = item.icon;
       let time = item.timestamp;
       let desc = item.description;
-      return Xote__JSX.Elements.jsxsKeyed("div", {
+      return XoteJSX$Xote.Elements.jsxsKeyed("div", {
         class: "basefn-timeline__item",
-        children: Xote__JSX.array([
-          Xote__JSX.Elements.jsxs("div", {
+        children: XoteJSX$Xote.array([
+          XoteJSX$Xote.Elements.jsxs("div", {
             class: "basefn-timeline__marker-wrapper",
-            children: Xote__JSX.array([
-              Xote__JSX.Elements.jsx("div", {
+            children: XoteJSX$Xote.array([
+              XoteJSX$Xote.Elements.jsx("div", {
                 class: getMarkerClass(item.variant),
-                children: iconText !== undefined ? Xote.Component.text(iconText) : Xote.Component.text((index + 1 | 0).toString())
+                children: iconText !== undefined ? Node$Xote.text(iconText) : Node$Xote.text((index + 1 | 0).toString())
               }),
-              Xote__JSX.Elements.jsx("div", {
+              XoteJSX$Xote.Elements.jsx("div", {
                 class: "basefn-timeline__connector"
               })
             ])
           }),
-          Xote__JSX.Elements.jsxs("div", {
+          XoteJSX$Xote.Elements.jsxs("div", {
             class: "basefn-timeline__content",
-            children: Xote__JSX.array([
-              Xote__JSX.Elements.jsx("div", {
+            children: XoteJSX$Xote.array([
+              XoteJSX$Xote.Elements.jsx("div", {
                 class: "basefn-timeline__title",
-                children: Xote.Component.text(item.title)
+                children: Node$Xote.text(item.title)
               }),
-              time !== undefined ? Xote__JSX.Elements.jsx("div", {
+              time !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
                   class: "basefn-timeline__timestamp",
-                  children: Xote.Component.text(time)
-                }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-              desc !== undefined ? Xote__JSX.Elements.jsx("div", {
+                  children: Node$Xote.text(time)
+                }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}),
+              desc !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
                   class: "basefn-timeline__description",
-                  children: Xote.Component.text(desc)
-                }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+                  children: Node$Xote.text(desc)
+                }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
             ])
           })
         ])

package/src/components/Basefn__Toast.res

@@ -66,10 +66,10 @@ let make = (
             <div class="basefn-toast__content">
               {switch title {
               | Some(titleText) =>
-                <div class="basefn-toast__title"> {Component.text(titleText)} </div>
+                <div class="basefn-toast__title"> {Node.text(titleText)} </div>
               | None => <> </>
               }}
-              <div class="basefn-toast__message"> {Component.text(message)} </div>
+              <div class="basefn-toast__message"> {Node.text(message)} </div>
             </div>
             <button
               class="basefn-toast__close"
@@ -78,7 +78,7 @@ let make = (
                 onClose()
               }}
             >
-              {Component.text("\u00d7")}
+              {Node.text("\u00d7")}
             </button>
           </div>
         </div>,
@@ -88,5 +88,5 @@ let make = (
     }
   })
 
-  Component.signalFragment(content)
+  Node.signalFragment(content)
 }

package/src/components/Basefn__Toast.res.mjs

@@ -1,7 +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 Effect$Xote from "xote/src/Effect.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__Toast.css'
 ;
@@ -45,12 +48,12 @@ function Basefn__Toast(props) {
   let position = __position !== undefined ? __position : "TopRight";
   let autoDismiss = __autoDismiss !== undefined ? __autoDismiss : true;
   let duration = __duration !== undefined ? __duration : 3000;
-  Xote.Effect.run(() => {
-    if (!(Xote.Signal.get(isVisible) && autoDismiss)) {
+  Effect$Xote.run(() => {
+    if (!(Signal$Xote.get(isVisible) && autoDismiss)) {
       return;
     }
     let timeoutId = setTimeout(() => {
-      Xote.Signal.set(isVisible, false);
+      Signal$Xote.set(isVisible, false);
       onClose();
     }, duration);
     return () => {
@@ -65,33 +68,33 @@ function Basefn__Toast(props) {
     let posClass = "basefn-toast-container--" + positionToString(position);
     return "basefn-toast-container " + posClass;
   };
-  return Xote.Component.signalFragment(Xote.Computed.make(() => {
-    if (Xote.Signal.get(isVisible)) {
-      return [Xote__JSX.Elements.jsx("div", {
+  return Node$Xote.signalFragment(Computed$Xote.make(() => {
+    if (Signal$Xote.get(isVisible)) {
+      return [XoteJSX$Xote.Elements.jsx("div", {
           class: getContainerClass(),
-          children: Xote__JSX.Elements.jsxs("div", {
+          children: XoteJSX$Xote.Elements.jsxs("div", {
             class: getToastClass(),
-            children: Xote__JSX.array([
-              Xote__JSX.Elements.jsxs("div", {
+            children: XoteJSX$Xote.array([
+              XoteJSX$Xote.Elements.jsxs("div", {
                 class: "basefn-toast__content",
-                children: Xote__JSX.array([
-                  title !== undefined ? Xote__JSX.Elements.jsx("div", {
+                children: XoteJSX$Xote.array([
+                  title !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
                       class: "basefn-toast__title",
-                      children: Xote.Component.text(title)
-                    }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-                  Xote__JSX.Elements.jsx("div", {
+                      children: Node$Xote.text(title)
+                    }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}),
+                  XoteJSX$Xote.Elements.jsx("div", {
                     class: "basefn-toast__message",
-                    children: Xote.Component.text(message)
+                    children: Node$Xote.text(message)
                   })
                 ])
               }),
-              Xote__JSX.Elements.jsx("button", {
+              XoteJSX$Xote.Elements.jsx("button", {
                 class: "basefn-toast__close",
                 onClick: param => {
-                  Xote.Signal.set(isVisible, false);
+                  Signal$Xote.set(isVisible, false);
                   onClose();
                 },
-                children: Xote.Component.text("\u00d7")
+                children: Node$Xote.text("\u00d7")
               })
             ])
           })

package/src/components/Basefn__Toggle.res

@@ -29,7 +29,7 @@ let make = (
   ~size: size=Md,
   ~disabled: bool=false,
   ~className: option<string>=?,
-  ~children: Component.node,
+  ~children: Node.node,
 ) => {
   let handleClick = _ => {
     if !disabled {

package/src/components/Basefn__Toggle.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 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__Toggle.css'
 ;
@@ -39,21 +40,21 @@ function Basefn__Toggle(props) {
     if (disabled) {
       return;
     }
-    let newValue = !Xote.Signal.get(pressed);
-    Xote.Signal.set(pressed, newValue);
+    let newValue = !Signal$Xote.get(pressed);
+    Signal$Xote.set(pressed, newValue);
     if (onPressedChange !== undefined) {
       return onPressedChange(newValue);
     }
   };
-  let computedClassName = Xote.Computed.make(() => {
+  let computedClassName = Computed$Xote.make(() => {
     let variantClass = " basefn-toggle--" + variantToString(variant);
     let sizeClass = " basefn-toggle--" + sizeToString(size);
-    let pressedClass = Xote.Signal.get(pressed) ? " basefn-toggle--pressed" : "";
+    let pressedClass = Signal$Xote.get(pressed) ? " basefn-toggle--pressed" : "";
     let disabledClass = disabled ? " basefn-toggle--disabled" : "";
     let customClass = className !== undefined ? " " + className : "";
     return "basefn-toggle" + variantClass + sizeClass + pressedClass + disabledClass + customClass;
   }, undefined);
-  return Xote__JSX.Elements.jsx("button", {
+  return XoteJSX$Xote.Elements.jsx("button", {
     class: computedClassName,
     disabled: disabled,
     onClick: handleClick,

package/src/components/Basefn__ToggleGroup.res

@@ -98,9 +98,9 @@ let make = (
         onClick={_ => handleItemClick(item.value, isDisabled)}
         disabled={isDisabled}
       >
-        {Component.text(item.label)}
+        {Node.text(item.label)}
       </button>
     })
-    ->Component.fragment}
+    ->Node.fragment}
   </div>
 }

package/src/components/Basefn__ToggleGroup.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__ToggleGroup.css'
 ;
@@ -39,21 +41,21 @@ function Basefn__ToggleGroup(props) {
     let customClass = className !== undefined ? " " + className : "";
     return "basefn-toggle-group" + customClass;
   };
-  let getItemClassName = (itemValue, itemDisabled) => Xote.Computed.make(() => {
+  let getItemClassName = (itemValue, itemDisabled) => Computed$Xote.make(() => {
     let variantClass = " basefn-toggle-group__item--" + variantToString(variant);
     let sizeClass = " basefn-toggle-group__item--" + sizeToString(size);
-    let currentValues = Xote.Signal.get(value);
+    let currentValues = Signal$Xote.get(value);
     let pressedClass = currentValues.includes(itemValue) ? " basefn-toggle-group__item--pressed" : "";
     let disabledClass = itemDisabled ? " basefn-toggle-group__item--disabled" : "";
     return "basefn-toggle-group__item" + variantClass + sizeClass + pressedClass + disabledClass;
   }, undefined);
-  return Xote__JSX.Elements.jsx("div", {
+  return XoteJSX$Xote.Elements.jsx("div", {
     class: getGroupClassName(),
     role: "group",
-    children: Xote.Component.fragment(props.items.map(item => {
+    children: Node$Xote.fragment(props.items.map(item => {
       let d = item.disabled;
       let isDisabled = d !== undefined ? d : false;
-      return Xote__JSX.Elements.jsxKeyed("button", {
+      return XoteJSX$Xote.Elements.jsxKeyed("button", {
         class: getItemClassName(item.value, isDisabled),
         disabled: isDisabled,
         onClick: param => {
@@ -61,19 +63,19 @@ function Basefn__ToggleGroup(props) {
           if (isDisabled) {
             return;
           }
-          let currentValues = Xote.Signal.get(value);
+          let currentValues = Signal$Xote.get(value);
           let newValues;
           newValues = type_ === "Single" ? (
               currentValues.includes(itemValue) ? [] : [itemValue]
             ) : (
               currentValues.includes(itemValue) ? currentValues.filter(v => v !== itemValue) : currentValues.concat([itemValue])
             );
-          Xote.Signal.set(value, newValues);
+          Signal$Xote.set(value, newValues);
           if (onValueChange !== undefined) {
             return onValueChange(newValues);
           }
         },
-        children: Xote.Component.text(item.label)
+        children: Node$Xote.text(item.label)
       }, item.value, undefined);
     }))
   });

package/src/components/Basefn__Tooltip.res

@@ -14,7 +14,7 @@ let positionToString = (position: position) => {
 }
 
 @jsx.component
-let make = (~content: string, ~position: position=Top, ~children: Component.node) => {
+let make = (~content: string, ~position: position=Top, ~children: Node.node) => {
   let isVisible = Signal.make(false)
 
   let handleMouseEnter = _ => Signal.set(isVisible, true)
@@ -27,7 +27,7 @@ let make = (~content: string, ~position: position=Top, ~children: Component.node
 
   let tooltipContent = Computed.make(() => {
     if Signal.get(isVisible) {
-      [<div class={getTooltipClass()}> {Component.text(content)} </div>]
+      [<div class={getTooltipClass()}> {Node.text(content)} </div>]
     } else {
       []
     }
@@ -37,6 +37,6 @@ let make = (~content: string, ~position: position=Top, ~children: Component.node
     class="basefn-tooltip-wrapper" onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}
   >
     {children}
-    {Component.signalFragment(tooltipContent)}
+    {Node.signalFragment(tooltipContent)}
   </div>
 }

package/src/components/Basefn__Tooltip.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__Tooltip.css'
 ;
@@ -23,30 +25,30 @@ function Basefn__Tooltip(props) {
   let __position = props.position;
   let content = props.content;
   let position = __position !== undefined ? __position : "Top";
-  let isVisible = Xote.Signal.make(false, undefined, undefined);
-  let handleMouseEnter = param => Xote.Signal.set(isVisible, true);
-  let handleMouseLeave = param => Xote.Signal.set(isVisible, false);
+  let isVisible = Signal$Xote.make(false, undefined, undefined);
+  let handleMouseEnter = param => Signal$Xote.set(isVisible, true);
+  let handleMouseLeave = param => Signal$Xote.set(isVisible, false);
   let getTooltipClass = () => {
     let posClass = "basefn-tooltip--" + positionToString(position);
     return "basefn-tooltip " + posClass;
   };
-  let tooltipContent = Xote.Computed.make(() => {
-    if (Xote.Signal.get(isVisible)) {
-      return [Xote__JSX.Elements.jsx("div", {
+  let tooltipContent = Computed$Xote.make(() => {
+    if (Signal$Xote.get(isVisible)) {
+      return [XoteJSX$Xote.Elements.jsx("div", {
           class: getTooltipClass(),
-          children: Xote.Component.text(content)
+          children: Node$Xote.text(content)
         })];
     } else {
       return [];
     }
   }, undefined);
-  return Xote__JSX.Elements.jsxs("div", {
+  return XoteJSX$Xote.Elements.jsxs("div", {
     class: "basefn-tooltip-wrapper",
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    children: Xote__JSX.array([
+    children: XoteJSX$Xote.array([
       props.children,
-      Xote.Component.signalFragment(tooltipContent)
+      Node$Xote.signalFragment(tooltipContent)
     ])
   });
 }

package/src/components/Basefn__Topbar.res

@@ -20,11 +20,11 @@ let sizeToString = (size: size) => {
 
 @jsx.component
 let make = (
-  ~logo: option<Component.node>=?,
+  ~logo: option<Node.node>=?,
   ~navItems: option<array<navItem>>=?,
-  ~leftContent: option<Component.node>=?,
-  ~centerContent: option<Component.node>=?,
-  ~rightContent: option<Component.node>=?,
+  ~leftContent: option<Node.node>=?,
+  ~centerContent: option<Node.node>=?,
+  ~rightContent: option<Node.node>=?,
   ~onMenuClick: option<unit => unit>=?,
   ~size: size=Md,
 ) => {
@@ -35,7 +35,7 @@ let make = (
       {switch onMenuClick {
       | Some(handler) =>
         <button class="basefn-topbar__menu-button" onClick={_ => handler()}>
-          {Component.text("\u2630")}
+          {Node.text("\u2630")}
         </button>
       | None => <> </>
       }}
@@ -58,10 +58,10 @@ let make = (
               "basefn-topbar__nav-item" ++ (item.active ? " basefn-topbar__nav-item--active" : "")
 
             <button key={Int.toString(index)} class={className} onClick={_ => item.onClick()}>
-              {Component.text(item.label)}
+              {Node.text(item.label)}
             </button>
           })
-          ->Component.fragment}
+          ->Node.fragment}
         </nav>
       | None => <> </>
       }}

package/src/components/Basefn__Topbar.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__Topbar.css'
 ;
@@ -27,46 +27,46 @@ function Basefn__Topbar(props) {
   let logo = props.logo;
   let size = __size !== undefined ? __size : "Md";
   let $$class = "basefn-topbar basefn-topbar--" + sizeToString(size);
-  return Xote__JSX.Elements.jsxs("header", {
+  return XoteJSX$Xote.Elements.jsxs("header", {
     class: $$class,
-    children: Xote__JSX.array([
-      Xote__JSX.Elements.jsxs("div", {
+    children: XoteJSX$Xote.array([
+      XoteJSX$Xote.Elements.jsxs("div", {
         class: "basefn-topbar__left",
-        children: Xote__JSX.array([
-          onMenuClick !== undefined ? Xote__JSX.Elements.jsx("button", {
+        children: XoteJSX$Xote.array([
+          onMenuClick !== undefined ? XoteJSX$Xote.Elements.jsx("button", {
               class: "basefn-topbar__menu-button",
               onClick: param => onMenuClick(),
-              children: Xote.Component.text("\u2630")
-            }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-          logo !== undefined ? Xote__JSX.Elements.jsx("div", {
+              children: Node$Xote.text("\u2630")
+            }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}),
+          logo !== undefined ? XoteJSX$Xote.Elements.jsx("div", {
               class: "basefn-topbar__logo",
               children: logo
-            }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-          leftContent !== undefined ? leftContent : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+            }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}),
+          leftContent !== undefined ? leftContent : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
         ])
       }),
-      Xote__JSX.Elements.jsxs("div", {
+      XoteJSX$Xote.Elements.jsxs("div", {
         class: "basefn-topbar__center",
-        children: Xote__JSX.array([
-          navItems !== undefined ? Xote__JSX.Elements.jsx("nav", {
+        children: XoteJSX$Xote.array([
+          navItems !== undefined ? XoteJSX$Xote.Elements.jsx("nav", {
               class: "basefn-topbar__nav",
-              children: Xote.Component.fragment(navItems.map((item, index) => {
+              children: Node$Xote.fragment(navItems.map((item, index) => {
                 let className = "basefn-topbar__nav-item" + (
                   item.active ? " basefn-topbar__nav-item--active" : ""
                 );
-                return Xote__JSX.Elements.jsxKeyed("button", {
+                return XoteJSX$Xote.Elements.jsxKeyed("button", {
                   class: className,
                   onClick: param => item.onClick(),
-                  children: Xote.Component.text(item.label)
+                  children: Node$Xote.text(item.label)
                 }, index.toString(), undefined);
               }))
-            }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {}),
-          centerContent !== undefined ? centerContent : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+            }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}),
+          centerContent !== undefined ? centerContent : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
         ])
       }),
-      Xote__JSX.Elements.jsx("div", {
+      XoteJSX$Xote.Elements.jsx("div", {
         class: "basefn-topbar__right",
-        children: rightContent !== undefined ? rightContent : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+        children: rightContent !== undefined ? rightContent : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
       })
     ])
   });

package/src/components/Basefn__Typography.res

@@ -75,8 +75,8 @@ let make = (
 
   let renderText = text =>
     switch text {
-    | ReactiveProp.Reactive(text) => Component.SignalText(text)
-    | ReactiveProp.Static(text) => Component.text(text)
+    | ReactiveProp.Reactive(text) => Node.SignalText(text)
+    | ReactiveProp.Static(text) => Node.text(text)
     }
 
   switch variant {

package/src/components/Basefn__Typography.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__Typography.css'
 ;
@@ -95,48 +95,48 @@ function Basefn__Typography(props) {
         _0: text._0
       };
     } else {
-      return Xote.Component.text(text._0);
+      return Node$Xote.text(text._0);
     }
   };
   switch (variant) {
     case "H1" :
-      return Xote__JSX.Elements.jsx("h1", {
+      return XoteJSX$Xote.Elements.jsx("h1", {
         class: $$class$1,
         style: style,
         children: renderText(text)
       });
     case "H2" :
-      return Xote__JSX.Elements.jsx("h2", {
+      return XoteJSX$Xote.Elements.jsx("h2", {
         class: $$class$1,
         style: style,
         children: renderText(text)
       });
     case "H3" :
-      return Xote__JSX.Elements.jsx("h3", {
+      return XoteJSX$Xote.Elements.jsx("h3", {
         class: $$class$1,
         style: style,
         children: renderText(text)
       });
     case "H4" :
-      return Xote__JSX.Elements.jsx("h4", {
+      return XoteJSX$Xote.Elements.jsx("h4", {
         class: $$class$1,
         style: style,
         children: renderText(text)
       });
     case "H5" :
-      return Xote__JSX.Elements.jsx("h5", {
+      return XoteJSX$Xote.Elements.jsx("h5", {
         class: $$class$1,
         style: style,
         children: renderText(text)
       });
     case "H6" :
-      return Xote__JSX.Elements.jsx("h6", {
+      return XoteJSX$Xote.Elements.jsx("h6", {
         class: $$class$1,
         style: style,
         children: renderText(text)
       });
     case "Small" :
-      return Xote__JSX.Elements.jsx("small", {
+      return XoteJSX$Xote.Elements.jsx("small", {
         class: $$class$1,
         style: style,
         children: renderText(text)
@@ -144,19 +144,19 @@ function Basefn__Typography(props) {
     case "P" :
     case "Lead" :
     case "Muted" :
-      return Xote__JSX.Elements.jsx("p", {
+      return XoteJSX$Xote.Elements.jsx("p", {
         class: $$class$1,
         style: style,
         children: renderText(text)
       });
     case "Code" :
-      return Xote__JSX.Elements.jsx("code", {
+      return XoteJSX$Xote.Elements.jsx("code", {
         class: $$class$1,
         style: style,
         children: renderText(text)
       });
     case "Unstyled" :
-      return Xote__JSX.Elements.jsx("div", {
+      return XoteJSX$Xote.Elements.jsx("div", {
         class: $$class$1,
         style: style,
         children: renderText(text)