@thebase/ui 1.2.0 → 1.3.0

package/dist/{baseui.templates.xml → nodexui.templates.xml}

@@ -1,95 +1,95 @@
 <templates>
-<t t-name="baseui.alert-dialog">
+<t t-name="nodexui.alert-dialog">
     <div b-ui="alert-dialog">
       <div b-alert-dialog-panel="">
         <t t-esc="props.content"/>
       </div>
     </div>
   </t>
-  <t t-name="baseui.AlertDialog">
+  <t t-name="nodexui.AlertDialog">
     <t t-slot="default"/>
   </t>
-  <t t-name="AlertDialog" t-call="baseui.AlertDialog"/>
-  <t t-name="baseui.AlertDialogTrigger">
+  <t t-name="AlertDialog" t-call="nodexui.AlertDialog"/>
+  <t t-name="nodexui.AlertDialogTrigger">
     <Button variant="'outline'" attrs="attrs" className="'b-alert-dialog-trigger'" style="props.style" onClick="() => this.onClick()">
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="AlertDialogTrigger" t-call="baseui.AlertDialogTrigger"/>
-  <t t-name="baseui.AlertDialogContent">
+  <t t-name="AlertDialogTrigger" t-call="nodexui.AlertDialogTrigger"/>
+  <t t-name="nodexui.AlertDialogContent">
     <div t-if="open" data-slot="alert-dialog-overlay" class="b-dialog-backdrop" t-ref="root" role="alertdialog" aria-modal="true" tabindex="-1" t-on-keydown="onKeyDown">
       <div data-slot="alert-dialog-content" t-att-data-size="size" t-att-class="'b-dialog-panel b-alert-dialog-panel' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
         <t t-slot="default"/>
       </div>
     </div>
   </t>
-  <t t-name="AlertDialogContent" t-call="baseui.AlertDialogContent"/>
-  <t t-name="baseui.AlertDialogHeader">
+  <t t-name="AlertDialogContent" t-call="nodexui.AlertDialogContent"/>
+  <t t-name="nodexui.AlertDialogHeader">
     <div data-slot="alert-dialog-header" class="b-dialog-header b-alert-dialog-header" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="AlertDialogHeader" t-call="baseui.AlertDialogHeader"/>
-  <t t-name="baseui.AlertDialogFooter">
+  <t t-name="AlertDialogHeader" t-call="nodexui.AlertDialogHeader"/>
+  <t t-name="nodexui.AlertDialogFooter">
     <div data-slot="alert-dialog-footer" class="b-dialog-footer b-alert-dialog-footer" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="AlertDialogFooter" t-call="baseui.AlertDialogFooter"/>
-  <t t-name="baseui.AlertDialogMedia">
+  <t t-name="AlertDialogFooter" t-call="nodexui.AlertDialogFooter"/>
+  <t t-name="nodexui.AlertDialogMedia">
     <div data-slot="alert-dialog-media" class="b-alert-dialog-media" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="AlertDialogMedia" t-call="baseui.AlertDialogMedia"/>
-  <t t-name="baseui.AlertDialogTitle">
+  <t t-name="AlertDialogMedia" t-call="nodexui.AlertDialogMedia"/>
+  <t t-name="nodexui.AlertDialogTitle">
     <h2 data-slot="alert-dialog-title" class="b-dialog-title b-alert-dialog-title" t-att-style="props.style">
       <t t-slot="default"/>
     </h2>
   </t>
-  <t t-name="AlertDialogTitle" t-call="baseui.AlertDialogTitle"/>
-  <t t-name="baseui.AlertDialogDescription">
+  <t t-name="AlertDialogTitle" t-call="nodexui.AlertDialogTitle"/>
+  <t t-name="nodexui.AlertDialogDescription">
     <p data-slot="alert-dialog-description" class="b-dialog-description b-alert-dialog-description" t-att-style="props.style">
       <t t-slot="default"/>
     </p>
   </t>
-  <t t-name="AlertDialogDescription" t-call="baseui.AlertDialogDescription"/>
+  <t t-name="AlertDialogDescription" t-call="nodexui.AlertDialogDescription"/>
 
-  <t t-name="baseui.AlertDialogCancel">
+  <t t-name="nodexui.AlertDialogCancel">
     <Button variant="'outline'" attrs="attrs" className="'b-alert-dialog-cancel'" style="props.style" onClick="() => this.onClick()">
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="AlertDialogCancel" t-call="baseui.AlertDialogCancel"/>
-  <t t-name="baseui.AlertDialogAction">
+  <t t-name="AlertDialogCancel" t-call="nodexui.AlertDialogCancel"/>
+  <t t-name="nodexui.AlertDialogAction">
     <Button attrs="attrs" className="'b-alert-dialog-action'" style="props.style" onClick="() => this.onClick()">
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="AlertDialogAction" t-call="baseui.AlertDialogAction"/>
-<t t-name="baseui.alert">
+  <t t-name="AlertDialogAction" t-call="nodexui.AlertDialogAction"/>
+<t t-name="nodexui.alert">
     <div class="alert b-alert b-alert-default" role="alert"><t t-esc="props.message"/></div>
   </t>
-  <t t-name="baseui.Alert">
+  <t t-name="nodexui.Alert">
     <div data-slot="alert" t-att-class="classNames" t-att-style="props.style" role="alert" t-ref="root">
       <t t-slot="default"/>
       <Button t-if="props.dismissible" unstyled="true" className="'btn-close'" attrs="{ 'data-bs-dismiss': 'alert', 'aria-label': 'Close' }"/>
     </div>
   </t>
-  <t t-name="Alert" t-call="baseui.Alert"/>
-  <t t-name="baseui.AlertTitle">
+  <t t-name="Alert" t-call="nodexui.Alert"/>
+  <t t-name="nodexui.AlertTitle">
     <div data-slot="alert-title" t-att-class="'b-alert-title' + (props.className ? ' ' + props.className : '')" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="AlertTitle" t-call="baseui.AlertTitle"/>
-  <t t-name="baseui.AlertDescription">
+  <t t-name="AlertTitle" t-call="nodexui.AlertTitle"/>
+  <t t-name="nodexui.AlertDescription">
     <div data-slot="alert-description" t-att-class="'b-alert-description' + (props.className ? ' ' + props.className : '')" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="AlertDescription" t-call="baseui.AlertDescription"/>
-  <t t-name="baseui.AlertAction">
+  <t t-name="AlertDescription" t-call="nodexui.AlertDescription"/>
+  <t t-name="nodexui.AlertAction">
     <div data-slot="alert-action" t-att-class="'b-alert-action' + (props.className ? ' ' + props.className : '')" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="AlertAction" t-call="baseui.AlertAction"/>
-<t t-name="baseui.ApiDoc">
+  <t t-name="AlertAction" t-call="nodexui.AlertAction"/>
+<t t-name="nodexui.ApiDoc">
     <div t-ref="root" t-att-class="classNames" t-att-style="rootStyle" t-att-data-theme="theme" t-att-data-bs-theme="theme" data-slot="apidoc" t-att-data-status="state.status">
       <header class="app-header">
         <div class="header-left">
@@ -110,7 +110,7 @@
             <DialogDescription>Values are stored locally in your browser and applied to Try It requests.</DialogDescription>
           </DialogHeader>
           <section t-if="state.authOpen" class="auth-dialog-body">
-            <t t-call="baseui.ApiDocAuthBody"/>
+            <t t-call="nodexui.ApiDocAuthBody"/>
           </section>
           <DialogFooter>
             <Button variant="'ghost'" label="'Close'" onClick="() => this.closeAuth()"/>
@@ -137,19 +137,19 @@
           <section t-ref="main" class="doc-main">
             <div t-if="state.status === 'loading'" class="empty-state" role="status">Loading API documentation…</div>
             <div t-elif="state.status === 'error'" class="empty-state" role="alert">Failed to load API spec: <t t-esc="state.error"/></div>
-            <t t-elif="op" t-call="baseui.ApiDocOperation"/>
-            <t t-else="" t-call="baseui.ApiDocIntro"/>
+            <t t-elif="op" t-call="nodexui.ApiDocOperation"/>
+            <t t-else="" t-call="nodexui.ApiDocIntro"/>
           </section>
           <aside t-if="state.status === 'ready' and showTryIt" class="tryit-panel">
-            <t t-call="baseui.ApiDocTryIt"/>
+            <t t-call="nodexui.ApiDocTryIt"/>
           </aside>
         </main>
       </div>
     </div>
   </t>
-  <t t-name="ApiDoc" t-call="baseui.ApiDoc"/>
+  <t t-name="ApiDoc" t-call="nodexui.ApiDoc"/>
 
-  <t t-name="baseui.ApiDocGroup">
+  <t t-name="nodexui.ApiDocGroup">
     <li class="sidebar-group-wrap">
       <details class="sidebar-group" open="open">
         <summary>
@@ -171,7 +171,7 @@
     </li>
   </t>
 
-  <t t-name="baseui.ApiDocBreadcrumb">
+  <t t-name="nodexui.ApiDocBreadcrumb">
     <Breadcrumb>
       <BreadcrumbList>
         <t t-foreach="breadcrumb" t-as="part" t-key="part_index">
@@ -188,13 +188,13 @@
     </Breadcrumb>
   </t>
 
-  <t t-name="baseui.ApiDocIntro">
+  <t t-name="nodexui.ApiDocIntro">
     <div class="doc-pane">
-      <t t-call="baseui.ApiDocBreadcrumb"/>
+      <t t-call="nodexui.ApiDocBreadcrumb"/>
       <h1 t-esc="title"/>
       <Badge t-if="doc.info.version" variant="'muted'" label="'v' + doc.info.version"/>
       <p t-if="doc.info.summary" class="param-desc" t-esc="doc.info.summary"/>
-      <div t-if="doc.info.description" class="prose"><Markdown t-key="theme" content="doc.info.description" baseUi="false"/></div>
+      <div t-if="doc.info.description" class="prose"><Markdown t-key="theme" content="doc.info.description" nodexUi="false"/></div>
       <div class="intro-card">
         <header><h3>Base URL</h3></header>
         <section><code t-esc="doc.baseUrl"/></section>
@@ -212,7 +212,7 @@
     </div>
   </t>
 
-  <t t-name="baseui.ApiDocParams">
+  <t t-name="nodexui.ApiDocParams">
     <details t-if="paramList.length" class="param-group" open="open">
       <summary><span class="param-group-head"><span class="caret"/><t t-esc="paramTitle.toUpperCase()"/></span></summary>
       <ul>
@@ -232,7 +232,7 @@
     </details>
   </t>
 
-  <t t-name="baseui.ApiDocSchema">
+  <t t-name="nodexui.ApiDocSchema">
     <t t-set="rows" t-value="schemaRows(schemaNode)"/>
     <p t-if="!rows.length" class="apidoc-muted">No schema available.</p>
     <ul t-else="" class="schema-tree">
@@ -244,27 +244,27 @@
     </ul>
   </t>
 
-  <t t-name="baseui.ApiDocCode">
+  <t t-name="nodexui.ApiDocCode">
     <pre class="snippet-block"><span class="snippet-gutter"><span t-foreach="lineNumbers(codeText)" t-as="n" t-key="n" t-esc="n"/></span><span class="snippet-code"><code t-esc="codeText"/></span></pre>
   </t>
 
-  <t t-name="baseui.ApiDocOperation">
+  <t t-name="nodexui.ApiDocOperation">
     <div class="doc-pane">
-      <t t-call="baseui.ApiDocBreadcrumb"/>
+      <t t-call="nodexui.ApiDocBreadcrumb"/>
       <h1><t t-esc="op.summary"/><Badge t-if="op.deprecated" variant="'warning'" label="'Deprecated'"/></h1>
       <div class="endpoint-box">
         <span class="method-badge" t-att-data-method="op.method" t-esc="methodLabel(op.method)"/>
         <code class="endpoint-url" t-esc="doc.baseUrl + op.path"/>
       </div>
-      <section t-if="op.description" class="doc-section"><div class="prose"><Markdown t-key="op.id + theme" content="op.description" baseUi="false"/></div></section>
+      <section t-if="op.description" class="doc-section"><div class="prose"><Markdown t-key="op.id + theme" content="op.description" nodexUi="false"/></div></section>
       <p t-if="op.externalDocs and op.externalDocs.url" class="param-desc"><a t-att-href="op.externalDocs.url" target="_blank" rel="noopener noreferrer"><t t-esc="op.externalDocs.description || 'External documentation'"/></a></p>
 
       <section class="doc-section">
         <h2>Request</h2>
-        <t t-call="baseui.ApiDocParams"><t t-set="paramTitle" t-value="'Path Parameters'"/><t t-set="paramList" t-value="op.parameters.path"/></t>
-        <t t-call="baseui.ApiDocParams"><t t-set="paramTitle" t-value="'Query Parameters'"/><t t-set="paramList" t-value="op.parameters.query"/></t>
-        <t t-call="baseui.ApiDocParams"><t t-set="paramTitle" t-value="'Header Parameters'"/><t t-set="paramList" t-value="op.parameters.header"/></t>
-        <t t-call="baseui.ApiDocParams"><t t-set="paramTitle" t-value="'Form Data'"/><t t-set="paramList" t-value="op.parameters.formData"/></t>
+        <t t-call="nodexui.ApiDocParams"><t t-set="paramTitle" t-value="'Path Parameters'"/><t t-set="paramList" t-value="op.parameters.path"/></t>
+        <t t-call="nodexui.ApiDocParams"><t t-set="paramTitle" t-value="'Query Parameters'"/><t t-set="paramList" t-value="op.parameters.query"/></t>
+        <t t-call="nodexui.ApiDocParams"><t t-set="paramTitle" t-value="'Header Parameters'"/><t t-set="paramList" t-value="op.parameters.header"/></t>
+        <t t-call="nodexui.ApiDocParams"><t t-set="paramTitle" t-value="'Form Data'"/><t t-set="paramList" t-value="op.parameters.formData"/></t>
         <details t-if="op.parameters.body" class="param-group" open="open">
           <t t-set="body" t-value="op.parameters.body"/>
           <summary><span class="param-group-head"><span class="caret"/>BODY<t t-if="body.required"> (required)</t></span></summary>
@@ -281,7 +281,7 @@
           </t>
           <p class="param-desc">example<t t-if="body.exampleIsAuto"> (auto)</t><t t-elif="body.exampleLabel"> (<t t-esc="body.exampleLabel"/>)</t>:</p>
           <pre><code t-esc="formatExample(body.example)"/></pre>
-          <t t-call="baseui.ApiDocSchema"><t t-set="schemaNode" t-value="body.schema"/></t>
+          <t t-call="nodexui.ApiDocSchema"><t t-set="schemaNode" t-value="body.schema"/></t>
         </details>
       </section>
 
@@ -298,7 +298,7 @@
             <TabContent t-foreach="op.responses" t-as="r" t-key="r.status" value="'' + r_index">
               <p t-if="r.summary" class="response-desc"><strong t-esc="r.summary"/></p>
               <p class="response-desc" t-esc="r.description"/>
-              <t t-call="baseui.ApiDocParams"><t t-set="paramTitle" t-value="'Response Headers'"/><t t-set="paramList" t-value="r.headers"/></t>
+              <t t-call="nodexui.ApiDocParams"><t t-set="paramTitle" t-value="'Response Headers'"/><t t-set="paramList" t-value="r.headers"/></t>
               <div t-if="r.schema" class="response-body">
                 <div class="response-body-head">
                   <Badge variant="'secondary'" label="r.contentType || 'application/json'"/>
@@ -308,7 +308,7 @@
                   </div>
                 </div>
                 <pre t-if="state.respView[r_index] === 'example'"><code t-esc="formatExample(r.example)"/></pre>
-                <div t-else=""><t t-call="baseui.ApiDocSchema"><t t-set="schemaNode" t-value="r.schema"/></t></div>
+                <div t-else=""><t t-call="nodexui.ApiDocSchema"><t t-set="schemaNode" t-value="r.schema"/></t></div>
               </div>
               <p t-else="" class="apidoc-muted">No response body.</p>
               <details t-if="r.links.length" class="param-group">
@@ -343,25 +343,25 @@
     </div>
   </t>
 
-  <t t-name="baseui.ApiDocResultRequest">
+  <t t-name="nodexui.ApiDocResultRequest">
     <div class="result-section">
       <h4 class="result-section-title">Request</h4>
       <details class="param-group" open="open">
         <summary><span class="param-group-head"><span class="caret"/>URL</span></summary>
-        <t t-call="baseui.ApiDocCode"><t t-set="codeText" t-value="state.result.sent.url"/></t>
+        <t t-call="nodexui.ApiDocCode"><t t-set="codeText" t-value="state.result.sent.url"/></t>
       </details>
       <details class="param-group" open="open">
         <summary><span class="param-group-head"><span class="caret"/>Headers</span></summary>
-        <t t-call="baseui.ApiDocCode"><t t-set="codeText" t-value="state.result.sent.headerLines || '(none)'"/></t>
+        <t t-call="nodexui.ApiDocCode"><t t-set="codeText" t-value="state.result.sent.headerLines || '(none)'"/></t>
       </details>
       <details t-if="state.result.sent.bodyText" class="param-group" open="open">
         <summary><span class="param-group-head"><span class="caret"/>Body</span></summary>
-        <t t-call="baseui.ApiDocCode"><t t-set="codeText" t-value="state.result.sent.bodyText"/></t>
+        <t t-call="nodexui.ApiDocCode"><t t-set="codeText" t-value="state.result.sent.bodyText"/></t>
       </details>
     </div>
   </t>
 
-  <t t-name="baseui.ApiDocTryIt">
+  <t t-name="nodexui.ApiDocTryIt">
     <div class="tryit-stack">
       <section class="sdk-card">
         <div class="sdk-strip" role="tablist" aria-label="Code language">
@@ -373,7 +373,7 @@
           </Button>
         </div>
         <Badge variant="'secondary'" className="'sdk-current'" label="currentLanguage.label"/>
-        <div class="snippet-shell"><t t-call="baseui.ApiDocCode"><t t-set="codeText" t-value="state.snippet"/></t></div>
+        <div class="snippet-shell"><t t-call="nodexui.ApiDocCode"><t t-set="codeText" t-value="state.snippet"/></t></div>
       </section>
 
       <section class="tryit-card">
@@ -427,10 +427,10 @@
               <Badge variant="'muted'" label="state.result.sent.method"/>
               <span class="apidoc-muted">Sending…</span>
             </div>
-            <t t-call="baseui.ApiDocResultRequest"/>
+            <t t-call="nodexui.ApiDocResultRequest"/>
           </t>
           <t t-else="">
-            <t t-call="baseui.ApiDocResultRequest"/>
+            <t t-call="nodexui.ApiDocResultRequest"/>
             <div class="result-section">
               <h4 class="result-section-title">Response</h4>
               <t t-if="state.result.phase === 'done'">
@@ -440,9 +440,9 @@
                 </div>
                 <details class="param-group">
                   <summary><span class="param-group-head"><span class="caret"/>Headers</span></summary>
-                  <t t-call="baseui.ApiDocCode"><t t-set="codeText" t-value="state.result.res.headerLines || '(none)'"/></t>
+                  <t t-call="nodexui.ApiDocCode"><t t-set="codeText" t-value="state.result.res.headerLines || '(none)'"/></t>
                 </details>
-                <t t-call="baseui.ApiDocCode"><t t-set="codeText" t-value="state.result.res.bodyText"/></t>
+                <t t-call="nodexui.ApiDocCode"><t t-set="codeText" t-value="state.result.res.bodyText"/></t>
               </t>
               <t t-else="">
                 <div class="tryit-result-head"><Badge variant="'danger'" label="'Request failed'"/></div>
@@ -455,7 +455,7 @@
     </div>
   </t>
 
-  <t t-name="baseui.ApiDocStoredField">
+  <t t-name="nodexui.ApiDocStoredField">
     <div class="auth-field">
       <label class="tryit-field auth-field">
         <span class="auth-field-label" t-esc="fieldLabel"/>
@@ -468,15 +468,15 @@
     </div>
   </t>
 
-  <t t-name="baseui.ApiDocAuthBody">
+  <t t-name="nodexui.ApiDocAuthBody">
     <div class="auth-global-fields">
-      <t t-call="baseui.ApiDocStoredField">
+      <t t-call="nodexui.ApiDocStoredField">
         <t t-set="fieldName" t-value="'apikey'"/>
         <t t-set="fieldLabel" t-value="'API Key'"/>
         <t t-set="fieldPlaceholder" t-value="'Enter API key'"/>
         <t t-set="fieldHelp" t-value="'Stored in this tab\'s session storage as apikey. Used for apiKey-type schemes and as the Basic auth credential (Authorization: Basic &lt;API Key&gt;).'"/>
       </t>
-      <t t-call="baseui.ApiDocStoredField">
+      <t t-call="nodexui.ApiDocStoredField">
         <t t-set="fieldName" t-value="'oauthkey'"/>
         <t t-set="fieldLabel" t-value="'Bearer / OAuth token'"/>
         <t t-set="fieldPlaceholder" t-value="'Bearer token (auto-filled by Authorize/Get token below)'"/>
@@ -539,20 +539,20 @@
       </details>
     </div>
   </t>
-<t t-name="baseui.accordion">
+<t t-name="nodexui.accordion">
     <div b-ui="accordion"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.Accordion">
+  <t t-name="nodexui.Accordion">
     <div data-slot="accordion" t-att-class="'accordion b-accordion' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" role="presentation">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="Accordion" t-call="baseui.Accordion"/>
-  <t t-name="baseui.AccordionItem">
+  <t t-name="Accordion" t-call="nodexui.Accordion"/>
+  <t t-name="nodexui.AccordionItem">
     <div data-slot="accordion-item" class="accordion-item b-accordion-item" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="AccordionItem" t-call="baseui.AccordionItem"/>
-  <t t-name="baseui.AccordionTrigger">
+  <t t-name="AccordionItem" t-call="nodexui.AccordionItem"/>
+  <t t-name="nodexui.AccordionTrigger">
     <div class="accordion-header b-accordion-header" t-att-style="props.style">
       <Button unstyled="true" className="'accordion-button b-accordion-trigger'" attrs="triggerAttrs" onClick="() => this.onClick()">
         <t t-slot="default"/>
@@ -560,24 +560,24 @@
       </Button>
     </div>
   </t>
-  <t t-name="AccordionTrigger" t-call="baseui.AccordionTrigger"/>
-  <t t-name="baseui.AccordionContent">
+  <t t-name="AccordionTrigger" t-call="nodexui.AccordionTrigger"/>
+  <t t-name="nodexui.AccordionContent">
     <div t-ref="root" data-slot="accordion-content" t-att-class="'accordion-collapse collapse b-accordion-content' + (initialOpen ? ' show' : '')" t-att-style="props.style" t-att-aria-hidden="open ? undefined : 'true'">
       <div class="accordion-body b-accordion-content-inner"><t t-slot="default"/></div>
     </div>
   </t>
-  <t t-name="AccordionContent" t-call="baseui.AccordionContent"/>
-<t t-name="baseui.aspect-ratio">
+  <t t-name="AccordionContent" t-call="nodexui.AccordionContent"/>
+<t t-name="nodexui.aspect-ratio">
     <div b-ui="aspect-ratio"><t t-esc="props.content"/></div>
   </t>
-  <t t-name="baseui.AspectRatio">
+  <t t-name="nodexui.AspectRatio">
     <div t-att-class="classNames" t-att-style="style"><t t-slot="default"/></div>
   </t>
-  <t t-name="AspectRatio" t-call="baseui.AspectRatio"/>
-<t t-name="baseui.attachment">
+  <t t-name="AspectRatio" t-call="nodexui.AspectRatio"/>
+<t t-name="nodexui.attachment">
     <div class="b-attachment"/>
   </t>
-  <t t-name="baseui.Attachment">
+  <t t-name="nodexui.Attachment">
     <div
       t-att-class="classNames"
       t-att-data-state="state"
@@ -590,22 +590,22 @@
       <input t-else="" type="file" class="form-control" t-att-multiple="props.multiple" t-on-change="onChange"/>
     </div>
   </t>
-  <t t-name="baseui.AttachmentMedia">
+  <t t-name="nodexui.AttachmentMedia">
     <div t-att-class="classNames" t-att-data-variant="variant" data-slot="attachment-media" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.AttachmentContent">
+  <t t-name="nodexui.AttachmentContent">
     <div t-att-class="'b-attachment-content' + (props.className ? ' ' + props.className : '')" data-slot="attachment-content" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.AttachmentTitle">
+  <t t-name="nodexui.AttachmentTitle">
     <div t-att-class="'b-attachment-title' + (props.className ? ' ' + props.className : '')" data-slot="attachment-title" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.AttachmentDescription">
+  <t t-name="nodexui.AttachmentDescription">
     <div t-att-class="'b-attachment-description' + (props.className ? ' ' + props.className : '')" data-slot="attachment-description" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.AttachmentActions">
+  <t t-name="nodexui.AttachmentActions">
     <div t-att-class="'b-attachment-actions' + (props.className ? ' ' + props.className : '')" data-slot="attachment-actions" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.AttachmentAction">
+  <t t-name="nodexui.AttachmentAction">
     <Button
       variant="variant"
       size="size"
@@ -619,7 +619,7 @@
       onClick="(event) => this.onClick(event)"
     ><t t-slot="default"/></Button>
   </t>
-  <t t-name="baseui.AttachmentTrigger">
+  <t t-name="nodexui.AttachmentTrigger">
     <Button
       unstyled="true"
       href="props.href"
@@ -631,10 +631,10 @@
       onClick="(event) => this.onClick(event)"
     />
   </t>
-  <t t-name="baseui.AttachmentGroup">
+  <t t-name="nodexui.AttachmentGroup">
     <div t-att-class="classNames" data-slot="attachment-group" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.AttachmentDropzone">
+  <t t-name="nodexui.AttachmentDropzone">
     <div
       t-att-class="classNames"
       data-slot="attachment-dropzone"
@@ -659,40 +659,40 @@
       </t>
     </div>
   </t>
-  <t t-name="Attachment" t-call="baseui.Attachment"/>
-  <t t-name="AttachmentMedia" t-call="baseui.AttachmentMedia"/>
-  <t t-name="AttachmentContent" t-call="baseui.AttachmentContent"/>
-  <t t-name="AttachmentTitle" t-call="baseui.AttachmentTitle"/>
-  <t t-name="AttachmentDescription" t-call="baseui.AttachmentDescription"/>
-  <t t-name="AttachmentActions" t-call="baseui.AttachmentActions"/>
-  <t t-name="AttachmentAction" t-call="baseui.AttachmentAction"/>
-  <t t-name="AttachmentTrigger" t-call="baseui.AttachmentTrigger"/>
-  <t t-name="AttachmentGroup" t-call="baseui.AttachmentGroup"/>
-  <t t-name="AttachmentDropzone" t-call="baseui.AttachmentDropzone"/>
-<t t-name="baseui.avatar">
+  <t t-name="Attachment" t-call="nodexui.Attachment"/>
+  <t t-name="AttachmentMedia" t-call="nodexui.AttachmentMedia"/>
+  <t t-name="AttachmentContent" t-call="nodexui.AttachmentContent"/>
+  <t t-name="AttachmentTitle" t-call="nodexui.AttachmentTitle"/>
+  <t t-name="AttachmentDescription" t-call="nodexui.AttachmentDescription"/>
+  <t t-name="AttachmentActions" t-call="nodexui.AttachmentActions"/>
+  <t t-name="AttachmentAction" t-call="nodexui.AttachmentAction"/>
+  <t t-name="AttachmentTrigger" t-call="nodexui.AttachmentTrigger"/>
+  <t t-name="AttachmentGroup" t-call="nodexui.AttachmentGroup"/>
+  <t t-name="AttachmentDropzone" t-call="nodexui.AttachmentDropzone"/>
+<t t-name="nodexui.avatar">
     <span class="b-avatar"><t t-out="props.content"/></span>
   </t>
-  <t t-name="baseui.Avatar">
+  <t t-name="nodexui.Avatar">
     <span t-att-class="'b-avatar' + (props.className ? ' ' + props.className : '')" t-att-title="props.title" t-att-style="props.style">
       <img t-if="showImage" t-att-src="props.src" t-att-alt="props.alt" t-on-error="onError"/>
       <t t-if="!showImage" t-slot="fallback"/>
     </span>
   </t>
-  <t t-name="Avatar" t-call="baseui.Avatar"/>
-<t t-name="baseui.Badge">
+  <t t-name="Avatar" t-call="nodexui.Avatar"/>
+<t t-name="nodexui.Badge">
     <span t-att-class="classNames" t-att-style="props.style">
       <t t-if="props.label" t-esc="props.label"/>
       <t t-else="" t-slot="default"/>
     </span>
   </t>
-  <t t-name="Badge" t-call="baseui.Badge"/>
-<t t-name="baseui.BlockViewer">
+  <t t-name="Badge" t-call="nodexui.Badge"/>
+<t t-name="nodexui.BlockViewer">
     <t t-if="state.embed">
       <div class="b-block-embed-root" t-ref="embedRoot"></div>
     </t>
     <t t-else="">
       <div class="b-block-viewer">
-        <t t-call="baseui.BlockViewerNav"/>
+        <t t-call="nodexui.BlockViewerNav"/>
         <div class="b-block-viewer-shell">
           <header class="b-block-viewer-header">
             <div class="b-block-viewer-title">
@@ -745,11 +745,11 @@
     </t>
   </t>
 
-  <t t-name="baseui.BlockViewerNav">
+  <t t-name="nodexui.BlockViewerNav">
     <header class="b-example-header">
-      <nav class="container b-example-nav" aria-label="BaseUI pages">
-        <a class="navbar-brand fw-semibold text-decoration-none b-example-brand" href="/docs">BaseUI</a>
-        <div class="b-example-nav-menu" aria-label="BaseUI pages">
+      <nav class="container b-example-nav" aria-label="NodexUI pages">
+        <a class="navbar-brand fw-semibold text-decoration-none b-example-brand" href="/docs">NodexUI</a>
+        <div class="b-example-nav-menu" aria-label="NodexUI pages">
           <a t-foreach="navItems" t-as="item" t-key="item.key" t-att-href="item.href" t-att-class="item.key === 'blocks' ? 'is-active' : ''" t-att-aria-current="item.key === 'blocks' ? 'page' : undefined">
             <t t-esc="item.label"/>
           </a>
@@ -759,11 +759,11 @@
     </header>
   </t>
 
-  <t t-name="BlockViewer" t-call="baseui.BlockViewer"/>
-<t t-name="baseui.breadcrumb">
+  <t t-name="BlockViewer" t-call="nodexui.BlockViewer"/>
+<t t-name="nodexui.breadcrumb">
     <nav b-ui="breadcrumb" aria-label="breadcrumb"><ol><t t-slot="default"/></ol></nav>
   </t>
-  <t t-name="baseui.Breadcrumb">
+  <t t-name="nodexui.Breadcrumb">
     <nav
       data-slot="breadcrumb"
       t-att-class="'b-breadcrumb' + (props.className ? ' ' + props.className : '')"
@@ -773,8 +773,8 @@
       <t t-slot="default"/>
     </nav>
   </t>
-  <t t-name="Breadcrumb" t-call="baseui.Breadcrumb"/>
-  <t t-name="baseui.BreadcrumbList">
+  <t t-name="Breadcrumb" t-call="nodexui.Breadcrumb"/>
+  <t t-name="nodexui.BreadcrumbList">
     <ol
       data-slot="breadcrumb-list"
       t-att-class="'breadcrumb b-breadcrumb-list' + (props.className ? ' ' + props.className : '')"
@@ -783,14 +783,14 @@
       <t t-slot="default"/>
     </ol>
   </t>
-  <t t-name="BreadcrumbList" t-call="baseui.BreadcrumbList"/>
-  <t t-name="baseui.BreadcrumbItem">
+  <t t-name="BreadcrumbList" t-call="nodexui.BreadcrumbList"/>
+  <t t-name="nodexui.BreadcrumbItem">
     <li data-slot="breadcrumb-item" t-att-class="classNames" t-att-aria-current="props.current ? 'page' : undefined" t-att-style="props.style">
       <t t-slot="default"/>
     </li>
   </t>
-  <t t-name="BreadcrumbItem" t-call="baseui.BreadcrumbItem"/>
-  <t t-name="baseui.BreadcrumbLink">
+  <t t-name="BreadcrumbItem" t-call="nodexui.BreadcrumbItem"/>
+  <t t-name="nodexui.BreadcrumbLink">
     <a
       data-slot="breadcrumb-link"
       t-att-href="props.href || '#'"
@@ -803,8 +803,8 @@
       <t t-slot="default"/>
     </a>
   </t>
-  <t t-name="BreadcrumbLink" t-call="baseui.BreadcrumbLink"/>
-  <t t-name="baseui.BreadcrumbPage">
+  <t t-name="BreadcrumbLink" t-call="nodexui.BreadcrumbLink"/>
+  <t t-name="nodexui.BreadcrumbPage">
     <span
       data-slot="breadcrumb-page"
       role="link"
@@ -816,8 +816,8 @@
       <t t-slot="default"/>
     </span>
   </t>
-  <t t-name="BreadcrumbPage" t-call="baseui.BreadcrumbPage"/>
-  <t t-name="baseui.BreadcrumbSeparator">
+  <t t-name="BreadcrumbPage" t-call="nodexui.BreadcrumbPage"/>
+  <t t-name="nodexui.BreadcrumbSeparator">
     <li
       data-slot="breadcrumb-separator"
       role="presentation"
@@ -829,8 +829,8 @@
       <Icon t-else="" name="'chevron-right'" className="'b-breadcrumb-separator-icon'"/>
     </li>
   </t>
-  <t t-name="BreadcrumbSeparator" t-call="baseui.BreadcrumbSeparator"/>
-  <t t-name="baseui.BreadcrumbEllipsis">
+  <t t-name="BreadcrumbSeparator" t-call="nodexui.BreadcrumbSeparator"/>
+  <t t-name="nodexui.BreadcrumbEllipsis">
     <span
       data-slot="breadcrumb-ellipsis"
       role="presentation"
@@ -843,13 +843,13 @@
       <span class="visually-hidden">More</span>
     </span>
   </t>
-  <t t-name="BreadcrumbEllipsis" t-call="baseui.BreadcrumbEllipsis"/>
-<t t-name="baseui.bubble"><div b-ui="bubble"><t t-esc="props.content"/></div></t>
-  <t t-name="baseui.Bubble">
+  <t t-name="BreadcrumbEllipsis" t-call="nodexui.BreadcrumbEllipsis"/>
+<t t-name="nodexui.bubble"><div b-ui="bubble"><t t-esc="props.content"/></div></t>
+  <t t-name="nodexui.Bubble">
     <div t-att-class="classNames" t-att-data-side="side" t-att-style="props.style" role="listitem"><t t-slot="default"/></div>
   </t>
-  <t t-name="Bubble" t-call="baseui.Bubble"/>
-<t t-name="baseui.Button">
+  <t t-name="Bubble" t-call="nodexui.Bubble"/>
+<t t-name="nodexui.Button">
     <a
       t-if="props.href"
       t-ref="root"
@@ -897,11 +897,11 @@
       <Icon t-if="props.icon &amp;&amp; iconPosition === 'end'" name="props.icon"/>
     </button>
   </t>
-  <t t-name="Button" t-call="baseui.Button"/>
-<t t-name="baseui.button-group">
+  <t t-name="Button" t-call="nodexui.Button"/>
+<t t-name="nodexui.button-group">
     <div b-ui="button-group"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.ButtonGroup">
+  <t t-name="nodexui.ButtonGroup">
     <div
       t-att-class="classNames"
       t-att-aria-label="ariaLabel"
@@ -910,7 +910,7 @@
       role="group"
     ><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.ButtonGroupSeparator">
+  <t t-name="nodexui.ButtonGroupSeparator">
     <span
       t-att-class="classNames"
       t-att-data-orientation="orientation"
@@ -918,16 +918,16 @@
       role="separator"
     ></span>
   </t>
-  <t t-name="baseui.ButtonGroupText">
+  <t t-name="nodexui.ButtonGroupText">
     <span t-att-class="classNames" t-att-style="props.style"><t t-slot="default"/></span>
   </t>
-  <t t-name="ButtonGroup" t-call="baseui.ButtonGroup"/>
-  <t t-name="ButtonGroupSeparator" t-call="baseui.ButtonGroupSeparator"/>
-  <t t-name="ButtonGroupText" t-call="baseui.ButtonGroupText"/>
-<t t-name="baseui.calendar">
+  <t t-name="ButtonGroup" t-call="nodexui.ButtonGroup"/>
+  <t t-name="ButtonGroupSeparator" t-call="nodexui.ButtonGroupSeparator"/>
+  <t t-name="ButtonGroupText" t-call="nodexui.ButtonGroupText"/>
+<t t-name="nodexui.calendar">
     <div class="b-calendar"/>
   </t>
-  <t t-name="baseui.Calendar">
+  <t t-name="nodexui.Calendar">
     <div t-att-class="'b-calendar' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <div class="b-calendar__header"><t t-esc="headerLabel"/></div>
       <div class="b-calendar__weekdays">
@@ -948,75 +948,75 @@
       </div>
     </div>
   </t>
-  <t t-name="Calendar" t-call="baseui.Calendar"/>
-<t t-name="baseui.Card">
+  <t t-name="Calendar" t-call="nodexui.Calendar"/>
+<t t-name="nodexui.Card">
     <div t-tag="tag" t-att-class="'card b-card' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="Card" t-call="baseui.Card"/>
+  <t t-name="Card" t-call="nodexui.Card"/>
 
-  <t t-name="baseui.CardHeader">
+  <t t-name="nodexui.CardHeader">
     <div t-att-class="'card-header' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="CardHeader" t-call="baseui.CardHeader"/>
+  <t t-name="CardHeader" t-call="nodexui.CardHeader"/>
 
-  <t t-name="baseui.CardBody">
+  <t t-name="nodexui.CardBody">
     <div t-att-class="'card-body' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="CardBody" t-call="baseui.CardBody"/>
+  <t t-name="CardBody" t-call="nodexui.CardBody"/>
 
-  <t t-name="baseui.CardFooter">
+  <t t-name="nodexui.CardFooter">
     <div t-att-class="'card-footer' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="CardFooter" t-call="baseui.CardFooter"/>
+  <t t-name="CardFooter" t-call="nodexui.CardFooter"/>
 
-  <t t-name="baseui.CardTitle">
+  <t t-name="nodexui.CardTitle">
     <h3 t-att-class="'card-title' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </h3>
   </t>
-  <t t-name="CardTitle" t-call="baseui.CardTitle"/>
+  <t t-name="CardTitle" t-call="nodexui.CardTitle"/>
 
-  <t t-name="baseui.CardDescription">
+  <t t-name="nodexui.CardDescription">
     <p t-att-class="'card-text text-body-secondary' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </p>
   </t>
-  <t t-name="CardDescription" t-call="baseui.CardDescription"/>
-<t t-name="baseui.carousel">
+  <t t-name="CardDescription" t-call="nodexui.CardDescription"/>
+<t t-name="nodexui.carousel">
     <div class="b-carousel"/>
   </t>
-  <t t-name="baseui.Carousel">
+  <t t-name="nodexui.Carousel">
     <div t-ref="root" t-att-class="'b-carousel carousel slide' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <div class="carousel-inner">
         <t t-slot="default"/>
       </div>
     </div>
   </t>
-  <t t-name="Carousel" t-call="baseui.Carousel"/>
-  <t t-name="baseui.CarouselSlide">
+  <t t-name="Carousel" t-call="nodexui.Carousel"/>
+  <t t-name="nodexui.CarouselSlide">
     <div t-ref="root" t-att-class="'b-carousel-slide carousel-item' + (initialActive ? ' active' : '')" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="CarouselSlide" t-call="baseui.CarouselSlide"/>
-  <t t-name="baseui.CarouselPrevious">
+  <t t-name="CarouselSlide" t-call="nodexui.CarouselSlide"/>
+  <t t-name="nodexui.CarouselPrevious">
     <Button unstyled="true" className="'b-carousel-prev'" style="props.style" onClick="() => this.onClick()"><t t-slot="default"/></Button>
   </t>
-  <t t-name="CarouselPrevious" t-call="baseui.CarouselPrevious"/>
-  <t t-name="baseui.CarouselNext">
+  <t t-name="CarouselPrevious" t-call="nodexui.CarouselPrevious"/>
+  <t t-name="nodexui.CarouselNext">
     <Button unstyled="true" className="'b-carousel-next'" style="props.style" onClick="() => this.onClick()"><t t-slot="default"/></Button>
   </t>
-  <t t-name="CarouselNext" t-call="baseui.CarouselNext"/>
-<t t-name="baseui.chart">
+  <t t-name="CarouselNext" t-call="nodexui.CarouselNext"/>
+<t t-name="nodexui.chart">
     <div class="b-chart"/>
   </t>
-  <t t-name="baseui.Chart">
+  <t t-name="nodexui.Chart">
     <div
       b-ui="chart"
       t-att-b-att-variant="props.variant"
@@ -1025,11 +1025,11 @@
       t-att-style="props.style"
     ><t t-slot="default"/></div>
   </t>
-  <t t-name="Chart" t-call="baseui.Chart"/>
-<t t-name="baseui.checkbox">
+  <t t-name="Chart" t-call="nodexui.Chart"/>
+<t t-name="nodexui.checkbox">
     <label b-ui="checkbox"><input type="checkbox"/><t t-slot="default"/></label>
   </t>
-  <t t-name="baseui.Checkbox">
+  <t t-name="nodexui.Checkbox">
     <label t-att-class="'form-check b-check ' + (props.className || '')" t-att-style="props.style">
       <input
         type="checkbox"
@@ -1042,8 +1042,8 @@
       <t t-slot="default"/>
     </label>
   </t>
-  <t t-name="Checkbox" t-call="baseui.Checkbox"/>
-<t t-name="baseui.ClipboardButton">
+  <t t-name="Checkbox" t-call="nodexui.Checkbox"/>
+<t t-name="nodexui.ClipboardButton">
     <Button
       unstyled="true"
       className="classNames"
@@ -1058,8 +1058,8 @@
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="ClipboardButton" t-call="baseui.ClipboardButton"/>
-<t t-name="baseui.CodeEditor">
+  <t t-name="ClipboardButton" t-call="nodexui.ClipboardButton"/>
+<t t-name="nodexui.CodeEditor">
     <section t-att-class="classNames" t-att-style="props.style">
       <div class="b-code-editor-header">
         <div class="b-code-editor-heading">
@@ -1100,34 +1100,34 @@
       </small>
     </section>
   </t>
-  <t t-name="CodeEditor" t-call="baseui.CodeEditor"/>
-<t t-name="baseui.collapsible">
+  <t t-name="CodeEditor" t-call="nodexui.CodeEditor"/>
+<t t-name="nodexui.collapsible">
     <div b-ui="collapsible"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.Collapsible">
+  <t t-name="nodexui.Collapsible">
     <div t-att-class="'b-collapsible' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="Collapsible" t-call="baseui.Collapsible"/>
-  <t t-name="baseui.CollapsibleTrigger">
+  <t t-name="Collapsible" t-call="nodexui.Collapsible"/>
+  <t t-name="nodexui.CollapsibleTrigger">
     <Button unstyled="true" className="'b-collapsible-trigger'" style="props.style" attrs="attrs" onClick="() => this.onClick()">
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="CollapsibleTrigger" t-call="baseui.CollapsibleTrigger"/>
-  <t t-name="baseui.CollapsibleContent">
+  <t t-name="CollapsibleTrigger" t-call="nodexui.CollapsibleTrigger"/>
+  <t t-name="nodexui.CollapsibleContent">
     <div t-ref="root" t-att-class="'collapse b-collapsible-content' + (initialOpen ? ' show' : '')" t-att-style="props.style" t-att-aria-hidden="open ? undefined : 'true'">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="CollapsibleContent" t-call="baseui.CollapsibleContent"/>
-<t t-name="baseui.combobox">
+  <t t-name="CollapsibleContent" t-call="nodexui.CollapsibleContent"/>
+<t t-name="nodexui.combobox">
     <div class="b-combobox"/>
   </t>
-  <t t-name="baseui.Combobox">
+  <t t-name="nodexui.Combobox">
     <div t-att-class="'b-combobox' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" t-ref="root">
-      <t t-call="baseui.Outlined"><t t-call="baseui.Combobox.field"/></t>
+      <t t-call="nodexui.Outlined"><t t-call="nodexui.Combobox.field"/></t>
       <div t-if="disclosure.open" class="b-combobox-list" role="listbox">
         <div
           t-foreach="filteredOptions"
@@ -1142,7 +1142,7 @@
       </div>
     </div>
   </t>
-  <t t-name="baseui.Combobox.field">
+  <t t-name="nodexui.Combobox.field">
     <input
       t-att-class="classNames"
       role="combobox"
@@ -1157,11 +1157,11 @@
       t-on-focus="onFocus"
     />
   </t>
-  <t t-name="Combobox" t-call="baseui.Combobox"/>
-<t t-name="baseui.command">
+  <t t-name="Combobox" t-call="nodexui.Combobox"/>
+<t t-name="nodexui.command">
     <div b-ui="command" class="b-command"/>
   </t>
-  <t t-name="baseui.Command">
+  <t t-name="nodexui.Command">
     <div t-att-class="'b-command' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" role="dialog">
       <input class="form-control" t-att-placeholder="props.placeholder" t-on-input="onInput"/>
       <div class="b-command-list">
@@ -1177,36 +1177,36 @@
       </div>
     </div>
   </t>
-  <t t-name="Command" t-call="baseui.Command"/>
-<t t-name="baseui.context-menu">
+  <t t-name="Command" t-call="nodexui.Command"/>
+<t t-name="nodexui.context-menu">
     <div class="b-context-menu"/>
   </t>
-  <t t-name="baseui.ContextMenu">
+  <t t-name="nodexui.ContextMenu">
     <t t-slot="default"/>
   </t>
-  <t t-name="ContextMenu" t-call="baseui.ContextMenu"/>
-  <t t-name="baseui.ContextMenuTrigger">
+  <t t-name="ContextMenu" t-call="nodexui.ContextMenu"/>
+  <t t-name="nodexui.ContextMenuTrigger">
     <div class="b-context-menu-trigger" t-on-contextmenu="onContextMenu">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="ContextMenuTrigger" t-call="baseui.ContextMenuTrigger"/>
-  <t t-name="baseui.ContextMenuContent">
+  <t t-name="ContextMenuTrigger" t-call="nodexui.ContextMenuTrigger"/>
+  <t t-name="nodexui.ContextMenuContent">
     <div t-if="open" class="b-context-menu-content" role="menu" t-att-style="style" t-ref="root">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="ContextMenuContent" t-call="baseui.ContextMenuContent"/>
-  <t t-name="baseui.ContextMenuItem">
+  <t t-name="ContextMenuContent" t-call="nodexui.ContextMenuContent"/>
+  <t t-name="nodexui.ContextMenuItem">
     <div class="b-context-menu-item" role="menuitem" tabindex="0" t-on-click="onClick">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="ContextMenuItem" t-call="baseui.ContextMenuItem"/>
-<t t-name="baseui.data-table">
+  <t t-name="ContextMenuItem" t-call="nodexui.ContextMenuItem"/>
+<t t-name="nodexui.data-table">
     <div class="b-data-table"/>
   </t>
-  <t t-name="baseui.DataTable.Table">
+  <t t-name="nodexui.DataTable.Table">
     <div class="b-data-table__viewport" t-att-style="viewportStyle">
       <table class="table b-data-table__table">
         <thead>
@@ -1283,7 +1283,7 @@
       </table>
     </div>
   </t>
-  <t t-name="baseui.DataTable">
+  <t t-name="nodexui.DataTable">
     <div t-att-class="classNames" t-att-style="props.style" data-slot="data-table">
       <div class="b-data-table__toolbar" t-if="hasSearch || hasColumnToggle || hasToolbarActions">
         <input
@@ -1317,8 +1317,8 @@
           </div>
         </div>
       </div>
-      <t t-call="baseui.DataTable.Table"/>
-      <t t-call="baseui.DataTable.Cards"/>
+      <t t-call="nodexui.DataTable.Table"/>
+      <t t-call="nodexui.DataTable.Cards"/>
       <div class="b-data-table__pagination" t-if="hasPagination">
         <div class="b-data-table__selection-summary">
           <t t-esc="selectionLabel"/>
@@ -1350,8 +1350,8 @@
       </div>
     </div>
   </t>
-  <t t-name="DataTable" t-call="baseui.DataTable"/>
-<t t-name="baseui.DataTable.Cards">
+  <t t-name="DataTable" t-call="nodexui.DataTable"/>
+<t t-name="nodexui.DataTable.Cards">
     <div class="b-data-table__cards">
       <div t-if="!pageRows.length" class="b-data-table__empty-card">
         <t t-esc="emptyLabel"/>
@@ -1388,13 +1388,13 @@
       </div>
     </div>
   </t>
-<t t-name="baseui.date-picker">
+<t t-name="nodexui.date-picker">
     <input class="form-control" type="date"/>
   </t>
-  <t t-name="baseui.DatePicker">
-    <t t-call="baseui.Outlined"><t t-call="baseui.DatePicker.field"/></t>
+  <t t-name="nodexui.DatePicker">
+    <t t-call="nodexui.Outlined"><t t-call="nodexui.DatePicker.field"/></t>
   </t>
-  <t t-name="baseui.DatePicker.field">
+  <t t-name="nodexui.DatePicker.field">
     <input
       type="date"
       t-att-class="classNames"
@@ -1406,22 +1406,22 @@
       t-on-input="onInput"
     />
   </t>
-  <t t-name="DatePicker" t-call="baseui.DatePicker"/>
-<t t-name="baseui.Dialog">
+  <t t-name="DatePicker" t-call="nodexui.DatePicker"/>
+<t t-name="nodexui.Dialog">
     <div data-slot="dialog" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="Dialog" t-call="baseui.Dialog"/>
+  <t t-name="Dialog" t-call="nodexui.Dialog"/>
 
-  <t t-name="baseui.DialogTrigger">
+  <t t-name="nodexui.DialogTrigger">
     <span class="b-dialog-trigger" data-slot="dialog-trigger" t-att-style="props.style" t-on-click="onClick">
       <t t-slot="default"/>
     </span>
   </t>
-  <t t-name="DialogTrigger" t-call="baseui.DialogTrigger"/>
+  <t t-name="DialogTrigger" t-call="nodexui.DialogTrigger"/>
 
-  <t t-name="baseui.DialogContent">
+  <t t-name="nodexui.DialogContent">
     <div t-ref="root" class="modal fade b-dialog-backdrop" data-slot="dialog-overlay" tabindex="-1" aria-hidden="true" t-att-style="props.style">
       <div class="modal-dialog modal-dialog-centered">
         <div t-att-class="'modal-content b-dialog-panel' + (props.className ? ' ' + props.className : '')" data-slot="dialog-content">
@@ -1441,37 +1441,37 @@
       </div>
     </div>
   </t>
-  <t t-name="DialogContent" t-call="baseui.DialogContent"/>
+  <t t-name="DialogContent" t-call="nodexui.DialogContent"/>
 
-  <t t-name="baseui.DialogHeader">
+  <t t-name="nodexui.DialogHeader">
     <div t-att-class="'b-dialog-header' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-slot="dialog-header">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DialogHeader" t-call="baseui.DialogHeader"/>
+  <t t-name="DialogHeader" t-call="nodexui.DialogHeader"/>
 
-  <t t-name="baseui.DialogFooter">
+  <t t-name="nodexui.DialogFooter">
     <div t-att-class="'b-dialog-footer' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-slot="dialog-footer">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DialogFooter" t-call="baseui.DialogFooter"/>
+  <t t-name="DialogFooter" t-call="nodexui.DialogFooter"/>
 
-  <t t-name="baseui.DialogTitle">
+  <t t-name="nodexui.DialogTitle">
     <h2 t-att-class="'b-dialog-title' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-slot="dialog-title">
       <t t-slot="default"/>
     </h2>
   </t>
-  <t t-name="DialogTitle" t-call="baseui.DialogTitle"/>
+  <t t-name="DialogTitle" t-call="nodexui.DialogTitle"/>
 
-  <t t-name="baseui.DialogDescription">
+  <t t-name="nodexui.DialogDescription">
     <p t-att-class="'b-dialog-description' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-slot="dialog-description">
       <t t-slot="default"/>
     </p>
   </t>
-  <t t-name="DialogDescription" t-call="baseui.DialogDescription"/>
+  <t t-name="DialogDescription" t-call="nodexui.DialogDescription"/>
 
-  <t t-name="baseui.DialogClose">
+  <t t-name="nodexui.DialogClose">
     <Button
       variant="'outline'"
       className="'b-dialog-close' + (props.className ? ' ' + props.className : '')"
@@ -1481,82 +1481,82 @@
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="DialogClose" t-call="baseui.DialogClose"/>
-<t t-name="baseui.direction"><div b-ui="direction"><t t-esc="props.content"/></div></t>
-  <t t-name="baseui.Direction">
+  <t t-name="DialogClose" t-call="nodexui.DialogClose"/>
+<t t-name="nodexui.direction"><div b-ui="direction"><t t-esc="props.content"/></div></t>
+  <t t-name="nodexui.Direction">
     <div t-att-class="'b-direction' + (props.className ? ' ' + props.className : '')" t-att-dir="dir" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="Direction" t-call="baseui.Direction"/>
-<t t-name="baseui.drawer"><div b-ui="drawer"><div b-drawer-panel=""><t t-esc="props.content"/></div></div></t>
-  <t t-name="baseui.Drawer"><t t-slot="default"/></t>
-  <t t-name="Drawer" t-call="baseui.Drawer"/>
-  <t t-name="baseui.DrawerTrigger">
+  <t t-name="Direction" t-call="nodexui.Direction"/>
+<t t-name="nodexui.drawer"><div b-ui="drawer"><div b-drawer-panel=""><t t-esc="props.content"/></div></div></t>
+  <t t-name="nodexui.Drawer"><t t-slot="default"/></t>
+  <t t-name="Drawer" t-call="nodexui.Drawer"/>
+  <t t-name="nodexui.DrawerTrigger">
     <Button variant="'outline'" className="'b-drawer-trigger'" style="props.style" onClick="() => this.onClick()"><t t-slot="default"/></Button>
   </t>
-  <t t-name="DrawerTrigger" t-call="baseui.DrawerTrigger"/>
-  <t t-name="baseui.DrawerContent">
+  <t t-name="DrawerTrigger" t-call="nodexui.DrawerTrigger"/>
+  <t t-name="nodexui.DrawerContent">
     <div t-ref="root" class="offcanvas offcanvas-bottom b-drawer-overlay" tabindex="-1" t-att-style="props.style">
       <div class="b-drawer-panel">
         <t t-slot="default"/>
       </div>
     </div>
   </t>
-  <t t-name="DrawerContent" t-call="baseui.DrawerContent"/>
-  <t t-name="baseui.DrawerHeader"><div class="b-drawer-header" t-att-style="props.style"><t t-slot="default"/></div></t>
-  <t t-name="DrawerHeader" t-call="baseui.DrawerHeader"/>
-  <t t-name="baseui.DrawerFooter"><div class="b-drawer-footer" t-att-style="props.style"><t t-slot="default"/></div></t>
-  <t t-name="DrawerFooter" t-call="baseui.DrawerFooter"/>
-  <t t-name="baseui.DrawerTitle"><h2 class="b-drawer-title" t-att-style="props.style"><t t-slot="default"/></h2></t>
-  <t t-name="DrawerTitle" t-call="baseui.DrawerTitle"/>
-  <t t-name="baseui.DrawerDescription"><p class="b-drawer-description" t-att-style="props.style"><t t-slot="default"/></p></t>
-  <t t-name="DrawerDescription" t-call="baseui.DrawerDescription"/>
-  <t t-name="baseui.DrawerClose">
+  <t t-name="DrawerContent" t-call="nodexui.DrawerContent"/>
+  <t t-name="nodexui.DrawerHeader"><div class="b-drawer-header" t-att-style="props.style"><t t-slot="default"/></div></t>
+  <t t-name="DrawerHeader" t-call="nodexui.DrawerHeader"/>
+  <t t-name="nodexui.DrawerFooter"><div class="b-drawer-footer" t-att-style="props.style"><t t-slot="default"/></div></t>
+  <t t-name="DrawerFooter" t-call="nodexui.DrawerFooter"/>
+  <t t-name="nodexui.DrawerTitle"><h2 class="b-drawer-title" t-att-style="props.style"><t t-slot="default"/></h2></t>
+  <t t-name="DrawerTitle" t-call="nodexui.DrawerTitle"/>
+  <t t-name="nodexui.DrawerDescription"><p class="b-drawer-description" t-att-style="props.style"><t t-slot="default"/></p></t>
+  <t t-name="DrawerDescription" t-call="nodexui.DrawerDescription"/>
+  <t t-name="nodexui.DrawerClose">
     <Button variant="'outline'" attrs="attrs" className="'b-drawer-close'" style="props.style"><t t-slot="default"/></Button>
   </t>
-  <t t-name="DrawerClose" t-call="baseui.DrawerClose"/>
-<t t-name="baseui.dropdown-menu">
+  <t t-name="DrawerClose" t-call="nodexui.DrawerClose"/>
+<t t-name="nodexui.dropdown-menu">
     <div b-ui="dropdown-menu">
       <button b-dropdown-trigger="" type="button"><t t-esc="props.label"/></button>
       <div b-dropdown-menu=""><t t-slot="default"/></div>
     </div>
   </t>
-  <t t-name="baseui.DropdownMenu">
+  <t t-name="nodexui.DropdownMenu">
     <div data-slot="dropdown-menu" t-att-class="'b-dropdown-menu dropdown' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" t-ref="root">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DropdownMenu" t-call="baseui.DropdownMenu"/>
-  <t t-name="baseui.DropdownMenuTrigger">
+  <t t-name="DropdownMenu" t-call="nodexui.DropdownMenu"/>
+  <t t-name="nodexui.DropdownMenuTrigger">
     <Button unstyled="true" getRef="getRef" className="classNames" style="props.style" attrs="attrs" onClick="() => this.onClick()">
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="DropdownMenuTrigger" t-call="baseui.DropdownMenuTrigger"/>
-  <t t-name="baseui.DropdownMenuContent">
+  <t t-name="DropdownMenuTrigger" t-call="nodexui.DropdownMenuTrigger"/>
+  <t t-name="nodexui.DropdownMenuContent">
     <div data-slot="dropdown-menu-content" t-att-class="classNames" t-att-style="props.style" role="menu" t-att-data-state="open ? 'open' : 'closed'" data-side="bottom" tabindex="-1">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DropdownMenuContent" t-call="baseui.DropdownMenuContent"/>
-  <t t-name="baseui.DropdownMenuGroup">
+  <t t-name="DropdownMenuContent" t-call="nodexui.DropdownMenuContent"/>
+  <t t-name="nodexui.DropdownMenuGroup">
     <div data-slot="dropdown-menu-group" role="group" t-att-class="props.className" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DropdownMenuGroup" t-call="baseui.DropdownMenuGroup"/>
-  <t t-name="baseui.DropdownMenuLabel">
+  <t t-name="DropdownMenuGroup" t-call="nodexui.DropdownMenuGroup"/>
+  <t t-name="nodexui.DropdownMenuLabel">
     <div data-slot="dropdown-menu-label" t-att-data-inset="props.inset ? '' : undefined" t-att-class="'dropdown-header b-dropdown-menu-label' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DropdownMenuLabel" t-call="baseui.DropdownMenuLabel"/>
-  <t t-name="baseui.DropdownMenuItem">
+  <t t-name="DropdownMenuLabel" t-call="nodexui.DropdownMenuLabel"/>
+  <t t-name="nodexui.DropdownMenuItem">
     <div data-slot="dropdown-menu-item" t-att-data-inset="props.inset ? '' : undefined" t-att-data-variant="variant" t-att-aria-disabled="props.disabled ? 'true' : undefined" t-att-class="'dropdown-item b-dropdown-menu-item' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" role="menuitem" tabindex="0" t-on-click="onClick">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DropdownMenuItem" t-call="baseui.DropdownMenuItem"/>
-  <t t-name="baseui.DropdownMenuCheckboxItem">
+  <t t-name="DropdownMenuItem" t-call="nodexui.DropdownMenuItem"/>
+  <t t-name="nodexui.DropdownMenuCheckboxItem">
     <div data-slot="dropdown-menu-checkbox-item" t-att-data-inset="props.inset ? '' : undefined" t-att-data-checked="props.checked ? '' : undefined" t-att-aria-checked="props.checked ? 'true' : 'false'" t-att-aria-disabled="props.disabled ? 'true' : undefined" t-att-class="'dropdown-item b-dropdown-menu-checkbox-item' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" role="menuitemcheckbox" tabindex="0" t-on-click="onClick">
       <span data-slot="dropdown-menu-checkbox-item-indicator" class="b-dropdown-menu-item-indicator">
         <Icon t-if="props.checked" name="'check'"/>
@@ -1564,14 +1564,14 @@
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DropdownMenuCheckboxItem" t-call="baseui.DropdownMenuCheckboxItem"/>
-  <t t-name="baseui.DropdownMenuRadioGroup">
+  <t t-name="DropdownMenuCheckboxItem" t-call="nodexui.DropdownMenuCheckboxItem"/>
+  <t t-name="nodexui.DropdownMenuRadioGroup">
     <div data-slot="dropdown-menu-radio-group" role="group" t-att-class="props.className" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DropdownMenuRadioGroup" t-call="baseui.DropdownMenuRadioGroup"/>
-  <t t-name="baseui.DropdownMenuRadioItem">
+  <t t-name="DropdownMenuRadioGroup" t-call="nodexui.DropdownMenuRadioGroup"/>
+  <t t-name="nodexui.DropdownMenuRadioItem">
     <div data-slot="dropdown-menu-radio-item" t-att-data-inset="props.inset ? '' : undefined" t-att-data-checked="checked ? '' : undefined" t-att-aria-checked="checked ? 'true' : 'false'" t-att-aria-disabled="props.disabled ? 'true' : undefined" t-att-class="'dropdown-item b-dropdown-menu-radio-item' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" role="menuitemradio" tabindex="0" t-on-click="onClick">
       <span data-slot="dropdown-menu-radio-item-indicator" class="b-dropdown-menu-item-indicator">
         <Icon t-if="checked" name="'check'"/>
@@ -1579,88 +1579,88 @@
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DropdownMenuRadioItem" t-call="baseui.DropdownMenuRadioItem"/>
-  <t t-name="baseui.DropdownMenuSeparator">
+  <t t-name="DropdownMenuRadioItem" t-call="nodexui.DropdownMenuRadioItem"/>
+  <t t-name="nodexui.DropdownMenuSeparator">
     <div data-slot="dropdown-menu-separator" class="dropdown-divider b-dropdown-menu-separator" t-att-style="props.style" role="separator"/>
   </t>
-  <t t-name="DropdownMenuSeparator" t-call="baseui.DropdownMenuSeparator"/>
-  <t t-name="baseui.DropdownMenuShortcut">
+  <t t-name="DropdownMenuSeparator" t-call="nodexui.DropdownMenuSeparator"/>
+  <t t-name="nodexui.DropdownMenuShortcut">
     <span data-slot="dropdown-menu-shortcut" t-att-class="'b-dropdown-menu-shortcut' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </span>
   </t>
-  <t t-name="DropdownMenuShortcut" t-call="baseui.DropdownMenuShortcut"/>
-  <t t-name="baseui.DropdownMenuSub">
+  <t t-name="DropdownMenuShortcut" t-call="nodexui.DropdownMenuShortcut"/>
+  <t t-name="nodexui.DropdownMenuSub">
     <div data-slot="dropdown-menu-sub" class="b-dropdown-menu-sub" t-att-style="props.style" t-ref="root" t-on-mouseleave="env.dropdownSubClose">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DropdownMenuSub" t-call="baseui.DropdownMenuSub"/>
-  <t t-name="baseui.DropdownMenuSubTrigger">
+  <t t-name="DropdownMenuSub" t-call="nodexui.DropdownMenuSub"/>
+  <t t-name="nodexui.DropdownMenuSubTrigger">
     <div data-slot="dropdown-menu-sub-trigger" t-att-data-inset="props.inset ? '' : undefined" t-att-data-state="env.dropdownSub.open ? 'open' : 'closed'" t-att-aria-expanded="env.dropdownSub.open ? 'true' : 'false'" t-att-aria-disabled="props.disabled ? 'true' : undefined" t-att-class="'b-dropdown-menu-sub-trigger' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" role="menuitem" tabindex="0" aria-haspopup="menu" t-on-mouseenter="onMouseEnter" t-on-focus="onMouseEnter" t-on-click="onClick">
       <t t-slot="default"/>
       <Icon name="'chevron-right'" className="'b-dropdown-menu-sub-trigger-icon'"/>
     </div>
   </t>
-  <t t-name="DropdownMenuSubTrigger" t-call="baseui.DropdownMenuSubTrigger"/>
-  <t t-name="baseui.DropdownMenuSubContent">
+  <t t-name="DropdownMenuSubTrigger" t-call="nodexui.DropdownMenuSubTrigger"/>
+  <t t-name="nodexui.DropdownMenuSubContent">
     <div t-if="open" data-slot="dropdown-menu-sub-content" t-att-class="'b-dropdown-menu-sub-content' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" role="menu" data-state="open" data-side="right" tabindex="-1">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="DropdownMenuSubContent" t-call="baseui.DropdownMenuSubContent"/>
-<t t-name="baseui.empty">
+  <t t-name="DropdownMenuSubContent" t-call="nodexui.DropdownMenuSubContent"/>
+<t t-name="nodexui.empty">
     <div b-ui="empty"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.Empty">
+  <t t-name="nodexui.Empty">
     <div t-att-class="classNames" t-att-style="props.style" role="status"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.EmptyHeader">
+  <t t-name="nodexui.EmptyHeader">
     <div t-att-class="'b-empty-header' + (props.className ? ' ' + props.className : '')" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.EmptyMedia">
+  <t t-name="nodexui.EmptyMedia">
     <div t-att-class="classNames" t-att-data-variant="variant" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.EmptyTitle">
+  <t t-name="nodexui.EmptyTitle">
     <div t-att-class="'b-empty-title' + (props.className ? ' ' + props.className : '')" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.EmptyDescription">
+  <t t-name="nodexui.EmptyDescription">
     <div t-att-class="'b-empty-description' + (props.className ? ' ' + props.className : '')" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.EmptyContent">
+  <t t-name="nodexui.EmptyContent">
     <div t-att-class="'b-empty-content' + (props.className ? ' ' + props.className : '')" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="Empty" t-call="baseui.Empty"/>
-  <t t-name="EmptyHeader" t-call="baseui.EmptyHeader"/>
-  <t t-name="EmptyMedia" t-call="baseui.EmptyMedia"/>
-  <t t-name="EmptyTitle" t-call="baseui.EmptyTitle"/>
-  <t t-name="EmptyDescription" t-call="baseui.EmptyDescription"/>
-  <t t-name="EmptyContent" t-call="baseui.EmptyContent"/>
-<t t-name="baseui.field">
+  <t t-name="Empty" t-call="nodexui.Empty"/>
+  <t t-name="EmptyHeader" t-call="nodexui.EmptyHeader"/>
+  <t t-name="EmptyMedia" t-call="nodexui.EmptyMedia"/>
+  <t t-name="EmptyTitle" t-call="nodexui.EmptyTitle"/>
+  <t t-name="EmptyDescription" t-call="nodexui.EmptyDescription"/>
+  <t t-name="EmptyContent" t-call="nodexui.EmptyContent"/>
+<t t-name="nodexui.field">
     <div b-ui="field" class="b-field" role="group"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.FieldSet">
+  <t t-name="nodexui.FieldSet">
     <fieldset t-att-class="classNames" t-att-style="props.style" data-slot="field-set">
       <t t-slot="default"/>
     </fieldset>
   </t>
-  <t t-name="FieldSet" t-call="baseui.FieldSet"/>
+  <t t-name="FieldSet" t-call="nodexui.FieldSet"/>
 
-  <t t-name="baseui.FieldLegend">
+  <t t-name="nodexui.FieldLegend">
     <legend t-att-class="classNames" t-att-style="props.style" data-slot="field-legend" t-att-data-variant="variant">
       <t t-slot="default"/>
     </legend>
   </t>
-  <t t-name="FieldLegend" t-call="baseui.FieldLegend"/>
+  <t t-name="FieldLegend" t-call="nodexui.FieldLegend"/>
 
-  <t t-name="baseui.FieldGroup">
+  <t t-name="nodexui.FieldGroup">
     <div t-att-class="classNames" t-att-style="props.style" data-slot="field-group">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="FieldGroup" t-call="baseui.FieldGroup"/>
+  <t t-name="FieldGroup" t-call="nodexui.FieldGroup"/>
 
-  <t t-name="baseui.Field">
+  <t t-name="nodexui.Field">
     <div
       role="group"
       data-slot="field"
@@ -1672,37 +1672,37 @@
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="Field" t-call="baseui.Field"/>
+  <t t-name="Field" t-call="nodexui.Field"/>
 
-  <t t-name="baseui.FieldContent">
+  <t t-name="nodexui.FieldContent">
     <div t-att-class="classNames" t-att-style="props.style" data-slot="field-content">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="FieldContent" t-call="baseui.FieldContent"/>
+  <t t-name="FieldContent" t-call="nodexui.FieldContent"/>
 
-  <t t-name="baseui.FieldLabel">
+  <t t-name="nodexui.FieldLabel">
     <label t-att-class="classNames" t-att-style="props.style" t-att-for="props.for" data-slot="field-label">
       <t t-slot="default"/>
     </label>
   </t>
-  <t t-name="FieldLabel" t-call="baseui.FieldLabel"/>
+  <t t-name="FieldLabel" t-call="nodexui.FieldLabel"/>
 
-  <t t-name="baseui.FieldTitle">
+  <t t-name="nodexui.FieldTitle">
     <div t-att-class="classNames" t-att-style="props.style" data-slot="field-label">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="FieldTitle" t-call="baseui.FieldTitle"/>
+  <t t-name="FieldTitle" t-call="nodexui.FieldTitle"/>
 
-  <t t-name="baseui.FieldDescription">
+  <t t-name="nodexui.FieldDescription">
     <p t-att-class="classNames" t-att-style="props.style" data-slot="field-description">
       <t t-slot="default"/>
     </p>
   </t>
-  <t t-name="FieldDescription" t-call="baseui.FieldDescription"/>
+  <t t-name="FieldDescription" t-call="nodexui.FieldDescription"/>
 
-  <t t-name="baseui.FieldSeparator">
+  <t t-name="nodexui.FieldSeparator">
     <div t-att-class="classNames" t-att-style="props.style" data-slot="field-separator" t-att-data-content="hasContent ? 'true' : 'false'">
       <span class="b-field-separator-line" aria-hidden="true"></span>
       <span t-if="hasContent" class="b-field-separator-content" data-slot="field-separator-content">
@@ -1710,16 +1710,16 @@
       </span>
     </div>
   </t>
-  <t t-name="FieldSeparator" t-call="baseui.FieldSeparator"/>
+  <t t-name="FieldSeparator" t-call="nodexui.FieldSeparator"/>
 
-  <t t-name="baseui.FieldError">
+  <t t-name="nodexui.FieldError">
     <div role="alert" t-att-class="classNames" t-att-style="props.style" data-slot="field-error">
       <t t-if="props.message" t-esc="props.message"/>
       <t t-else="" t-slot="default"/>
     </div>
   </t>
-  <t t-name="FieldError" t-call="baseui.FieldError"/>
-<t t-name="baseui.Form">
+  <t t-name="FieldError" t-call="nodexui.FieldError"/>
+<t t-name="nodexui.Form">
     <form t-att-class="classNames" t-att-style="props.style" data-slot="form" novalidate="novalidate" t-on-submit="submit">
       <div class="b-form-header">
         <h3 class="b-form-title">Bug Report</h3>
@@ -1772,9 +1772,9 @@
       </Field>
     </form>
   </t>
-  <t t-name="Form" t-call="baseui.Form"/>
-<t t-name="baseui.hover-card"><span b-ui="hover-card"><t t-esc="props.content"/></span></t>
-  <t t-name="baseui.HoverCard">
+  <t t-name="Form" t-call="nodexui.Form"/>
+<t t-name="nodexui.hover-card"><span b-ui="hover-card"><t t-esc="props.content"/></span></t>
+  <t t-name="nodexui.HoverCard">
     <span
       t-att-class="'b-hover-card' + (props.className ? ' ' + props.className : '')"
       t-att-style="props.style"
@@ -1787,16 +1787,16 @@
       <t t-slot="default"/>
     </span>
   </t>
-  <t t-name="HoverCard" t-call="baseui.HoverCard"/>
-  <t t-name="baseui.HoverCardTrigger">
+  <t t-name="HoverCard" t-call="nodexui.HoverCard"/>
+  <t t-name="nodexui.HoverCardTrigger">
     <span class="b-hover-card-trigger" t-att-style="props.style" aria-haspopup="dialog"><t t-slot="default"/></span>
   </t>
-  <t t-name="HoverCardTrigger" t-call="baseui.HoverCardTrigger"/>
-  <t t-name="baseui.HoverCardContent">
+  <t t-name="HoverCardTrigger" t-call="nodexui.HoverCardTrigger"/>
+  <t t-name="nodexui.HoverCardContent">
     <span t-if="open" t-att-class="'b-hover-card-content' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" role="dialog"><t t-slot="default"/></span>
   </t>
-  <t t-name="HoverCardContent" t-call="baseui.HoverCardContent"/>
-<t t-name="baseui.Icon">
+  <t t-name="HoverCardContent" t-call="nodexui.HoverCardContent"/>
+<t t-name="nodexui.Icon">
     <span
       t-att-b-icon="name"
       t-att-class="classNames"
@@ -1807,19 +1807,19 @@
       t-att-aria-hidden="props.label ? undefined : 'true'"
     ></span>
   </t>
-  <t t-name="Icon" t-call="baseui.Icon"/>
-<t t-name="baseui.Outlined.label">
+  <t t-name="Icon" t-call="nodexui.Icon"/>
+<t t-name="nodexui.Outlined.label">
     <div t-if="label" class="b-input-label">
       <span class="b-input-label-text" t-esc="label"/>
       <Tooltip t-if="tipText" content="tipText" className="'b-input-tip'"><t t-set-slot="trigger"><IconCircleQuestionMark/></t></Tooltip>
     </div>
   </t>
-  <t t-name="baseui.Outlined">
+  <t t-name="nodexui.Outlined">
     <div t-if="isOutlined" t-att-class="outlinedClassNames" t-att-style="labelStyle">
       <div class="b-input-box" t-ref="box">
         <Icon t-if="leadingIcon" name="leadingIcon" className="'b-input-icon b-input-leading'"/>
         <t t-out="0"/>
-        <t t-call="baseui.Outlined.label"/>
+        <t t-call="nodexui.Outlined.label"/>
         <Icon t-if="trailingIcon" name="trailingIcon" className="'b-input-icon b-input-trailing'"/>
         <div t-if="hasStart" class="b-input-slot b-input-slot-start" t-ref="start"><t t-slot="start"/></div>
         <div t-if="hasEnd" class="b-input-slot b-input-slot-end" t-ref="end"><t t-slot="end"/></div>
@@ -1832,10 +1832,10 @@
     </div>
     <t t-else="" t-out="0"/>
   </t>
-  <t t-name="baseui.Input">
-    <t t-call="baseui.Outlined"><t t-call="baseui.Input.field"/></t>
+  <t t-name="nodexui.Input">
+    <t t-call="nodexui.Outlined"><t t-call="nodexui.Input.field"/></t>
   </t>
-  <t t-name="baseui.Input.field">
+  <t t-name="nodexui.Input.field">
     <input
       t-att-class="classNames"
       t-att-style="props.style"
@@ -1858,11 +1858,11 @@
       t-on-change="onChange"
     />
   </t>
-  <t t-name="Input" t-call="baseui.Input"/>
-<t t-name="baseui.input-otp">
+  <t t-name="Input" t-call="nodexui.Input"/>
+<t t-name="nodexui.input-otp">
     <div class="b-input-otp"/>
   </t>
-  <t t-name="baseui.InputOtp">
+  <t t-name="nodexui.InputOtp">
     <div t-att-class="classNames" t-att-style="props.style" t-ref="root" t-on-paste="onPaste">
       <input
         t-foreach="boxes"
@@ -1877,31 +1877,31 @@
       />
     </div>
   </t>
-  <t t-name="InputOtp" t-call="baseui.InputOtp"/>
-<t t-name="baseui.item"><div b-ui="item"><t t-esc="props.content"/></div></t>
-  <t t-name="baseui.Item">
+  <t t-name="InputOtp" t-call="nodexui.InputOtp"/>
+<t t-name="nodexui.item"><div b-ui="item"><t t-esc="props.content"/></div></t>
+  <t t-name="nodexui.Item">
     <div t-att-class="classNames" t-att-data-variant="variant" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="Item" t-call="baseui.Item"/>
-<t t-name="baseui.kbd"><kbd b-ui="kbd"><t t-esc="props.content"/></kbd></t>
-  <t t-name="baseui.Kbd"><kbd t-att-class="classNames" t-att-style="props.style"><t t-slot="default"/></kbd></t>
-  <t t-name="Kbd" t-call="baseui.Kbd"/>
-<t t-name="baseui.label">
+  <t t-name="Item" t-call="nodexui.Item"/>
+<t t-name="nodexui.kbd"><kbd b-ui="kbd"><t t-esc="props.content"/></kbd></t>
+  <t t-name="nodexui.Kbd"><kbd t-att-class="classNames" t-att-style="props.style"><t t-slot="default"/></kbd></t>
+  <t t-name="Kbd" t-call="nodexui.Kbd"/>
+<t t-name="nodexui.label">
     <label b-ui="label"><t t-slot="default"/></label>
   </t>
-  <t t-name="baseui.Label">
+  <t t-name="nodexui.Label">
     <label t-att-class="classNames" t-att-for="props.for" t-att-data-state="state" t-att-style="props.style">
       <t t-slot="default"/>
     </label>
   </t>
-  <t t-name="Label" t-call="baseui.Label"/>
-<t t-name="baseui.marker"><span b-ui="marker"><t t-esc="props.content"/></span></t>
-  <t t-name="baseui.Marker"><span t-att-class="classNames" t-att-data-variant="variant" t-att-style="props.style"><t t-slot="default"/></span></t>
-  <t t-name="Marker" t-call="baseui.Marker"/>
-<t t-name="baseui.markdown">
+  <t t-name="Label" t-call="nodexui.Label"/>
+<t t-name="nodexui.marker"><span b-ui="marker"><t t-esc="props.content"/></span></t>
+  <t t-name="nodexui.Marker"><span t-att-class="classNames" t-att-data-variant="variant" t-att-style="props.style"><t t-slot="default"/></span></t>
+  <t t-name="Marker" t-call="nodexui.Marker"/>
+<t t-name="nodexui.markdown">
     <div class="b-markdown"/>
   </t>
-  <t t-name="baseui.Markdown">
+  <t t-name="nodexui.Markdown">
     <div t-ref="root" t-att-class="classNames" t-att-style="props.style" data-slot="markdown" t-att-data-status="state.status">
       <div t-if="state.status === 'loading'" class="b-markdown-loading" role="status">Loading…</div>
       <div t-elif="state.status === 'error'" class="b-markdown-error" role="alert">
@@ -1928,9 +1928,9 @@
       </t>
     </div>
   </t>
-  <t t-name="Markdown" t-call="baseui.Markdown"/>
+  <t t-name="Markdown" t-call="nodexui.Markdown"/>
 
-  <t t-name="baseui.MarkdownTree">
+  <t t-name="nodexui.MarkdownTree">
     <div t-att-class="'b-markdown-tree' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-slot="markdown-tree">
       <div t-if="state.status === 'loading'" class="b-markdown-tree-loading" role="status">Loading…</div>
       <div t-elif="state.status === 'error'" class="b-markdown-tree-error" role="alert">
@@ -1945,9 +1945,9 @@
       </SidebarGroup>
     </div>
   </t>
-  <t t-name="MarkdownTree" t-call="baseui.MarkdownTree"/>
+  <t t-name="MarkdownTree" t-call="nodexui.MarkdownTree"/>
 
-  <t t-name="baseui.MarkdownTreeNode">
+  <t t-name="nodexui.MarkdownTreeNode">
     <t t-if="props.node.type === 'file'">
       <t t-if="props.nested">
         <DropdownMenuItem onClick="() => this.select(props.node.path)">
@@ -2009,35 +2009,35 @@
       </t>
     </t>
   </t>
-  <t t-name="MarkdownTreeNode" t-call="baseui.MarkdownTreeNode"/>
-<t t-name="baseui.message">
+  <t t-name="MarkdownTreeNode" t-call="nodexui.MarkdownTreeNode"/>
+<t t-name="nodexui.message">
     <article class="b-message"/>
   </t>
-  <t t-name="baseui.Message">
+  <t t-name="nodexui.Message">
     <article t-att-class="classNames" t-att-data-side="side" role="listitem" t-att-style="props.style">
       <t t-slot="default"/>
     </article>
   </t>
-  <t t-name="Message" t-call="baseui.Message"/>
-<t t-name="baseui.message-scroller">
+  <t t-name="Message" t-call="nodexui.Message"/>
+<t t-name="nodexui.message-scroller">
     <div class="b-message-scroller"/>
   </t>
-  <t t-name="baseui.MessageScroller">
+  <t t-name="nodexui.MessageScroller">
     <div t-att-class="'b-message-scroller' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" t-ref="root">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="MessageScroller" t-call="baseui.MessageScroller"/>
-<t t-name="baseui.menubar"><nav b-ui="menubar"><t t-esc="props.content"/></nav></t>
-  <t t-name="baseui.Menubar"><nav t-att-class="classNames" role="menubar" t-att-style="props.style"><t t-slot="default"/></nav></t>
-  <t t-name="Menubar" t-call="baseui.Menubar"/>
-<t t-name="baseui.native-select">
+  <t t-name="MessageScroller" t-call="nodexui.MessageScroller"/>
+<t t-name="nodexui.menubar"><nav b-ui="menubar"><t t-esc="props.content"/></nav></t>
+  <t t-name="nodexui.Menubar"><nav t-att-class="classNames" role="menubar" t-att-style="props.style"><t t-slot="default"/></nav></t>
+  <t t-name="Menubar" t-call="nodexui.Menubar"/>
+<t t-name="nodexui.native-select">
     <select b-ui="native-select"><t t-slot="default"/></select>
   </t>
-  <t t-name="baseui.NativeSelect">
-    <t t-call="baseui.Outlined"><t t-call="baseui.NativeSelect.field"/></t>
+  <t t-name="nodexui.NativeSelect">
+    <t t-call="nodexui.Outlined"><t t-call="nodexui.NativeSelect.field"/></t>
   </t>
-  <t t-name="baseui.NativeSelect.field">
+  <t t-name="nodexui.NativeSelect.field">
     <select t-att-class="classNames" t-att-disabled="props.disabled" t-att-value="props.value"
             t-att-aria-label="ariaLabel" t-att-id="props.id" t-att-style="props.style"
             t-att-aria-invalid="isInvalid ? 'true' : undefined" t-att-aria-describedby="describedBy"
@@ -2045,11 +2045,11 @@
       <t t-slot="default"/>
     </select>
   </t>
-  <t t-name="NativeSelect" t-call="baseui.NativeSelect"/>
-<t t-name="baseui.navigation-menu">
+  <t t-name="NativeSelect" t-call="nodexui.NativeSelect"/>
+<t t-name="nodexui.navigation-menu">
     <nav b-ui="navigation-menu"><t t-slot="default"/></nav>
   </t>
-  <t t-name="baseui.NavigationMenu">
+  <t t-name="nodexui.NavigationMenu">
     <nav
       t-att-class="'nav b-navigation-menu' + (props.className ? ' ' + props.className : '')"
       role="menubar"
@@ -2060,59 +2060,59 @@
       <t t-slot="default"/>
     </nav>
   </t>
-  <t t-name="NavigationMenu" t-call="baseui.NavigationMenu"/>
-  <t t-name="baseui.NavigationMenuItem">
+  <t t-name="NavigationMenu" t-call="nodexui.NavigationMenu"/>
+  <t t-name="nodexui.NavigationMenuItem">
     <a t-att-href="props.href || '#'" role="menuitem" t-att-class="'nav-link' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </a>
   </t>
-  <t t-name="NavigationMenuItem" t-call="baseui.NavigationMenuItem"/>
-<t t-name="baseui.pagination">
+  <t t-name="NavigationMenuItem" t-call="nodexui.NavigationMenuItem"/>
+<t t-name="nodexui.pagination">
     <nav b-ui="pagination" aria-label="Pagination"><ul><t t-slot="default"/></ul></nav>
   </t>
-  <t t-name="baseui.Pagination">
+  <t t-name="nodexui.Pagination">
     <nav t-att-class="classNames" aria-label="Pagination" t-att-style="props.style"><ul class="pagination"><t t-slot="default"/></ul></nav>
   </t>
-  <t t-name="Pagination" t-call="baseui.Pagination"/>
-  <t t-name="baseui.PaginationItem">
+  <t t-name="Pagination" t-call="nodexui.Pagination"/>
+  <t t-name="nodexui.PaginationItem">
     <li t-att-class="classNames" t-att-style="props.style">
       <a href="#" class="page-link" t-att-aria-current="props.current ? 'page' : undefined" t-on-click.prevent="onClick">
         <t t-slot="default"/>
       </a>
     </li>
   </t>
-  <t t-name="PaginationItem" t-call="baseui.PaginationItem"/>
-<t t-name="baseui.popover">
+  <t t-name="PaginationItem" t-call="nodexui.PaginationItem"/>
+<t t-name="nodexui.popover">
     <span b-ui="popover">
       <button b-popover-trigger="" type="button"><t t-esc="props.label"/></button>
       <span b-popover-content=""><t t-slot="default"/></span>
     </span>
   </t>
-  <t t-name="baseui.Popover">
+  <t t-name="nodexui.Popover">
     <span t-att-class="'b-popover' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </span>
   </t>
-  <t t-name="Popover" t-call="baseui.Popover"/>
-  <t t-name="baseui.PopoverTrigger">
+  <t t-name="Popover" t-call="nodexui.Popover"/>
+  <t t-name="nodexui.PopoverTrigger">
     <Button unstyled="true" getRef="getRef" className="'btn b-button btn-outline-secondary b-popover-trigger'" attrs="attrs" style="props.style" onClick="() => this.onClick()">
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="PopoverTrigger" t-call="baseui.PopoverTrigger"/>
+  <t t-name="PopoverTrigger" t-call="nodexui.PopoverTrigger"/>
   <!-- Rendered but never shown: Owl keeps this reactive so PopoverTrigger
        can read its innerHTML as the bootstrap.Popover content string (see
        popover.component.js). Bootstrap renders the actual visible popup
        itself, appended to document.body. -->
-  <t t-name="baseui.PopoverContent">
+  <t t-name="nodexui.PopoverContent">
     <span t-ref="buffer" class="b-popover-content" t-att-style="style" aria-hidden="true">
       <t t-if="props.content" t-esc="props.content"/>
       <t t-else="" t-slot="default"/>
     </span>
   </t>
-  <t t-name="PopoverContent" t-call="baseui.PopoverContent"/>
-<t t-name="baseui.progress"><div b-ui="progress"></div></t>
-  <t t-name="baseui.Progress">
+  <t t-name="PopoverContent" t-call="nodexui.PopoverContent"/>
+<t t-name="nodexui.progress"><div b-ui="progress"></div></t>
+  <t t-name="nodexui.Progress">
     <div
       t-att-class="classNames"
       role="progressbar"
@@ -2124,21 +2124,21 @@
       <span class="progress-bar b-progress-indicator"></span>
     </div>
   </t>
-  <t t-name="Progress" t-call="baseui.Progress"/>
-<t t-name="baseui.pwa">
+  <t t-name="Progress" t-call="nodexui.Progress"/>
+<t t-name="nodexui.pwa">
     <div b-ui="pwa" hidden="hidden">
       <div b-pwa-panel="">
         <t t-slot="default"/>
       </div>
     </div>
   </t>
-  <t t-name="baseui.Pwa"><t t-slot="default"/></t>
-  <t t-name="Pwa" t-call="baseui.Pwa"/>
-  <t t-name="baseui.PwaTrigger">
+  <t t-name="nodexui.Pwa"><t t-slot="default"/></t>
+  <t t-name="Pwa" t-call="nodexui.Pwa"/>
+  <t t-name="nodexui.PwaTrigger">
     <Button variant="'default'" className="'b-pwa-trigger'" style="props.style" onClick="() => this.onClick()"><t t-slot="default"/></Button>
   </t>
-  <t t-name="PwaTrigger" t-call="baseui.PwaTrigger"/>
-  <t t-name="baseui.PwaContent">
+  <t t-name="PwaTrigger" t-call="nodexui.PwaTrigger"/>
+  <t t-name="nodexui.PwaContent">
     <div
       t-if="open"
       class="b-pwa-overlay"
@@ -2152,16 +2152,16 @@
       </div>
     </div>
   </t>
-  <t t-name="PwaContent" t-call="baseui.PwaContent"/>
-  <t t-name="baseui.PwaHeader"><div class="b-pwa-header" t-att-style="props.style"><t t-slot="default"/></div></t>
-  <t t-name="PwaHeader" t-call="baseui.PwaHeader"/>
-  <t t-name="baseui.PwaTitle"><h2 class="b-pwa-title" t-att-style="props.style"><t t-slot="default"/></h2></t>
-  <t t-name="PwaTitle" t-call="baseui.PwaTitle"/>
-  <t t-name="baseui.PwaDescription"><p class="b-pwa-description" t-att-style="props.style"><t t-slot="default"/></p></t>
-  <t t-name="PwaDescription" t-call="baseui.PwaDescription"/>
-  <t t-name="baseui.PwaBody"><div class="b-pwa-body" t-att-style="props.style"><t t-slot="default"/></div></t>
-  <t t-name="PwaBody" t-call="baseui.PwaBody"/>
-  <t t-name="baseui.PwaSteps">
+  <t t-name="PwaContent" t-call="nodexui.PwaContent"/>
+  <t t-name="nodexui.PwaHeader"><div class="b-pwa-header" t-att-style="props.style"><t t-slot="default"/></div></t>
+  <t t-name="PwaHeader" t-call="nodexui.PwaHeader"/>
+  <t t-name="nodexui.PwaTitle"><h2 class="b-pwa-title" t-att-style="props.style"><t t-slot="default"/></h2></t>
+  <t t-name="PwaTitle" t-call="nodexui.PwaTitle"/>
+  <t t-name="nodexui.PwaDescription"><p class="b-pwa-description" t-att-style="props.style"><t t-slot="default"/></p></t>
+  <t t-name="PwaDescription" t-call="nodexui.PwaDescription"/>
+  <t t-name="nodexui.PwaBody"><div class="b-pwa-body" t-att-style="props.style"><t t-slot="default"/></div></t>
+  <t t-name="PwaBody" t-call="nodexui.PwaBody"/>
+  <t t-name="nodexui.PwaSteps">
     <ol class="b-pwa-steps" t-att-style="props.style">
       <t t-foreach="steps" t-as="step" t-key="step_index">
         <li>
@@ -2171,46 +2171,46 @@
       </t>
     </ol>
   </t>
-  <t t-name="PwaSteps" t-call="baseui.PwaSteps"/>
-  <t t-name="baseui.PwaFooter"><div class="b-pwa-footer" t-att-style="props.style"><t t-slot="default"/></div></t>
-  <t t-name="PwaFooter" t-call="baseui.PwaFooter"/>
-  <t t-name="baseui.PwaClose">
+  <t t-name="PwaSteps" t-call="nodexui.PwaSteps"/>
+  <t t-name="nodexui.PwaFooter"><div class="b-pwa-footer" t-att-style="props.style"><t t-slot="default"/></div></t>
+  <t t-name="PwaFooter" t-call="nodexui.PwaFooter"/>
+  <t t-name="nodexui.PwaClose">
     <Button variant="'outline'" className="'b-pwa-close'" style="props.style" onClick="() => this.onClick()"><t t-slot="default"/></Button>
   </t>
-  <t t-name="PwaClose" t-call="baseui.PwaClose"/>
-<t t-name="baseui.questionnaire">
+  <t t-name="PwaClose" t-call="nodexui.PwaClose"/>
+<t t-name="nodexui.questionnaire">
     <form class="b-questionnaire"/>
   </t>
-  <t t-name="baseui.Questionnaire">
+  <t t-name="nodexui.Questionnaire">
     <form t-att-class="'b-questionnaire' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" t-on-submit.prevent="">
       <t t-slot="default"/>
     </form>
   </t>
-  <t t-name="Questionnaire" t-call="baseui.Questionnaire"/>
-  <t t-name="baseui.QuestionnaireStep">
+  <t t-name="Questionnaire" t-call="nodexui.Questionnaire"/>
+  <t t-name="nodexui.QuestionnaireStep">
     <div t-if="active" class="b-questionnaire-step" t-att-style="props.style"><t t-slot="default"/></div>
   </t>
-  <t t-name="QuestionnaireStep" t-call="baseui.QuestionnaireStep"/>
-  <t t-name="baseui.QuestionnairePrevious">
+  <t t-name="QuestionnaireStep" t-call="nodexui.QuestionnaireStep"/>
+  <t t-name="nodexui.QuestionnairePrevious">
     <Button unstyled="true" className="'b-questionnaire-prev'" style="props.style" disabled="disabled" onClick="() => this.onClick()">
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="QuestionnairePrevious" t-call="baseui.QuestionnairePrevious"/>
-  <t t-name="baseui.QuestionnaireNext">
+  <t t-name="QuestionnairePrevious" t-call="nodexui.QuestionnairePrevious"/>
+  <t t-name="nodexui.QuestionnaireNext">
     <Button unstyled="true" className="'b-questionnaire-next'" style="props.style" onClick="() => this.onClick()">
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="QuestionnaireNext" t-call="baseui.QuestionnaireNext"/>
-<t t-name="baseui.radio-group">
+  <t t-name="QuestionnaireNext" t-call="nodexui.QuestionnaireNext"/>
+<t t-name="nodexui.radio-group">
     <label b-ui="radio-group"><input type="radio"/><t t-slot="default"/></label>
   </t>
-  <t t-name="baseui.RadioGroup">
+  <t t-name="nodexui.RadioGroup">
     <div t-att-class="classNames" t-att-style="props.style" role="radiogroup"><t t-slot="default"/></div>
   </t>
-  <t t-name="RadioGroup" t-call="baseui.RadioGroup"/>
-  <t t-name="baseui.RadioGroupItem">
+  <t t-name="RadioGroup" t-call="nodexui.RadioGroup"/>
+  <t t-name="nodexui.RadioGroupItem">
     <label t-att-class="'form-check b-check ' + (props.className || '')" t-att-style="props.style">
       <input
         type="radio"
@@ -2223,11 +2223,11 @@
       <t t-slot="default"/>
     </label>
   </t>
-  <t t-name="RadioGroupItem" t-call="baseui.RadioGroupItem"/>
-<t t-name="baseui.resizable">
+  <t t-name="RadioGroupItem" t-call="nodexui.RadioGroupItem"/>
+<t t-name="nodexui.resizable">
     <div class="b-resizable"/>
   </t>
-  <t t-name="baseui.Resizable">
+  <t t-name="nodexui.Resizable">
     <div t-att-class="'b-resizable' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <div class="b-resizable-panel" t-ref="panel" t-att-style="panelStyle">
         <t t-slot="default"/>
@@ -2235,33 +2235,33 @@
       <div class="b-resizable-handle" t-on-pointerdown="onPointerDown"></div>
     </div>
   </t>
-  <t t-name="Resizable" t-call="baseui.Resizable"/>
-<t t-name="baseui.scroll-area">
+  <t t-name="Resizable" t-call="nodexui.Resizable"/>
+<t t-name="nodexui.scroll-area">
     <div class="b-scroll-area"/>
   </t>
-  <t t-name="baseui.ScrollArea">
+  <t t-name="nodexui.ScrollArea">
     <div t-att-class="classNames" t-att-style="props.style" role="region" tabindex="0"><t t-slot="default"/></div>
   </t>
-  <t t-name="ScrollArea" t-call="baseui.ScrollArea"/>
-<t t-name="baseui.separator">
+  <t t-name="ScrollArea" t-call="nodexui.ScrollArea"/>
+<t t-name="nodexui.separator">
     <hr b-ui="separator"/>
   </t>
-  <t t-name="baseui.Separator">
+  <t t-name="nodexui.Separator">
     <hr t-att-class="classNames" t-att-style="props.style" role="separator" t-att-aria-orientation="vertical ? 'vertical' : 'horizontal'"/>
   </t>
-  <t t-name="Separator" t-call="baseui.Separator"/>
-<t t-name="baseui.select"><div b-ui="select"><t t-esc="props.content"/></div></t>
-  <t t-name="baseui.Select">
+  <t t-name="Separator" t-call="nodexui.Separator"/>
+<t t-name="nodexui.select"><div b-ui="select"><t t-esc="props.content"/></div></t>
+  <t t-name="nodexui.Select">
     <div t-att-class="classNames" t-att-style="rootStyle" t-ref="root">
       <t t-slot="default"/>
-      <t t-if="isOutlined" t-call="baseui.Outlined.label"/>
+      <t t-if="isOutlined" t-call="nodexui.Outlined.label"/>
       <div t-if="isOutlined and supportingText" class="b-input-support">
         <span t-att-id="supportId" t-esc="supportingText"/>
       </div>
     </div>
   </t>
-  <t t-name="Select" t-call="baseui.Select"/>
-  <t t-name="baseui.SelectTrigger">
+  <t t-name="Select" t-call="nodexui.Select"/>
+  <t t-name="nodexui.SelectTrigger">
     <Button
       unstyled="true"
       className="'b-select-trigger'"
@@ -2272,14 +2272,14 @@
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="SelectTrigger" t-call="baseui.SelectTrigger"/>
-  <t t-name="baseui.SelectContent">
+  <t t-name="SelectTrigger" t-call="nodexui.SelectTrigger"/>
+  <t t-name="nodexui.SelectContent">
     <div t-if="open" class="b-select-content" t-att-style="props.style" role="listbox">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="SelectContent" t-call="baseui.SelectContent"/>
-  <t t-name="baseui.SelectItem">
+  <t t-name="SelectContent" t-call="nodexui.SelectContent"/>
+  <t t-name="nodexui.SelectItem">
     <div
       class="b-select-item"
       role="option"
@@ -2290,12 +2290,12 @@
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="SelectItem" t-call="baseui.SelectItem"/>
-<t t-name="baseui.shell">
+  <t t-name="SelectItem" t-call="nodexui.SelectItem"/>
+<t t-name="nodexui.shell">
     <div b-ui="shell"><t t-slot="default"/></div>
   </t>
 
-  <t t-name="baseui.Shell">
+  <t t-name="nodexui.Shell">
     <div t-att-class="'b-shell' + (props.className ? ' ' + props.className : '')"
          t-att-style="props.style"
          t-att-b-att-collapsed="state.collapsed ? 'true' : 'false'">
@@ -2327,44 +2327,44 @@
       </t>
     </div>
   </t>
-  <t t-name="Shell" t-call="baseui.Shell"/>
+  <t t-name="Shell" t-call="nodexui.Shell"/>
 
-  <t t-name="baseui.ShellSidebar">
+  <t t-name="nodexui.ShellSidebar">
     <SidebarContent className="props.className" style="props.style">
       <t t-slot="default"/>
     </SidebarContent>
   </t>
-  <t t-name="ShellSidebar" t-call="baseui.ShellSidebar"/>
+  <t t-name="ShellSidebar" t-call="nodexui.ShellSidebar"/>
 
-  <t t-name="baseui.ShellSidebarHeader">
+  <t t-name="nodexui.ShellSidebarHeader">
     <div t-att-class="'b-shell-sidebar-header' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="ShellSidebarHeader" t-call="baseui.ShellSidebarHeader"/>
+  <t t-name="ShellSidebarHeader" t-call="nodexui.ShellSidebarHeader"/>
 
-  <t t-name="baseui.ShellNav">
+  <t t-name="nodexui.ShellNav">
     <nav t-att-class="'b-shell-nav' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </nav>
   </t>
-  <t t-name="ShellNav" t-call="baseui.ShellNav"/>
+  <t t-name="ShellNav" t-call="nodexui.ShellNav"/>
 
-  <t t-name="baseui.ShellMain">
+  <t t-name="nodexui.ShellMain">
     <div t-att-class="'b-shell-main' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="ShellMain" t-call="baseui.ShellMain"/>
+  <t t-name="ShellMain" t-call="nodexui.ShellMain"/>
 
-  <t t-name="baseui.ShellHeader">
+  <t t-name="nodexui.ShellHeader">
     <header t-att-class="'b-shell-header' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </header>
   </t>
-  <t t-name="ShellHeader" t-call="baseui.ShellHeader"/>
+  <t t-name="ShellHeader" t-call="nodexui.ShellHeader"/>
 
-  <t t-name="baseui.ShellContent">
+  <t t-name="nodexui.ShellContent">
     <main t-att-class="'b-shell-content' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-if="props.loading">
         <div class="b-shell-content-skeleton" aria-busy="true" aria-live="polite">
@@ -2379,9 +2379,9 @@
       </t>
     </main>
   </t>
-  <t t-name="ShellContent" t-call="baseui.ShellContent"/>
+  <t t-name="ShellContent" t-call="nodexui.ShellContent"/>
 
-  <t t-name="baseui.ShellUserMenu">
+  <t t-name="nodexui.ShellUserMenu">
     <div t-if="authState" t-att-class="'b-shell-user' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default">
         <span class="b-shell-user-name" t-esc="authState.username"/>
@@ -2389,51 +2389,51 @@
       </t>
     </div>
   </t>
-  <t t-name="ShellUserMenu" t-call="baseui.ShellUserMenu"/>
-<t t-name="baseui.skeleton">
+  <t t-name="ShellUserMenu" t-call="nodexui.ShellUserMenu"/>
+<t t-name="nodexui.skeleton">
     <span b-ui="skeleton"></span>
   </t>
-  <t t-name="baseui.Skeleton">
+  <t t-name="nodexui.Skeleton">
     <span t-att-class="classNames" t-att-style="props.style" aria-hidden="true"></span>
   </t>
-  <t t-name="Skeleton" t-call="baseui.Skeleton"/>
-<t t-name="baseui.sheet">
+  <t t-name="Skeleton" t-call="nodexui.Skeleton"/>
+<t t-name="nodexui.sheet">
     <div b-ui="sheet">
       <aside b-sheet-panel="">
         <t t-slot="default"/>
       </aside>
     </div>
   </t>
-  <t t-name="baseui.Sheet"><t t-slot="default"/></t>
-  <t t-name="Sheet" t-call="baseui.Sheet"/>
-  <t t-name="baseui.SheetTrigger">
+  <t t-name="nodexui.Sheet"><t t-slot="default"/></t>
+  <t t-name="Sheet" t-call="nodexui.Sheet"/>
+  <t t-name="nodexui.SheetTrigger">
     <Button variant="'outline'" className="'b-sheet-trigger'" style="props.style" onClick="() => this.onClick()"><t t-slot="default"/></Button>
   </t>
-  <t t-name="SheetTrigger" t-call="baseui.SheetTrigger"/>
-  <t t-name="baseui.SheetContent">
+  <t t-name="SheetTrigger" t-call="nodexui.SheetTrigger"/>
+  <t t-name="nodexui.SheetContent">
     <div t-ref="root" t-att-class="'offcanvas ' + placementClass + ' b-sheet-overlay'" t-att-style="props.style" tabindex="-1">
       <aside class="b-sheet-panel">
         <t t-slot="default"/>
       </aside>
     </div>
   </t>
-  <t t-name="SheetContent" t-call="baseui.SheetContent"/>
-  <t t-name="baseui.SheetHeader"><div class="b-sheet-header" t-att-style="props.style"><t t-slot="default"/></div></t>
-  <t t-name="SheetHeader" t-call="baseui.SheetHeader"/>
-  <t t-name="baseui.SheetFooter"><div class="b-sheet-footer" t-att-style="props.style"><t t-slot="default"/></div></t>
-  <t t-name="SheetFooter" t-call="baseui.SheetFooter"/>
-  <t t-name="baseui.SheetTitle"><h2 class="b-sheet-title" t-att-style="props.style"><t t-slot="default"/></h2></t>
-  <t t-name="SheetTitle" t-call="baseui.SheetTitle"/>
-  <t t-name="baseui.SheetDescription"><p class="b-sheet-description" t-att-style="props.style"><t t-slot="default"/></p></t>
-  <t t-name="SheetDescription" t-call="baseui.SheetDescription"/>
-  <t t-name="baseui.SheetClose">
+  <t t-name="SheetContent" t-call="nodexui.SheetContent"/>
+  <t t-name="nodexui.SheetHeader"><div class="b-sheet-header" t-att-style="props.style"><t t-slot="default"/></div></t>
+  <t t-name="SheetHeader" t-call="nodexui.SheetHeader"/>
+  <t t-name="nodexui.SheetFooter"><div class="b-sheet-footer" t-att-style="props.style"><t t-slot="default"/></div></t>
+  <t t-name="SheetFooter" t-call="nodexui.SheetFooter"/>
+  <t t-name="nodexui.SheetTitle"><h2 class="b-sheet-title" t-att-style="props.style"><t t-slot="default"/></h2></t>
+  <t t-name="SheetTitle" t-call="nodexui.SheetTitle"/>
+  <t t-name="nodexui.SheetDescription"><p class="b-sheet-description" t-att-style="props.style"><t t-slot="default"/></p></t>
+  <t t-name="SheetDescription" t-call="nodexui.SheetDescription"/>
+  <t t-name="nodexui.SheetClose">
     <Button variant="'outline'" className="'b-sheet-close'" style="props.style" attrs="{'data-bs-dismiss': 'offcanvas'}"><t t-slot="default"/></Button>
   </t>
-  <t t-name="SheetClose" t-call="baseui.SheetClose"/>
-<t t-name="baseui.sidebar">
+  <t t-name="SheetClose" t-call="nodexui.SheetClose"/>
+<t t-name="nodexui.sidebar">
     <aside b-ui="sidebar"><t t-slot="default"/></aside>
   </t>
-  <t t-name="baseui.Sidebar">
+  <t t-name="nodexui.Sidebar">
     <div t-att-class="classNames"
          t-att-style="props.style"
          data-slot="sidebar-wrapper"
@@ -2446,9 +2446,9 @@
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="Sidebar" t-call="baseui.Sidebar"/>
-  <t t-name="SidebarProvider" t-call="baseui.Sidebar"/>
-  <t t-name="baseui.SidebarContent">
+  <t t-name="Sidebar" t-call="nodexui.Sidebar"/>
+  <t t-name="SidebarProvider" t-call="nodexui.Sidebar"/>
+  <t t-name="nodexui.SidebarContent">
     <aside t-att-class="'b-sidebar' + (open ? ' is-open' : '') + (props.className ? ' ' + props.className : '')"
            t-att-style="props.style"
            data-sidebar="sidebar"
@@ -2457,26 +2457,26 @@
       <t t-slot="default"/>
     </aside>
   </t>
-  <t t-name="SidebarContent" t-call="baseui.SidebarContent"/>
-  <t t-name="baseui.SidebarHeader">
+  <t t-name="SidebarContent" t-call="nodexui.SidebarContent"/>
+  <t t-name="nodexui.SidebarHeader">
     <div t-att-class="'b-sidebar-header' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-sidebar="header" data-slot="sidebar-header">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="SidebarHeader" t-call="baseui.SidebarHeader"/>
-  <t t-name="baseui.SidebarFooter">
+  <t t-name="SidebarHeader" t-call="nodexui.SidebarHeader"/>
+  <t t-name="nodexui.SidebarFooter">
     <div t-att-class="'b-sidebar-footer' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-sidebar="footer" data-slot="sidebar-footer">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="SidebarFooter" t-call="baseui.SidebarFooter"/>
-  <t t-name="baseui.SidebarInset">
+  <t t-name="SidebarFooter" t-call="nodexui.SidebarFooter"/>
+  <t t-name="nodexui.SidebarInset">
     <main t-att-class="'b-sidebar-inset' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-slot="sidebar-inset">
       <t t-slot="default"/>
     </main>
   </t>
-  <t t-name="SidebarInset" t-call="baseui.SidebarInset"/>
-  <t t-name="baseui.SidebarRail">
+  <t t-name="SidebarInset" t-call="nodexui.SidebarInset"/>
+  <t t-name="nodexui.SidebarRail">
     <Button type="'button'" unstyled="true"
             className="'b-sidebar-rail' + (props.className ? ' ' + props.className : '')"
             style="props.style"
@@ -2485,8 +2485,8 @@
             title="'Toggle Sidebar'"
             onClick="() => this.onClick()"/>
   </t>
-  <t t-name="SidebarRail" t-call="baseui.SidebarRail"/>
-  <t t-name="baseui.SidebarInput">
+  <t t-name="SidebarRail" t-call="nodexui.SidebarRail"/>
+  <t t-name="nodexui.SidebarInput">
     <input t-att-class="'b-sidebar-input' + (props.className ? ' ' + props.className : '')"
            t-att-style="props.style"
            data-sidebar="input"
@@ -2495,12 +2495,12 @@
            t-att-placeholder="props.placeholder"
            t-att-value="props.value"/>
   </t>
-  <t t-name="SidebarInput" t-call="baseui.SidebarInput"/>
-  <t t-name="baseui.SidebarSeparator">
+  <t t-name="SidebarInput" t-call="nodexui.SidebarInput"/>
+  <t t-name="nodexui.SidebarSeparator">
     <div t-att-class="'b-sidebar-separator' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-sidebar="separator" data-slot="sidebar-separator"/>
   </t>
-  <t t-name="SidebarSeparator" t-call="baseui.SidebarSeparator"/>
-  <t t-name="baseui.SidebarClose">
+  <t t-name="SidebarSeparator" t-call="nodexui.SidebarSeparator"/>
+  <t t-name="nodexui.SidebarClose">
     <Button type="'button'" unstyled="true"
             className="'b-sidebar-close' + (props.className ? ' ' + props.className : '')"
             style="props.style"
@@ -2513,14 +2513,14 @@
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="SidebarClose" t-call="baseui.SidebarClose"/>
-  <t t-name="baseui.SidebarGroup">
+  <t t-name="SidebarClose" t-call="nodexui.SidebarClose"/>
+  <t t-name="nodexui.SidebarGroup">
     <div t-att-class="'b-sidebar-group' + (props.muted ? ' is-muted' : '') + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-sidebar="group" data-slot="sidebar-group">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="SidebarGroup" t-call="baseui.SidebarGroup"/>
-  <t t-name="baseui.SidebarGroupLabel">
+  <t t-name="SidebarGroup" t-call="nodexui.SidebarGroup"/>
+  <t t-name="nodexui.SidebarGroupLabel">
     <a t-if="props.href" t-att-href="props.href" t-att-class="'b-sidebar-group-label' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-sidebar="group-label" data-slot="sidebar-group-label">
       <t t-slot="default"/>
     </a>
@@ -2528,8 +2528,8 @@
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="SidebarGroupLabel" t-call="baseui.SidebarGroupLabel"/>
-  <t t-name="baseui.SidebarGroupAction">
+  <t t-name="SidebarGroupLabel" t-call="nodexui.SidebarGroupLabel"/>
+  <t t-name="nodexui.SidebarGroupAction">
     <Button type="'button'" unstyled="true"
             className="'b-sidebar-group-action' + (props.className ? ' ' + props.className : '')"
             style="props.style"
@@ -2540,14 +2540,14 @@
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="SidebarGroupAction" t-call="baseui.SidebarGroupAction"/>
-  <t t-name="baseui.SidebarGroupContent">
+  <t t-name="SidebarGroupAction" t-call="nodexui.SidebarGroupAction"/>
+  <t t-name="nodexui.SidebarGroupContent">
     <div t-att-class="'b-sidebar-group-content' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-sidebar="group-content" data-slot="sidebar-group-content">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="SidebarGroupContent" t-call="baseui.SidebarGroupContent"/>
-  <t t-name="baseui.SidebarGroupCollapsible">
+  <t t-name="SidebarGroupContent" t-call="nodexui.SidebarGroupContent"/>
+  <t t-name="nodexui.SidebarGroupCollapsible">
     <div t-att-class="'b-sidebar-group' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <Button type="'button'" unstyled="true"
               className="'b-sidebar-group-trigger'"
@@ -2561,20 +2561,20 @@
       </div>
     </div>
   </t>
-  <t t-name="SidebarGroupCollapsible" t-call="baseui.SidebarGroupCollapsible"/>
-  <t t-name="baseui.SidebarMenu">
+  <t t-name="SidebarGroupCollapsible" t-call="nodexui.SidebarGroupCollapsible"/>
+  <t t-name="nodexui.SidebarMenu">
     <ul t-att-class="'b-sidebar-menu' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-sidebar="menu" data-slot="sidebar-menu">
       <t t-slot="default"/>
     </ul>
   </t>
-  <t t-name="SidebarMenu" t-call="baseui.SidebarMenu"/>
-  <t t-name="baseui.SidebarMenuItem">
+  <t t-name="SidebarMenu" t-call="nodexui.SidebarMenu"/>
+  <t t-name="nodexui.SidebarMenuItem">
     <li t-att-class="'b-sidebar-menu-item' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-sidebar="menu-item" data-slot="sidebar-menu-item">
       <t t-slot="default"/>
     </li>
   </t>
-  <t t-name="SidebarMenuItem" t-call="baseui.SidebarMenuItem"/>
-  <t t-name="baseui.SidebarMenuButton">
+  <t t-name="SidebarMenuItem" t-call="nodexui.SidebarMenuItem"/>
+  <t t-name="nodexui.SidebarMenuButton">
     <Button href="props.href" unstyled="true"
             className="classNames"
             style="props.style"
@@ -2585,8 +2585,8 @@
       <span class="b-sidebar-menu-label"><t t-slot="default"/></span>
     </Button>
   </t>
-  <t t-name="SidebarMenuButton" t-call="baseui.SidebarMenuButton"/>
-  <t t-name="baseui.SidebarMenuAction">
+  <t t-name="SidebarMenuButton" t-call="nodexui.SidebarMenuButton"/>
+  <t t-name="nodexui.SidebarMenuAction">
     <Button type="'button'" unstyled="true"
             className="'b-sidebar-menu-action' + (props.showOnHover ? ' show-on-hover' : '') + (props.className ? ' ' + props.className : '')"
             style="props.style"
@@ -2597,33 +2597,33 @@
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="SidebarMenuAction" t-call="baseui.SidebarMenuAction"/>
-  <t t-name="baseui.SidebarMenuSub">
+  <t t-name="SidebarMenuAction" t-call="nodexui.SidebarMenuAction"/>
+  <t t-name="nodexui.SidebarMenuSub">
     <ul t-att-class="'b-sidebar-menu-sub' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-sidebar="menu-sub" data-slot="sidebar-menu-sub">
       <t t-slot="default"/>
     </ul>
   </t>
-  <t t-name="SidebarMenuSub" t-call="baseui.SidebarMenuSub"/>
-  <t t-name="baseui.SidebarMenuBadge">
+  <t t-name="SidebarMenuSub" t-call="nodexui.SidebarMenuSub"/>
+  <t t-name="nodexui.SidebarMenuBadge">
     <div t-att-class="'b-sidebar-menu-badge' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-sidebar="menu-badge" data-slot="sidebar-menu-badge">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="SidebarMenuBadge" t-call="baseui.SidebarMenuBadge"/>
-  <t t-name="baseui.SidebarMenuSkeleton">
+  <t t-name="SidebarMenuBadge" t-call="nodexui.SidebarMenuBadge"/>
+  <t t-name="nodexui.SidebarMenuSkeleton">
     <div t-att-class="'b-sidebar-menu-skeleton' + (props.className ? ' ' + props.className : '')" t-att-style="style" data-sidebar="menu-skeleton" data-slot="sidebar-menu-skeleton">
       <span t-if="props.showIcon" class="b-sidebar-menu-skeleton-icon" data-sidebar="menu-skeleton-icon"></span>
       <span class="b-sidebar-menu-skeleton-text" data-sidebar="menu-skeleton-text"></span>
     </div>
   </t>
-  <t t-name="SidebarMenuSkeleton" t-call="baseui.SidebarMenuSkeleton"/>
-  <t t-name="baseui.SidebarMenuSubItem">
+  <t t-name="SidebarMenuSkeleton" t-call="nodexui.SidebarMenuSkeleton"/>
+  <t t-name="nodexui.SidebarMenuSubItem">
     <li t-att-class="'b-sidebar-menu-sub-item' + (props.className ? ' ' + props.className : '')" t-att-style="props.style" data-sidebar="menu-sub-item" data-slot="sidebar-menu-sub-item">
       <t t-slot="default"/>
     </li>
   </t>
-  <t t-name="SidebarMenuSubItem" t-call="baseui.SidebarMenuSubItem"/>
-  <t t-name="baseui.SidebarMenuSubButton">
+  <t t-name="SidebarMenuSubItem" t-call="nodexui.SidebarMenuSubItem"/>
+  <t t-name="nodexui.SidebarMenuSubButton">
     <Button href="props.href" unstyled="true"
             className="classNames"
             style="props.style"
@@ -2632,8 +2632,8 @@
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="SidebarMenuSubButton" t-call="baseui.SidebarMenuSubButton"/>
-<t t-name="baseui.SidebarTrigger">
+  <t t-name="SidebarMenuSubButton" t-call="nodexui.SidebarMenuSubButton"/>
+<t t-name="nodexui.SidebarTrigger">
     <Button type="'button'" unstyled="true"
             className="'b-sidebar-trigger' + (props.className ? ' ' + props.className : '')"
             style="props.style"
@@ -2646,9 +2646,9 @@
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="SidebarTrigger" t-call="baseui.SidebarTrigger"/>
-<t t-name="baseui.slider"><input b-ui="slider" type="range"/></t>
-  <t t-name="baseui.Slider">
+  <t t-name="SidebarTrigger" t-call="nodexui.SidebarTrigger"/>
+<t t-name="nodexui.slider"><input b-ui="slider" type="range"/></t>
+  <t t-name="nodexui.Slider">
     <input
       type="range"
       t-att-class="classNames"
@@ -2661,20 +2661,20 @@
       t-on-input="onInput"
     />
   </t>
-  <t t-name="Slider" t-call="baseui.Slider"/>
-<t t-name="baseui.spinner">
+  <t t-name="Slider" t-call="nodexui.Slider"/>
+<t t-name="nodexui.spinner">
     <span b-ui="spinner"></span>
   </t>
-  <t t-name="baseui.Spinner">
+  <t t-name="nodexui.Spinner">
     <span t-att-class="classNames" t-att-style="props.style" role="status">
       <span class="visually-hidden" t-esc="label"/>
     </span>
   </t>
-  <t t-name="Spinner" t-call="baseui.Spinner"/>
-<t t-name="baseui.switch">
+  <t t-name="Spinner" t-call="nodexui.Spinner"/>
+<t t-name="nodexui.switch">
     <label b-ui="switch"><input type="checkbox" role="switch"/><t t-slot="default"/></label>
   </t>
-  <t t-name="baseui.Switch">
+  <t t-name="nodexui.Switch">
     <label t-att-class="'form-check form-switch b-switch ' + (props.className || '')" t-att-style="props.style">
       <input
         type="checkbox"
@@ -2693,56 +2693,56 @@
       <small t-if="supportingText" class="b-switch-support" t-esc="supportingText"/>
     </label>
   </t>
-  <t t-name="Switch" t-call="baseui.Switch"/>
-<t t-name="baseui.table">
+  <t t-name="Switch" t-call="nodexui.Switch"/>
+<t t-name="nodexui.table">
     <table b-ui="table"><t t-slot="default"/></table>
   </t>
-  <t t-name="baseui.Table">
+  <t t-name="nodexui.Table">
     <div t-if="props.responsive" class="table-responsive" t-att-style="props.style"><table t-att-class="classNames"><t t-slot="default"/></table></div>
     <table t-else="" t-att-class="classNames" t-att-style="props.style"><t t-slot="default"/></table>
   </t>
-  <t t-name="Table" t-call="baseui.Table"/>
-<t t-name="baseui.Tabs">
+  <t t-name="Table" t-call="nodexui.Table"/>
+<t t-name="nodexui.Tabs">
     <div t-att-class="classNames" t-att-data-orientation="orientation" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="Tabs" t-call="baseui.Tabs"/>
+  <t t-name="Tabs" t-call="nodexui.Tabs"/>
 
-  <t t-name="baseui.TabsList">
+  <t t-name="nodexui.TabsList">
     <div t-ref="list" role="tablist" t-att-class="classNames" t-att-style="props.style" t-on-keydown="onKeyDown">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="TabsList" t-call="baseui.TabsList"/>
+  <t t-name="TabsList" t-call="nodexui.TabsList"/>
 
-  <t t-name="baseui.TabTrigger">
+  <t t-name="nodexui.TabTrigger">
     <Button unstyled="true" className="classNames" style="props.style" disabled="props.disabled" attrs="tabAttrs" getRef="(el) => this.onRootRef(el)" onClick="() => this.onClick()">
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="TabTrigger" t-call="baseui.TabTrigger"/>
+  <t t-name="TabTrigger" t-call="nodexui.TabTrigger"/>
 
-  <t t-name="baseui.TabsContainer">
+  <t t-name="nodexui.TabsContainer">
     <div t-att-class="'tab-content b-tabs-contents' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="TabsContainer" t-call="baseui.TabsContainer"/>
+  <t t-name="TabsContainer" t-call="nodexui.TabsContainer"/>
 
-  <t t-name="baseui.TabContent">
+  <t t-name="nodexui.TabContent">
     <div t-att-id="panelId" role="tabpanel" t-att-class="'tab-pane fade b-tabs-panel' + (initialActive ? ' show active' : '') + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="TabContent" t-call="baseui.TabContent"/>
-<t t-name="baseui.textarea">
+  <t t-name="TabContent" t-call="nodexui.TabContent"/>
+<t t-name="nodexui.textarea">
     <textarea b-ui="textarea"></textarea>
   </t>
-  <t t-name="baseui.Textarea">
-    <t t-call="baseui.Outlined"><t t-call="baseui.Textarea.field"/></t>
+  <t t-name="nodexui.Textarea">
+    <t t-call="nodexui.Outlined"><t t-call="nodexui.Textarea.field"/></t>
   </t>
-  <t t-name="baseui.Textarea.field">
+  <t t-name="nodexui.Textarea.field">
     <textarea
       t-att-class="classNames"
       t-att-style="props.style"
@@ -2759,11 +2759,11 @@
       t-on-change="onChange"
     ></textarea>
   </t>
-  <t t-name="Textarea" t-call="baseui.Textarea"/>
-<t t-name="baseui.text-editor">
+  <t t-name="Textarea" t-call="nodexui.Textarea"/>
+<t t-name="nodexui.text-editor">
     <div class="b-text-editor"/>
   </t>
-  <t t-name="baseui.TextEditor">
+  <t t-name="nodexui.TextEditor">
     <div t-att-class="classNames" t-att-style="props.style" data-slot="text-editor" t-att-data-status="state.status">
       <div t-if="state.status === 'loading'" class="b-text-editor-loading" role="status">Loading…</div>
       <div t-elif="state.status === 'error'" class="b-text-editor-error" role="alert">
@@ -2779,8 +2779,8 @@
       />
     </div>
   </t>
-  <t t-name="TextEditor" t-call="baseui.TextEditor"/>
-<t t-name="baseui.ThemeButton">
+  <t t-name="TextEditor" t-call="nodexui.TextEditor"/>
+<t t-name="nodexui.ThemeButton">
     <Button
       unstyled="true"
       className="classNames"
@@ -2795,11 +2795,11 @@
       <span class="visually-hidden" b-theme-button-label="" t-esc="label"/>
     </Button>
   </t>
-  <t t-name="ThemeButton" t-call="baseui.ThemeButton"/>
-<t t-name="baseui.toast">
+  <t t-name="ThemeButton" t-call="nodexui.ThemeButton"/>
+<t t-name="nodexui.toast">
     <div b-ui="toast"><t t-slot="default"/></div>
   </t>
-  <t t-name="baseui.Toast">
+  <t t-name="nodexui.Toast">
     <div t-ref="root" t-att-class="classNames" t-att-style="props.style" t-att-role="role">
       <div class="b-toast-content"><t t-slot="default"/></div>
       <div class="b-toast-actions">
@@ -2808,14 +2808,14 @@
       </div>
     </div>
   </t>
-  <t t-name="Toast" t-call="baseui.Toast"/>
-<t t-name="baseui.tooltip">
+  <t t-name="Toast" t-call="nodexui.Toast"/>
+<t t-name="nodexui.tooltip">
     <span b-ui="tooltip">
       <span b-tooltip-trigger=""><t t-slot="trigger"/></span>
       <span b-tooltip-content=""><t t-slot="default"/></span>
     </span>
   </t>
-  <t t-name="baseui.Tooltip">
+  <t t-name="nodexui.Tooltip">
     <span t-att-class="'b-tooltip' + (props.className ? ' ' + props.className : '')" t-att-style="props.style">
       <span t-ref="trigger" class="b-tooltip-trigger">
         <t t-slot="trigger"/>
@@ -2830,20 +2830,20 @@
       </span>
     </span>
   </t>
-  <t t-name="Tooltip" t-call="baseui.Tooltip"/>
-<t t-name="baseui.toggle">
+  <t t-name="Tooltip" t-call="nodexui.Tooltip"/>
+<t t-name="nodexui.toggle">
     <button type="button"><t t-out="props.label"/></button>
   </t>
-  <t t-name="baseui.Toggle">
+  <t t-name="nodexui.Toggle">
     <Button unstyled="true" className="classNames" style="props.style" aria-pressed="pressed ? 'true' : 'false'" onClick="() => this.onClick()">
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="Toggle" t-call="baseui.Toggle"/>
-<t t-name="baseui.toggle-group">
+  <t t-name="Toggle" t-call="nodexui.Toggle"/>
+<t t-name="nodexui.toggle-group">
     <div class="btn-group" role="group"/>
   </t>
-  <t t-name="baseui.ToggleGroup">
+  <t t-name="nodexui.ToggleGroup">
     <div
       t-att-class="'btn-group b-toggle-group' + (props.className ? ' ' + props.className : '')"
       t-att-style="props.style"
@@ -2852,8 +2852,8 @@
       <t t-slot="default"/>
     </div>
   </t>
-  <t t-name="ToggleGroup" t-call="baseui.ToggleGroup"/>
-  <t t-name="baseui.ToggleGroupItem">
+  <t t-name="ToggleGroup" t-call="nodexui.ToggleGroup"/>
+  <t t-name="nodexui.ToggleGroupItem">
     <Button
       unstyled="true"
       className="'btn btn-outline-secondary'"
@@ -2864,12 +2864,12 @@
       <t t-slot="default"/>
     </Button>
   </t>
-  <t t-name="ToggleGroupItem" t-call="baseui.ToggleGroupItem"/>
-<t t-name="baseui.typography">
+  <t t-name="ToggleGroupItem" t-call="nodexui.ToggleGroupItem"/>
+<t t-name="nodexui.typography">
     <p b-ui="typography"><t t-slot="default"/></p>
   </t>
-  <t t-name="baseui.Typography">
+  <t t-name="nodexui.Typography">
     <p t-tag="tag" t-att-class="classNames" t-att-style="props.style"><t t-slot="default"/></p>
   </t>
-  <t t-name="Typography" t-call="baseui.Typography"/>
+  <t t-name="Typography" t-call="nodexui.Typography"/>
 </templates>