basefn 1.9.1 → 1.11.0

package/src/components/Basefn__Switch.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__Switch.css'
 ;
@@ -27,7 +29,7 @@ function Basefn__Switch(props) {
   let size = __size !== undefined ? __size : "Md";
   let handleClick = param => {
     if (!disabled) {
-      Xote.Signal.update(checked, prev => !prev);
+      Signal$Xote.update(checked, prev => !prev);
       if (onChange !== undefined) {
         return onChange();
       } else {
@@ -41,8 +43,8 @@ function Basefn__Switch(props) {
   };
   let getSwitchClass = () => {
     let sizeClass = size !== "Md" ? " basefn-switch--" + sizeToString(size) : "";
-    Xote.Computed.make(() => {
-      if (Xote.Signal.get(checked)) {
+    Computed$Xote.make(() => {
+      if (Signal$Xote.get(checked)) {
         return " basefn-switch--checked";
       } else {
         return "";
@@ -51,26 +53,26 @@ function Basefn__Switch(props) {
     let disabledClass = disabled ? " basefn-switch--disabled" : "";
     return "basefn-switch" + sizeClass + disabledClass;
   };
-  return Xote__JSX.Elements.jsxs("label", {
+  return XoteJSX$Xote.Elements.jsxs("label", {
     class: getWrapperClass(),
-    children: Xote__JSX.array([
-      Xote__JSX.Elements.jsx("div", {
-        class: Xote.Computed.make(() => getSwitchClass() + Xote.Signal.get(Xote.Computed.make(() => {
-          if (Xote.Signal.get(checked)) {
+    children: XoteJSX$Xote.array([
+      XoteJSX$Xote.Elements.jsx("div", {
+        class: Computed$Xote.make(() => getSwitchClass() + Signal$Xote.get(Computed$Xote.make(() => {
+          if (Signal$Xote.get(checked)) {
             return " basefn-switch--checked";
           } else {
             return "";
           }
         }, undefined)), undefined),
         onClick: handleClick,
-        children: Xote__JSX.Elements.jsx("div", {
+        children: XoteJSX$Xote.Elements.jsx("div", {
           class: "basefn-switch__slider"
         })
       }),
-      label !== undefined ? Xote__JSX.Elements.jsx("span", {
+      label !== undefined ? XoteJSX$Xote.Elements.jsx("span", {
           class: "basefn-switch-label",
-          children: Xote.Component.text(label)
-        }) : Xote__JSX.jsx(Xote__JSX.jsxFragment, {})
+          children: Node$Xote.text(label)
+        }) : XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {})
     ])
   });
 }

package/src/components/Basefn__Tabs.res

@@ -5,7 +5,7 @@ open Xote
 type tab = {
   value: string,
   label: string,
-  content: Component.node,
+  content: Node.node,
   disabled?: bool,
 }
 
@@ -51,10 +51,10 @@ let make = (~tabs: array<tab>, ~defaultValue: option<string>=?) => {
               onClick={_ => handleTabClick(tab.value, tab.disabled)}
               disabled={tab.disabled->Option.getOr(false)}
             >
-              {Component.text(tab.label)}
+              {Node.text(tab.label)}
             </button>
           })
-          ->Component.fragment}
+          ->Node.fragment}
         </div>
         <div class="basefn-tabs__content">
           {
@@ -69,5 +69,5 @@ let make = (~tabs: array<tab>, ~defaultValue: option<string>=?) => {
     ]
   })
 
-  Component.signalFragment(computed)
+  Node.signalFragment(computed)
 }

package/src/components/Basefn__Tabs.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__Tabs.css'
 ;
@@ -10,21 +12,21 @@ import './Basefn__Tabs.css'
 function Basefn__Tabs(props) {
   let defaultValue = props.defaultValue;
   let tabs = props.tabs;
-  let activeTabSignal = Xote.Signal.make(defaultValue !== undefined ? defaultValue : Core__Option.getOr(Core__Option.map(tabs[0], tab => tab.value), ""), undefined, undefined);
-  return Xote.Component.signalFragment(Xote.Computed.make(() => {
-    let activeValue = Xote.Signal.get(activeTabSignal);
-    return [Xote__JSX.Elements.jsxs("div", {
+  let activeTabSignal = Signal$Xote.make(defaultValue !== undefined ? defaultValue : Core__Option.getOr(Core__Option.map(tabs[0], tab => tab.value), ""), undefined, undefined);
+  return Node$Xote.signalFragment(Computed$Xote.make(() => {
+    let activeValue = Signal$Xote.get(activeTabSignal);
+    return [XoteJSX$Xote.Elements.jsxs("div", {
         class: "basefn-tabs",
-        children: Xote__JSX.array([
-          Xote__JSX.Elements.jsx("div", {
+        children: XoteJSX$Xote.array([
+          XoteJSX$Xote.Elements.jsx("div", {
             class: "basefn-tabs__list",
-            children: Xote.Component.fragment(tabs.map(tab => {
-              let isActive = Xote.Computed.make(() => Xote.Signal.get(activeTabSignal) === tab.value, undefined);
-              let className = Xote.Computed.make(() => {
-                let activeClass = Xote.Signal.get(isActive) ? " basefn-tabs__trigger--active" : "";
+            children: Node$Xote.fragment(tabs.map(tab => {
+              let isActive = Computed$Xote.make(() => Signal$Xote.get(activeTabSignal) === tab.value, undefined);
+              let className = Computed$Xote.make(() => {
+                let activeClass = Signal$Xote.get(isActive) ? " basefn-tabs__trigger--active" : "";
                 return "basefn-tabs__trigger" + activeClass;
               }, undefined);
-              return Xote__JSX.Elements.jsxKeyed("button", {
+              return XoteJSX$Xote.Elements.jsxKeyed("button", {
                 class: className,
                 disabled: Core__Option.getOr(tab.disabled, false),
                 onClick: param => {
@@ -33,16 +35,16 @@ function Basefn__Tabs(props) {
                   if (disabled !== undefined && disabled) {
                     return;
                   } else {
-                    return Xote.Signal.set(activeTabSignal, value);
+                    return Signal$Xote.set(activeTabSignal, value);
                   }
                 },
-                children: Xote.Component.text(tab.label)
+                children: Node$Xote.text(tab.label)
               }, tab.value, undefined);
             }))
           }),
-          Xote__JSX.Elements.jsx("div", {
+          XoteJSX$Xote.Elements.jsx("div", {
             class: "basefn-tabs__content",
-            children: Core__Option.getOr(Core__Option.map(tabs.find(tab => tab.value === activeValue), tab => tab.content), Xote__JSX.jsx(Xote__JSX.jsxFragment, {}))
+            children: Core__Option.getOr(Core__Option.map(tabs.find(tab => tab.value === activeValue), tab => tab.content), XoteJSX$Xote.jsx(XoteJSX$Xote.jsxFragment, {}))
           })
         ])
       })];

package/src/components/Basefn__Textarea.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 Basefn__Dom from "../Basefn__Dom.res.mjs";
+import * as Signal$Xote from "xote/src/Signal.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 
 import './Basefn__Textarea.css'
 ;
@@ -18,13 +18,13 @@ function Basefn__Textarea(props) {
     let t = Basefn__Dom.target(e);
     let v = t.value;
     if (value.TAG === "Reactive") {
-      Xote.Signal.set(value._0, v);
+      Signal$Xote.set(value._0, v);
     }
     if (onInput !== undefined) {
       return onInput(v);
     }
   };
-  return Xote__JSX.Elements.jsx("textarea", {
+  return XoteJSX$Xote.Elements.jsx("textarea", {
     class: "basefn-textarea",
     value: value,
     placeholder: placeholder,

package/src/components/Basefn__ThemeToggle.res

@@ -23,7 +23,7 @@ let make = (~size: [#Sm | #Md | #Lg]=#Md) => {
     <Basefn__Button
       variant=Ghost onClick={handleClick} class={"basefn-theme-toggle"->ReactiveProp.static}
     >
-      {Component.signalFragment(icon)}
+      {Node.signalFragment(icon)}
     </Basefn__Button>
   </Basefn__Tooltip>
 }

package/src/components/Basefn__ThemeToggle.res.mjs

@@ -1,12 +1,15 @@
 // 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 Basefn__Dom from "../Basefn__Dom.res.mjs";
+import * as Signal$Xote from "xote/src/Signal.res.mjs";
 import * as Basefn__Icon from "./Basefn__Icon.res.mjs";
+import * as XoteJSX$Xote from "xote/src/XoteJSX.res.mjs";
 import * as Basefn__Theme from "../styles/Basefn__Theme.res.mjs";
+import * as Computed$Xote from "xote/src/Computed.res.mjs";
 import * as Basefn__Button from "./Basefn__Button.res.mjs";
 import * as Basefn__Tooltip from "./Basefn__Tooltip.res.mjs";
+import * as ReactiveProp$Xote from "xote/src/ReactiveProp.res.mjs";
 
 import './Basefn__ThemeToggle.css'
 ;
@@ -17,24 +20,24 @@ function Basefn__ThemeToggle(props) {
     Basefn__Dom.stopPropagation(e);
     Basefn__Theme.toggleTheme();
   };
-  let icon = Xote.Computed.make(() => {
-    let match = Xote.Signal.get(Basefn__Theme.currentTheme);
+  let icon = Computed$Xote.make(() => {
+    let match = Signal$Xote.get(Basefn__Theme.currentTheme);
     if (match === "Light") {
-      return [Xote__JSX.jsx(Basefn__Icon.make, {
+      return [XoteJSX$Xote.jsx(Basefn__Icon.make, {
           name: "Sun"
         })];
     } else {
-      return [Xote__JSX.jsx(Basefn__Icon.make, {
+      return [XoteJSX$Xote.jsx(Basefn__Icon.make, {
           name: "Moon"
         })];
     }
   }, undefined);
-  return Xote__JSX.jsx(Basefn__Tooltip.make, {
+  return XoteJSX$Xote.jsx(Basefn__Tooltip.make, {
     content: "Toggle theme",
     position: "Bottom",
-    children: Xote__JSX.jsx(Basefn__Button.make, {
-      children: Xote.Component.signalFragment(icon),
-      class: Xote.ReactiveProp.$$static("basefn-theme-toggle"),
+    children: XoteJSX$Xote.jsx(Basefn__Button.make, {
+      children: Node$Xote.signalFragment(icon),
+      class: ReactiveProp$Xote.$$static("basefn-theme-toggle"),
       onClick: handleClick,
       variant: "Ghost"
     })

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>
 }