Correct Tooltip Colors

dist/sigpro-ui.esm.js

@@ -1810,7 +1810,7 @@ __export(exports_Tooltip, {
 });
 var Tooltip = (props, children) => $html2("div", {
   ...props,
-  class: () => ui("tooltip", props.ui, props.class),
+  class: () => ui("tooltip", props.class),
   "data-tip": props.tip
 }, children);
 

dist/sigpro-ui.js

@@ -1869,7 +1869,7 @@
   });
   var Tooltip = (props, children) => $html2("div", {
     ...props,
-    class: () => ui("tooltip", props.ui, props.class),
+    class: () => ui("tooltip", props.class),
     "data-tip": props.tip
   }, children);
 

docs/components/tooltip.md

@@ -294,22 +294,22 @@ $mount(ColorsDemo, '#demo-colors');
 const AllPositionsDemo = () => {
   return Div({ class: 'grid grid-cols-3 gap-4 justify-items-center' }, [
     Div({ class: 'col-start-2' }, [
-      Tooltip({ tip: 'Top tooltip', ui: 'tooltip-top' }, [
+      Tooltip({ tip: 'Top tooltip', class: 'tooltip-top' }, [
         Button({ class: 'btn btn-sm w-24' }, 'Top')
       ])
     ]),
     Div({ class: 'col-start-1 row-start-2' }, [
-      Tooltip({ tip: 'Left tooltip', ui: 'tooltip-left' }, [
+      Tooltip({ tip: 'Left tooltip', class: 'tooltip-left' }, [
         Button({ class: 'btn btn-sm w-24' }, 'Left')
       ])
     ]),
     Div({ class: 'col-start-3 row-start-2' }, [
-      Tooltip({ tip: 'Right tooltip', ui: 'tooltip-right' }, [
+      Tooltip({ tip: 'Right tooltip', class: 'tooltip-right' }, [
         Button({ class: 'btn btn-sm w-24' }, 'Right')
       ])
     ]),
     Div({ class: 'col-start-2 row-start-3' }, [
-      Tooltip({ tip: 'Bottom tooltip', ui: 'tooltip-bottom' }, [
+      Tooltip({ tip: 'Bottom tooltip', class: 'tooltip-bottom' }, [
         Button({ class: 'btn btn-sm w-24' }, 'Bottom')
       ])
     ])

docs/install.md

@@ -4,7 +4,6 @@ Follow these steps to integrate **SigPro-UI** into your project.
 
 ---
 
-
 !> **📘 Core Concepts**  
 **Note:** SigPro-UI now includes SigPro core internally. No need to install SigPro separately.
  SigProUI is built on top of the [SigPro](https://natxocc.github.io/sigpro/#/) reactive core. To learn how to create signals, manage reactivity, and structure your application logic, check out the [SigPro documentation](https://natxocc.github.io/sigpro/#/). It covers everything you need to build reactive applications with signals, computed values, and effects.

src/components/Tooltip.js

@@ -14,6 +14,6 @@ import { ui } from "../core/utils.js";
 export const Tooltip = (props, children) =>
   $html("div", {
     ...props,
-    class: () => ui('tooltip', props.ui, props.class),
+    class: () => ui('tooltip', props.class),
     "data-tip": props.tip,
   }, children);