@multiplatform.one/theme 7.90.5 → 8.0.0

package/dist/esm/theme/devtools/ColorLineVisualizer.mjs

@@ -1,7 +1,6 @@
-import { useEffect, useMemo, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { semanticGroups } from "../colorRules.mjs";
 import { contrastTextFor, cellSize } from "./vizConstants.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function readColorsFromElement(el) {
   const style = getComputedStyle(el);
   const result = [];
@@ -68,78 +67,75 @@ function NumberLineRow({
   halfHeight
 }) {
   const h = halfHeight ? Math.round(cellSize / 2) : cellSize;
-  return /* @__PURE__ */jsx("div", {
+  return /* @__PURE__ */React.createElement("div", {
     style: {
       display: "flex",
       gap: 0
-    },
-    children: Array.from({
-      length: 12
-    }, (_, i) => {
-      const step = i + 1;
-      const background = colorFor(step);
-      return /* @__PURE__ */jsx("div", {
-        style: {
-          width: cellSize,
-          height: h,
-          flexShrink: 0,
-          background,
-          color: contrastTextFor(background),
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          fontSize: halfHeight ? 9 : 11,
-          fontWeight: 700
-        },
-        title: `$color${step}`,
-        children: step
-      }, step);
-    })
-  });
+    }
+  }, Array.from({
+    length: 12
+  }, (_, i) => {
+    const step = i + 1;
+    const background = colorFor(step);
+    return /* @__PURE__ */React.createElement("div", {
+      key: step,
+      style: {
+        width: cellSize,
+        height: h,
+        flexShrink: 0,
+        background,
+        color: contrastTextFor(background),
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: halfHeight ? 9 : 11,
+        fontWeight: 700
+      },
+      title: `$color${step}`
+    }, step);
+  }));
 }
 function SemanticBrackets() {
   const totalWidth = 12 * cellSize;
-  return /* @__PURE__ */jsx("div", {
+  return /* @__PURE__ */React.createElement("div", {
     style: {
       position: "relative",
       height: 24,
       width: totalWidth,
       marginBottom: 2
-    },
-    children: semanticGroups.map(g => {
-      const leftPx = (g.from - 1) * cellSize;
-      const widthPx = (g.to - g.from + 1) * cellSize;
-      return /* @__PURE__ */jsxs("div", {
-        style: {
-          position: "absolute",
-          left: leftPx,
-          width: widthPx,
-          bottom: 0,
-          display: "flex",
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */jsx("div", {
-          style: {
-            textAlign: "center",
-            fontSize: 9,
-            fontWeight: 600,
-            color: g.color,
-            lineHeight: 1.2,
-            whiteSpace: "nowrap"
-          },
-          children: g.label
-        }), /* @__PURE__ */jsx("div", {
-          style: {
-            height: 6,
-            borderLeft: `2px solid ${g.color}`,
-            borderRight: `2px solid ${g.color}`,
-            borderTop: `2px solid ${g.color}`,
-            borderRadius: "3px 3px 0 0"
-          }
-        })]
-      }, g.key);
-    })
-  });
+    }
+  }, semanticGroups.map(g => {
+    const leftPx = (g.from - 1) * cellSize;
+    const widthPx = (g.to - g.from + 1) * cellSize;
+    return /* @__PURE__ */React.createElement("div", {
+      key: g.key,
+      style: {
+        position: "absolute",
+        left: leftPx,
+        width: widthPx,
+        bottom: 0,
+        display: "flex",
+        flexDirection: "column"
+      }
+    }, /* @__PURE__ */React.createElement("div", {
+      style: {
+        textAlign: "center",
+        fontSize: 9,
+        fontWeight: 600,
+        color: g.color,
+        lineHeight: 1.2,
+        whiteSpace: "nowrap"
+      }
+    }, g.label), /* @__PURE__ */React.createElement("div", {
+      style: {
+        height: 6,
+        borderLeft: `2px solid ${g.color}`,
+        borderRight: `2px solid ${g.color}`,
+        borderTop: `2px solid ${g.color}`,
+        borderRadius: "3px 3px 0 0"
+      }
+    }));
+  }));
 }
 function createVizStyles(isDark) {
   const border = isDark ? "#333" : "#ddd";
@@ -187,32 +183,27 @@ function ColorLineVisualizer({
   const oppositeColors = propOppositeColors && propOppositeColors.length === 12 ? propOppositeColors : null;
   const accentColors = propAccentColors && propAccentColors.length === 12 ? propAccentColors : null;
   const oppositeAccentColors = propOppositeAccentColors && propOppositeAccentColors.length === 12 ? propOppositeAccentColors : null;
-  return /* @__PURE__ */jsxs("div", {
-    style: styles.container,
-    children: [/* @__PURE__ */jsx("div", {
-      style: styles.title,
-      children: "Theme"
-    }), /* @__PURE__ */jsx(SemanticBrackets, {}), /* @__PURE__ */jsx(NumberLineRow, {
-      colorFor
-    }), oppositeColors && /* @__PURE__ */jsx(NumberLineRow, {
-      colorFor: toColorFn(oppositeColors),
-      halfHeight: true
-    }), accentColors && /* @__PURE__ */jsxs(Fragment, {
-      children: [/* @__PURE__ */jsx("div", {
-        style: {
-          ...styles.title,
-          fontSize: 11,
-          marginTop: 6
-        },
-        children: "accent"
-      }), /* @__PURE__ */jsx(NumberLineRow, {
-        colorFor: toColorFn(accentColors)
-      }), oppositeAccentColors && /* @__PURE__ */jsx(NumberLineRow, {
-        colorFor: toColorFn(oppositeAccentColors),
-        halfHeight: true
-      })]
-    })]
-  });
+  return /* @__PURE__ */React.createElement("div", {
+    style: styles.container
+  }, /* @__PURE__ */React.createElement("div", {
+    style: styles.title
+  }, "Theme"), /* @__PURE__ */React.createElement(SemanticBrackets, null), /* @__PURE__ */React.createElement(NumberLineRow, {
+    colorFor
+  }), oppositeColors && /* @__PURE__ */React.createElement(NumberLineRow, {
+    colorFor: toColorFn(oppositeColors),
+    halfHeight: true
+  }), accentColors && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("div", {
+    style: {
+      ...styles.title,
+      fontSize: 11,
+      marginTop: 6
+    }
+  }, "accent"), /* @__PURE__ */React.createElement(NumberLineRow, {
+    colorFor: toColorFn(accentColors)
+  }), oppositeAccentColors && /* @__PURE__ */React.createElement(NumberLineRow, {
+    colorFor: toColorFn(oppositeAccentColors),
+    halfHeight: true
+  })));
 }
 export { ColorLineVisualizer };
 //# sourceMappingURL=ColorLineVisualizer.mjs.map

package/dist/esm/theme/devtools/ColorLineVisualizer.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","semanticGroups","contrastTextFor","cellSize","Fragment","jsx","jsxs","readColorsFromElement","el","style","getComputedStyle","result","found","i","color","getPropertyValue","trim","push","fallbackGradient","useDomThemeColors","colors","setColors","document","readColors","documentElement","body","themed","querySelector","root","getElementById","observer","MutationObserver","observe","attributes","attributeFilter","subtree","disconnect","Array","from","length","_","t","v","Math","round","NumberLineRow","colorFor","halfHeight","h","display","gap","children","step","background","width","height","flexShrink","alignItems","justifyContent","fontSize","fontWeight","title","SemanticBrackets","totalWidth","position","marginBottom","map","g","leftPx","widthPx","to","left","bottom","flexDirection","textAlign","lineHeight","whiteSpace","label","borderLeft","borderRight","borderTop","borderRadius","key","createVizStyles","isDark","border","mutedText","foreground","cardBackground","container","padding","fontFamily","letterSpacing","textTransform","ColorLineVisualizer","knobs","_knobs","themeColors","propColors","oppositeThemeColors","propOppositeColors","accentColors","propAccentColors","oppositeAccentColors","propOppositeAccentColors","domColors","styles","toColorFn","arr","min","max","oppositeColors","marginTop"],"sources":["../../../../src/theme/devtools/ColorLineVisualizer.tsx"],"sourcesContent":[null],"mappings":"AAOA,SAAgBA,SAAA,EAAWC,OAAA,EAASC,QAAA,QAAoC;AACxE,SAASC,cAAA,QAAsB;AAE/B,SAASC,eAAA,EAAiBC,QAAA,QAAgB;AAqFhC,SAsJFC,QAAA,EAtJEC,GAAA,EAiCAC,IAAA,QAjCA;AAjFV,SAASC,sBAAsBC,EAAA,EAA8B;EAC3D,MAAMC,KAAA,GAAQC,gBAAA,CAAiBF,EAAE;EACjC,MAAMG,MAAA,GAAmB,EAAC;EAC1B,IAAIC,KAAA,GAAQ;EACZ,SAASC,CAAA,GAAI,GAAGA,CAAA,IAAK,IAAIA,CAAA,IAAK;IAC5B,IAAIC,KAAA,GAAQL,KAAA,CAAMM,gBAAA,CAAiB,UAAUF,CAAC,EAAE,EAAEG,IAAA,CAAK;IACvD,IAAI,CAACF,KAAA,EAAOA,KAAA,GAAQL,KAAA,CAAMM,gBAAA,CAAiB,WAAWF,CAAC,EAAE,EAAEG,IAAA,CAAK;IAChE,IAAIF,KAAA,EAAO;MACTF,KAAA,GAAQ;MACRD,MAAA,CAAOM,IAAA,CAAKH,KAAK;IACnB,OAAO;MACLH,MAAA,CAAOM,IAAA,CAAKC,gBAAA,CAAiB,EAAEL,CAAA,GAAI,CAAC,CAAC;IACvC;EACF;EACA,OAAOD,KAAA,GAAQD,MAAA,GAAS;AAC1B;AAEA,SAASQ,kBAAA,EAA8B;EACrC,MAAM,CAACC,MAAA,EAAQC,SAAS,IAAIrB,QAAA,CAAmB,MAAMkB,gBAAA,CAAiB,CAAC;EAEvEpB,SAAA,CAAU,MAAM;IACd,IAAI,OAAOwB,QAAA,KAAa,aAAa;IACrC,MAAMC,UAAA,GAAaA,CAAA,KAAM;MACvB,IAAIZ,MAAA,GAASJ,qBAAA,CAAsBe,QAAA,CAASE,eAAe;MAC3D,IAAI,CAACb,MAAA,IAAUW,QAAA,CAASG,IAAA,EAAM;QAC5Bd,MAAA,GAASJ,qBAAA,CAAsBe,QAAA,CAASG,IAAI;MAC9C;MACA,IAAI,CAACd,MAAA,EAAQ;QACX,MAAMe,MAAA,GAASJ,QAAA,CAASK,aAAA,CAAc,eAAe;QACrD,IAAID,MAAA,EAAQf,MAAA,GAASJ,qBAAA,CAAsBmB,MAAM;MACnD;MACA,IAAI,CAACf,MAAA,EAAQ;QACX,MAAMiB,IAAA,GAAON,QAAA,CAASO,cAAA,CAAe,MAAM,KAAKP,QAAA,CAASO,cAAA,CAAe,QAAQ;QAChF,IAAID,IAAA,EAAMjB,MAAA,GAASJ,qBAAA,CAAsBqB,IAAI;MAC/C;MACA,IAAIjB,MAAA,EAAQU,SAAA,CAAUV,MAAM;IAC9B;IAEAY,UAAA,CAAW;IACX,MAAMO,QAAA,GAAW,IAAIC,gBAAA,CAAiBR,UAAU;IAChDO,QAAA,CAASE,OAAA,CAAQV,QAAA,CAASE,eAAA,EAAiB;MACzCS,UAAA,EAAY;MACZC,eAAA,EAAiB,CAAC,SAAS,OAAO;IACpC,CAAC;IACD,IAAIZ,QAAA,CAASG,IAAA,EAAM;MACjBK,QAAA,CAASE,OAAA,CAAQV,QAAA,CAASG,IAAA,EAAM;QAC9BQ,UAAA,EAAY;QACZC,eAAA,EAAiB,CAAC,SAAS,OAAO;QAClCC,OAAA,EAAS;MACX,CAAC;IACH;IACA,OAAO,MAAML,QAAA,CAASM,UAAA,CAAW;EACnC,GAAG,EAAE;EAEL,OAAOhB,MAAA;AACT;AAEA,SAASF,iBAAA,EAA6B;EACpC,OAAOmB,KAAA,CAAMC,IAAA,CAAK;IAAEC,MAAA,EAAQ;EAAG,GAAG,CAACC,CAAA,EAAG3B,CAAA,KAAM;IAC1C,MAAM4B,CAAA,GAAI5B,CAAA,GAAI;IACd,MAAM6B,CAAA,GAAIC,IAAA,CAAKC,KAAA,CAAM,MAAMH,CAAA,GAAI,GAAG;IAClC,OAAO,OAAOC,CAAC,IAAIA,CAAC,IAAIA,CAAC;EAC3B,CAAC;AACH;AAIA,SAASG,cAAc;EACrBC,QAAA;EACAC;AACF,GAGG;EACD,MAAMC,CAAA,GAAID,UAAA,GAAaJ,IAAA,CAAKC,KAAA,CAAMzC,QAAA,GAAW,CAAC,IAAIA,QAAA;EAClD,OACE,eAAAE,GAAA,CAAC;IAAII,KAAA,EAAO;MAAEwC,OAAA,EAAS;MAAQC,GAAA,EAAK;IAAE;IACnCC,QAAA,EAAAd,KAAA,CAAMC,IAAA,CAAK;MAAEC,MAAA,EAAQ;IAAG,GAAG,CAACC,CAAA,EAAG3B,CAAA,KAAM;MACpC,MAAMuC,IAAA,GAAOvC,CAAA,GAAI;MACjB,MAAMwC,UAAA,GAAaP,QAAA,CAASM,IAAI;MAChC,OACE,eAAA/C,GAAA,CAAC;QAECI,KAAA,EAAO;UACL6C,KAAA,EAAOnD,QAAA;UACPoD,MAAA,EAAQP,CAAA;UACRQ,UAAA,EAAY;UACZH,UAAA;UACAvC,KAAA,EAAOZ,eAAA,CAAgBmD,UAAU;UACjCJ,OAAA,EAAS;UACTQ,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,QAAA,EAAUZ,UAAA,GAAa,IAAI;UAC3Ba,UAAA,EAAY;QACd;QACAC,KAAA,EAAO,SAAST,IAAI;QAEnBD,QAAA,EAAAC;MAAA,GAfIA,IAgBP;IAEJ,CAAC;EAAA,CACH;AAEJ;AAGA,SAASU,iBAAA,EAAmB;EAC1B,MAAMC,UAAA,GAAa,KAAK5D,QAAA;EACxB,OACE,eAAAE,GAAA,CAAC;IAAII,KAAA,EAAO;MAAEuD,QAAA,EAAU;MAAYT,MAAA,EAAQ;MAAID,KAAA,EAAOS,UAAA;MAAYE,YAAA,EAAc;IAAE;IAChFd,QAAA,EAAAlD,cAAA,CAAeiE,GAAA,CAAKC,CAAA,IAAM;MACzB,MAAMC,MAAA,IAAUD,CAAA,CAAE7B,IAAA,GAAO,KAAKnC,QAAA;MAC9B,MAAMkE,OAAA,IAAWF,CAAA,CAAEG,EAAA,GAAKH,CAAA,CAAE7B,IAAA,GAAO,KAAKnC,QAAA;MACtC,OACE,eAAAG,IAAA,CAAC;QAECG,KAAA,EAAO;UACLuD,QAAA,EAAU;UACVO,IAAA,EAAMH,MAAA;UACNd,KAAA,EAAOe,OAAA;UACPG,MAAA,EAAQ;UACRvB,OAAA,EAAS;UACTwB,aAAA,EAAe;QACjB;QAEAtB,QAAA,kBAAA9C,GAAA,CAAC;UACCI,KAAA,EAAO;YACLiE,SAAA,EAAW;YACXf,QAAA,EAAU;YACVC,UAAA,EAAY;YACZ9C,KAAA,EAAOqD,CAAA,CAAErD,KAAA;YACT6D,UAAA,EAAY;YACZC,UAAA,EAAY;UACd;UAECzB,QAAA,EAAAgB,CAAA,CAAEU;QAAA,CACL,GACA,eAAAxE,GAAA,CAAC;UACCI,KAAA,EAAO;YACL8C,MAAA,EAAQ;YACRuB,UAAA,EAAY,aAAaX,CAAA,CAAErD,KAAK;YAChCiE,WAAA,EAAa,aAAaZ,CAAA,CAAErD,KAAK;YACjCkE,SAAA,EAAW,aAAab,CAAA,CAAErD,KAAK;YAC/BmE,YAAA,EAAc;UAChB;QAAA,CACF;MAAA,GA9BKd,CAAA,CAAEe,GA+BT;IAEJ,CAAC;EAAA,CACH;AAEJ;AAIA,SAASC,gBAAgBC,MAAA,EAAiB;EACxC,MAAMC,MAAA,GAASD,MAAA,GAAS,SAAS;EACjC,MAAME,SAAA,GAAYF,MAAA,GAAS,SAAS;EACpC,MAAMG,UAAA,GAAaH,MAAA,GAAS,YAAY;EACxC,MAAMI,cAAA,GAAiBJ,MAAA,GAAS,YAAY;EAE5C,OAAO;IACLK,SAAA,EAAW;MACTxC,OAAA,EAAS;MACTwB,aAAA,EAAe;MACfvB,GAAA,EAAK;MACLwC,OAAA,EAAS;MACTT,YAAA,EAAc;MACdI,MAAA,EAAQ,aAAaA,MAAM;MAC3BhC,UAAA,EAAYmC,cAAA;MACZlC,KAAA,EAAO;MACPK,QAAA,EAAU;MACVgC,UAAA,EAAY;MAAA;MAEZC,aAAA,EAAe;MACf9E,KAAA,EAAOyE;IACT;IACA1B,KAAA,EAAO;MACLF,QAAA,EAAU;MACVC,UAAA,EAAY;MACZiC,aAAA,EAAe;MACfD,aAAA,EAAe;MACf9E,KAAA,EAAOwE;IACT;EACF;AACF;AAaO,SAASQ,oBAAoB;EAClCC,KAAA,EAAOC,MAAA;EACPZ,MAAA;EACAa,WAAA,EAAaC,UAAA;EACbC,mBAAA,EAAqBC,kBAAA;EACrBC,YAAA,EAAcC,gBAAA;EACdC,oBAAA,EAAsBC;AACxB,GAA6B;EAC3B,MAAMC,SAAA,GAAYtF,iBAAA,CAAkB;EACpC,MAAM8E,WAAA,GAAcC,UAAA,IAAcA,UAAA,CAAW3D,MAAA,KAAW,KAAK2D,UAAA,GAAaO,SAAA;EAC1E,MAAMC,MAAA,GAAS3G,OAAA,CAAQ,MAAMoF,eAAA,CAAgBC,MAAM,GAAG,CAACA,MAAM,CAAC;EAE9D,MAAMuB,SAAA,GACHC,GAAA,IACAxD,IAAA,IACCwD,GAAA,CAAIjE,IAAA,CAAKkE,GAAA,CAAI,IAAIlE,IAAA,CAAKmE,GAAA,CAAI,GAAG1D,IAAA,GAAO,CAAC,CAAC,CAAC;EAE3C,MAAMN,QAAA,GAAW6D,SAAA,CAAUV,WAAW;EACtC,MAAMc,cAAA,GACJX,kBAAA,IAAsBA,kBAAA,CAAmB7D,MAAA,KAAW,KAAK6D,kBAAA,GAAqB;EAChF,MAAMC,YAAA,GAAeC,gBAAA,IAAoBA,gBAAA,CAAiB/D,MAAA,KAAW,KAAK+D,gBAAA,GAAmB;EAC7F,MAAMC,oBAAA,GACJC,wBAAA,IAA4BA,wBAAA,CAAyBjE,MAAA,KAAW,KAC5DiE,wBAAA,GACA;EAEN,OACE,eAAAlG,IAAA,CAAC;IAAIG,KAAA,EAAOiG,MAAA,CAAOjB,SAAA;IACjBtC,QAAA,kBAAA9C,GAAA,CAAC;MAAII,KAAA,EAAOiG,MAAA,CAAO7C,KAAA;MAAwBV,QAAA;IAAA,CAAK,GAChD,eAAA9C,GAAA,CAACyD,gBAAA,IAAiB,GAClB,eAAAzD,GAAA,CAACwC,aAAA;MAAcC;IAAA,CAAoB,GAClCiE,cAAA,IAAkB,eAAA1G,GAAA,CAACwC,aAAA;MAAcC,QAAA,EAAU6D,SAAA,CAAUI,cAAc;MAAGhE,UAAA,EAAU;IAAA,CAAC,GACjFsD,YAAA,IACC,eAAA/F,IAAA,CAAAF,QAAA;MACE+C,QAAA,kBAAA9C,GAAA,CAAC;QACCI,KAAA,EAAO;UACL,GAAIiG,MAAA,CAAO7C,KAAA;UACXF,QAAA,EAAU;UACVqD,SAAA,EAAW;QACb;QACD7D,QAAA;MAAA,CAED,GACA,eAAA9C,GAAA,CAACwC,aAAA;QAAcC,QAAA,EAAU6D,SAAA,CAAUN,YAAY;MAAA,CAAG,GACjDE,oBAAA,IACC,eAAAlG,GAAA,CAACwC,aAAA;QAAcC,QAAA,EAAU6D,SAAA,CAAUJ,oBAAoB;QAAGxD,UAAA,EAAU;MAAA,CAAC;IAAA,CAEzE;EAAA,CAEJ;AAEJ","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useState","semanticGroups","contrastTextFor","cellSize","readColorsFromElement","el","style","getComputedStyle","result","found","i","color","getPropertyValue","trim","push","fallbackGradient","useDomThemeColors","colors","setColors","document","readColors","documentElement","body","themed","querySelector","root","getElementById","observer","MutationObserver","observe","attributes","attributeFilter","subtree","disconnect","Array","from","length","_","t","v","Math","round","NumberLineRow","colorFor","halfHeight","h","createElement","display","gap","step","background","key","width","height","flexShrink","alignItems","justifyContent","fontSize","fontWeight","title","SemanticBrackets","totalWidth","position","marginBottom","map","g","leftPx","widthPx","to","left","bottom","flexDirection","textAlign","lineHeight","whiteSpace","label","borderLeft","borderRight","borderTop","borderRadius","createVizStyles","isDark","border","mutedText","foreground","cardBackground","container","padding","fontFamily","letterSpacing","textTransform","ColorLineVisualizer","knobs","_knobs","themeColors","propColors","oppositeThemeColors","propOppositeColors","accentColors","propAccentColors","oppositeAccentColors","propOppositeAccentColors","domColors","styles","toColorFn","arr","min","max","oppositeColors","Fragment","marginTop"],"sources":["../../../../src/theme/devtools/ColorLineVisualizer.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/theme/devtools/ColorLineVisualizer.native.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useState } from "react";
 import { semanticGroups } from "../colorRules.native.js";
 import { contrastTextFor, cellSize } from "./vizConstants.native.js";
@@ -73,78 +72,75 @@ function NumberLineRow(param) {
     halfHeight
   } = param;
   var h = halfHeight ? Math.round(cellSize / 2) : cellSize;
-  return /* @__PURE__ */_jsx("div", {
+  return /* @__PURE__ */React.createElement("div", {
     style: {
       display: "flex",
       gap: 0
-    },
-    children: Array.from({
-      length: 12
-    }, function (_, i) {
-      var step = i + 1;
-      var background = colorFor(step);
-      return /* @__PURE__ */_jsx("div", {
-        style: {
-          width: cellSize,
-          height: h,
-          flexShrink: 0,
-          background,
-          color: contrastTextFor(background),
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          fontSize: halfHeight ? 9 : 11,
-          fontWeight: 700
-        },
-        title: `$color${step}`,
-        children: step
-      }, step);
-    })
-  });
+    }
+  }, Array.from({
+    length: 12
+  }, function (_, i) {
+    var step = i + 1;
+    var background = colorFor(step);
+    return /* @__PURE__ */React.createElement("div", {
+      key: step,
+      style: {
+        width: cellSize,
+        height: h,
+        flexShrink: 0,
+        background,
+        color: contrastTextFor(background),
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: halfHeight ? 9 : 11,
+        fontWeight: 700
+      },
+      title: `$color${step}`
+    }, step);
+  }));
 }
 function SemanticBrackets() {
   var totalWidth = 12 * cellSize;
-  return /* @__PURE__ */_jsx("div", {
+  return /* @__PURE__ */React.createElement("div", {
     style: {
       position: "relative",
       height: 24,
       width: totalWidth,
       marginBottom: 2
-    },
-    children: semanticGroups.map(function (g) {
-      var leftPx = (g.from - 1) * cellSize;
-      var widthPx = (g.to - g.from + 1) * cellSize;
-      return /* @__PURE__ */_jsxs("div", {
-        style: {
-          position: "absolute",
-          left: leftPx,
-          width: widthPx,
-          bottom: 0,
-          display: "flex",
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */_jsx("div", {
-          style: {
-            textAlign: "center",
-            fontSize: 9,
-            fontWeight: 600,
-            color: g.color,
-            lineHeight: 1.2,
-            whiteSpace: "nowrap"
-          },
-          children: g.label
-        }), /* @__PURE__ */_jsx("div", {
-          style: {
-            height: 6,
-            borderLeft: `2px solid ${g.color}`,
-            borderRight: `2px solid ${g.color}`,
-            borderTop: `2px solid ${g.color}`,
-            borderRadius: "3px 3px 0 0"
-          }
-        })]
-      }, g.key);
-    })
-  });
+    }
+  }, semanticGroups.map(function (g) {
+    var leftPx = (g.from - 1) * cellSize;
+    var widthPx = (g.to - g.from + 1) * cellSize;
+    return /* @__PURE__ */React.createElement("div", {
+      key: g.key,
+      style: {
+        position: "absolute",
+        left: leftPx,
+        width: widthPx,
+        bottom: 0,
+        display: "flex",
+        flexDirection: "column"
+      }
+    }, /* @__PURE__ */React.createElement("div", {
+      style: {
+        textAlign: "center",
+        fontSize: 9,
+        fontWeight: 600,
+        color: g.color,
+        lineHeight: 1.2,
+        whiteSpace: "nowrap"
+      }
+    }, g.label), /* @__PURE__ */React.createElement("div", {
+      style: {
+        height: 6,
+        borderLeft: `2px solid ${g.color}`,
+        borderRight: `2px solid ${g.color}`,
+        borderTop: `2px solid ${g.color}`,
+        borderRadius: "3px 3px 0 0"
+      }
+    }));
+  }));
 }
 function createVizStyles(isDark) {
   var border = isDark ? "#333" : "#ddd";
@@ -199,32 +195,27 @@ function ColorLineVisualizer(param) {
   var oppositeColors = propOppositeColors && propOppositeColors.length === 12 ? propOppositeColors : null;
   var accentColors = propAccentColors && propAccentColors.length === 12 ? propAccentColors : null;
   var oppositeAccentColors = propOppositeAccentColors && propOppositeAccentColors.length === 12 ? propOppositeAccentColors : null;
-  return /* @__PURE__ */_jsxs("div", {
-    style: styles.container,
-    children: [/* @__PURE__ */_jsx("div", {
-      style: styles.title,
-      children: "Theme"
-    }), /* @__PURE__ */_jsx(SemanticBrackets, {}), /* @__PURE__ */_jsx(NumberLineRow, {
-      colorFor
-    }), oppositeColors && /* @__PURE__ */_jsx(NumberLineRow, {
-      colorFor: toColorFn(oppositeColors),
-      halfHeight: true
-    }), accentColors && /* @__PURE__ */_jsxs(_Fragment, {
-      children: [/* @__PURE__ */_jsx("div", {
-        style: {
-          ...styles.title,
-          fontSize: 11,
-          marginTop: 6
-        },
-        children: "accent"
-      }), /* @__PURE__ */_jsx(NumberLineRow, {
-        colorFor: toColorFn(accentColors)
-      }), oppositeAccentColors && /* @__PURE__ */_jsx(NumberLineRow, {
-        colorFor: toColorFn(oppositeAccentColors),
-        halfHeight: true
-      })]
-    })]
-  });
+  return /* @__PURE__ */React.createElement("div", {
+    style: styles.container
+  }, /* @__PURE__ */React.createElement("div", {
+    style: styles.title
+  }, "Theme"), /* @__PURE__ */React.createElement(SemanticBrackets, null), /* @__PURE__ */React.createElement(NumberLineRow, {
+    colorFor
+  }), oppositeColors && /* @__PURE__ */React.createElement(NumberLineRow, {
+    colorFor: toColorFn(oppositeColors),
+    halfHeight: true
+  }), accentColors && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("div", {
+    style: {
+      ...styles.title,
+      fontSize: 11,
+      marginTop: 6
+    }
+  }, "accent"), /* @__PURE__ */React.createElement(NumberLineRow, {
+    colorFor: toColorFn(accentColors)
+  }), oppositeAccentColors && /* @__PURE__ */React.createElement(NumberLineRow, {
+    colorFor: toColorFn(oppositeAccentColors),
+    halfHeight: true
+  })));
 }
 export { ColorLineVisualizer };
 //# sourceMappingURL=ColorLineVisualizer.native.js.map

package/dist/esm/theme/devtools/ColorLineVisualizer.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","useEffect","useMemo","useState","semanticGroups","contrastTextFor","cellSize","readColorsFromElement","el","style","getComputedStyle","result","found","i","color","getPropertyValue","trim","push","fallbackGradient","useDomThemeColors","colors","setColors","document","readColors","readColors2","documentElement","body","themed","querySelector","root","getElementById","observer","MutationObserver","observe","attributes","attributeFilter","subtree","disconnect","Array","from","length","_","t","v","Math","round","NumberLineRow","param","colorFor","halfHeight","h","display","gap","children","step","background","width","height","flexShrink","alignItems","justifyContent","fontSize","fontWeight","title","SemanticBrackets","totalWidth","position","marginBottom","map","g","leftPx","widthPx","to","left","bottom","flexDirection","textAlign","lineHeight","whiteSpace","label","borderLeft","borderRight","borderTop","borderRadius","key","createVizStyles","isDark","border","mutedText","foreground","cardBackground","container","padding","fontFamily","letterSpacing","textTransform","ColorLineVisualizer","knobs","_knobs","themeColors","propColors","oppositeThemeColors","propOppositeColors","accentColors","propAccentColors","oppositeAccentColors","propOppositeAccentColors","domColors","styles","toColorFn","toColorFn2","arr","min","max","oppositeColors"],"sources":["../../../../src/theme/devtools/ColorLineVisualizer.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useState","semanticGroups","contrastTextFor","cellSize","readColorsFromElement","el","style","getComputedStyle","result","found","i","color","getPropertyValue","trim","push","fallbackGradient","useDomThemeColors","colors","setColors","document","readColors","readColors2","documentElement","body","themed","querySelector","root","getElementById","observer","MutationObserver","observe","attributes","attributeFilter","subtree","disconnect","Array","from","length","_","t","v","Math","round","NumberLineRow","param","colorFor","halfHeight","h","createElement","display","gap","step","background","key","width","height","flexShrink","alignItems","justifyContent","fontSize","fontWeight","title","SemanticBrackets","totalWidth","position","marginBottom","map","g","leftPx","widthPx","to","left","bottom","flexDirection","textAlign","lineHeight","whiteSpace","label","borderLeft","borderRight","borderTop","borderRadius","createVizStyles","isDark","border","mutedText","foreground","cardBackground","container","padding","fontFamily","letterSpacing","textTransform","ColorLineVisualizer","knobs","_knobs","themeColors","propColors","oppositeThemeColors","propOppositeColors","accentColors","propAccentColors","oppositeAccentColors","propOppositeAccentColors","domColors","styles","toColorFn","toColorFn2","arr","min","max","oppositeColors"],"sources":["../../../../src/theme/devtools/ColorLineVisualizer.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/theme/devtools/ThemeDevtoolsPanel.mjs

@@ -201,7 +201,7 @@ function PinCheckbox({
   isDark
 }) {
   return /* @__PURE__ */jsx("label", {
-    title: pinned ? "Pinned \u2014 random won't change this" : "Pin to protect from random",
+    title: pinned ? "Pinned. Random won't change this" : "Pin to protect from random",
     style: {
       position: "absolute",
       top: 3,