basefn 1.9.1 → 1.11.0

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)

package/src/styles/Basefn__Theme.res.mjs

@@ -1,8 +1,8 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as Xote from "xote/src/Xote.res.mjs";
+import * as Signal$Xote from "xote/src/Signal.res.mjs";
 
-let currentTheme = Xote.Signal.make("Light", undefined, undefined);
+let currentTheme = Signal$Xote.make("Light", undefined, undefined);
 
 function themeToString(theme) {
   if (theme === "Light") {
@@ -52,17 +52,17 @@ function loadThemePreference() {
 }
 
 function toggleTheme() {
-  let match = Xote.Signal.get(currentTheme);
+  let match = Signal$Xote.get(currentTheme);
   let newTheme;
   newTheme = match === "Light" ? "Dark" : "Light";
-  Xote.Signal.set(currentTheme, newTheme);
+  Signal$Xote.set(currentTheme, newTheme);
   applyTheme(newTheme);
   saveThemePreference(newTheme);
 }
 
 function init() {
   let stored = loadThemePreference();
-  Xote.Signal.set(currentTheme, stored);
+  Signal$Xote.set(currentTheme, stored);
   applyTheme(stored);
 }