@plumeria/inspector 18.1.4 → 18.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +5 -5
  2. package/package.json +4 -4
package/dist/index.js CHANGED
@@ -13,7 +13,7 @@ var injectInspectorCSS = () => {
13
13
  }
14
14
  const style = document.createElement("style");
15
15
  style.id = styleId;
16
- style.textContent = ".xm2svzo4 {\n position: fixed;\n}\n.xwargx9a {\n right: 16px;\n}\n.xnr54dgw {\n bottom: 16px;\n}\n.xhtz6c5t {\n z-index: 9999999;\n}\n.xxp6epoh {\n display: flex;\n}\n.xi3fytem {\n gap: 8px;\n}\n.xj0ln8hv {\n align-items: center;\n}\n.x636886i {\n padding: 8px 16px;\n}\n.x7z3vutq:not(#\\#) {\n font-family:\n system-ui,\n -apple-system,\n sans-serif;\n}\n.xhrr6ses:not(#\\#) {\n font-size: 12px;\n}\n.x6vb0uvf:not(#\\#) {\n font-weight: 500;\n}\n.xd3oqkpm {\n color: #e5e7eb;\n}\n.x6iuzqez {\n cursor: pointer;\n}\n.x1gd64ir {\n -webkit-user-select: none;\n user-select: none;\n}\n.xb90zzvn:not(#\\#) {\n background-color: #111827d9;\n}\n.x7vpbndt {\n border: 1px solid #ffffff1a;\n}\n.xvickkgg {\n border-radius: 9999px;\n}\n.xfcpkn9a {\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(12px);\n}\n.x1wwwd6e {\n transition: all .2s;\n}\n.xtby5ou6 {\n border-color: #a855f7;\n}\n.xkqfgj67 {\n box-shadow: 0 4px 15px #00000040;\n}\n.xdp2dozu {\n box-shadow: 0 4px 20px #a855f759;\n}\n.xq0askt6 {\n width: 8px;\n}\n.xsemx3zn {\n height: 8px;\n}\n.xyqzlrhp {\n border-radius: 50%;\n}\n.xs6s67ix {\n transition: background-color .2s;\n}\n.xlufsbde {\n box-shadow: 0 0 8px #a855f7;\n}\n.xy2ymyq7:not(#\\#) {\n background-color: #9ca3af;\n}\n.xbv1awaq:not(#\\#) {\n background-color: #a855f7;\n}\n.xtzw270y {\n pointer-events: none;\n}\n.xzjvpdw4 {\n border: 1px dashed #a855f7;\n}\n.xwghexut:not(#\\#) {\n background-color: #a855f70f;\n}\n.xlcznmkr {\n z-index: 999999;\n}\n.xnnxtoqx {\n transition: all 80ms cubic-bezier(.16, 1, .3, 1);\n}\n.xka75a01 {\n top: var(--overlay-top);\n}\n.xzwctcax {\n left: var(--overlay-left);\n}\n.xgwg3gye {\n width: var(--overlay-width);\n}\n.xerytlo0 {\n height: var(--overlay-height);\n}\n.x4o5bm7x {\n z-index: 1000000;\n}\n.x1jethze:not(#\\#) {\n background-color: #111827e6;\n}\n.xp7py9n1 {\n border: 1px solid #ffffff1f;\n}\n.xhdqk8nx {\n border-radius: 12px;\n}\n.xr7ynoef {\n padding: 12px 16px;\n}\n.xv21k0fp {\n box-shadow: 0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;\n}\n.xjwv009s {\n color: #f3f4f6;\n}\n.xgm2v5ee {\n width: 320px;\n}\n.xsc1chnd {\n transition: opacity .15s ease-out, transform .15s ease-out;\n}\n.xx2zw91q {\n pointer-events: var(--tooltip-pointerEvents);\n}\n.xlucmkc1 {\n top: var(--tooltip-top);\n}\n.xk0pf7xw {\n left: var(--tooltip-left);\n}\n.x6apt1gh {\n opacity: var(--tooltip-opacity);\n}\n.xy3932pz {\n transform: var(--tooltip-transform);\n}\n.xcvxfwrf:not(#\\#) {\n margin-bottom: 6px;\n}\n.xm6rg4e9:not(#\\#) {\n font-size: 13px;\n}\n.xybc5i37:not(#\\#) {\n font-weight: bold;\n}\n.xnuimpaw:not(#\\#) {\n margin-right: 6px;\n}\n.x8eb0qpq:not(#\\#) {\n font-family: monospace;\n}\n.xierkllv {\n color: #67e8f9;\n}\n.xjmc5lje {\n padding: 2px 6px;\n}\n.x7zjcec6:not(#\\#) {\n font-size: 11px;\n}\n.xwosyyr8 {\n color: #c084fc;\n}\n.xzdqhyei {\n word-break: break-all;\n}\n.xk197wcs:not(#\\#) {\n background-color: #a855f71a;\n}\n.x4vahbk7 {\n border-radius: 4px;\n}\n.xf05shqu {\n max-height: 180px;\n}\n.xwflkjz8:not(#\\#) {\n padding-top: 8px;\n}\n.xslz5qa9:not(#\\#) {\n margin-top: 6px;\n}\n.xx3zn3a6 {\n overflow-y: auto;\n}\n.x6hkxz0i {\n border-top: 1px solid #ffffff14;\n}\n.xw9ej4ts:not(#\\#) {\n font-style: italic;\n}\n.x9jma4hx {\n color: #9ca3af;\n}\n.xs291xkc:not(#\\#) {\n margin-bottom: 8px;\n}\n.xap91uzz {\n display: block;\n}\n.xxkhp7ge:not(#\\#) {\n margin-bottom: 2px;\n}\n.x3f36k41 {\n color: #a5b4fc;\n}\n.xo0i6zyh:not(#\\#) {\n padding-left: 12px;\n}\n.xsfilhj8:not(#\\#) {\n line-height: 1.4;\n}\n.xmzl9t4s {\n color: #d1d5db;\n}\n.x4ygbjrq {\n color: #f472b6;\n}\n.xyfpgrbg {\n color: #93c5fd;\n}\n.xhue4zxv:not(#\\#) {\n padding-top: 6px;\n}\n.xxb8i1k0:not(#\\#) {\n margin-top: 8px;\n}\n.xdatukya:not(#\\#) {\n font-size: 10px;\n}\n.xvaeii17 {\n text-align: center;\n}\n";
16
+ style.textContent = ".xm2svzo4 {\n position: fixed;\n}\n.xwargx9a {\n right: 16px;\n}\n.xnr54dgw {\n bottom: 16px;\n}\n.xhtz6c5t {\n z-index: 9999999;\n}\n.xxp6epoh {\n display: flex;\n}\n.xi3fytem {\n gap: 8px;\n}\n.xj0ln8hv {\n align-items: center;\n}\n.x636886i {\n padding: 8px 16px;\n}\n.x7z3vutq:not(#\\#) {\n font-family:\n system-ui,\n -apple-system,\n sans-serif;\n}\n.xhrr6ses:not(#\\#) {\n font-size: 12px;\n}\n.x6vb0uvf:not(#\\#) {\n font-weight: 500;\n}\n.xd3oqkpm {\n color: #e5e7eb;\n}\n.x6iuzqez {\n cursor: pointer;\n}\n.x1gd64ir {\n -webkit-user-select: none;\n user-select: none;\n}\n.xb90zzvn:not(#\\#) {\n background-color: #111827d9;\n}\n.x7vpbndt {\n border: 1px solid #ffffff1a;\n}\n.xvickkgg {\n border-radius: 9999px;\n}\n.xfcpkn9a {\n -webkit-backdrop-filter: blur(12px);\n backdrop-filter: blur(12px);\n}\n.x1wwwd6e {\n transition: all .2s;\n}\n.xtby5ou6 {\n border-color: #a855f7;\n}\n.xkqfgj67 {\n box-shadow: 0 4px 15px #00000040;\n}\n.xdp2dozu {\n box-shadow: 0 4px 20px #a855f759;\n}\n.xq0askt6 {\n width: 8px;\n}\n.xsemx3zn {\n height: 8px;\n}\n.xyqzlrhp {\n border-radius: 50%;\n}\n.xs6s67ix {\n transition: background-color .2s;\n}\n.xlufsbde {\n box-shadow: 0 0 8px #a855f7;\n}\n.xy2ymyq7:not(#\\#) {\n background-color: #9ca3af;\n}\n.xbv1awaq:not(#\\#) {\n background-color: #a855f7;\n}\n.xtzw270y {\n pointer-events: none;\n}\n.xzjvpdw4 {\n border: 1px dashed #a855f7;\n}\n.xwghexut:not(#\\#) {\n background-color: #a855f70f;\n}\n.xlcznmkr {\n z-index: 999999;\n}\n.xnnxtoqx {\n transition: all 80ms cubic-bezier(.16, 1, .3, 1);\n}\n.xki56hc2 {\n top: var(--xpwakd9o-top);\n}\n.x9apdcla {\n left: var(--xpwakd9o-left);\n}\n.xud3k5lj {\n width: var(--xpwakd9o-width);\n}\n.x3v8q8y3 {\n height: var(--xpwakd9o-height);\n}\n.x4o5bm7x {\n z-index: 1000000;\n}\n.x1jethze:not(#\\#) {\n background-color: #111827e6;\n}\n.xp7py9n1 {\n border: 1px solid #ffffff1f;\n}\n.xhdqk8nx {\n border-radius: 12px;\n}\n.xr7ynoef {\n padding: 12px 16px;\n}\n.xv21k0fp {\n box-shadow: 0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;\n}\n.xjwv009s {\n color: #f3f4f6;\n}\n.xgm2v5ee {\n width: 320px;\n}\n.xsc1chnd {\n transition: opacity .15s ease-out, transform .15s ease-out;\n}\n.xzonwqwj {\n pointer-events: var(--x414wdjq-pointerEvents);\n}\n.xl8wcc0u {\n top: var(--x414wdjq-top);\n}\n.xehrserx {\n left: var(--x414wdjq-left);\n}\n.xm49f9hj {\n opacity: var(--x414wdjq-opacity);\n}\n.x56s87ne {\n transform: var(--x414wdjq-transform);\n}\n.xcvxfwrf:not(#\\#) {\n margin-bottom: 6px;\n}\n.xm6rg4e9:not(#\\#) {\n font-size: 13px;\n}\n.xybc5i37:not(#\\#) {\n font-weight: bold;\n}\n.xnuimpaw:not(#\\#) {\n margin-right: 6px;\n}\n.x8eb0qpq:not(#\\#) {\n font-family: monospace;\n}\n.xierkllv {\n color: #67e8f9;\n}\n.xjmc5lje {\n padding: 2px 6px;\n}\n.x7zjcec6:not(#\\#) {\n font-size: 11px;\n}\n.xwosyyr8 {\n color: #c084fc;\n}\n.xzdqhyei {\n word-break: break-all;\n}\n.xk197wcs:not(#\\#) {\n background-color: #a855f71a;\n}\n.x4vahbk7 {\n border-radius: 4px;\n}\n.xf05shqu {\n max-height: 180px;\n}\n.xwflkjz8:not(#\\#) {\n padding-top: 8px;\n}\n.xslz5qa9:not(#\\#) {\n margin-top: 6px;\n}\n.xx3zn3a6 {\n overflow-y: auto;\n}\n.x6hkxz0i {\n border-top: 1px solid #ffffff14;\n}\n.xw9ej4ts:not(#\\#) {\n font-style: italic;\n}\n.x9jma4hx {\n color: #9ca3af;\n}\n.xs291xkc:not(#\\#) {\n margin-bottom: 8px;\n}\n.xap91uzz {\n display: block;\n}\n.xxkhp7ge:not(#\\#) {\n margin-bottom: 2px;\n}\n.x3f36k41 {\n color: #a5b4fc;\n}\n.xo0i6zyh:not(#\\#) {\n padding-left: 12px;\n}\n.xsfilhj8:not(#\\#) {\n line-height: 1.4;\n}\n.xmzl9t4s {\n color: #d1d5db;\n}\n.x4ygbjrq {\n color: #f472b6;\n}\n.xyfpgrbg {\n color: #93c5fd;\n}\n.xhue4zxv:not(#\\#) {\n padding-top: 6px;\n}\n.xxb8i1k0:not(#\\#) {\n margin-top: 8px;\n}\n.xdatukya:not(#\\#) {\n font-size: 10px;\n}\n.xvaeii17 {\n text-align: center;\n}\n";
17
17
  document.head.appendChild(style);
18
18
  isCssInjected = true;
19
19
  };
@@ -204,8 +204,8 @@ var DevInspector = ({ initial }) => {
204
204
  "div",
205
205
  {
206
206
  "data-plumeria-inspector-ignore": "true",
207
- className: "xm2svzo4 xtzw270y xzjvpdw4 xwghexut xlcznmkr xnnxtoqx xka75a01 xzwctcax xgwg3gye xerytlo0",
208
- style: { "--overlay-top": typeof (overlayStyle.top || "0px") === "number" ? (overlayStyle.top || "0px") + "px" : overlayStyle.top || "0px", "--overlay-left": typeof (overlayStyle.left || "0px") === "number" ? (overlayStyle.left || "0px") + "px" : overlayStyle.left || "0px", "--overlay-width": typeof (overlayStyle.width || "0px") === "number" ? (overlayStyle.width || "0px") + "px" : overlayStyle.width || "0px", "--overlay-height": typeof (overlayStyle.height || "0px") === "number" ? (overlayStyle.height || "0px") + "px" : overlayStyle.height || "0px" }
207
+ className: "xm2svzo4 xtzw270y xzjvpdw4 xwghexut xlcznmkr xnnxtoqx xki56hc2 x9apdcla xud3k5lj x3v8q8y3",
208
+ style: { "--xpwakd9o-top": typeof (overlayStyle.top || "0px") === "number" ? (overlayStyle.top || "0px") + "px" : overlayStyle.top || "0px", "--xpwakd9o-left": typeof (overlayStyle.left || "0px") === "number" ? (overlayStyle.left || "0px") + "px" : overlayStyle.left || "0px", "--xpwakd9o-width": typeof (overlayStyle.width || "0px") === "number" ? (overlayStyle.width || "0px") + "px" : overlayStyle.width || "0px", "--xpwakd9o-height": typeof (overlayStyle.height || "0px") === "number" ? (overlayStyle.height || "0px") + "px" : overlayStyle.height || "0px" }
209
209
  }
210
210
  ),
211
211
  isActive && hoveredElement && /* @__PURE__ */ jsxs(
@@ -213,8 +213,8 @@ var DevInspector = ({ initial }) => {
213
213
  {
214
214
  ref: tooltipRef,
215
215
  "data-plumeria-inspector-ignore": "true",
216
- className: "xm2svzo4 x4o5bm7x x1jethze xfcpkn9a xp7py9n1 xhdqk8nx xr7ynoef xv21k0fp xjwv009s x7z3vutq xgm2v5ee xsc1chnd xx2zw91q xlucmkc1 xk0pf7xw x6apt1gh xy3932pz",
217
- style: { "--tooltip-pointerEvents": typeof (isFrozen ? "auto" : "none") === "number" ? (isFrozen ? "auto" : "none") + "px" : isFrozen ? "auto" : "none", "--tooltip-top": typeof (tooltipStyle.top || "0px") === "number" ? (tooltipStyle.top || "0px") + "px" : tooltipStyle.top || "0px", "--tooltip-left": typeof (tooltipStyle.left || "0px") === "number" ? (tooltipStyle.left || "0px") + "px" : tooltipStyle.left || "0px", "--tooltip-opacity": tooltipStyle.opacity ?? 0, "--tooltip-transform": typeof (tooltipStyle.transform || "none") === "number" ? (tooltipStyle.transform || "none") + "px" : tooltipStyle.transform || "none" },
216
+ className: "xm2svzo4 x4o5bm7x x1jethze xfcpkn9a xp7py9n1 xhdqk8nx xr7ynoef xv21k0fp xjwv009s x7z3vutq xgm2v5ee xsc1chnd xzonwqwj xl8wcc0u xehrserx xm49f9hj x56s87ne",
217
+ style: { "--x414wdjq-pointerEvents": typeof (isFrozen ? "auto" : "none") === "number" ? (isFrozen ? "auto" : "none") + "px" : isFrozen ? "auto" : "none", "--x414wdjq-top": typeof (tooltipStyle.top || "0px") === "number" ? (tooltipStyle.top || "0px") + "px" : tooltipStyle.top || "0px", "--x414wdjq-left": typeof (tooltipStyle.left || "0px") === "number" ? (tooltipStyle.left || "0px") + "px" : tooltipStyle.left || "0px", "--x414wdjq-opacity": tooltipStyle.opacity ?? 0, "--x414wdjq-transform": typeof (tooltipStyle.transform || "none") === "number" ? (tooltipStyle.transform || "none") + "px" : tooltipStyle.transform || "none" },
218
218
  children: [
219
219
  /* @__PURE__ */ jsxs("div", { className: "xxp6epoh xj0ln8hv xcvxfwrf xm6rg4e9 xybc5i37", children: [
220
220
  /* @__PURE__ */ jsxs("span", { className: "xnuimpaw x8eb0qpq xierkllv", children: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plumeria/inspector",
3
- "version": "18.1.4",
3
+ "version": "18.1.6",
4
4
  "description": "Styled components inspector for development",
5
5
  "author": "Refirst 11",
6
6
  "license": "MIT",
@@ -41,14 +41,14 @@
41
41
  "dist/"
42
42
  ],
43
43
  "dependencies": {
44
- "@plumeria/headlessui": "^18.1.4"
44
+ "@plumeria/headlessui": "^18.1.6"
45
45
  },
46
46
  "devDependencies": {
47
47
  "@types/react": "^19.2.17",
48
48
  "@types/react-dom": "^19.2.3",
49
49
  "esbuild": "^0.28.0",
50
- "@plumeria/core": "^18.1.4",
51
- "@plumeria/unplugin": "^18.1.4"
50
+ "@plumeria/core": "^18.1.6",
51
+ "@plumeria/unplugin": "^18.1.6"
52
52
  },
53
53
  "publishConfig": {
54
54
  "access": "public",