@levo-so/studio 0.1.2 → 0.1.3

package/dist/index.js

@@ -8382,30 +8382,48 @@ const _y = as.getInstance(), eg = {
   }
 }, Li = {
   block: {
-    hover: "border border-black",
-    selected: "border border-black"
+    hover: { border: "1px solid black" },
+    selected: { border: "1px solid black" }
   },
   element: {
-    hover: "border border-black",
-    selected: "border-2 border-black"
+    hover: { border: "1px solid black" },
+    selected: { border: "2px solid black" }
   },
   repeatable: {
-    hover: "outline outline-blue-400",
-    selected: "outline outline-blue-400"
+    hover: { outline: "1px solid #60a5fa" },
+    selected: { outline: "1px solid #60a5fa" }
   },
   repeatableParent: {
-    hover: "outline outline-purple-300",
-    selected: "outline outline-purple-300"
+    hover: { outline: "1px solid #d8b4fe" },
+    selected: { outline: "1px solid #d8b4fe" }
   }
 }, sg = {
   repeatable: {
-    container: "w-max rounded-tr-md bg-blue-100 p-1",
-    text: "text-xs font-medium text-blue-500",
+    container: {
+      width: "max-content",
+      borderTopRightRadius: "6px",
+      backgroundColor: "#dbeafe",
+      padding: "4px"
+    },
+    text: {
+      fontSize: "12px",
+      fontWeight: 500,
+      color: "#3b82f6"
+    },
     label: "Group Item"
   },
   repeatableParent: {
-    container: "w-min rounded-tr-md bg-purple-100 p-1",
-    text: "text-xs font-medium text-purple-500",
+    container: {
+      width: "min-content",
+      borderTopRightRadius: "6px",
+      backgroundColor: "#f3e8ff",
+      padding: "4px"
+    },
+    text: {
+      fontSize: "12px",
+      fontWeight: 500,
+      color: "#8b5cf6"
+    },
     label: "Group"
   }
 }, rg = ({
@@ -8418,32 +8436,45 @@ const _y = as.getInstance(), eg = {
     return /* @__PURE__ */ m(
       "div",
       {
-        className: `pointer-events-none absolute transition-opacity duration-200 ${Li[s][o ? "selected" : "hover"]}`,
         style: {
+          pointerEvents: "none",
+          position: "absolute",
+          transition: "opacity 200ms",
           top: 0,
           left: 0,
           transform: `translate3d(${r.rect.left}px, ${r.rect.top}px, 0)`,
           width: r.rect.width,
           height: r.rect.height,
           opacity: t ? 0 : 1,
-          zIndex: ig(s)
+          zIndex: ig(s),
+          ...Li[s][o ? "selected" : "hover"]
         },
         children: i && a && /* @__PURE__ */ m(
           "div",
           {
-            className: L("hover:hidden", a.container),
             style: {
               position: "absolute",
               top: "-33px",
-              left: "-4px"
+              left: "-4px",
+              ...a.container
             },
-            children: /* @__PURE__ */ m("span", { className: a.text, children: a.label })
+            onMouseEnter: (l) => l.currentTarget.style.display = "none",
+            onMouseLeave: (l) => l.currentTarget.style.display = "block",
+            children: /* @__PURE__ */ m("span", { style: a.text, children: a.label })
           }
         )
       }
     );
   };
-  return /* @__PURE__ */ m("div", { className: "pointer-events-none fixed inset-0 z-50", children: Object.entries(Li).map(([s]) => /* @__PURE__ */ R(ds, { children: [
+  return /* @__PURE__ */ m("div", { style: {
+    pointerEvents: "none",
+    position: "fixed",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    zIndex: 50
+  }, children: Object.entries(Li).map(([s]) => /* @__PURE__ */ R(ds, { children: [
     n(
       s,
       e.hovered[s],
@@ -9310,10 +9341,8 @@ ${a}}
       }
     `;
   let t = `
-    [data-levo-element='page']{
       background-color: var(--color-page);
-    }
-  `;
+   `;
   return Object.entries(e.components).forEach(
     ([n, s]) => {
       if (!s) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",